Exception: Error: Could not load controller common/header! in /home/coffeeshop/public_html/vqmod/vqcache/vq2-system_engine_loader.php:103
Stack trace:
#0 /home/coffeeshop/public_html/vqmod/vqcache/vq2-catalog_controller_product_category.php(850): Opencart\System\Engine\Loader->controller('common/header')
#1 /home/coffeeshop/public_html/system/engine/action.php(96): Opencart\Catalog\Controller\Product\Category->index()
#2 /home/coffeeshop/public_html/system/framework.php(259): Opencart\System\Engine\Action->execute(Object(Opencart\System\Engine\Registry), Array)
#3 /home/coffeeshop/public_html/index.php(28): require_once('/home/coffeesho...')
#4 {main}
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
    var $columnLeft = $('#column-left');
    if ($columnLeft.length) {
        $columnLeft.replaceWith($columnLeft.html());
    }
	$('.category-sort').select2({
        minimumResultsForSearch: Infinity,
        width: '100%'
    });
});
</script>
<div id="product-category">
	<div class="container-xxl">
		<div class="row">
			<div class="col-lg-12">
				<ul class="breadcrumb">
											<li class="breadcrumb-item">
							<a href="https://coffeeshop.md/ru/">Главная</a>
						</li>
											<li class="breadcrumb-item">
							<a href="https://coffeeshop.md/ru/chaj?manufacturer_id=147">Чай</a>
						</li>
											<li class="breadcrumb-item">
							<a href="https://coffeeshop.md/ru/chaj/100-paketikov?manufacturer_id=147">Чай 100 пакетиков</a>
						</li>
									</ul>
			</div>
		</div>
	</div>
	<div class="container-xxl">
		<div class="row">
			<div class="col-lg-12">
				<div class="cs-page-heading">
					<h1 class="fs-xl fm-semibold mb-2">Чай 100 пакетиков</h1>
																		<h2 class="fs-md">Большая коробка на 100 пакетиков — удобно, выгодно, практично.</h2>
															</div>
									<div class="cs-category-list cs-category-listing d-flex align-items-center position-relative cs-section">
												<div id="cs-category-page" class="owl-carousel owl-theme owl-custom">
																																<div class="item">
										<div class="cs-category-item">
																							<div class="cs-image-box">
													<a href="https://coffeeshop.md/ru/chaj/100-paketikov/zelenyj-jekonom-upakovka?manufacturer_id=147" title="Зелёный чай — 100 пакетиков"><img class="mb-2" src="https://coffeeshop.md/image/cache/catalog/Categories/2025/ceai/Green%20Tea%20–%20100%20Sachets-128x128.png" alt="Зелёный чай — 100 пакетиков"></a>
												</div>
																					</div>
										<p class="fs-md text-center">
											<a href="https://coffeeshop.md/ru/chaj/100-paketikov/zelenyj-jekonom-upakovka?manufacturer_id=147" class="text-reset">Зелёный чай — 100 пакетиков</a>
										</p>
									</div>
																	<div class="item">
										<div class="cs-category-item">
																							<div class="cs-image-box">
													<a href="https://coffeeshop.md/ru/chaj/100-paketikov/chernyj-jekonom-upakovka?manufacturer_id=147" title="Чёрный чай — 100 пакетиков"><img class="mb-2" src="https://coffeeshop.md/image/cache/catalog/Categories/2025/ceai/Black%20Tea%20–%20100%20Sachets-128x128.png" alt="Чёрный чай — 100 пакетиков"></a>
												</div>
																					</div>
										<p class="fs-md text-center">
											<a href="https://coffeeshop.md/ru/chaj/100-paketikov/chernyj-jekonom-upakovka?manufacturer_id=147" class="text-reset">Чёрный чай — 100 пакетиков</a>
										</p>
									</div>
																	<div class="item">
										<div class="cs-category-item">
																							<div class="cs-image-box">
													<a href="https://coffeeshop.md/ru/chaj/100-paketikov/Travjanoj-jekonom-upakovka?manufacturer_id=147" title="Травяной чай — 100 пакетиков"><img class="mb-2" src="https://coffeeshop.md/image/cache/catalog/Categories/2025/ceai/Herbal%20Tea%20–%20100%20Sachets-128x128.png" alt="Травяной чай — 100 пакетиков"></a>
												</div>
																					</div>
										<p class="fs-md text-center">
											<a href="https://coffeeshop.md/ru/chaj/100-paketikov/Travjanoj-jekonom-upakovka?manufacturer_id=147" class="text-reset">Травяной чай — 100 пакетиков</a>
										</p>
									</div>
																					</div>
					</div>
							</div>
		</div>
	</div>

		
	<section class="cs-section cs-category-page-list">
		<div class="container-xxl">
			<div class="row">
				<div class="col-lg-2 d-none d-lg-flex">
					<div class="cs-category-filter">
						<div class="cs-category-filter">
	<div class="cs-filter-card">
        <div class="active-filters mb-4">
            <h6 class="fs-sm">Активные фильтры</h6>
            <div class="active-filter-items d-flex flex-wrap gap-2">
                                
                                
                            </div>
        </div>
	</div>
	<!-- Subcategories -->
    	<div class="cs-filter-card cs-fcategories">
		<h6 class="fs-sm">Subcategories</h6>
		                                                                                                                                    <div class="form-check mb-2 d-flex align-items-center">
                            <input class="form-check-input category-checkbox" data-category="зеленый чай" type="checkbox" value="120"  id="category-120">
                            <label class="form-check-label" for="category-120">Зеленый Чай</label>
                        </div>
                                            <div class="form-check mb-2 d-flex align-items-center">
                            <input class="form-check-input category-checkbox" data-category="черный чай" type="checkbox" value="121"  id="category-121">
                            <label class="form-check-label" for="category-121">Черный Чай</label>
                        </div>
                                            <div class="form-check mb-2 d-flex align-items-center">
                            <input class="form-check-input category-checkbox" data-category="фруктовый и травяной чай (herbal)" type="checkbox" value="122"  id="category-122">
                            <label class="form-check-label" for="category-122">Фруктовый и Травяной Чай (Herbal)</label>
                        </div>
                                            <div class="form-check mb-2 d-flex align-items-center">
                            <input class="form-check-input category-checkbox" data-category="чай 25 пакетиков" type="checkbox" value="233"  id="category-233">
                            <label class="form-check-label" for="category-233">Чай 25 пакетиков</label>
                        </div>
                                            <div class="form-check mb-2 d-flex align-items-center">
                            <input class="form-check-input category-checkbox" data-category="чай 100 пакетиков" type="checkbox" value="234" checked id="category-234">
                            <label class="form-check-label" for="category-234">Чай 100 пакетиков</label>
                        </div>
                                        
                                                                <div class="form-check mb-2 d-flex align-items-center d-none extra-category">
                            <input class="form-check-input category-checkbox" data-category="чай заварной 100–250 г" type="checkbox" value="235"  id="category-235">
                            <label class="form-check-label" for="category-235">Чай Заварной 100–250 г</label>
                        </div>
                                            <div class="form-check mb-2 d-flex align-items-center d-none extra-category">
                            <input class="form-check-input category-checkbox" data-category="чай horeca professional (4г)" type="checkbox" value="298"  id="category-298">
                            <label class="form-check-label" for="category-298">Чай Horeca Professional (4г)</label>
                        </div>
                                        
                                                                <a href="#" class="link link-md mt-1 d-flex align-items-center justify-content-center toggle-categories" 
                        data-state="show">
                            Показать все (+2)
                        </a>
                                                                                                                                                                                                                                <script>
        document.addEventListener('DOMContentLoaded', function() {
            var subcategories = 1;
            if(subcategories == 0){
                $(".cs-fcategories").hide();
            }
            const toggleBtn = document.querySelector('.toggle-categories');
            if (toggleBtn) {
                toggleBtn.addEventListener('click', function(e) {
                    e.preventDefault();
                    const extraCategories = document.querySelectorAll('.extra-category');
                    const isShowing = this.getAttribute('data-state') === 'show';
                    
                    extraCategories.forEach(el => {
                        el.classList.toggle('d-none', !isShowing);
                    });
                    
                    if (isShowing) {
                        this.textContent = 'Hide';
                        this.setAttribute('data-state', 'hide');
                    } else {
                        this.textContent = `Показать все (+${extraCategories.length})`;
                        this.setAttribute('data-state', 'show');
                    }
                });
            }
        });
        </script>
	</div>
	<!-- Price -->
	<!-- Price Filter -->
    <div class="cs-filter-card">
        <h6 class="fs-sm">Цена</h6>
        <div class="d-flex gap-2 cs-filter-price">
            <input type="text" class="form-control cs-input-sm price-min" placeholder="Мин.">
            <input type="text" class="form-control cs-input-sm price-max" placeholder="Макс.">
        </div>
        <div class="form-check mb-2 d-flex align-items-center">
            <input class="form-check-input rounded-circle price-radio" type="radio" name="price" id="price1" data-min="0" data-max="200">
            <label class="form-check-label" for="price1">До 200 лей</label>
        </div>
        <div class="form-check mb-2 d-flex align-items-center">
            <input class="form-check-input rounded-circle price-radio" type="radio" name="price" id="price2" data-min="200" data-max="500">
            <label class="form-check-label" for="price2">От 200 до 500 лей</label>
        </div>
        <div class="form-check mb-2 d-flex align-items-center">
            <input class="form-check-input rounded-circle price-radio" type="radio" name="price" id="price3" data-min="500" data-max="1000">
            <label class="form-check-label" for="price3">От 500 до 1000 лей</label>
        </div>
        <div class="form-check mb-2 d-flex align-items-center">
            <input class="form-check-input rounded-circle price-radio" type="radio" name="price" id="price4" data-min="1000" data-max="2500">
            <label class="form-check-label" for="price4">От 1000 до 2500 лей</label>
        </div>
    </div>
	<!-- Brand -->
	<div class="cs-filter-card cs-filter-brand">
        <h6 class="fs-sm"></h6>
        <div class="cs-search input-group position-relative">
            <input type="search" class="form-control border-0 brand-search" placeholder="Поиск брендов">
            <span class="position-absolute top-50 start-0 translate-middle-y ps-2">
                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M17.5 17.5L12.5001 12.5M14.1667 8.33333C14.1667 11.555 11.555 14.1667 8.33333 14.1667C5.11167 14.1667 2.5 11.555 2.5 8.33333C2.5 5.11167 5.11167 2.5 8.33333 2.5C11.555 2.5 14.1667 5.11167 14.1667 8.33333Z" stroke="#717680" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
            </span>
        </div>
        
                            <div class="form-check mb-2 d-flex align-items-center brand-item">
                <input class="form-check-input brand-checkbox" type="checkbox" value="65"  data-brand="greenfield - премиум чай" data-brand-name="Greenfield - Премиум Чай" id="brand-65">
                <label class="form-check-label d-flex align-items-center gap-2" for="brand-65">
                    <img src="https://coffeeshop.md/image/cache/catalog/brands/greenfield-24x24.jpg" alt="Greenfield - Премиум Чай" width="20" height="20">                    <span class="brand-name">Greenfield - Премиум Чай</span>
                </label>
            </div>
                    <div class="form-check mb-2 d-flex align-items-center brand-item">
                <input class="form-check-input brand-checkbox" type="checkbox" value="60"  data-brand="tess чай" data-brand-name="TESS Чай" id="brand-60">
                <label class="form-check-label d-flex align-items-center gap-2" for="brand-60">
                    <img src="https://coffeeshop.md/image/cache/catalog/brands/logo-tess-tea-jpeg-24x24.jpg" alt="TESS Чай" width="20" height="20">                    <span class="brand-name">TESS Чай</span>
                </label>
            </div>
                
                        
                    </div>

    <script>
    document.addEventListener('DOMContentLoaded', function() {
        // Toggle show/hide brands
        const toggleBtn = document.querySelector('.toggle-brands');
        if (toggleBtn) {
            toggleBtn.addEventListener('click', function(e) {
                e.preventDefault();
                const extraBrands = document.querySelectorAll('.extra-brand');
                const isShowing = this.getAttribute('data-state') === 'show';
                
                extraBrands.forEach(el => {
                    el.classList.toggle('d-none', !isShowing);
                });
                
                if (isShowing) {
                    this.textContent = 'Hide';
                    this.setAttribute('data-state', 'hide');
                } else {
                    this.textContent = `Show all (+${extraBrands.length})`;
                    this.setAttribute('data-state', 'show');
                }
            });
        }
        
        // Brand search functionality
        const brandSearch = document.querySelector('.brand-search');
        if (brandSearch) {
            brandSearch.addEventListener('input', function() {
                const searchTerm = this.value.toLowerCase();
                const brandItems = document.querySelectorAll('.brand-item');
                
                brandItems.forEach(item => {
                    const brandName = $(this).data('brand-name') || '';
                    if (brandName.includes(searchTerm)) {
                        item.classList.remove('d-none');
                    } else {
                        item.classList.add('d-none');
                    }
                });
                
                // Show toggle button only if there are hidden brands after search
                const visibleExtraBrands = document.querySelectorAll('.extra-brand:not(.d-none)');
                if (toggleBtn) {
                    if (visibleExtraBrands.length > 0 && searchTerm === '') {
                        toggleBtn.style.display = 'flex';
                    } else {
                        toggleBtn.style.display = 'none';
                    }
                }
            });
        }
    });
    </script>
	<!-- Reset Button -->
	<button class="btn btn-subtie w-100">Сбросить все</button>
