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(854): 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/ro/">Acasă</a>
						</li>
											<li class="breadcrumb-item">
							<a href="https://coffeeshop.md/ro/toppinguri-pulberi-vending?tag=Kituri">Toppinguri &amp; Prafuri Vending</a>
						</li>
											<li class="breadcrumb-item">
							<a href="https://coffeeshop.md/ro/toppinguri-pulberi-vending/-sosuri?tag=Kituri">Toppinguri - Sosuri Desert</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">Toppinguri - Sosuri Desert</h1>
																		<h2 class="fs-md">Toppinguri și sosuri desert — soluții profesionale cu gust intens, create pentru a oferi un finisaj estetic și aromat băuturilor pe bază de cafea, înghețatei și waffles.</h2>
															</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">Filtre active</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="toppinguri - sosuri desert" type="checkbox" value="295" checked id="category-295">
                            <label class="form-check-label" for="category-295">Toppinguri - Sosuri Desert</label>
                        </div>
                                            <div class="form-check mb-2 d-flex align-items-center">
                            <input class="form-check-input category-checkbox" data-category="pudră vending - ingrediente instant" type="checkbox" value="296"  id="category-296">
                            <label class="form-check-label" for="category-296">Pudră Vending - Ingrediente Instant</label>
                        </div>
                                        
                                                            
                                                                                                                                                                                                            <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 = `Afișează tot (+${extraCategories.length})`;
                        this.setAttribute('data-state', 'show');
                    }
                });
            }
        });
        </script>
	</div>
	<!-- Price -->
	<!-- Price Filter -->
    <div class="cs-filter-card">
        <h6 class="fs-sm">Preț</h6>
        <div class="d-flex gap-2 cs-filter-price">
            <input type="text" class="form-control cs-input-sm price-min" placeholder="Minim">
            <input type="text" class="form-control cs-input-sm price-max" placeholder="Maxim">
        </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">Până la 200 lei</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">Între 200 și 500 lei</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">Între 500 și 1000 lei</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">Între 1000 și 2500 lei</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="Caută branduri">
            <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="43"  data-brand="monin gourmet flavors" data-brand-name="Monin Gourmet Flavors" id="brand-43">
                <label class="form-check-label d-flex align-items-center gap-2" for="brand-43">
                    <img src="https://coffeeshop.md/image/cache/catalog/brands/Monin%20Logo_zpsiba4qkyg-24x24.jpg" alt="Monin Gourmet Flavors" width="20" height="20">                    <span class="brand-name">Monin Gourmet Flavors</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">Resetează tot</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}">
                    Preț: ${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">Niciun filtru activ</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="43"
														data-manufacturer-title="Monin Gourmet Flavors"
														data-bs-toggle="tooltip"
														aria-label="Selectați producătorul"
														data-bs-original-title="Selectați producătorul">
															Monin Gourmet Flavors
															<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>Nu există produse de afișat în această categorie.</p>
								<div class="text-end">
									<a href="https://coffeeshop.md/ro/" class="btn btn-primary">Continuă</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>
					Produse recomandate
				</h5>
									<div class="owl-nav-custom d-flex gap-2">
						<button class="bg-white d-flex align-items-center justify-content-center custom-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 custom-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 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=ro" data-oc-target="#cart" class="productId1280">
								<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/ro/toppinguri-pulberi-vending/-sosuri/monin-sos-topping-dark-chocolate-ciocolata-neagra-1890-ml-livrare-chisinau-moldova" title="Monin Sos Topping Chocolate Ciocolată Neagră 1890 ml Gust Intens de Cacao">
											<img src="https://coffeeshop.md/image/cache/catalog/produse/Monin/Chocolate/darkchocolate1890-250x250.jpg" alt="Monin Sos Topping Chocolate Ciocolată Neagră 1890 ml Gust Intens de Cacao" 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=ro" data-bs-toggle="tooltip" title="Adaugă la Lista de Favorite" 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/ro/monin-gourmet-flavors-sirop-piure-sos-topping-moldova?tag=Kituri&amp;manufacturer_id=43" title="Monin Gourmet Flavors">Monin Gourmet Flavors</a>
											</p>
																				<p class="mb-1 p-0 cs-product-details-description">
											<a href="https://coffeeshop.md/ro/toppinguri-pulberi-vending/-sosuri/monin-sos-topping-dark-chocolate-ciocolata-neagra-1890-ml-livrare-chisinau-moldova" title="Monin Sos Topping Chocolate Ciocolată Neagră 1890 ml Gust Intens de Cacao">Monin Sos Topping Chocolate Ciocolată Neagră 1890 ml Gust Intens de Cacao</a>
										</p>
																					<span class="badge bg-secondary w-auto mb-1">1.890,00g</span>
																				<div class="cs-price d-flex align-items-center gap-2">
																							<p class="mb-0">416,16 Lei</p>
																																	</div>
										<div class="d-flex align-items-center gap-2 quantity-wrapper">
											<input type="hidden" name="product_id" value="1280">
											<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=ro" class="btn xl-btn-secondary-color d-flex align-items-center justify-content-center" data-bs-toggle="tooltip" title="Adaugă în Coș">
												<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=ro" data-oc-target="#cart" class="productId1281">
								<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/ro/toppinguri-pulberi-vending/-sosuri/monin-sos-topping-dark-chocolate-ciocolata-neagra-500-ml-livrare-chisinau-moldova" title="Monin Sos Topping Chocolate Ciocolată Neagră 500 ml Aromă Bogată de Ciocolată">
											<img src="https://coffeeshop.md/image/cache/catalog/produse/Monin/Chocolate/Monin%20Sauce%20Topping%20Dark%20Chocolate%20500%20ml-250x250.jpg" alt="Monin Sos Topping Chocolate Ciocolată Neagră 500 ml Aromă Bogată de Ciocolată" 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=ro" data-bs-toggle="tooltip" title="Adaugă la Lista de Favorite" 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/ro/monin-gourmet-flavors-sirop-piure-sos-topping-moldova?tag=Kituri&amp;manufacturer_id=43" title="Monin Gourmet Flavors">Monin Gourmet Flavors</a>
											</p>
																				<p class="mb-1 p-0 cs-product-details-description">
											<a href="https://coffeeshop.md/ro/toppinguri-pulberi-vending/-sosuri/monin-sos-topping-dark-chocolate-ciocolata-neagra-500-ml-livrare-chisinau-moldova" title="Monin Sos Topping Chocolate Ciocolată Neagră 500 ml Aromă Bogată de Ciocolată">Monin Sos Topping Chocolate Ciocolată Neagră 500 ml Aromă Bogată de Ciocolată</a>
										</p>
																					<span class="badge bg-secondary w-auto mb-1">500,00g</span>
																				<div class="cs-price d-flex align-items-center gap-2">
																							<p class="mb-0">189,72 Lei</p>
																																	</div>
										<div class="d-flex align-items-center gap-2 quantity-wrapper">
											<input type="hidden" name="product_id" value="1281">
											<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=ro" class="btn xl-btn-secondary-color d-flex align-items-center justify-content-center" data-bs-toggle="tooltip" title="Adaugă în Coș">
												<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=ro" data-oc-target="#cart" class="productId1257">
								<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/ro/toppinguri-pulberi-vending/-sosuri/monin-sos-topping-caramel-1890-ml-livrare-chisinau-moldova" title="Monin Sos Topping Caramel 1890 ml Aromă Bogată de Caramel">
											<img src="https://coffeeshop.md/image/cache/catalog/produse/Monin/Caramel/carame800-250x250.jpg" alt="Monin Sos Topping Caramel 1890 ml Aromă Bogată de Caramel" 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=ro" data-bs-toggle="tooltip" title="Adaugă la Lista de Favorite" 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/ro/monin-gourmet-flavors-sirop-piure-sos-topping-moldova?tag=Kituri&amp;manufacturer_id=43" title="Monin Gourmet Flavors">Monin Gourmet Flavors</a>
											</p>
																				<p class="mb-1 p-0 cs-product-details-description">
											<a href="https://coffeeshop.md/ro/toppinguri-pulberi-vending/-sosuri/monin-sos-topping-caramel-1890-ml-livrare-chisinau-moldova" title="Monin Sos Topping Caramel 1890 ml Aromă Bogată de Caramel">Monin Sos Topping Caramel 1890 ml Aromă Bogată de Caramel</a>
										</p>
																					<span class="badge bg-secondary w-auto mb-1">1.890,00g</span>
																				<div class="cs-price d-flex align-items-center gap-2">
																							<p class="mb-0">538,56 Lei</p>
																																	</div>
										<div class="d-flex align-items-center gap-2 quantity-wrapper">
											<input type="hidden" name="product_id" value="1257">
											<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=ro" class="btn xl-btn-secondary-color d-flex align-items-center justify-content-center" data-bs-toggle="tooltip" title="Adaugă în Coș">
												<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=ro" data-oc-target="#cart" class="productId2480">
								<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/ro/toppinguri-pulberi-vending/-sosuri/monin-sos-salted-caramel-caramela-sarata-500-ml-livrare-chisinau-moldova" title="Monin Sos Salted Caramel 500 ml Caramelă Sărată Aromată">
											<img src="https://coffeeshop.md/image/cache/catalog/produse/Monin/Caramel/monin-sos-topit-caramela-sarata-livrare-moldova-250x250.jpg" alt="Monin Sos Salted Caramel 500 ml Caramelă Sărată Aromată" 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=ro" data-bs-toggle="tooltip" title="Adaugă la Lista de Favorite" 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/ro/monin-gourmet-flavors-sirop-piure-sos-topping-moldova?tag=Kituri&amp;manufacturer_id=43" title="Monin Gourmet Flavors">Monin Gourmet Flavors</a>
											</p>
																				<p class="mb-1 p-0 cs-product-details-description">
											<a href="https://coffeeshop.md/ro/toppinguri-pulberi-vending/-sosuri/monin-sos-salted-caramel-caramela-sarata-500-ml-livrare-chisinau-moldova" title="Monin Sos Salted Caramel 500 ml Caramelă Sărată Aromată">Monin Sos Salted Caramel 500 ml Caramelă Sărată Aromată</a>
										</p>
																					<span class="badge bg-secondary w-auto mb-1">500,00g</span>
																				<div class="cs-price d-flex align-items-center gap-2">
																							<p class="mb-0">210,36 Lei</p>
																																	</div>
										<div class="d-flex align-items-center gap-2 quantity-wrapper">
											<input type="hidden" name="product_id" value="2480">
											<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=ro" class="btn xl-btn-secondary-color d-flex align-items-center justify-content-center" data-bs-toggle="tooltip" title="Adaugă în Coș">
												<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=ro" data-oc-target="#cart" class="productId1258">
								<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/ro/toppinguri-pulberi-vending/-sosuri/monin-sos-topping-caramel-500-ml-livrare-chisinau-moldova" title="Monin Sos Topping Caramel 500 ml Gust Fin de Caramel Dulce">
											<img src="https://coffeeshop.md/image/cache/catalog/produse/Monin/Caramel/caramel500-250x250.jpg" alt="Monin Sos Topping Caramel 500 ml Gust Fin de Caramel Dulce" 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=ro" data-bs-toggle="tooltip" title="Adaugă la Lista de Favorite" 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/ro/monin-gourmet-flavors-sirop-piure-sos-topping-moldova?tag=Kituri&amp;manufacturer_id=43" title="Monin Gourmet Flavors">Monin Gourmet Flavors</a>
											</p>
																				<p class="mb-1 p-0 cs-product-details-description">
											<a href="https://coffeeshop.md/ro/toppinguri-pulberi-vending/-sosuri/monin-sos-topping-caramel-500-ml-livrare-chisinau-moldova" title="Monin Sos Topping Caramel 500 ml Gust Fin de Caramel Dulce">Monin Sos Topping Caramel 500 ml Gust Fin de Caramel Dulce</a>
										</p>
																					<span class="badge bg-secondary w-auto mb-1">500,00g</span>
																				<div class="cs-price d-flex align-items-center gap-2">
																							<p class="mb-0">201,96 Lei</p>
																																	</div>
										<div class="d-flex align-items-center gap-2 quantity-wrapper">
											<input type="hidden" name="product_id" value="1258">
											<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=ro" class="btn xl-btn-secondary-color d-flex align-items-center justify-content-center" data-bs-toggle="tooltip" title="Adaugă în Coș">
												<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>Toppinguri și sosuri desert: Detaliul care face diferența</h2>

<p>Fiecare băutură sau desert merită un finisaj pe măsură. Pe coffeeshop.md, categoria de toppinguri - sosuri desert include produse premium, recunoscute pentru gustul intens și consistența densă. Acestea sunt instrumentele ideale pentru orice <a href="https://coffeeshop.md/ro/ustensile-barista">barista </a>sau pasionat de cofetărie care dorește să transforme o simplă <a href="https://coffeeshop.md/ro/cafea">cafea </a>într-o experiență vizuală și gustativă de neuitat. Oferim livrare în Chișinău și toată Moldova pentru întreaga gamă.</p>

<h3>Utilizări și varietate</h3>

<ul>
	<li>Decor Cafea: Sosurile de caramel sau ciocolată sunt perfecte pentru a desena pe spuma de lapte, folosind <a href="https://coffeeshop.md/ro/accesorii-la-cafea">accesorii de cafea</a> specializate.</li>
	<li>Deserturi: Ideale pentru waffles, clătite sau înghețată, oferind o textură catifelată.</li>
	<li>Mixuri: Pot fi combinate cu <a href="https://coffeeshop.md/ro/siropuri">siropuri</a> aromatizate sau <a href="https://coffeeshop.md/ro/piureuri">piureuri naturale</a> pentru a crea straturi de arome complexe.</li>
</ul>

<p>Datorită ambalajelor practice cu picurător, dozarea este precisă, evitând risipa și asigurând igiena în timpul preparării.</p>
											</div>
										</div>
									</div>
								</div>			
							</div>
						</section>
									</div>
			</div>
		</div>
	</section>
	<span id="currentUrl" style="display:none">https://coffeeshop.md/ro/toppinguri-pulberi-vending/-sosuri?tag=Kituri</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">Sortează după</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/ro/toppinguri-pulberi-vending/-sosuri?tag=Kituri&amp;sort=p.sort_order&amp;order=ASC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort1">Cele mai noi</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/ro/toppinguri-pulberi-vending/-sosuri?tag=Kituri&amp;sort=pd.name&amp;order=ASC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort2">Nume (A - Z)</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/ro/toppinguri-pulberi-vending/-sosuri?tag=Kituri&amp;sort=pd.name&amp;order=DESC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort3">Nume (Z - A)</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/ro/toppinguri-pulberi-vending/-sosuri?tag=Kituri&amp;sort=p.price&amp;order=ASC"  checked onchange="location = this.value;">
								<label class="form-check-label" for="sort4">Preț (crescator)</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/ro/toppinguri-pulberi-vending/-sosuri?tag=Kituri&amp;sort=p.price&amp;order=DESC"  onchange="location = this.value;">
								<label class="form-check-label" for="sort5">Preț (descrescător)</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/ro/toppinguri-pulberi-vending/-sosuri?tag=Kituri&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">Aleatoriu</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">Aplică</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/ro/" 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/ro/despre-noi" 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">Urmăriți-ne pe rețelele sociale 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">Despre Coffeeshop.md</h5>
					<ul class="d-flex flex-column">
																																																												<li>
									<a href="https://coffeeshop.md/ro/despre-noi" class="mb-2">Despre Coffeeshop.md</a>
								</li>
																												<li>
									<a href="https://coffeeshop.md/ro/serviciul-livrare" class="mb-2">Servicii de livrare Coffeeshop.md</a>
								</li>
																																<li>
							<a href="https://coffeeshop.md/ro/mentenanta" class="mb-2">Mentenanță Aparate de Cafea</a>
						</li>
						<li>
							<a href="https://coffeeshop.md/ro/contact-us" class="mb-2">Contactaţi-ne</a>
						</li>
					</ul>
				</div>
				<div class="cs-footer-links w-50">
					<h5 class="mb-2">Informații Utile</h5>
					<ul class="d-flex flex-column">
						<li>
							<a href="https://coffeeshop.md/ro/brands?tag=Kituri" class="mb-2">Marca</a>
						</li>
																																	<li>
									<a href="https://coffeeshop.md/ro/business-partners" class="mb-2">Business Partners</a>
								</li>
																												<li>
									<a href="https://coffeeshop.md/ro/business-customers" class="mb-2">Clienți de afaceri</a>
								</li>
																																																																			<li>
									<a href="https://coffeeshop.md/ro/termeni-si-conditii-" class="mb-2">Termeni Și Condiții</a>
								</li>
																								</ul>
				</div>
			</div>
			
			<div class="col-lg-4 d-flex">
				<div class="cs-footer-links w-50">
					<h5 class="mb-2">Cont</h5>
					<ul class="d-flex flex-column">
												<li>
							<a href="#" class="mb-2" data-bs-toggle="modal" data-bs-target="#login-modal">Comenzile Mele</a>
						</li>
						<li>
							<a href="#" class="mb-2" data-bs-toggle="modal" data-bs-target="#login-modal">Favoritele Mele</a>
						</li>
																																																																			<li>
									<a href="https://coffeeshop.md/ro/bonus-points" class="mb-2">Puncte<br/>bonus</a>
								</li>
																																																									</ul>
				</div>
				<div class="cs-footer-links w-50">
					<h5 class="mb-2">Link-uri Utile</h5>
					<ul class="d-flex flex-column">
													<li>
								<a href="https://coffeeshop.md/ro/blog/blog" class="mb-2">Blog Coffeeshop.md</a>
							</li>
																								<li>
							<a href="https://coffeeshop.md/ro/seturi" class="mb-2">Seturi</a>
						</li>
						<li>
							<a href="https://coffeeshop.md/ro/discounts?tag=Kituri" class="mb-2">Reduceri</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">Urmăriți-ne pe rețelele sociale 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>Metode de Achitare:</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, Toate drepturile rezervate</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">Autentificați-vă în contul dvs</h5>
				<p class="text-center fs-sm">Bun venit înapoi! Vă rugăm să introduceți datele necesare.</p>
			</div>
			<form id="form-login" action="https://coffeeshop.md/index.php?route=account/login.login&amp;language=ro&amp;login_token=9bcebff9bb627fea65ae221c1e" 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">sau</div>
					<div class="form-group">
						<label for="input-lemail" class="form-label fs-sm fm-medium">Adresa de E-Mail</label>
						<input type="email" name="lemail" value="" placeholder="Adresa de E-Mail" 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">Parolă</label>
						<input type="password" name="password" value="" placeholder="Parolă" 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=ro" class="link-primary" data-bs-toggle="modal" data-bs-target="#forgot-password-modal" >Parolă Uitată</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">Logare</button>
					</div>
					<div class="text-center cs-modal-link">
						<p class="text-muted fs-sm fm-medium">Nu aveți cont?
							<a href="https://coffeeshop.md/index.php?route=account/register.register&amp;language=ro&amp;register_token=24b76b560eab79001662e09dea" class="link-primary ms-2" data-bs-toggle="modal" data-bs-target="#register-modal">Înregistrare</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">Înregistrați-vă pentru a debloca recompense</h5>
                <p class="text-center fs-sm">Înregistrați-vă pentru a primi 25 de Boabe de Aur și beneficii exclusive pentru membri.</p>
            </div>
            <div class="modal-body">
                <form id="form-register" action="https://coffeeshop.md/index.php?route=account/register&amp;language=ro" 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>Soluții pentru afacerea dvs! Cont business cu facturare rapidă, acte de verificate și oferte personalizate. Pentru mai multe detalii <a href="https://coffeeshop.md/ro/contact-us" class="alert-link fs-sm fm-medium">citește aici</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">Prenume</label>
                                <input type="text" name="firstname" value="" placeholder="Prenume" 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">Nume</label>
                                <input type="text" name="lastname" value="" placeholder="Nume" 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">Telefon</label>
                            <input type="tel" name="phone" value="" placeholder="Telefon" 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">Parolă</label>
                            <input type="password" name="password" value="" placeholder="Parolă" 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">Prin prezenta, îmi dau consimțământul ca datele mele personale să fie prelucrate conform Termenilor de Utilizare</label>
                            </div>
                                            </div>
                    <div class="text-end">
                        <button type="submit" class="btn btn-primary btn-md w-100">Înregistrare</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">Aveți deja un cont?
                        <a href="https://coffeeshop.md/index.php?route=account/login.login&amp;language=ro&amp;login_token=9bcebff9bb627fea65ae221c1e" class="link-primary ms-2"  data-bs-toggle="modal" data-bs-target="#login-modal">Autentificați-vă!</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">Ați uitat parola?</h5>
            </div>
            <form id="form-forgotten" action="https://coffeeshop.md/index.php?route=account/forgotten.confirm&amp;language=ro" 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">Adresa de E-Mail</label>
                        <input type="email" name="email" value="" placeholder="Adresa de E-Mail" 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">Resetați Parola</button>
                    </div>
                    <div class="text-center cs-modal-link">
                        <p class="text-muted fs-sm fm-medium">Aveți deja un cont?
                            <a href="https://coffeeshop.md/index.php?route=account/login.login&amp;language=ro&amp;login_token=9bcebff9bb627fea65ae221c1e" class="link-primary ms-2" data-bs-toggle="modal" data-bs-target="#login-modal">Logare</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('Succes', json['success'], 'success', 'Închide');
                } 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="Închide">
                    <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">Înapoi la produs</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">Informații despre Livrare</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">Luni - Vineri</h5>
                        <p class="fs-xs">Chișinău: 10:00-19:00 / Național: 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>Special!</h6>
                    <p class="text-center">Livrare gratuită la comenzi de peste 1000 lei.</p>
                </div>
                <div class="cs-delivery-service-fees">
                    <h6 class="fs-sm mb-2">Costul livrării:</h6>
                    <ul class="d-flex flex-column">
                        <li class="d-flex align-items-start justify-content-between">
                            <p><span class="d-flex fm-medium">Ridicare din magazin</span> Petricani 88/8 , Lu-Vi 9-18.00</p>
                            <span class="badge bg-brand">gratuit</span>
                        </li>
                        <li class="d-flex align-items-start justify-content-between">
                            <p><span class="d-flex fm-medium">Chișinău</span> TVA inclus</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">Național în Moldova</span> TVA inclus</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">Index de greutate:</h5>
                    <p class="mb-3">+1,00 leu/kg (Chișinău) și +2,00 lei/kg (Național) pentru greutăți peste 3 kg.</p>
                    <p>Exemplu: 5 kg = 69,00 + 2,00 = 71,00 lei.</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">Înapoi la produs</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', 'Adăugat la Favorite');
				$button.attr('data-bs-original-title', 'Adăugat la Favorite');
                $button.attr('aria-label', 'Adăugat la Favorite');
                
                $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);
        }
    }
    });
</script>
</body>
</html>