</div>
<script>
$(document).ready(function() {
    // Object to store current filters
    let currentFilters = {
        price: { min: null, max: null },
        brands: [],
        categories: [],
        tags: []
    };

    // === SINGLE EVENT HANDLER FOR ALL FILTER TYPES ===
    
    // Tag click handler - ONLY THIS ONE
    $(document).on('click', '.tag-option', function(e) {
        e.preventDefault();
        e.stopPropagation();
        
        const $tag = $(this);
        const tagCode = $tag.data('tag');
        
        // Toggle visual selection
        $tag.toggleClass('bg-primary selected');
        
        if ($tag.hasClass('bg-primary') || $tag.hasClass('selected')) {
            // Add to filters if not already there
            if (!currentFilters.tags.includes(tagCode)) {
                currentFilters.tags.push(tagCode);
            }
            // Sync with tag badges
            const $badge = $(`#availableTags .badge[data-tag="${tagCode}"]`);
            $badge.addClass('selected');
            $badge.find('.close-filter').removeClass('d-none');
        } else {
            // Remove from filters
            currentFilters.tags = currentFilters.tags.filter(t => t !== tagCode);
            // Sync with tag badges
            const $badge = $(`#availableTags .badge[data-tag="${tagCode}"]`);
            $badge.removeClass('selected');
            $badge.find('.close-filter').addClass('d-none');
        }
        
        console.log("Current tags:", currentFilters.tags);
        updateUrl();
    });

    $(document).on('click', '.brand-filter', function(e) {
        e.preventDefault();
        const brandName = $(this).data('brand');
        
        // Remove from current filters
        currentFilters.brands = currentFilters.brands.filter(b => b !== brandName);
        
        // Find and uncheck corresponding checkbox
        const $checkbox = $(`.brand-checkbox[data-brand-name="${brandName}"]`);
        if ($checkbox.length) {
            $checkbox.prop('checked', false);
            
            // Update corresponding badge and close filter
            const manufacturerId = $checkbox.val();
            const $badge = $(`#availableManufacturers .badge[data-manufacturer-id="${manufacturerId}"]`);
            $badge.removeClass('selected');
            $badge.find('.close-filter').addClass('d-none');
        }
        
        updateUrl();
    });

    // === TAG BADGE HANDLER === 
    $(document).on('click', '#availableTags .badge', function(e) {
        e.preventDefault();
        e.stopPropagation();
        
        const $badge = $(this);
        const tagCode = $badge.data('tag');
        const tagTitle = $badge.data('tag-title');
        
        // Toggle selection
        $badge.toggleClass('selected');
        
        // Get the corresponding checkbox (if exists)
        const $checkbox = $(`.tag-checkbox[value="${tagCode}"]`);
        
        if ($badge.hasClass('selected')) {
            // Add to filters
            if (!currentFilters.tags.includes(tagCode)) {
                currentFilters.tags.push(tagCode);
            }
            // Show close filter
            $badge.find('.close-filter').removeClass('d-none');
            
            // Check corresponding checkbox if exists
            if ($checkbox.length) {
                $checkbox.prop('checked', true);
            }
        } else {
            // Remove from filters
            currentFilters.tags = currentFilters.tags.filter(t => t !== tagCode);
            // Hide close filter
            $badge.find('.close-filter').addClass('d-none');
            
            // Uncheck corresponding checkbox if exists
            if ($checkbox.length) {
                $checkbox.prop('checked', false);
            }
        }
        
        updateUrl();
    });

    // Close filter handler for tag badges
    $(document).on('click', '#availableTags .close-filter', function(e) {
        e.preventDefault();
        e.stopPropagation();
        
        const $closeBtn = $(this);
        const $badge = $closeBtn.closest('.badge');
        const tagCode = $badge.data('tag');
        const tagTitle = $badge.data('tag-title');
        
        // Remove selection
        $badge.removeClass('selected');
        $closeBtn.addClass('d-none');
        
        // Get the corresponding checkbox (if exists)
        const $checkbox = $(`.tag-checkbox[value="${tagCode}"]`);
        if ($checkbox.length) {
            $checkbox.prop('checked', false);
        }
        
        // Remove from filters
        currentFilters.tags = currentFilters.tags.filter(t => t !== tagCode);
        
        updateUrl();
    });

    // Active filter removal - SINGLE HANDLER
    $(document).on('click', '.active-filter-items .badge', function(e) {
        e.preventDefault();
        const $badge = $(this);
        const filterText = $badge.text().replace(' ×', '').trim();

        if ($badge.hasClass('price-filter')) {
            // Price filter removal
            currentFilters.price = { min: null, max: null };            
            $('.price-radio').prop('checked', false);
            $('.price-min').val('');
            $('.price-max').val('');
        } else if ($badge.hasClass('tag-remove')) {
            // Tag removal from active filters
            const tag = $badge.data('tag');
            currentFilters.tags = currentFilters.tags.filter(t => t !== tag);
            
            // Remove from tag options
            $(`.tag-option[data-tag="${tag}"]`).removeClass('bg-primary selected');
            $(`.tag-checkbox[value="${tag}"]`).prop('checked', false);
            
            // Remove from tag badges
            const $tagBadge = $(`#availableTags .badge[data-tag="${tag}"]`);
            $tagBadge.removeClass('selected');
            $tagBadge.find('.close-filter').addClass('d-none');
        } else {
            // Brand/Category removal (by text matching)
            if (currentFilters.brands.includes(filterText)) {
                currentFilters.brands = currentFilters.brands.filter(b => b !== filterText);
                $(`.brand-checkbox[data-brand="${filterText}"]`).prop('checked', false);
            } else if (currentFilters.categories.includes(filterText)) {
                currentFilters.categories = currentFilters.categories.filter(c => c !== filterText);
                $(`.category-checkbox[data-category="${filterText}"]`).prop('checked', false);
            }
        }
        
        updateUrl();
    });

    // === FILTER CHANGE HANDLERS ===
    $('.price-radio').on('change', function() {
        currentFilters.price = {
            min: $(this).data('min'),
            max: $(this).data('max')
        };
        updateUrl();
    });

    $('.price-min, .price-max').on('change', function() {
        $('.price-radio').prop('checked', false);
        currentFilters.price = {
            min: $('.price-min').val() || null,
            max: $('.price-max').val() || null
        };
        updateUrl();
    });

    $('.brand-checkbox').on('change', function() {
        const brandName = $(this).data('brand-name');
        if ($(this).is(':checked')) {
            if (!currentFilters.brands.includes(brandName)) {
                currentFilters.brands.push(brandName);
            }
        } else {
            currentFilters.brands = currentFilters.brands.filter(b => b !== brandName);
        }
        
        // Sync with manufacturer badges
        const manufacturerId = $(this).val();
        const $badge = $(`#availableManufacturers .badge[data-manufacturer-id="${manufacturerId}"]`);
        const $closeFilter = $badge.find('.close-filter');
        
        if ($(this).is(':checked')) {
            $badge.addClass('selected');
            $closeFilter.removeClass('d-none');
        } else {
            $badge.removeClass('selected');
            $closeFilter.addClass('d-none');
        }
        
        updateUrl();
    });

    $('.category-checkbox').on('change', function() {
        const categoryName = $(this).data('category');
        if ($(this).is(':checked')) {
            if (!currentFilters.categories.includes(categoryName)) {
                currentFilters.categories.push(categoryName);
            }
        } else {
            currentFilters.categories = currentFilters.categories.filter(c => c !== categoryName);
        }
        updateUrl();
    });

    // === MANUFACTURER BADGE HANDLER === 
    $(document).on('click', '#availableManufacturers .badge', function(e) {
        e.preventDefault();
        e.stopPropagation();
        
        const $badge = $(this);
        const manufacturerId = $badge.data('manufacturer-id');
        const manufacturerName = $badge.data('manufacturer-title');
        
        // Toggle selection
        $badge.toggleClass('selected');
        
        // Get the corresponding checkbox
        const $checkbox = $(`.brand-checkbox[value="${manufacturerId}"]`);
        
        if ($badge.hasClass('selected')) {
            // Add to filters
            $checkbox.prop('checked', true);
            if (!currentFilters.brands.includes(manufacturerName)) {
                currentFilters.brands.push(manufacturerName);
            }
            // Show close filter
            $badge.find('.close-filter').removeClass('d-none');
        } else {
            // Remove from filters
            $checkbox.prop('checked', false);
            currentFilters.brands = currentFilters.brands.filter(b => b !== manufacturerName);
            // Hide close filter
            $badge.find('.close-filter').addClass('d-none');
        }
        
        updateUrl();
    });

    // Close filter handler for manufacturer badges
    $(document).on('click', '#availableManufacturers .close-filter', function(e) {
        e.preventDefault();
        e.stopPropagation();
        
        const $closeBtn = $(this);
        const $badge = $closeBtn.closest('.badge');
        const manufacturerId = $badge.data('manufacturer-id');
        const manufacturerName = $badge.data('manufacturer-title');
        
        // Remove selection
        $badge.removeClass('selected');
        $closeBtn.addClass('d-none');
        
        // Get the corresponding checkbox
        const $checkbox = $(`.brand-checkbox[value="${manufacturerId}"]`);
        $checkbox.prop('checked', false);
        
        // Remove from filters
        currentFilters.brands = currentFilters.brands.filter(b => b !== manufacturerName);
        
        updateUrl();
    });

    // === CORE FUNCTIONS ===

    function updateActiveFilters() {
        let activeFiltersHtml = '';
        
        // Price filter
        if (currentFilters.price.min !== null || currentFilters.price.max !== null) {
            const min = currentFilters.price.min || '';
            const max = currentFilters.price.max || '';
            activeFiltersHtml += `
                <span class="badge bg-modern w-auto d-flex align-items-center justify-content-center gap-1 price-filter" 
                    data-min="${min}" 
                    data-max="${max}">
                    Цена: ${min}-${max} lei ×
                </span>`;
        }
        
        // Brand filters
        currentFilters.brands.forEach(brand => {
            activeFiltersHtml += `<span class="badge bg-modern w-auto d-flex align-items-center justify-content-center gap-1 brand-filter" data-brand="${brand}">${brand} ×</span>`;
        });
        
        // Category filters
        currentFilters.categories.forEach(category => {
            activeFiltersHtml += `<span class="badge bg-modern w-auto d-flex align-items-center justify-content-center gap-1">${category} ×</span>`;
        });

        // Tag filters
        currentFilters.tags.forEach(tag => {
            activeFiltersHtml += `<span class="badge bg-modern w-auto d-flex align-items-center justify-content-center gap-1 tag-remove" data-tag="${tag}">${tag} ×</span>`;
        });
        
        $('.active-filter-items').html(activeFiltersHtml || '<span class="text-muted">Нет активных фильтров</span>');
    }

    function updateUrl() {
        console.log("Updating URL with filters:", currentFilters);
        
        const url = new URL(window.location.href);
        const params = new URLSearchParams();

        // Clear all existing parameters and rebuild
        if (currentFilters.tags.length > 0) {
            params.set('tag', currentFilters.tags.join(','));
        }
        
        if (currentFilters.price.min || currentFilters.price.max) {
            params.set('min_price', currentFilters.price.min || '');
            params.set('max_price', currentFilters.price.max || '');
        }
        
        if (currentFilters.brands.length > 0) {
            const brandIds = [];
            $('.brand-checkbox:checked').each(function() {
                brandIds.push($(this).val());
            });
            params.set('manufacturer_id', brandIds.join(','));
        }
        
        if (currentFilters.categories.length > 0) {
            const categoryIds = [];
            $('.category-checkbox:checked').each(function() {
                categoryIds.push($(this).val());
            });
            params.set('category_id', categoryIds.join(','));
        }

        // Build the new URL
        const queryString = params.toString();
        const newUrl = queryString ? `${window.location.pathname}?${queryString}` : window.location.pathname;
        
        console.log("Updating URL to:", newUrl);
        
        // UPDATE URL FIRST, then make AJAX call
        window.history.pushState({}, '', newUrl);

        // Update active filters display
        updateActiveFilters(); // <-- ADD THIS LINE
        
        // Now make AJAX call with the updated URL
        loadFilteredProducts();
    }

    function loadFilteredProducts() {
        // Use the current URL (which now includes the tags)
        const url = new URL(window.location.href);
        url.searchParams.set('ajax_filter', '1');
        
        // Remove jQuery cache buster if you want clean URLs
        $.ajax({
            url: url.toString(),
            type: 'GET',
            dataType: 'html',
            cache: false, // This prevents the _ parameter
            beforeSend: function() {
                $('.cs-product-list').html('<div class="text-center py-5"><i class="fas fa-spinner fa-spin fa-3x"></i></div>');
            },
            success: function(response) {
                $('.cs-product-list').html(response);
                console.log("Products updated successfully from URL:", url.toString());
            },
            error: function(xhr, status, error) {
                console.error("AJAX Error:", error);
                $('.cs-product-list').html('<div class="text-center py-5">Error loading products</div>');
            }
        });
    }

    function initFiltersFromUrl() {
        const urlParams = new URLSearchParams(window.location.search);
        
        console.log("Initializing filters from URL");

        // Price
        const minPrice = urlParams.get('min_price');
        const maxPrice = urlParams.get('max_price');
        if (minPrice || maxPrice) {
            $('.price-min').val(minPrice || '');
            $('.price-max').val(maxPrice || '');
            currentFilters.price = { min: minPrice, max: maxPrice };
        }
        
        // Brands
        const brands = urlParams.get('manufacturer_id');
        if (brands) {
            const brandIds = brands.split(',');
            brandIds.forEach(id => {
                const $checkbox = $(`.brand-checkbox[value="${id}"]`);
                $checkbox.prop('checked', true);
                const brandName = $checkbox.data('brand-name');
                if (brandName && !currentFilters.brands.includes(brandName)) {
                    currentFilters.brands.push(brandName);
                }
                
                // Sync manufacturer badges and close filters
                const $badge = $(`#availableManufacturers .badge[data-manufacturer-id="${id}"]`);
                $badge.addClass('selected');
                $badge.find('.close-filter').removeClass('d-none');
            });
        }
        
        // Categories
        const categories = urlParams.get('category_id');
        if (categories) {
            const categoryIds = categories.split(',');
            categoryIds.forEach(id => {
                const $checkbox = $(`.category-checkbox[value="${id}"]`);
                $checkbox.prop('checked', true);
                const categoryName = $checkbox.data('category');
                if (categoryName && !currentFilters.categories.includes(categoryName)) {
                    currentFilters.categories.push(categoryName);
                }
            });
        }

        // Tags
        const tags = urlParams.get('tag');
        if (tags) {
            const tagArray = tags.split(',');
            tagArray.forEach(tag => {
                tag = tag.trim();
                if (tag && !currentFilters.tags.includes(tag)) {
                    currentFilters.tags.push(tag);
                }
                
                // Sync tag options
                $(`.tag-option[data-tag="${tag}"]`).addClass('bg-primary selected');
                $(`.tag-checkbox[value="${tag}"]`).prop('checked', true);
                
                // Sync tag badges and close filters
                const $badge = $(`#availableTags .badge[data-tag="${tag}"]`);
                $badge.addClass('selected');
                $badge.find('.close-filter').removeClass('d-none');
            });
        }
        
        updateActiveFilters();
    }
    
    // Clear filters
    $('.btn-subtie').on('click', function(e) {
        e.preventDefault();
        
        $('.form-check-input').prop('checked', false);
        $('.price-min, .price-max').val('');
        $('.tag-option').removeClass('bg-primary selected');
        
        // Clear manufacturer badges
        $('#availableManufacturers .badge').removeClass('selected');
        $('#availableManufacturers .close-filter').addClass('d-none');
        
        // Clear tag badges
        $('#availableTags .badge').removeClass('selected');
        $('#availableTags .close-filter').addClass('d-none');
        
        currentFilters = {
            price: { min: null, max: null },
            brands: [],
            categories: [],
            tags: []
        };
        
        // Update active filters display
        updateActiveFilters(); // <-- ADD THIS LINE
        
        const url = new URL(window.location.href);
        url.search = '';
        window.location.href = url.toString();
    });

    // Brand search functionality
    $('.brand-search').on('input', function() {
        const searchTerm = $(this).val().toLowerCase().trim();

        if (searchTerm.length > 0) {
            $('.brand-item').each(function() {
                const brandName = $(this).find('.brand-name').text().toLowerCase();
                if (brandName.includes(searchTerm)) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            });
            $(".toggle-brands").hide();
        } else {
            $('.brand-item').show();
            $('.brand-item.extra-brand').addClass('d-none');
            $(".toggle-brands").show();
        }
    });

    // Initialize
    initFiltersFromUrl();
});

</script>
					</div>
				</div>
				<div class="col-lg-10">
					
											<section class="cs-section cs-useful-links">
							<div class="container-xxl">
								<div class="row">
																											<div class="col-12 mb-3">
										<div class="availableManufacturers cs-useful-links-list d-flex">
											<ul class="d-flex flex-wrap" id="availableManufacturers">
																									<li>
														<a class="badge bg-brand badge-lg rounded-pill "
														href="#"
														data-manufacturer-id="65"
														data-manufacturer-title="Greenfield - Премиум Чай"
														data-bs-toggle="tooltip"
														aria-label="Выберите производителя"
														data-bs-original-title="Выберите производителя">
															Greenfield - Премиум Чай
															<span class="close-filter ms-1 d-none">×</span>
														</a>
													</li>
																									<li>
														<a class="badge bg-brand badge-lg rounded-pill "
														href="#"
														data-manufacturer-id="60"
														data-manufacturer-title="TESS Чай"
														data-bs-toggle="tooltip"
														aria-label="Выберите производителя"
														data-bs-original-title="Выберите производителя">
															TESS Чай
															<span class="close-filter ms-1 d-none">×</span>
														</a>
													</li>
																							</ul>
											<div class="owl-nav-custom d-flex gap-2 ">
												<button class="bg-white d-flex align-items-center justify-content-center cs-prev" id="cs-prev">
													<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
														<path d="M12.5 15L7.5 10L12.5 5" stroke="#414651" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
													</svg>
												</button>
												<button class="bg-white d-flex align-items-center justify-content-center cs-next" id="cs-next">
													<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
														<path d="M7.5 15L12.5 10L7.5 5" stroke="#414651" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
													</svg>
												</button>
											</div>
										</div>
									</div>
									
									<!-- Tags List (updated to match the new structure) -->
																	</div>
							</div>
						</section>
										<div class="cs-product-list">
						<div class="row">
																						<p>В этой категории нет товаров для отображения.</p>
								<div class="text-end">
									<a href="https://coffeeshop.md/ru/" class="btn btn-primary">Продолжить</a>
								</div>
													</div>
						
					</div>
					
					<div class="cs-featured-product">
	<div class="card cs-banner-small-slider mb-3 border-0">
		<div class="card-body">
			<div class="card-header p-0 border-0  d-flex align-items-center justify-content-between ">
				<h5 class="fs-xl fm-semibold d-flex align-items-center justify-content-center gap-2">
					<svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M16.5683 6.27333C16.4233 6.0025 16.1408 5.83333 15.8333 5.83333H11.9383L13.3017 1.0625C13.3733 0.810833 13.3233 0.540833 13.1658 0.331667C13.0083 0.1225 12.7617 0 12.5 0H6.66667C6.29084 0 5.96167 0.251667 5.8625 0.614167L3.3625 9.78083C3.29417 10.0317 3.34667 10.3 3.50417 10.5058C3.6625 10.7117 3.90667 10.8333 4.16667 10.8333H8.16834L6.68 19.0175C6.60917 19.4058 6.82084 19.7908 7.1875 19.9392C7.29 19.9808 7.39584 20 7.5 20C7.7725 20 8.03584 19.8667 8.19417 19.6292L16.5275 7.12917C16.6975 6.87333 16.7133 6.545 16.5683 6.27333Z" fill="#B42318"/>
					</svg>
					Рекомендуемые товары
				</h5>
							</div>
			<div id="featured-products1" class="owl-carousel owl-theme position-relative owl-custom">
									<div class="item">
						<div class="card cs-product-card border-0">
							<form method="post" data-oc-toggle="ajax" data-oc-load="https://coffeeshop.md/index.php?route=common/cart.info&amp;language=ru" data-oc-target="#cart" class="productId576">
								<div class="card-body d-flex align-items-start p-0">
									<div class="cs-product-image p-3 me-2 position-relative">
										<a href="https://coffeeshop.md/ru/chaj/chernyj-chaj/chyornyj-paketirovannyj-chaj/greenfield-golden-ceylon-100-2g-dostavka-kishinev-moldova" title="Greenfield Golden Ceylon Классика Чая 100 X 2 г Пакетированный Чай">
											<img src="https://coffeeshop.md/image/cache/catalog/produse/Ceai/Greenfield/greenfield%20golden%20ceylon100%20Pack%20coffeeshop-md-250x250.jpg" alt="Greenfield Golden Ceylon Классика Чая 100 X 2 г Пакетированный Чай" class="img-fluid">
										</a>
										<div class="cs-favourite position-absolute top-0 end-0">
											<button type="submit" formaction="https://coffeeshop.md/index.php?route=account/wishlist.add&amp;language=ru" data-bs-toggle="tooltip" title="Добавить в избранное" class="btn md-btn-tertiary-gray custom-prev border-0 d-flex align-items-center justify-content-center">
												<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9932 5.13581C9.9938 2.7984 6.65975 2.16964 4.15469 4.31001C1.64964 6.45038 1.29697 10.029 3.2642 12.5604C4.89982 14.6651 9.84977 19.1041 11.4721 20.5408C11.6536 20.7016 11.7444 20.7819 11.8502 20.8135C11.9426 20.8411 12.0437 20.8411 12.1361 20.8135C12.2419 20.7819 12.3327 20.7016 12.5142 20.5408C14.1365 19.1041 19.0865 14.6651 20.7221 12.5604C22.6893 10.029 22.3797 6.42787 19.8316 4.31001C17.2835 2.19216 13.9925 2.7984 11.9932 5.13581Z" stroke="#535862" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
												</svg>
											</button>
										</div>
									</div>
									<div class="cs-product-details">
																					<p class="cs-product-details-category mb-1 fs-xs fm-semibold">
												<a href="https://coffeeshop.md/ru/greenfield-moldova-chaj-zavarnoj-piramidki-paketiki-dostavka-md?manufacturer_id=65" title="Greenfield - Премиум Чай">Greenfield - Премиум Чай</a>
											</p>
																				<p class="mb-1 p-0 cs-product-details-description">
											<a href="https://coffeeshop.md/ru/chaj/chernyj-chaj/chyornyj-paketirovannyj-chaj/greenfield-golden-ceylon-100-2g-dostavka-kishinev-moldova" title="Greenfield Golden Ceylon Классика Чая 100 X 2 г Пакетированный Чай">Greenfield Golden Ceylon Классика Чая 100 X 2 г Пакетированный Чай</a>
										</p>
																					<span class="badge bg-secondary w-auto mb-1">200,00g</span>
																				<div class="cs-price d-flex align-items-center gap-2">
																							<p class="mb-0">227,70 Lei</p>
																																	</div>
										<div class="d-flex align-items-center gap-2 quantity-wrapper">
											<input type="hidden" name="product_id" value="576">
											<button class="btn xl-btn-secondary-gray d-flex align-items-center justify-content-center quantity-minus" type="button">
												<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M3.11133 7.25H10.8891" stroke="#344054" stroke-width="1.11111" stroke-linecap="round" stroke-linejoin="round"></path>
												</svg>
											</button>
											<input type="text" class="form-control text-center quantity-input" name="quantity" value="1" min="1" max="99" readonly>
											<button class="btn xl-btn-secondary-gray d-flex align-items-center justify-content-center quantity-plus" type="button">
												<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M7.00022 3.36108V11.1389M3.11133 7.24997H10.8891" stroke="#344054" stroke-width="1.11111" stroke-linecap="round" stroke-linejoin="round"></path>
												</svg>
											</button>
											<button type="submit" formaction="https://coffeeshop.md/index.php?route=checkout/cart.add&amp;language=ru" class="btn xl-btn-secondary-color d-flex align-items-center justify-content-center" data-bs-toggle="tooltip" title="В корзину">
												<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
													<g clip-path="url(#clip0_13548_3922)">
														<path d="M4.11141 10.0277H10.1276C10.6554 10.0277 10.9193 10.0277 11.1343 9.93233C11.3239 9.84827 11.4862 9.71282 11.6029 9.54131C11.7351 9.34677 11.7823 9.08715 11.8767 8.56791L12.6272 4.44051C12.6599 4.26054 12.6763 4.17056 12.651 4.1003C12.6288 4.03866 12.5856 3.98684 12.5289 3.954C12.4643 3.91656 12.3728 3.91656 12.1899 3.91656H3.27807M1.61133 1.69434H2.34266C2.47749 1.69434 2.5449 1.69434 2.59943 1.71896C2.64748 1.74067 2.68836 1.7756 2.7173 1.81969C2.75013 1.8697 2.76064 1.93629 2.78167 2.06946L4.32988 11.8748C4.3509 12.0079 4.36142 12.0745 4.39425 12.1245C4.42318 12.1686 4.46406 12.2036 4.51212 12.2253C4.56664 12.2499 4.63405 12.2499 4.76888 12.2499H11.0558" stroke="white" stroke-width="1.11111" stroke-linecap="round" stroke-linejoin="round"/>
													</g>
												</svg>
											</button>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
									<div class="item">
						<div class="card cs-product-card border-0">
							<form method="post" data-oc-toggle="ajax" data-oc-load="https://coffeeshop.md/index.php?route=common/cart.info&amp;language=ru" data-oc-target="#cart" class="productId1674">
								<div class="card-body d-flex align-items-start p-0">
									<div class="cs-product-image p-3 me-2 position-relative">
										<a href="https://coffeeshop.md/ru/chaj/zelenyj-chaj/zelenyj-paketirovannyj-chaj/greenfield-flying-dragon-100-x-2-g-dostavka-kishinev-moldova" title="Greenfield Flying Dragon Чай с Экзотическими Фруктами 100 x 2 г Пакетированный">
											<img src="https://coffeeshop.md/image/cache/catalog/produse/Ceai/Greenfield/Greenfield-Flying-Dragon-1-0-0-bags-livrare-chisinau-moldova-coffee-shop-md-online-250x250.jpg" alt="Greenfield Flying Dragon Чай с Экзотическими Фруктами 100 x 2 г Пакетированный" class="img-fluid">
										</a>
										<div class="cs-favourite position-absolute top-0 end-0">
											<button type="submit" formaction="https://coffeeshop.md/index.php?route=account/wishlist.add&amp;language=ru" data-bs-toggle="tooltip" title="Добавить в избранное" class="btn md-btn-tertiary-gray custom-prev border-0 d-flex align-items-center justify-content-center">
												<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9932 5.13581C9.9938 2.7984 6.65975 2.16964 4.15469 4.31001C1.64964 6.45038 1.29697 10.029 3.2642 12.5604C4.89982 14.6651 9.84977 19.1041 11.4721 20.5408C11.6536 20.7016 11.7444 20.7819 11.8502 20.8135C11.9426 20.8411 12.0437 20.8411 12.1361 20.8135C12.2419 20.7819 12.3327 20.7016 12.5142 20.5408C14.1365 19.1041 19.0865 14.6651 20.7221 12.5604C22.6893 10.029 22.3797 6.42787 19.8316 4.31001C17.2835 2.19216 13.9925 2.7984 11.9932 5.13581Z" stroke="#535862" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
												</svg>
											</button>
										</div>
									</div>
									<div class="cs-product-details">
																					<p class="cs-product-details-category mb-1 fs-xs fm-semibold">
												<a href="https://coffeeshop.md/ru/greenfield-moldova-chaj-zavarnoj-piramidki-paketiki-dostavka-md?manufacturer_id=65" title="Greenfield - Премиум Чай">Greenfield - Премиум Чай</a>
											</p>
																				<p class="mb-1 p-0 cs-product-details-description">
											<a href="https://coffeeshop.md/ru/chaj/zelenyj-chaj/zelenyj-paketirovannyj-chaj/greenfield-flying-dragon-100-x-2-g-dostavka-kishinev-moldova" title="Greenfield Flying Dragon Чай с Экзотическими Фруктами 100 x 2 г Пакетированный">Greenfield Flying Dragon Чай с Экзотическими Фруктами 100 x 2 г Пакетированный</a>
										</p>
																					<span class="badge bg-secondary w-auto mb-1">200,00g</span>
																				<div class="cs-price d-flex align-items-center gap-2">
																							<p class="mb-0">226,65 Lei</p>
																																	</div>
										<div class="d-flex align-items-center gap-2 quantity-wrapper">
											<input type="hidden" name="product_id" value="1674">
											<button class="btn xl-btn-secondary-gray d-flex align-items-center justify-content-center quantity-minus" type="button">
												<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M3.11133 7.25H10.8891" stroke="#344054" stroke-width="1.11111" stroke-linecap="round" stroke-linejoin="round"></path>
												</svg>
											</button>
											<input type="text" class="form-control text-center quantity-input" name="quantity" value="1" min="1" max="99" readonly>
											<button class="btn xl-btn-secondary-gray d-flex align-items-center justify-content-center quantity-plus" type="button">
												<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M7.00022 3.36108V11.1389M3.11133 7.24997H10.8891" stroke="#344054" stroke-width="1.11111" stroke-linecap="round" stroke-linejoin="round"></path>
												</svg>
											</button>
											<button type="submit" formaction="https://coffeeshop.md/index.php?route=checkout/cart.add&amp;language=ru" class="btn xl-btn-secondary-color d-flex align-items-center justify-content-center" data-bs-toggle="tooltip" title="В корзину">
												<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
													<g clip-path="url(#clip0_13548_3922)">
														<path d="M4.11141 10.0277H10.1276C10.6554 10.0277 10.9193 10.0277 11.1343 9.93233C11.3239 9.84827 11.4862 9.71282 11.6029 9.54131C11.7351 9.34677 11.7823 9.08715 11.8767 8.56791L12.6272 4.44051C12.6599 4.26054 12.6763 4.17056 12.651 4.1003C12.6288 4.03866 12.5856 3.98684 12.5289 3.954C12.4643 3.91656 12.3728 3.91656 12.1899 3.91656H3.27807M1.61133 1.69434H2.34266C2.47749 1.69434 2.5449 1.69434 2.59943 1.71896C2.64748 1.74067 2.68836 1.7756 2.7173 1.81969C2.75013 1.8697 2.76064 1.93629 2.78167 2.06946L4.32988 11.8748C4.3509 12.0079 4.36142 12.0745 4.39425 12.1245C4.42318 12.1686 4.46406 12.2036 4.51212 12.2253C4.56664 12.2499 4.63405 12.2499 4.76888 12.2499H11.0558" stroke="white" stroke-width="1.11111" stroke-linecap="round" stroke-linejoin="round"/>
													</g>
												</svg>
											</button>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
									<div class="item">
						<div class="card cs-product-card border-0">
							<form method="post" data-oc-toggle="ajax" data-oc-load="https://coffeeshop.md/index.php?route=common/cart.info&amp;language=ru" data-oc-target="#cart" class="productId1741">
								<div class="card-body d-flex align-items-start p-0">
									<div class="cs-product-image p-3 me-2 position-relative">
										<a href="https://coffeeshop.md/ru/chaj/chernyj-chaj/chyornyj-paketirovannyj-chaj/tess-sunrise-100-x-18-g" title="Tess Sunrise Черный Чай Байховый Цейлонский 100 x 18 г Пакетированный">
											<img src="https://coffeeshop.md/image/cache/catalog/produse/Tess/tess-sunrise%20100p-coffeeshop-md-250x250.jpg" alt="Tess Sunrise Черный Чай Байховый Цейлонский 100 x 18 г Пакетированный" class="img-fluid">
										</a>
										<div class="cs-favourite position-absolute top-0 end-0">
											<button type="submit" formaction="https://coffeeshop.md/index.php?route=account/wishlist.add&amp;language=ru" data-bs-toggle="tooltip" title="Добавить в избранное" class="btn md-btn-tertiary-gray custom-prev border-0 d-flex align-items-center justify-content-center">
												<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9932 5.13581C9.9938 2.7984 6.65975 2.16964 4.15469 4.31001C1.64964 6.45038 1.29697 10.029 3.2642 12.5604C4.89982 14.6651 9.84977 19.1041 11.4721 20.5408C11.6536 20.7016 11.7444 20.7819 11.8502 20.8135C11.9426 20.8411 12.0437 20.8411 12.1361 20.8135C12.2419 20.7819 12.3327 20.7016 12.5142 20.5408C14.1365 19.1041 19.0865 14.6651 20.7221 12.5604C22.6893 10.029 22.3797 6.42787 19.8316 4.31001C17.2835 2.19216 13.9925 2.7984 11.9932 5.13581Z" stroke="#535862" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
												</svg>
											</button>
										</div>
									</div>
									<div class="cs-product-details">
																					<p class="cs-product-details-category mb-1 fs-xs fm-semibold">
												<a href="https://coffeeshop.md/ru/tess-moldova-chaj-zavarnoj-piramidki-paketiki-dostavka-md?manufacturer_id=60" title="TESS Чай">TESS Чай</a>
											</p>
																				<p class="mb-1 p-0 cs-product-details-description">
											<a href="https://coffeeshop.md/ru/chaj/chernyj-chaj/chyornyj-paketirovannyj-chaj/tess-sunrise-100-x-18-g" title="Tess Sunrise Черный Чай Байховый Цейлонский 100 x 18 г Пакетированный">Tess Sunrise Черный Чай Байховый Цейлонский 100 x 18 г Пакетированный</a>
										</p>
																					<span class="badge bg-secondary w-auto mb-1">180,00g</span>
																				<div class="cs-price d-flex align-items-center gap-2">
																							<p class="mb-0">193,63 Lei</p>
																																	</div>
										<div class="d-flex align-items-center gap-2 quantity-wrapper">
											<input type="hidden" name="product_id" value="1741">
											<button class="btn xl-btn-secondary-gray d-flex align-items-center justify-content-center quantity-minus" type="button">
												<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M3.11133 7.25H10.8891" stroke="#344054" stroke-width="1.11111" stroke-linecap="round" stroke-linejoin="round"></path>
												</svg>
											</button>
											<input type="text" class="form-control text-center quantity-input" name="quantity" value="1" min="1" max="99" readonly>
											<button class="btn xl-btn-secondary-gray d-flex align-items-center justify-content-center quantity-plus" type="button">
												<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path d="M7.00022 3.36108V11.1389M3.11133 7.24997H10.8891" stroke="#344054" stroke-width="1.11111" stroke-linecap="round" stroke-linejoin="round"></path>
												</svg>
											</button>
											<button type="submit" formaction="https://coffeeshop.md/index.php?route=checkout/cart.add&amp;language=ru" class="btn xl-btn-secondary-color d-flex align-items-center justify-content-center" data-bs-toggle="tooltip" title="В корзину">
												<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
													<g clip-path="url(#clip0_13548_3922)">
														<path d="M4.11141 10.0277H10.1276C10.6554 10.0277 10.9193 10.0277 11.1343 9.93233C11.3239 9.84827 11.4862 9.71282 11.6029 9.54131C11.7351 9.34677 11.7823 9.08715 11.8767 8.56791L12.6272 4.44051C12.6599 4.26054 12.6763 4.17056 12.651 4.1003C12.6288 4.03866 12.5856 3.98684 12.5289 3.954C12.4643 3.91656 12.3728 3.91656 12.1899 3.91656H3.27807M1.61133 1.69434H2.34266C2.47749 1.69434 2.5449 1.69434 2.59943 1.71896C2.64748 1.74067 2.68836 1.7756 2.7173 1.81969C2.75013 1.8697 2.76064 1.93629 2.78167 2.06946L4.32988 11.8748C4.3509 12.0079 4.36142 12.0745 4.39425 12.1245C4.42318 12.1686 4.46406 12.2036 4.51212 12.2253C4.56664 12.2499 4.63405 12.2499 4.76888 12.2499H11.0558" stroke="white" stroke-width="1.11111" stroke-linecap="round" stroke-linejoin="round"/>
													</g>
												</svg>
											</button>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
							</div>
		</div>
	</div>
</div>
<script>
$(document).ready(function() {
	var owlSlider = $("#featured-products1").owlCarousel({
		items: 4,
        itemsDesktop: [1000, 5],
        itemsDesktopSmall: [900, 2],
        itemsTablet: [600, 1],
        itemsMobile: false,
        // Important for touch
        touchDrag: true,
        mouseDrag: true,
		pullDrag: false,     // 🚫 prevents cross–axis “pulling”
		freeDrag: false,     // 🚫 prevents momentum drag
		smartSpeed: 600      // smoother animation (optional)
	});

	$("#featured-products1").closest(".card").find(".custom-next").click(function() {
		owlSlider.trigger('owl.next');
	});

	$("#featured-products1").closest(".card").find(".custom-prev").click(function() {
		owlSlider.trigger('owl.prev');
	});
});
</script>


																<section class="cs-section cs-category-description m-3">
							<div class="container-xxl">
								<div class="d-flex flex-column">
									<div class="cs-heading">
										<div class="content-container">
											<div class="full-content">
												<h2>Чай 100 пакетиков — выгодно и удобно для любого пространства</h2>

<p>Коробки с 100 пакетиками — лучший выбор для офисов, кафе, ресторанов и для тех, кто пьёт чай каждый день. Индивидуальная упаковка сохранит аромат, а разнообразие вкусов подойдёт каждому.</p>

<h3>Преимущества формата 100 пакетиков</h3>

<ul>
	<li>Экономия — низкая цена за порцию;</li>
	<li>Гигиеничность — каждый пакетик упакован отдельно;</li>
	<li>Удобство — легко подавать в офисе и HoReCa;</li>
	<li>Не требует дозировки — просто залей кипятком;</li>
	<li>Долгое хранение благодаря герметичной упаковке.</li>
</ul>

<h3>Популярные виды чая</h3>

<ul>
	<li><a href="https://coffeeshop.md/ru/chaj/100-paketikov/chernyj-jekonom-upakovka">Чёрный чай 100 пакетиков</a>: English Breakfast, Earl Grey;</li>
	<li><a href="https://coffeeshop.md/ru/chaj/100-paketikov/zelenyj-jekonom-upakovka">Зелёный чай 100 пакетиков</a>: сенча, жасмин;</li>
	<li><a href="https://coffeeshop.md/ru/chaj/100-paketikov/Travjanoj-jekonom-upakovka">Травяные сборы 100 пакетиков</a>: мята, ромашка, rooibos;</li>
	<li>Ароматизированные смеси: фрукты, цитрус, ягоды.</li>
</ul>

<h3>Рекомендуемые бренды</h3>

<ul>
	<li><a href="https://coffeeshop.md/ru/chaj/100-paketikov?manufacturer_id=65">Greenfield</a>;</li>
	<li><a href="https://coffeeshop.md/ru/chaj/100-paketikov?manufacturer_id=60">Tess</a>;</li>
	<li>Eco Plan Tea — молдавский производитель;</li>
	<li>Doctor-Farm — натуральные травы и фитосборы.</li>
</ul>

<h3>Как использовать?</h3>

<ul>
	<li>Офис: всегда под рукой большой запас;</li>
	<li>HoReCa: быстрое обслуживание, минимум отходов;</li>
	<li>Дом: набор вкусов для всей семьи;</li>
	<li>Холодный чай: пакетик + лёд + <a href="https://coffeeshop.md/ru/siropy/siropy-k-chayu">сироп для чая</a>.</li>
</ul>

<p><em>Оптимальный формат чая: выгодно, удобно и универсально.</em></p>
											</div>
										</div>
									</div>
								</div>			
							</div>
						</section>
									</div>
			</div>
		</div>
	</section>
	<span id="currentUrl" style="display:none">https://coffeeshop.md/ru/chaj/100-paketikov?manufacturer_id=147</span>
</div>

<!-- Mobile sortare modal start here -->
<div class="modal fade cs-modal cs-category-sortare" id="cs-mobile-sortare-modal" tabindex="-1"
	aria-labelledby="cs-mobile-sortare-modalLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
		<div class="modal-content">
			<div class="modal-header position-relative border-0">
				<button type="button" class="btn-close position-absolute" data-bs-dismiss="modal"
					aria-label="Close">
					<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M18 6L6 18M6 6L18 18" stroke="#717680" stroke-width="2" stroke-linecap="round"
							stroke-linejoin="round" />
					</svg>
				</button>
				<h5 class="fs-lg mb-1 w-100">Сортировать по</h5>
			</div>
			<div class="modal-body">
				<div class="cs-category-filter">
					<!-- Price -->
					<div class="cs-filter-card">
													<div class="form-check mb-2 d-flex align-items-center">
								<input class="form-check-input rounded-circle" type="radio" name="sort" id="sort1" value="https://coffeeshop.md/ru/chaj/100-paketikov?manufacturer_id=147&amp;sort=p.sort_order&amp;order=ASC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort1">Новые</label>
							</div>
													<div class="form-check mb-2 d-flex align-items-center">
								<input class="form-check-input rounded-circle" type="radio" name="sort" id="sort2" value="https://coffeeshop.md/ru/chaj/100-paketikov?manufacturer_id=147&amp;sort=pd.name&amp;order=ASC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort2">Имя (А - Я)</label>
							</div>
													<div class="form-check mb-2 d-flex align-items-center">
								<input class="form-check-input rounded-circle" type="radio" name="sort" id="sort3" value="https://coffeeshop.md/ru/chaj/100-paketikov?manufacturer_id=147&amp;sort=pd.name&amp;order=DESC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort3">Имя (Я - А)</label>
							</div>
													<div class="form-check mb-2 d-flex align-items-center">
								<input class="form-check-input rounded-circle" type="radio" name="sort" id="sort4" value="https://coffeeshop.md/ru/chaj/100-paketikov?manufacturer_id=147&amp;sort=p.price&amp;order=ASC"  checked onchange="location = this.value;">
								<label class="form-check-label" for="sort4">Цена (по возрастанию)</label>
							</div>
													<div class="form-check mb-2 d-flex align-items-center">
								<input class="form-check-input rounded-circle" type="radio" name="sort" id="sort5" value="https://coffeeshop.md/ru/chaj/100-paketikov?manufacturer_id=147&amp;sort=p.price&amp;order=DESC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort5">Цена (по убыванию)</label>
							</div>
													<div class="form-check mb-2 d-flex align-items-center">
								<input class="form-check-input rounded-circle" type="radio" name="sort" id="sort6" value="https://coffeeshop.md/ru/chaj/100-paketikov?manufacturer_id=147&amp;sort=p.bonus_points&amp;order=DESC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort6">Bonus points</label>
							</div>
												
						<div class="form-check mb-2 d-flex align-items-center">
							<input class="form-check-input rounded-circle" type="radio" name="sort" id="sortRandom" 
								value="" 
																onchange="location = this.value;">
							<label class="form-check-label" for="sortRandom">Случайно</label>
						</div>
					</div>
					<!-- Intensity -->
				</div>
			</div>
			<!-- modal footer start -->
			<div class="modal-footer flex-column border-0">
				<div class="d-flex m-0 w-100 gap-3">
					<button type="submit" class="btn sm-btn-primary btn-md w-100">Применить</button>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Mobile Sortare modal end here -->
<script>
$(document).ready(function() {
	// Initialize Owl Carousel
	var owlSlider = $("#cs-category-page").owlCarousel({
		items: 9,
		itemsDesktop: [1200, 8],
		itemsDesktop: [1000, 5],
		itemsDesktopSmall: [900, 5],
		itemsTablet: [600, 3],
		itemsMobile: false,
        // Important for touch
        touchDrag: true,
        mouseDrag: true,
		pullDrag: false,     // 🚫 prevents cross–axis “pulling”
		freeDrag: false,     // 🚫 prevents momentum drag
		smartSpeed: 600      // smoother animation (optional)
	});
	
	$(".cs-category-listing #cs-next").click(function() {
		owlSlider.trigger('owl.next');
	});
	
	$(".cs-category-listing #cs-prev").click(function() {
		owlSlider.trigger('owl.prev');
	});
});

$(document).ready(function() {
    // Initialize all availableManufacturers containers
    $('.availableManufacturers').each(function() {
        var $container = $(this);
        var $carousel = $container.find('ul');
        
        if (!$carousel.length) return;
        
        // Add required classes if not already present
        $carousel.addClass('owl-carousel owl-theme');
        
        // Initialize the carousel
        $carousel.owlCarousel({
            items: 3,
            loop: false,
            navigation: false,
            pagination: false,
            itemsDesktop: [1200, 5],
            itemsDesktopSmall: [1000, 5],
            itemsTablet: [900, 5],
            itemsMobile: [600, 5],
            touchDrag: true,
            mouseDrag: true,
            pullDrag: false,
            freeDrag: false,
            navigationText: ["", ""],
            afterInit: function() {
                updateNavButtons($carousel, $container);
            },
            afterMove: function() {
                updateNavButtons($carousel, $container);
            }
        });
        
        // Navigation buttons for this specific container
        $container.find('.cs-next').click(function(e) {
            e.preventDefault();
            $carousel.trigger('owl.next');
        });
        
        $container.find('.cs-prev').click(function(e) {
            e.preventDefault();
            $carousel.trigger('owl.prev');
        });
        
        // Initial update after a short delay
        setTimeout(function() {
            updateNavButtons($carousel, $container);
        }, 100);
    });
    
    function updateNavButtons(carousel, container) {
        var owl = carousel.data('owlCarousel');
        if (!owl) return;
        
        var current = owl.currentItem;
        var total = owl.itemsAmount;
        var visible = owl.options.items || 3;
        
        // Update buttons
        if (current <= 0) {
            container.find('.cs-prev').prop('disabled', true).addClass('disabled');
        } else {
            container.find('.cs-prev').prop('disabled', false).removeClass('disabled');
        }
        
        if (current >= total - visible) {
            container.find('.cs-next').prop('disabled', true).addClass('disabled');
        } else {
            container.find('.cs-next').prop('disabled', false).removeClass('disabled');
        }
    }
});

$(document).ready(function() {
	var owlSlider = $("#availableTags").owlCarousel({
		items: 3,
		loop: false,
		nav: false,
		dots: false,
		itemsDesktop: [1200, 8],
		itemsDesktopSmall: [1000, 5], // Fixed duplicate
		itemsTablet: [900, 5],
		itemsMobile: [600, 3], // Changed from false to actual value
		touchDrag: true,
		mouseDrag: true,
		pullDrag: false,
		freeDrag: false,
		smartSpeed: 600,
	});

	$(".availableTags #cs-next").click(function() {
		owlSlider.trigger('owl.next');
	});
	
	$(".availableTags #cs-prev").click(function() {
		owlSlider.trigger('owl.prev');
	});
});
</script>
<footer>
	<div class="container-xxl">
		<div class="row">
			<div class="col-lg-4">
				<div class="cs-footer-about">
					<a href="https://coffeeshop.md/ru/" class="d-flex mb-4">
						<img src="catalog/view/image/logo-footer.png" alt="logo">
					</a>
					<ul class="mb-4">
						<li>
							<a href="tel:+37361151865" class="d-flex align-items-center gap-2 p-3 pt-2 pb-2 mb-2">
								<span>
									<svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
										<path d="M6.98356 7.44225C7.56356 8.65026 8.35422 9.78246 9.35553 10.7838C10.3568 11.7851 11.4891 12.5758 12.6971 13.1558C12.801 13.2056 12.8529 13.2306 12.9187 13.2497C13.1523 13.3179 13.4392 13.2689 13.637 13.1273C13.6927 13.0874 13.7403 13.0398 13.8356 12.9445C14.1269 12.6532 14.2726 12.5075 14.4191 12.4123C14.9715 12.0531 15.6837 12.0531 16.2361 12.4123C16.3825 12.5075 16.5282 12.6532 16.8196 12.9445L16.9819 13.1069C17.4248 13.5498 17.6462 13.7712 17.7665 14.009C18.0058 14.482 18.0058 15.0405 17.7665 15.5135C17.6462 15.7513 17.4248 15.9728 16.9819 16.4156L16.8506 16.547C16.4092 16.9883 16.1886 17.209 15.8885 17.3776C15.5556 17.5646 15.0385 17.699 14.6567 17.6979C14.3126 17.6969 14.0774 17.6301 13.607 17.4966C11.0792 16.7791 8.69387 15.4254 6.70388 13.4354C4.7139 11.4454 3.36017 9.06015 2.6427 6.53232C2.50919 6.06194 2.44244 5.82676 2.44141 5.48264C2.44028 5.10078 2.57475 4.58371 2.76176 4.25079C2.9303 3.95076 3.15098 3.73008 3.59233 3.28873L3.72369 3.15737C4.16656 2.7145 4.388 2.49307 4.62581 2.37278C5.09878 2.13355 5.65734 2.13355 6.1303 2.37278C6.36812 2.49307 6.58955 2.7145 7.03242 3.15737L7.19481 3.31976C7.48615 3.6111 7.63182 3.75677 7.72706 3.90325C8.08622 4.45566 8.08622 5.16781 7.72706 5.72022C7.63182 5.8667 7.48615 6.01237 7.19481 6.30371C7.09955 6.39897 7.05192 6.4466 7.01206 6.50227C6.87038 6.70013 6.82146 6.98701 6.88957 7.22064C6.90873 7.28638 6.93367 7.33834 6.98356 7.44225Z" stroke="#252B37" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
									</svg>
								</span>
								+37361151865
							</a>
						</li>
						<li>
							<a href="https://maps.app.goo.gl/gHCEiZxFYAGFjEhLA" target="_blank" class="d-flex align-items-center gap-2 p-3 pt-2 pb-2 mb-2">
								<span>
									<svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
										<g clip-path="url(#clip0_13594_7065)">
											<path d="M10.0007 10.8981C11.3814 10.8981 12.5007 9.77882 12.5007 8.39811C12.5007 7.0174 11.3814 5.89811 10.0007 5.89811C8.61994 5.89811 7.50065 7.0174 7.50065 8.39811C7.50065 9.77882 8.61994 10.8981 10.0007 10.8981Z" stroke="#252B37" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
											<path d="M10.0007 18.3981C13.334 15.0648 16.6673 12.08 16.6673 8.39811C16.6673 4.71621 13.6825 1.73145 10.0007 1.73145C6.31875 1.73145 3.33398 4.71621 3.33398 8.39811C3.33398 12.08 6.66732 15.0648 10.0007 18.3981Z" stroke="#252B37" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path>
										</g>
										<defs>
											<clipPath id="clip0_13594_7065">
												<rect width="20" height="20" fill="white" transform="translate(0 0.0644531)"></rect>
											</clipPath>
										</defs>
									</svg>
								</span>
								Petricani 88/8 street,<br />
Chisinau, Moldova
							</a>
						</li>
						<li>
							<a href="https://coffeeshop.md/ru/o-koffeeshope" class="d-flex align-items-center gap-2 p-3 pt-2 pb-2 mb-2">
								<img src="catalog/view/image/MD.png" alt="img">Delivery in Moldova
							</a>
						</li>
					</ul>
					
					<div class="d-flex align-items-center gap-3 cs-socil-media d-none d-xl-flex">
						<p class="fs-sm fm-medium">Подписывайтесь на нас в социальных сетях Coffeeshop Moldova</p>
						<a href="https://www.facebook.com/coffeeshop.moldova" target="_blank">
							<svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
								<g clip-path="url(#clip0_13594_7082)">
									<path d="M24 12.0645C24 5.43703 18.6274 0.0644531 12 0.0644531C5.37258 0.0644531 0 5.43703 0 12.0645C0 18.0539 4.3882 23.0184 10.125 23.9187V15.5332H7.07812V12.0645H10.125V9.4207C10.125 6.4132 11.9166 4.75195 14.6576 4.75195C15.9701 4.75195 17.3438 4.98633 17.3438 4.98633V7.93945H15.8306C14.34 7.93945 13.875 8.86453 13.875 9.81445V12.0645H17.2031L16.6711 15.5332H13.875V23.9187C19.6118 23.0184 24 18.0539 24 12.0645Z" fill="#1877F2"></path>
									<path d="M16.6711 15.5332L17.2031 12.0645H13.875V9.81445C13.875 8.86547 14.34 7.93945 15.8306 7.93945H17.3438V4.98633C17.3438 4.98633 15.9705 4.75195 14.6576 4.75195C11.9166 4.75195 10.125 6.4132 10.125 9.4207V12.0645H7.07812V15.5332H10.125V23.9187C11.3674 24.113 12.6326 24.113 13.875 23.9187V15.5332H16.6711Z" fill="white"></path>
								</g>
								<defs>
									<clipPath id="clip0_13594_7082">
										<rect width="24" height="24" fill="white" transform="translate(0 0.0644531)"></rect>
									</clipPath>
								</defs>
							</svg>
						</a>
						<a href="https://www.instagram.com/coffeeshop.moldova" target="_blank" style="margin-left:5px">
							<svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
								<g clip-path="url(#clip0_13594_7085)">
									<path d="M12 2.22539C15.2063 2.22539 15.5859 2.23945 16.8469 2.2957C18.0188 2.34727 18.6516 2.54414 19.0734 2.7082C19.6313 2.92383 20.0344 3.18633 20.4516 3.60352C20.8734 4.02539 21.1313 4.42383 21.3469 4.98164C21.5109 5.40352 21.7078 6.04102 21.7594 7.2082C21.8156 8.47383 21.8297 8.85352 21.8297 12.0551C21.8297 15.2613 21.8156 15.641 21.7594 16.902C21.7078 18.0738 21.5109 18.7066 21.3469 19.1285C21.1313 19.6863 20.8687 20.0895 20.4516 20.5066C20.0297 20.9285 19.6313 21.1863 19.0734 21.402C18.6516 21.566 18.0141 21.7629 16.8469 21.8145C15.5813 21.8707 15.2016 21.8848 12 21.8848C8.79375 21.8848 8.41406 21.8707 7.15313 21.8145C5.98125 21.7629 5.34844 21.566 4.92656 21.402C4.36875 21.1863 3.96563 20.9238 3.54844 20.5066C3.12656 20.0848 2.86875 19.6863 2.65313 19.1285C2.48906 18.7066 2.29219 18.0691 2.24063 16.902C2.18438 15.6363 2.17031 15.2566 2.17031 12.0551C2.17031 8.84883 2.18438 8.46914 2.24063 7.2082C2.29219 6.03633 2.48906 5.40352 2.65313 4.98164C2.86875 4.42383 3.13125 4.0207 3.54844 3.60352C3.97031 3.18164 4.36875 2.92383 4.92656 2.7082C5.34844 2.54414 5.98594 2.34727 7.15313 2.2957C8.41406 2.23945 8.79375 2.22539 12 2.22539ZM12 0.0644531C8.74219 0.0644531 8.33438 0.0785156 7.05469 0.134766C5.77969 0.191016 4.90313 0.397266 4.14375 0.692578C3.35156 1.00195 2.68125 1.40977 2.01563 2.08008C1.34531 2.7457 0.9375 3.41602 0.628125 4.20352C0.332812 4.96758 0.126563 5.83945 0.0703125 7.11445C0.0140625 8.39883 0 8.80664 0 12.0645C0 15.3223 0.0140625 15.7301 0.0703125 17.0098C0.126563 18.2848 0.332812 19.1613 0.628125 19.9207C0.9375 20.7129 1.34531 21.3832 2.01563 22.0488C2.68125 22.7145 3.35156 23.127 4.13906 23.4316C4.90313 23.727 5.775 23.9332 7.05 23.9895C8.32969 24.0457 8.7375 24.0598 11.9953 24.0598C15.2531 24.0598 15.6609 24.0457 16.9406 23.9895C18.2156 23.9332 19.0922 23.727 19.8516 23.4316C20.6391 23.127 21.3094 22.7145 21.975 22.0488C22.6406 21.3832 23.0531 20.7129 23.3578 19.9254C23.6531 19.1613 23.8594 18.2895 23.9156 17.0145C23.9719 15.7348 23.9859 15.327 23.9859 12.0691C23.9859 8.81133 23.9719 8.40352 23.9156 7.12383C23.8594 5.84883 23.6531 4.97227 23.3578 4.21289C23.0625 3.41602 22.6547 2.7457 21.9844 2.08008C21.3188 1.41445 20.6484 1.00195 19.8609 0.697266C19.0969 0.401953 18.225 0.195703 16.95 0.139453C15.6656 0.0785156 15.2578 0.0644531 12 0.0644531Z" fill="#000100"></path>
									<path d="M12 5.90039C8.59688 5.90039 5.83594 8.66133 5.83594 12.0645C5.83594 15.4676 8.59688 18.2285 12 18.2285C15.4031 18.2285 18.1641 15.4676 18.1641 12.0645C18.1641 8.66133 15.4031 5.90039 12 5.90039ZM12 16.0629C9.79219 16.0629 8.00156 14.2723 8.00156 12.0645C8.00156 9.85664 9.79219 8.06602 12 8.06602C14.2078 8.06602 15.9984 9.85664 15.9984 12.0645C15.9984 14.2723 14.2078 16.0629 12 16.0629Z" fill="#000100"></path>
									<path d="M19.8469 5.65684C19.8469 6.45371 19.2 7.0959 18.4078 7.0959C17.6109 7.0959 16.9688 6.44903 16.9688 5.65684C16.9688 4.85996 17.6156 4.21777 18.4078 4.21777C19.2 4.21777 19.8469 4.86465 19.8469 5.65684Z" fill="#000100"></path>
								</g>
								<defs>
									<clipPath id="clip0_13594_7085">
										<rect width="24" height="24" fill="white" transform="translate(0 0.0644531)"></rect>
									</clipPath>
								</defs>
							</svg>
						</a>
					</div>
				</div>
			</div>
		
			
			<div class="col-lg-4 d-flex">
				<div class="cs-footer-links w-50">
					<h5 class="mb-2">О нас</h5>
					<ul class="d-flex flex-column">
																																																												<li>
									<a href="https://coffeeshop.md/ru/o-koffeeshope" class="mb-2">О нас Coffeeshop.md</a>
								</li>
																												<li>
									<a href="https://coffeeshop.md/ru/uslugi-dostavki" class="mb-2">Услуги Доставки</a>
								</li>
																																<li>
							<a href="https://coffeeshop.md/ru/tekhobsluzhivanie" class="mb-2">Техобслуживание</a>
						</li>
						<li>
							<a href="https://coffeeshop.md/ru/contact-us" class="mb-2">Связаться с нами</a>
						</li>
					</ul>
				</div>
				<div class="cs-footer-links w-50">
					<h5 class="mb-2">Информационные страницы</h5>
					<ul class="d-flex flex-column">
						<li>
							<a href="https://coffeeshop.md/ru/brands?manufacturer_id=147" class="mb-2">Бренд</a>
						</li>
																																	<li>
									<a href="https://coffeeshop.md/ru/business-partners" class="mb-2">Business Partners</a>
								</li>
																												<li>
									<a href="https://coffeeshop.md/ru/business-customers" class="mb-2">Бизнес-клиенты</a>
								</li>
																																																																			<li>
									<a href="https://coffeeshop.md/ru/pravila-polzovaniya-sajtom" class="mb-2">Правила Пользования Сайтом</a>
								</li>
																								</ul>
				</div>
			</div>
			
			<div class="col-lg-4 d-flex">
				<div class="cs-footer-links w-50">
					<h5 class="mb-2">Аккаунт</h5>
					<ul class="d-flex flex-column">
												<li>
							<a href="#" class="mb-2" data-bs-toggle="modal" data-bs-target="#login-modal">История заказов</a>
						</li>
						<li>
							<a href="#" class="mb-2" data-bs-toggle="modal" data-bs-target="#login-modal">Избранное</a>
						</li>
																																																																			<li>
									<a href="https://coffeeshop.md/ru/bonus-points" class="mb-2">Бонусные<br/>баллы</a>
								</li>
																																																									</ul>
				</div>
				<div class="cs-footer-links w-50">
					<h5 class="mb-2">Полезные ссылки</h5>
					<ul class="d-flex flex-column">
													<li>
								<a href="https://coffeeshop.md/ru/blog" class="mb-2">Блог</a>
							</li>
																								<li>
							<a href="https://coffeeshop.md/ru/sety" class="mb-2">Сеты</a>
						</li>
						<li>
							<a href="https://coffeeshop.md/ru/discounts?manufacturer_id=147" class="mb-2">Скидки</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- mobile socila media link -->
			<div class="col-lg-4 d-flex d-xl-none flex-column gap-2 align-items-center cs-mobile-social media">
				<p class="fs-sm fm-medium">Подписывайтесь на нас в социальных сетях Coffeeshop Moldova</p>
				<div class="d-flex align-items-center gap-3 cs-socil-media">
					<a href="https://www.facebook.com/coffeeshop.moldova" target="_blank">
						<svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
							<g clip-path="url(#clip0_13594_7082)">
								<path d="M24 12.0645C24 5.43703 18.6274 0.0644531 12 0.0644531C5.37258 0.0644531 0 5.43703 0 12.0645C0 18.0539 4.3882 23.0184 10.125 23.9187V15.5332H7.07812V12.0645H10.125V9.4207C10.125 6.4132 11.9166 4.75195 14.6576 4.75195C15.9701 4.75195 17.3438 4.98633 17.3438 4.98633V7.93945H15.8306C14.34 7.93945 13.875 8.86453 13.875 9.81445V12.0645H17.2031L16.6711 15.5332H13.875V23.9187C19.6118 23.0184 24 18.0539 24 12.0645Z" fill="#1877F2"></path>
								<path d="M16.6711 15.5332L17.2031 12.0645H13.875V9.81445C13.875 8.86547 14.34 7.93945 15.8306 7.93945H17.3438V4.98633C17.3438 4.98633 15.9705 4.75195 14.6576 4.75195C11.9166 4.75195 10.125 6.4132 10.125 9.4207V12.0645H7.07812V15.5332H10.125V23.9187C11.3674 24.113 12.6326 24.113 13.875 23.9187V15.5332H16.6711Z" fill="white"></path>
							</g>
							<defs>
								<clipPath id="clip0_13594_7082">
									<rect width="24" height="24" fill="white" transform="translate(0 0.0644531)"></rect>
								</clipPath>
							</defs>
						</svg>
					</a>
					<a href="https://www.instagram.com/coffeeshop.moldova" target="_blank">
						<svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
							<g clip-path="url(#clip0_13594_7085)">
								<path d="M12 2.22539C15.2063 2.22539 15.5859 2.23945 16.8469 2.2957C18.0188 2.34727 18.6516 2.54414 19.0734 2.7082C19.6313 2.92383 20.0344 3.18633 20.4516 3.60352C20.8734 4.02539 21.1313 4.42383 21.3469 4.98164C21.5109 5.40352 21.7078 6.04102 21.7594 7.2082C21.8156 8.47383 21.8297 8.85352 21.8297 12.0551C21.8297 15.2613 21.8156 15.641 21.7594 16.902C21.7078 18.0738 21.5109 18.7066 21.3469 19.1285C21.1313 19.6863 20.8687 20.0895 20.4516 20.5066C20.0297 20.9285 19.6313 21.1863 19.0734 21.402C18.6516 21.566 18.0141 21.7629 16.8469 21.8145C15.5813 21.8707 15.2016 21.8848 12 21.8848C8.79375 21.8848 8.41406 21.8707 7.15313 21.8145C5.98125 21.7629 5.34844 21.566 4.92656 21.402C4.36875 21.1863 3.96563 20.9238 3.54844 20.5066C3.12656 20.0848 2.86875 19.6863 2.65313 19.1285C2.48906 18.7066 2.29219 18.0691 2.24063 16.902C2.18438 15.6363 2.17031 15.2566 2.17031 12.0551C2.17031 8.84883 2.18438 8.46914 2.24063 7.2082C2.29219 6.03633 2.48906 5.40352 2.65313 4.98164C2.86875 4.42383 3.13125 4.0207 3.54844 3.60352C3.97031 3.18164 4.36875 2.92383 4.92656 2.7082C5.34844 2.54414 5.98594 2.34727 7.15313 2.2957C8.41406 2.23945 8.79375 2.22539 12 2.22539ZM12 0.0644531C8.74219 0.0644531 8.33438 0.0785156 7.05469 0.134766C5.77969 0.191016 4.90313 0.397266 4.14375 0.692578C3.35156 1.00195 2.68125 1.40977 2.01563 2.08008C1.34531 2.7457 0.9375 3.41602 0.628125 4.20352C0.332812 4.96758 0.126563 5.83945 0.0703125 7.11445C0.0140625 8.39883 0 8.80664 0 12.0645C0 15.3223 0.0140625 15.7301 0.0703125 17.0098C0.126563 18.2848 0.332812 19.1613 0.628125 19.9207C0.9375 20.7129 1.34531 21.3832 2.01563 22.0488C2.68125 22.7145 3.35156 23.127 4.13906 23.4316C4.90313 23.727 5.775 23.9332 7.05 23.9895C8.32969 24.0457 8.7375 24.0598 11.9953 24.0598C15.2531 24.0598 15.6609 24.0457 16.9406 23.9895C18.2156 23.9332 19.0922 23.727 19.8516 23.4316C20.6391 23.127 21.3094 22.7145 21.975 22.0488C22.6406 21.3832 23.0531 20.7129 23.3578 19.9254C23.6531 19.1613 23.8594 18.2895 23.9156 17.0145C23.9719 15.7348 23.9859 15.327 23.9859 12.0691C23.9859 8.81133 23.9719 8.40352 23.9156 7.12383C23.8594 5.84883 23.6531 4.97227 23.3578 4.21289C23.0625 3.41602 22.6547 2.7457 21.9844 2.08008C21.3188 1.41445 20.6484 1.00195 19.8609 0.697266C19.0969 0.401953 18.225 0.195703 16.95 0.139453C15.6656 0.0785156 15.2578 0.0644531 12 0.0644531Z" fill="#000100"></path>
								<path d="M12 5.90039C8.59688 5.90039 5.83594 8.66133 5.83594 12.0645C5.83594 15.4676 8.59688 18.2285 12 18.2285C15.4031 18.2285 18.1641 15.4676 18.1641 12.0645C18.1641 8.66133 15.4031 5.90039 12 5.90039ZM12 16.0629C9.79219 16.0629 8.00156 14.2723 8.00156 12.0645C8.00156 9.85664 9.79219 8.06602 12 8.06602C14.2078 8.06602 15.9984 9.85664 15.9984 12.0645C15.9984 14.2723 14.2078 16.0629 12 16.0629Z" fill="#000100"></path>
								<path d="M19.8469 5.65684C19.8469 6.45371 19.2 7.0959 18.4078 7.0959C17.6109 7.0959 16.9688 6.44903 16.9688 5.65684C16.9688 4.85996 17.6156 4.21777 18.4078 4.21777C19.2 4.21777 19.8469 4.86465 19.8469 5.65684Z" fill="#000100"></path>
							</g>
							<defs>
								<clipPath id="clip0_13594_7085">
									<rect width="24" height="24" fill="white" transform="translate(0 0.0644531)"></rect>
								</clipPath>
							</defs>
						</svg>
					</a>
				</div>
			</div>
			<div class="cs-footer-bottom">
				<div class="container-xxl g-1">
					<div class="row flex-lg-row-reverse g-1">
						<br/>
						<div class="col-lg-6 d-flex align-items-center justify-content-end cs-footer-payment">
							<p>Способы оплаты:</p>
							<ul class="d-flex gap-1">
								<li class="d-flex align-items-center justify-content-center">
									<img src="catalog/view/image/visa-logo.png">
								</li>
								<li class="d-flex align-items-center justify-content-center">
									<img src="catalog/view/image/ApplePay.png">
								</li>
								<li class="d-flex align-items-center justify-content-center">
									<img src="catalog/view/image/GooglePay.png">
								</li>
								<li class="d-flex align-items-center justify-content-center">
									<img src="catalog/view/image/Mastercard.png">
								</li>
							</ul>
						</div>
						<div class="col-lg-6">
							<p>&copy; 2026 Coffeeshop.md, Все права защищены</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
</div>
	
<div class="modal fade cs-modal cs-modal-login" id="login-modal" tabindex="-1" aria-labelledby="login-modalLabel" aria-hidden="true" data-login-token="">
	<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
		<div class="modal-content">
			<div class="modal-header position-relative border-0">
				<button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close">
					<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M18 6L6 18M6 6L18 18" stroke="#717680" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
				</button>
				<div class="text-center mb-3">
					<img src="catalog/view/image/logo_vertical.png" alt="">
				</div>
				<h5 class="text-center fs-lg mb-1"></h5>
				<p class="text-center fs-sm"></p>
			</div>
			<form id="form-login" action="https://coffeeshop.md/index.php?route=account/login.login&amp;language=ru&amp;login_token=6b6f3b9c376adda03570b227ee" method="post" data-oc-toggle="ajax" onsubmit="return false;">
				<div class="modal-body">
															<div class="d-flex cs-modal-social-btn social-login-buttons">
						<a href="https://coffeeshop.md/index.php?route=extension/opencart/module/social_login.google" class="btn btn-social d-flex align-items-center justify-content-center w-50" id="google-login">
							<svg width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
								<g clip-path="url(#clip0_13687_9831)">
									<path d="M24.2663 12.2765C24.2663 11.4608 24.2001 10.6406 24.059 9.83813H12.7402V14.4591H19.222C18.953 15.9495 18.0888 17.2679 16.8233 18.1056V21.104H20.6903C22.9611 19.014 24.2663 15.9274 24.2663 12.2765Z" fill="#4285F4"></path>
									<path d="M12.7401 24.0008C15.9766 24.0008 18.7059 22.9382 20.6945 21.1039L16.8276 18.1055C15.7517 18.8375 14.3627 19.252 12.7445 19.252C9.61388 19.252 6.95946 17.1399 6.00705 14.3003H2.0166V17.3912C4.05371 21.4434 8.2029 24.0008 12.7401 24.0008Z" fill="#34A853"></path>
									<path d="M6.00277 14.3002C5.50011 12.8099 5.50011 11.196 6.00277 9.70569V6.61475H2.01674C0.314734 10.0055 0.314734 14.0004 2.01674 17.3912L6.00277 14.3002Z" fill="#FBBC04"></path>
									<path d="M12.7401 4.74966C14.4509 4.7232 16.1044 5.36697 17.3434 6.54867L20.7695 3.12262C18.6001 1.0855 15.7208 -0.034466 12.7401 0.000808666C8.2029 0.000808666 4.05371 2.55822 2.0166 6.61481L6.00264 9.70575C6.95064 6.86173 9.60947 4.74966 12.7401 4.74966Z" fill="#EA4335"></path>
								</g>
								<defs>
									<clipPath id="clip0_13687_9831">
										<rect width="24" height="24" fill="white" transform="translate(0.5)"></rect>
									</clipPath>
								</defs>
							</svg>
							Google
						</a>
						<a href="https://coffeeshop.md/index.php?route=extension/opencart/module/social_login.facebook" class="btn btn-social d-flex align-items-center justify-content-center w-50">
							<svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
								<g clip-path="url(#clip0_13594_7082)">
									<path d="M24 12.0645C24 5.43703 18.6274 0.0644531 12 0.0644531C5.37258 0.0644531 0 5.43703 0 12.0645C0 18.0539 4.3882 23.0184 10.125 23.9187V15.5332H7.07812V12.0645H10.125V9.4207C10.125 6.4132 11.9166 4.75195 14.6576 4.75195C15.9701 4.75195 17.3438 4.98633 17.3438 4.98633V7.93945H15.8306C14.34 7.93945 13.875 8.86453 13.875 9.81445V12.0645H17.2031L16.6711 15.5332H13.875V23.9187C19.6118 23.0184 24 18.0539 24 12.0645Z" fill="#1877F2"></path>
									<path d="M16.6711 15.5332L17.2031 12.0645H13.875V9.81445C13.875 8.86547 14.34 7.93945 15.8306 7.93945H17.3438V4.98633C17.3438 4.98633 15.9705 4.75195 14.6576 4.75195C11.9166 4.75195 10.125 6.4132 10.125 9.4207V12.0645H7.07812V15.5332H10.125V23.9187C11.3674 24.113 12.6326 24.113 13.875 23.9187V15.5332H16.6711Z" fill="white"></path>
								</g>
								<defs>
									<clipPath id="clip0_13594_7082">
										<rect width="24" height="24" fill="white" transform="translate(0 0.0644531)"></rect>
									</clipPath>
								</defs>
							</svg>
							Facebook
						</a>
					</div>
                    <div class="cs-model-or text-center fs-sm position-relative">или</div>
					<div class="form-group">
						<label for="input-lemail" class="form-label fs-sm fm-medium">Адрес электронной почты</label>
						<input type="email" name="lemail" value="" placeholder="Адрес электронной почты" id="input-lemail" class="form-control cs-input-sm">
					</div>
					<div class="form-group">
						<label for="input-password" class="form-label fs-sm fm-medium">Пароль</label>
						<input type="password" name="password" value="" placeholder="Пароль" class="form-control cs-input-sm mb-1">
					</div>
					<div class="text-end cs-modal-link">
						<a href="https://coffeeshop.md/index.php?route=account/forgotten&amp;language=ru" class="link-primary" data-bs-toggle="modal" data-bs-target="#forgot-password-modal" >Забытый пароль</a>
					</div>
				</div>
								<div class="modal-footer flex-column border-0">
					<div class="d-flex m-0 w-100">
						<button type="submit" class="btn btn-primary btn-md w-100">Войти</button>
					</div>
					<div class="text-center cs-modal-link">
						<p class="text-muted fs-sm fm-medium">Нет аккаунта?
							<a href="https://coffeeshop.md/index.php?route=account/register.register&amp;language=ru&amp;register_token=dea97ea4bac869e59e84a01818" class="link-primary ms-2" data-bs-toggle="modal" data-bs-target="#register-modal">Регистрация</a>
						</p>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
<script>
$('.social-login-buttons a').on('click', function(e) {
    e.preventDefault();
    
    // Simply redirect to the social login URL
    window.location.href = $(this).attr('href');
});
$(document).ready(function() {
    $('#form-login').on('keydown', function(e) {
        if (e.keyCode == 13) {
            e.preventDefault();
        }
    });

    // Refresh login token when modal opens
    $('#login-modal').on('show.bs.modal', function() {
        $.ajax({
            url: 'index.php?route=common/footer|getLoginToken&language=' + $('html').attr('lang'),
            dataType: 'json',
            success: function(response) {
                if (response.token) {
                    var newUrl = 'index.php?route=account/login.login&language=' + $('html').attr('lang') + '&login_token=' + response.token;
                    $('#form-login').attr('action', newUrl);
                }
            },
            error: function(xhr, status, error) {
                console.error('Error getting login token:', error);
            }
        });
    });

    let isLoggingIn = false;

    // Handle form submission
    $('#form-login').off('submit').on('submit', function(e) {
        e.preventDefault();
		e.stopImmediatePropagation(); // Prevent other handlers from executing

        if (isLoggingIn) return;
            isLoggingIn = true;

		const $form = $(this);
		const $submitBtn = $form.find('button[type="submit"]');
        
        $.ajax({
            url: $form.attr('action'),
            type: 'post',
            data: $form.serialize(),
            dataType: 'json',
            beforeSend: function() {
				$submitBtn.prop('disabled', true).addClass('loading');
                $('.invalid-feedback').empty();
                $('.is-invalid').removeClass('is-invalid');
            },
            complete: function() {
                //$('#login-modal button[type="submit"]').removeAttr('disabled').removeClass('loading');
                //isLoggingIn = false;
            },
            success: function(json) {
				if (json['redirect']) {
					location.reload(); return false;
                    //location = json['redirect'];
                } else if (json['error']) {
                    $('#login-modal .modal-body .alert-danger').remove(); // Prevent duplicate alerts
                    $('#login-modal .modal-body').prepend('<div class="alert alert-danger alert-dismissible">' + json['error']['warning'] + '</div>');
                }
				// Re-enable the button after error handling
				$submitBtn.prop('disabled', false).removeClass('loading');
				isSubmitting = false;
            },
            error: function(xhr, ajaxOptions, thrownError) {
                console.error(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
        });
    });
});
</script>
<div class="modal fade cs-modal cs-modal-login" id="register-modal" tabindex="-1" aria-labelledby="register-modalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header position-relative border-0">
                <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M18 6L6 18M6 6L18 18" stroke="#717680" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
                <div class="text-center mb-3">
                    <img src="catalog/view/image/logo_vertical.png" alt="">
                </div>
                <h5 class="text-center fs-lg mb-1"></h5>
                <p class="text-center fs-sm"></p>
            </div>
            <div class="modal-body">
                <form id="form-register" action="https://coffeeshop.md/index.php?route=account/register&amp;language=ru" method="post" data-oc-toggle="ajax" onsubmit="return false;">
                    <input type="hidden" name="customer_group_id" id="input-customer-group-id" value="1" />
                                            <nav>
                            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                                                    <button class="nav-link active w-50 fs-sm fm-semibold" 
                                            id="group-1-tab" 
                                            data-bs-toggle="tab" 
                                            data-bs-target="#group-1" 
                                            type="button" 
                                            role="tab" 
                                            data-customer-group="1">
                                        Personal
                                    </button>
                                                                    <button class="nav-link  w-50 fs-sm fm-semibold" 
                                            id="group-3-tab" 
                                            data-bs-toggle="tab" 
                                            data-bs-target="#group-3" 
                                            type="button" 
                                            role="tab" 
                                            data-customer-group="3">
                                        Business
                                    </button>
                                                            </div>
                        </nav>
                                        
                    <div class="tab-content" id="nav-tabContent">
                        <!-- Business Account Tab -->
                        <div class="tab-pane fade" id="group-3" role="tabpanel" tabindex="0">
                            <div class="alert alert-brand d-flex align-items-start fs-sm fm-medium" role="alert" id="bsolution">
                                <span>
                                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 3.75C7.77905 3.75 8.02429 3.93499 8.10095 4.2033L8.77862 6.57512C9.07523 7.61327 9.88673 8.42477 10.9249 8.72138L13.2967 9.39905C13.565 9.47571 13.75 9.72095 13.75 10C13.75 10.2791 13.565 10.5243 13.2967 10.601L10.9249 11.2786C9.88673 11.5752 9.07523 12.3867 8.77862 13.4249L8.10095 15.7967C8.02429 16.065 7.77905 16.25 7.5 16.25C7.22095 16.25 6.97571 16.065 6.89905 15.7967L6.22138 13.4249C5.92477 12.3867 5.11327 11.5752 4.07512 11.2786L1.7033 10.601C1.43499 10.5243 1.25 10.2791 1.25 10C1.25 9.72095 1.43499 9.47571 1.7033 9.39905L4.07512 8.72138C5.11327 8.42477 5.92477 7.61327 6.22138 6.57512L6.89905 4.2033C6.97571 3.93499 7.22095 3.75 7.5 3.75Z" fill="#543D35"></path>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M15 1.25C15.2868 1.25 15.5368 1.44519 15.6063 1.72342L15.8221 2.5863C16.018 3.37005 16.63 3.982 17.4137 4.17794L18.2766 4.39366C18.5548 4.46322 18.75 4.71321 18.75 5C18.75 5.28679 18.5548 5.53678 18.2766 5.60634L17.4137 5.82206C16.63 6.018 16.018 6.62995 15.8221 7.4137L15.6063 8.27658C15.5368 8.55481 15.2868 8.75 15 8.75C14.7132 8.75 14.4632 8.55481 14.3937 8.27658L14.1779 7.4137C13.982 6.62995 13.37 6.018 12.5863 5.82206L11.7234 5.60634C11.4452 5.53678 11.25 5.28679 11.25 5C11.25 4.71321 11.4452 4.46322 11.7234 4.39366L12.5863 4.17794C13.37 3.982 13.982 3.37005 14.1779 2.5863L14.3937 1.72342C14.4632 1.44519 14.7132 1.25 15 1.25Z" fill="#543D35"></path>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 12.5C14.019 12.5 14.2579 12.6721 14.3429 12.9274L14.6715 13.913C14.7959 14.2862 15.0888 14.5791 15.462 14.7035L16.4476 15.0321C16.7029 15.1171 16.875 15.356 16.875 15.625C16.875 15.894 16.7029 16.1329 16.4476 16.2179L15.462 16.5465C15.0888 16.6709 14.7959 16.9638 14.6715 17.337L14.3429 18.3226C14.2579 18.5779 14.019 18.75 13.75 18.75C13.481 18.75 13.2421 18.5779 13.1571 18.3226L12.8285 17.337C12.7041 16.9638 12.4112 16.6709 12.038 16.5465L11.0524 16.2179C10.7971 16.1329 10.625 15.894 10.625 15.625C10.625 15.356 10.7971 15.1171 11.0524 15.0321L12.038 14.7035C12.4112 14.5791 12.7041 14.2862 12.8285 13.913L13.1571 12.9274C13.2421 12.6721 13.481 12.5 13.75 12.5Z" fill="#543D35"></path>
                                    </svg>
                                </span>
                                <div>Решения для вашего бизнеса! Бизнес-аккаунт с быстрой оплатой, быстрой сверкой и персонализированными предложениями. Подробнее <a href="https://coffeeshop.md/ru/contact-us" class="alert-link fs-sm fm-medium">читайте здесь</a>.</div>
                            </div>
                            
                                                                                            <div class="form-group custom-field custom-field-43" data-field="business-name">
                                    <label for="input-custom-field-43" class="form-label fs-sm fm-medium">Business Name</label>
                                    <input type="text" name="custom_field[43]" value="" placeholder="Business Name" id="input-custom-field-43" class="form-control" />
                                    <div id="error-custom-field-43" class="invalid-feedback"></div>
                                </div>
                                                                                                                                                                                                                                                                        </div>
                        
                        <!-- Personal Account Tab -->
                        <div class="tab-pane fade show active" id="group-1" role="tabpanel" tabindex="0">
                            <!-- Personal account specific fields (none in this case) -->
                        </div>
                        
                        <!-- Common Fields (Visible in both tabs) -->
                        <div class="d-flex gap-3">
                            <div class="form-group required" data-field="firstname">
                                <label for="input-firstname" class="form-label fs-sm fm-medium">Имя</label>
                                <input type="text" name="firstname" value="" placeholder="Имя" id="input-firstname" class="form-control cs-input-sm" />
                                <div id="error-firstname" class="invalid-feedback"></div>
                            </div>
                            <div class="form-group required" data-field="lastname">
                                <label for="input-lastname" class="form-label fs-sm fm-medium">Фамилия</label>
                                <input type="text" name="lastname" value="" placeholder="Фамилия" id="input-lastname" class="form-control cs-input-sm"/>
                                <div id="error-lastname" class="invalid-feedback"></div>
                            </div>
                        </div>
                        
                        <!-- Telephone Field (Visible in both tabs) -->
                        <div class="form-group required" data-field="phone">
                            <label for="input-phone" class="form-label fs-sm fm-medium">Телефон</label>
                            <input type="tel" name="phone" value="" placeholder="Телефон" id="input-phone" class="form-control cs-input-sm"/>
                            <div id="error-telephone" class="invalid-feedback"></div>
                        </div>
                        
                        <div class="form-group required" data-field="uemail">
                            <label for="input-uemail" class="form-label fs-sm fm-medium">E-Mail</label>
                            <input type="email" name="uemail" value="" placeholder="E-Mail" id="input-uemail" class="form-control cs-input-sm" data-field="uemail"/>
                            <div id="error-email" class="invalid-feedback"></div>
                        </div>
                        <div class="form-group required" data-field="password">
                            <label for="input-password" class="form-label fs-sm fm-medium">Пароль</label>
                            <input type="password" name="password" value="" placeholder="Пароль" class="form-control cs-input-sm"/>
                            <div id="error-password" class="invalid-feedback"></div>
                        </div>
                                                    <div class="form-check d-flex align-items-start mb-3">
                                <input type="checkbox" name="agree" value="1" class="form-check-input"/>
                                <label class="form-check-label"></label>
                            </div>
                                            </div>
                    <div class="text-end">
                        <button type="submit" class="btn btn-primary btn-md w-100"></button>
                    </div>
                </form>
            </div>
            <div class="modal-footer flex-column border-0">
                <div class="text-center cs-modal-link">
                    <p class="text-muted fs-sm fm-medium">
                        <a href="https://coffeeshop.md/index.php?route=account/login.login&amp;language=ru&amp;login_token=6b6f3b9c376adda03570b227ee" class="link-primary ms-2"  data-bs-toggle="modal" data-bs-target="#login-modal"></a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript"><!--
$(document).ready(function() {
    // Initialize customer group and field visibility
    let currentCustomerGroup = $('#input-customer-group-id').val();
    toggleFields(currentCustomerGroup);

    // Handle customer group changes
    $('[data-customer-group]').off('click').on('click', function() {
        currentCustomerGroup = $(this).data('customer-group');
        $('#input-customer-group-id').val(currentCustomerGroup);
        toggleFields(currentCustomerGroup);
    });

    function toggleFields(groupId) {
        // Group-specific fields
        if(groupId == 1) { // Personal
            $('#bsolution').addClass('d-none');
            $('[data-field="business-name"]').hide().removeAttr('required');
        } 
        else if(groupId == 3) { // Business
            $('#bsolution').removeClass('d-none');
            $('[data-field="business-name"]').show().attr('required', true);
        }
        
        // Telephone is always visible and required for both groups
        $('[data-field="phone"]').show().attr('required', true);
    }

    // Refresh register token when modal opens
    $('#register-modal').on('show.bs.modal', function() {
        $.ajax({
            url: 'index.php?route=common/footer|getRegisterToken&language=' + $('html').attr('lang'),
            dataType: 'json',
            success: function(response) {
                if (response.token) {
                    var newUrl = 'index.php?route=account/register.register&language=' + $('html').attr('lang') + '&register_token=' + response.token;
                    $('#form-register').attr('action', newUrl);
                }
            },
            error: function(xhr, status, error) {
                console.error('Error getting register token:', error);
            }
        });
    });

    // Prevent Enter key submission
    $('#form-register').on('keydown', function(e) {
        if (e.keyCode == 13) {
            e.preventDefault();
        }
    });

    let isSubmitting = false;

    // Handle form submission
    $('#form-register').on('submit', function(e) {
        e.preventDefault();
        e.stopImmediatePropagation(); // Prevent other handlers from executing

        if (isSubmitting) return;
        isSubmitting = true;

        const $form = $(this);
        const $submitBtn = $form.find('button[type="submit"]');

        $.ajax({
            url: $form.attr('action'),
            type: 'post',
            data: $form.serialize(),
            dataType: 'json',
            beforeSend: function() {
                $submitBtn.prop('disabled', true).addClass('loading');
                $('.invalid-feedback').empty();
                $('.is-invalid').removeClass('is-invalid');
            },
            complete: function() {
                //$submitBtn.prop('disabled', false).removeClass('loading');
                //isSubmitting = false;
            },
            success: function(json) {
                if (json['redirect']) {
                    location = json['redirect'];
                } else if (json['error']) {
                    // Handle field errors
                    $.each(json['error'], function(key, value) {
                        const element = $('#error-' + key.replace(/\./g, '-'));
                        console.log(element);
                        if (element.length) {
                            element.parent().find('.form-control').addClass('is-invalid');
                            element.html(value);
                        }
                    });
                    
                    // Handle general error
                    if (json['error']['warning']) {
                        $('#register-modal .modal-body .alert-danger').remove(); // Prevent duplicate alerts
                        $('#register-modal .modal-body').prepend('<div class="alert alert-danger alert-dismissible">' +  json['error']['warning'] + '</div>');
                    }
                    // Re-enable the button after error handling
                    $submitBtn.prop('disabled', false).removeClass('loading');
                    isSubmitting = false;
                }
            },
            error: function(xhr, ajaxOptions, thrownError) {
                console.error(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
        });
    });
});
//--></script>
<div class="modal fade cs-modal cs-modal-login" id="forgot-password-modal" tabindex="-1" aria-labelledby="forgot-password-modalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header position-relative border-0">
                <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M18 6L6 18M6 6L18 18" stroke="#717680" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
                <div class="text-center mb-3">
                    <img src="catalog/view/image/logo_vertical.png" alt="">
                </div>
                <h5 class="text-center fs-lg mb-1">Забыли пароль?</h5>
            </div>
            <form id="form-forgotten" action="https://coffeeshop.md/index.php?route=account/forgotten.confirm&amp;language=ru" method="post" data-oc-toggle="ajax" onsubmit="return false;">
                <div class="modal-body">
                    <div class="form-group required">
                        <label for="input-email" class="form-label fs-sm fm-medium">Адрес электронной почты</label>
                        <input type="email" name="email" value="" placeholder="Адрес электронной почты" id="input-email" class="form-control cs-input-sm" required>
                        <div id="error-email" class="invalid-feedback"></div>
                    </div>
                </div>
                <div class="modal-footer flex-column border-0">
                    <div class="d-flex m-0 w-100">
                        <button type="submit" class="btn btn-primary btn-md w-100">Сбросить пароль</button>
                    </div>
                    <div class="text-center cs-modal-link">
                        <p class="text-muted fs-sm fm-medium">Уже есть аккаунт?
                            <a href="https://coffeeshop.md/index.php?route=account/login.login&amp;language=ru&amp;login_token=6b6f3b9c376adda03570b227ee" class="link-primary ms-2" data-bs-toggle="modal" data-bs-target="#login-modal">Войти</a>
                        </p>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
$(document).ready(function() {
    // Prevent Enter key submission
    $('#form-forgotten').on('keydown', function(e) {
        if (e.keyCode == 13) {
            e.preventDefault();
        }
    });

    let isSubmitting = false;

    // Handle form submission
    $('#form-forgotten').off('submit').on('submit', function(e) {
        e.preventDefault();
        e.stopImmediatePropagation(); // Prevent other handlers from executing

        if (isSubmitting) return;
        isSubmitting = true;

        const $form = $(this);
        const $submitBtn = $form.find('button[type="submit"]');

        $.ajax({
            url: $form.attr('action'),
            type: 'post',
            data: $form.serialize(),
            dataType: 'json',
            beforeSend: function() {
                $submitBtn.prop('disabled', true).addClass('loading');
            },
            complete: function() {
            },
            success: function(json) {
                console.log(json);
                if (json['redirect']) {
                    //location = json['redirect'];
                    showModal('Успех', json['success'], 'success', 'Закрыть');
                } else if (json['error']) {
                    if (json['error']) {
                        $('#forgot-password-modal .modal-body .alert-danger').remove();
                        $('#forgot-password-modal .modal-body').prepend('<div class="alert alert-danger alert-dismissible">' +  json['error'] + '</div>');
                    }

                    $submitBtn.prop('disabled', false).removeClass('loading');
                    isSubmitting = false;
                }
            },
            error: function(xhr, ajaxOptions, thrownError) {
                console.error(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
        });
    });
});
</script>
<div class="modal fade cs-modal cs-bonus-points-information" id="bonus-points-information-modal" tabindex="-1" aria-labelledby="bonus-points-information-modalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header position-relative border-0">
                <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Закрыть">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M18 6L6 18M6 6L18 18" stroke="#717680" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                </button>
                <h5 class="fs-lg mb-1 w-100"></h5>
            </div>
            <div class="modal-body">
                <div class="cs-bonous-image">
                    <a href="javascript:void(0);"><img src="catalog/view/image/bonus-image.png" alt="" onerror="this.onerror=null;this.src='https://placehold.co/150x150/cccccc/000000?text=Bonus+Image';"></a>
                </div>
                <div class="cs-bonous-despre">
                    <h5 class="fs-sm w-100 mb-2"></h5>
                    <div class="cs-bonous-despre-list row g-3">
                        <div class="col-6">
                            <div class="text-center h-100 cs-bonous-despre-card">
                                <h4 class="fs-xl fm-medium"></h4>
                                <p></p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="text-center h-100 cs-bonous-despre-card">
                                <h4 class="fs-xl fm-medium"></h4>
                                <p></p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="text-center h-100 cs-bonous-despre-card">
                                <h4 class="fs-xl fm-medium"></h4>
                                <p></p>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="text-center h-100 cs-bonous-despre-card">
                                <h4 class="fs-xl fm-medium"></h4>
                                <p> <br> </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cs-more-bonus-points">
                    <h5 class="fs-sm w-100 mb-2"></h5>
                    <p></p>
                </div>
            </div>
            <div class="modal-footer flex-column border-0">
                <div class="d-flex m-0 w-100">
                    <button type="button" data-bs-dismiss="modal" class="btn sm-btn-primary btn-md w-100">Вернуться к товару</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade cs-modal cs-delivery-service" id="delivery-service-information-modal" tabindex="-1" aria-labelledby="delivery-service-information-modalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header position-relative border-0">
                <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M18 6L6 18M6 6L18 18" stroke="#717680" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                </button>
                <h5 class="fs-lg mb-1 w-100">Доставка заказов</h5>
            </div>
            <div class="modal-body">
                <div class="cs-delivery-service position-relative">
                    <img src="catalog/view/image/delivery-modal.png" alt="delivery">
                    <div class="cs-delivery-service-time position-absolute w-100">
                        <h5 class="fs-md">Понедельник - Пятница</h5>
                        <p class="fs-xs">Кишинев: 10:00-19:00 / Национальная: 09:00-22:00</p>
                    </div>
                </div>
                <div class="cs-delivery-service-special">
                    <h6 class="fs-md fm-medium text-center"><span class="text-danger">*</span>Специальное предложение!</h6>
                    <p class="text-center">Бесплатная доставка при заказе от 1000 лей.</p>
                </div>
                <div class="cs-delivery-service-fees">
                    <h6 class="fs-sm mb-2">Стоимость доставки:</h6>
                    <ul class="d-flex flex-column">
                        <li class="d-flex align-items-start justify-content-between">
                            <p><span class="d-flex fm-medium">Самовывоз</span> Петрикань 88/8 , Пн-Пт 9-18.00</p>
                            <span class="badge bg-brand">бесплатно*</span>
                        </li>
                        <li class="d-flex align-items-start justify-content-between">
                            <p><span class="d-flex fm-medium">Кишинев</span> Включая НДС</p>
                            <span class="badge bg-brand"><span class="text-danger">*</span>69 Lei</span>
                        </li>
                        <li class="d-flex align-items-start justify-content-between">
                            <p><span class="d-flex fm-medium">Национальная по Молдове</span> Включая НДС</p>
                            <span class="badge bg-brand"><span class="text-danger">*</span>99 Lei</span>
                        </li>
                    </ul>
                </div>
                <div class="cs-delivery-service-index">
                    <h5 class="fs-sm mb-2">Индекс веса:</h5>
                    <p class="mb-3">+1,00 лей/кг (Кишинев) и +2,00 лей/кг (Национальная) для веса свыше 3 кг.</p>
                    <p>Пример: 5 кг = 69,00 + 2,00 = 71,00 лей.</p>
                </div>
            </div>
            <div class="modal-footer flex-column border-0">
                <div class="d-flex m-0 w-100">
                    <button type="button" data-bs-dismiss="modal" class="btn sm-btn-primary btn-md w-100">Вернуться к товару</button>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function changeQuantity(button, change) {
    event.preventDefault();
    event.stopPropagation();

    const wrapper = button.closest('.quantity-wrapper');
    if (!wrapper) {
        console.error("Quantity wrapper not found for button:", button);
        return;
    }

    const input = wrapper.querySelector('.quantity-input');
    if (!input) {
        console.error("Quantity input not found within wrapper:", wrapper);
        return;
    }

    let value = parseInt(input.value) || 0;

    const min = parseInt(input.getAttribute('min')) || 1;
    const max = parseInt(input.getAttribute('max')) || 99;

    let newQuantity = value + change;

    if (newQuantity < min) {
        newQuantity = min;
    } else if (newQuantity > max) {
        newQuantity = max;
    }

    input.value = newQuantity;
}

document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.quantity-plus').forEach(button => {
        button.addEventListener('click', function(e) {
            e.preventDefault();
            const form = this.closest('form');
            const input = form.querySelector('.quantity-input');
            let value = parseInt(input.value);
            const max = parseInt(input.max) || 99;
            
            if (value < max) {
                input.value = value + 1;
            }
        });
    });

    document.querySelectorAll('.quantity-minus').forEach(button => {
        button.addEventListener('click', function(e) {
            e.preventDefault();
            const form = this.closest('form');
            const input = form.querySelector('.quantity-input');
            let value = parseInt(input.value);
            const min = parseInt(input.min) || 1;
            
            if (value > min) {
                input.value = value - 1;
            }
        });
    });
});

$(document).ready(function() {
	
		
	function convertModalLinks() {
		$('.modal-body a[href*="account/login"]').each(function() {
			$(this).attr({
				'data-bs-toggle': 'modal',
				'data-bs-target': '#login-modal'
			}).click(function(e) {
				e.preventDefault();
			});
		});
		
		$('.modal-body a[href*="account/register"]').each(function() {
			$(this).attr({
				'data-bs-toggle': 'modal',
				'data-bs-target': '#register-modal'
			}).click(function(e) {
				e.preventDefault();
			});
		});
	}

	var checkModal = setInterval(function() {
		if ($('.modal-body').length) {
			convertModalLinks();
			clearInterval(checkModal);
		}
	}, 500);
	
	// Also check when any modal is shown
	$(document).on('shown.bs.modal', function() {
		convertModalLinks();
	});
});

$(document).ready(function() {
    const wishlist = [];
    
    wishlist.forEach(function(productId) {
        const productElements = $(`.productId${productId}`);
        
        productElements.each(function() {
            const $button = $(this).find('button[formaction*="wishlist.add"]');
            const $svgPath = $button.find('svg path');
            
            if ($svgPath.length) {
                $svgPath.attr('fill', '#D92D20');
                $svgPath.removeAttr('stroke');
                
                $button.attr('title', 'Добавлено в Избранное');
				$button.attr('data-bs-original-title', 'Добавлено в Избранное');
                $button.attr('aria-label', 'Добавлено в Избранное');
                
                $button.addClass('in-wishlist');
            }
        });
    });
});
</script>
<script src="catalog/view/javascript/bootstrap/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
    // Check if we're on a product page and need URL replacement
    function updateProductURL() {
        // Get the canonical URL from the head
        var canonicalLink = $('link[rel="canonical"]').attr('href');
        
        if (!canonicalLink) return;
        
        // Check if current URL is different from canonical URL
        var currentURL = window.location.href;
        
        // Only proceed if we're NOT already on the canonical URL
        if (currentURL !== canonicalLink) {
            // Use History API to replace URL without page reload
            window.history.replaceState({}, '', canonicalLink);
            console.log('URL updated to: ' + canonicalLink);
        }
    }
    		// Run the function
		updateProductURL();
	});
</script>
</body>
</html>