<!DOCTYPE html><html lang="lv"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Durvju Katalogs</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"><script src="https://cdn.tailwindcss.com"></script><script> tailwind.config = {
 theme: {
 extend: {
 fontFamily: {
 sans: ['Inter', 'sans-serif'],
 }
 }
 }
 }
 </script><script src="https://unpkg.com/lucide@latest"></script><style> html { scroll-behavior: smooth; }
 body { 
 font-family: 'Inter', sans-serif !important; 
 margin: 0; 
 padding: 0; 
 background-color: #f9fafb; 
 }
 .hidden { display: none !important; }
 
 /* Ritjosla modālajiem logiem */
 .custom-scrollbar::-webkit-scrollbar { width: 6px; }
 .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 8px; }
 .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
 .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
 </style></head><body class="font-sans text-gray-800 pb-10 antialiased relative min-h-screen"><div class="min-h-screen relative z-10"><main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 flex flex-col md:flex-row gap-8"><aside class="w-full md:w-64 flex-shrink-0"><div class="bg-white p-5 rounded-xl shadow-sm border border-gray-100 sticky top-4"><h2 class="text-lg font-bold text-gray-900 mb-4 flex items-center gap-2 tracking-tight"><i data-lucide="filter" class="w-5 h-5 text-red-600"></i> Filtrēt
 </h2><div class="mb-6"><label class="block text-sm font-medium text-gray-700 mb-2">Meklēt modeli</label><div class="relative"><input
 type="text"
 id="searchInput"
 placeholder="Ievadiet nosaukumu..."
 class="w-full pl-9 pr-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-900 focus:border-blue-900 outline-none text-sm"
 /><i data-lucide="search" class="w-4 h-4 text-gray-400 absolute left-3 top-3"></i></div></div><div><label class="block text-sm font-medium text-gray-700 mb-2">Kategorija</label><div class="space-y-2" id="categoryContainer"></div></div><div class="mt-6"><label class="block text-sm font-medium text-gray-700 mb-2">Platums (mm)</label><div class="flex flex-wrap gap-2" id="widthContainer"></div></div></div></aside><div class="flex-1"><div class="mb-6 flex justify-between items-end"><div><h2 class="text-3xl font-extrabold text-gray-900 tracking-tight">Durvju Katalogs</h2><p class="text-gray-500 mt-1 font-medium" id="resultCount">Ielādē datus…</p></div></div><div id="customOrderBannerContainer"></div><div class="col-span-1 sm:col-span-2 lg:col-span-3 flex flex-wrap items-center justify-between gap-4 bg-white p-4 rounded-xl border border-gray-200 shadow-sm mb-4"><label class="flex items-center gap-2 text-sm font-bold text-gray-700"><i data-lucide="arrow-up-down" class="w-5 h-5 text-blue-900"></i> Kārtot pēc cenas:
 </label><div class="flex flex-wrap gap-2 w-full sm:w-auto" id="sortContainer"><button onclick="window.setSortOrder('default')" class="sort-btn flex-1 sm:flex-none px-4 py-2 rounded-lg text-sm font-semibold transition-colors text-center" data-sort="default">Standarta</button><button onclick="window.setSortOrder('asc')" class="sort-btn flex-1 sm:flex-none px-4 py-2 rounded-lg text-sm font-semibold transition-colors text-center" data-sort="asc">Lētākās vispirms</button><button onclick="window.setSortOrder('desc')" class="sort-btn flex-1 sm:flex-none px-4 py-2 rounded-lg text-sm font-semibold transition-colors text-center" data-sort="desc">Dārgākās vispirms</button></div></div><div id="doorsGrid" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"></div><div id="emptyState" class="hidden text-center py-20 bg-white rounded-xl border border-dashed border-gray-300 mt-6"><p class="text-gray-500 font-medium">Neviens modelis neatbilst jūsu meklēšanas kritērijiem.</p><button onclick="window.clearFilters()" class="mt-4 text-blue-900 font-bold hover:underline"> Notīrīt filtrus
 </button></div></div></main></div><div id="modalsContainer"></div><script> // --- DATA ---
 const doorsData = [
 { id: 1, name: 'PREMA B-434 Modelis 172', category: 'Dzīvoklim', retailPrice: 369.00, imageColor: 'from-slate-700 to-slate-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/PREMA-B-434-Modelis-172-.png', details: { dimensions: '840x2040, 940x2040 mm', frameThickness: '85 mm', leafThickness: '72 mm', metalThickness: '1.2 mm', weight: '64/68 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'MDF 10mm krāsa - Antracīts Nr.22', interior: 'MDF 10mm krāsa - Balts matēts gluds', locks: 'ARIKO (suvaldas) + ARIKO (cilindriskā)', insulation: 'Minerālvate', equipment: 'Actiņa, Pretnoņemamie eņģu aizsargi (3gb)' } },
 { id: 2, name: 'PREMA B-434 Modelis 188', category: 'Dzīvoklim', retailPrice: 369.00, imageColor: 'from-stone-700 to-stone-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/PREMA-B-434-Modelis-188-.jpg', details: { dimensions: '840x2040, 940x2040 mm', frameThickness: '85 mm', leafThickness: '72 mm', metalThickness: '1.2 mm', weight: '64/68 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'MDF 10mm krāsa - Dienvidu Venge Nr.3', interior: 'MDF 10mm krāsa - Dienvidu Venge Nr.3', locks: 'ARIKO (suvaldas) + ARIKO (cilindriskā)', insulation: 'Minerālvate', equipment: 'Actiņa, Pretnoņemamie eņģu aizsargi (3gb)' } },
 { id: 3, name: 'PREMA B-434 Modelis 435 Betons antracīts', category: 'Dzīvoklim', retailPrice: 379.00, imageColor: 'from-gray-600 to-gray-800', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/PREMA-B-434-Modelis-435-Betons-antracits-.jpg', details: { dimensions: '840x2040, 940x2040 mm', frameThickness: '85 mm', leafThickness: '72 mm', metalThickness: '1.2 mm', weight: '64/68 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'MDF 10mm krāsa - Betons antracīts', interior: 'MDF 10mm krāsa - Oksīds balts', locks: 'ARIKO (suvaldas) + ARIKO (cilindriskā)', insulation: 'Minerālvate', equipment: 'Actiņa, Pretnoņemamie eņģu aizsargi (3gb)' } },
 { id: 4, name: 'PREMA B-434 Modelis 435 Dreamwood', category: 'Dzīvoklim', retailPrice: 379.00, imageColor: 'from-zinc-600 to-zinc-800', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/PREMA-B-434-Modelis-435-Dreamwood-.jpg', details: { dimensions: '840x2040, 940x2040 mm', frameThickness: '85 mm', leafThickness: '72 mm', metalThickness: '1.2 mm', weight: '64/68 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'MDF 10mm krāsa - Dreamwood tumšs', interior: 'MDF 10mm krāsa - Dreamwood tumšs', locks: 'ARIKO (suvaldas) + ARIKO (cilindriskā)', insulation: 'Minerālvate', equipment: 'Actiņa, Pretnoņemamie eņģu aizsargi (3gb)' } },
 { id: 5, name: 'PREMA B-434 Modelis 122', category: 'Dzīvoklim', retailPrice: 359.00, imageColor: 'from-amber-800 to-amber-950', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/PREMA-B-434-Modelis-122-.jpg', details: { dimensions: '840x2040, 940x2040 mm', frameThickness: '85 mm', leafThickness: '72 mm', metalThickness: '1.2 mm', weight: '64/68 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'MDF 10mm krāsa - Dreamwood tumšs', interior: 'MDF 10mm krāsa - balta koka tekstūra', locks: 'ARIKO (suvaldas) + ARIKO (cilindriskā)', insulation: 'Minerālvate', equipment: 'Actiņa, Pretnoņemamie eņģu aizsargi (3gb)' } },
 { id: 6, name: 'PREMA B-606 Modelis 269', category: 'Dzīvoklim', retailPrice: 519.00, imageColor: 'from-stone-600 to-stone-800', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/PREMA-B-606-Modelis-269-.jpg', details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '100 mm', leafThickness: '85 mm', metalThickness: '1.2 mm (ārējā 0.8mm)', weight: '69/73 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'MDF 10mm krāsa - Dreamwood tumšs', interior: 'MDF 10mm krāsa - Dreamwood tumšs', locks: 'ARIKO (suvaldas) + KALE 252', insulation: 'Minerālvate (kārbā un vērtnē)', equipment: 'Actiņa, Pretnoņemamie eņģu aizsargi (3gb)' } },
 { id: 7, name: 'PREMA B-606 Modelis 234/237', category: 'Dzīvoklim', retailPrice: 529.00, imageColor: 'from-amber-700 to-amber-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/PREMA-B-606-Modelis-234_237-.png', details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '100 mm', leafThickness: '85 mm', metalThickness: '1.2 mm (ārējā 0.8mm)', weight: '69/73 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'MDF 10mm krāsa - Tabakas Ozols', interior: 'MDF 10mm krāsa - Ozols Sudraba Nemo', locks: 'ARIKO (suvaldas) + KALE 252', insulation: 'Minerālvate (kārbā un vērtnē)', equipment: 'Actiņa, Pretnoņemamie eņģu aizsargi (3gb)' } },
 { id: 8, name: 'Garant 514', category: 'Dzīvoklim', retailPrice: 749.00, imageColor: 'from-stone-800 to-stone-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Garant-514-.png', details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '110 mm', leafThickness: '105 mm', metalThickness: '1.5 mm (ārējā 1.4mm)', weight: '103/115 kg', hinges: '3 gb. ar gultņiem (d-24/120mm)', seals: '3 kontūras uz vērtnes', exterior: 'MDF 16mm krāsa - Venge Horizontāls Tumšs', interior: 'MDF 16mm krāsa - Venge Horizontāls Tumšs', locks: 'KALE 257 LX + KALE 252', insulation: 'Minerālvate ar folija siltinājumu', equipment: 'Actiņa, Nakts aizbīdnis, Pretnoņemamie aizsargi (3gb)' } },
 { id: 9, name: 'Ultra Securemme modelis 539/237', category: 'Dzīvoklim', retailPrice: 779.00, imageColor: 'from-gray-700 to-gray-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Ultra-Securemme-modelis-539_237-.png', details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '110 mm', leafThickness: '105 mm', metalThickness: '1.2 mm (ārējā 1.0mm)', weight: '92/98 kg', hinges: '3 gb. ar gultņiem (d-27/120mm)', seals: '3 kontūras uz vērtnes', exterior: 'MDF 16mm krāsa - Mamba morion', interior: 'MDF 16mm krāsa - Rustic avignon blan', locks: 'Securemme 2019 + Securemme 2061', insulation: 'Minerālvate ar folija siltinājumu', equipment: 'Nerūsējošā tērauda slieksnis, Actiņa, Nakts aizbīdnis' } },
 { id: 10, name: 'TERMO ULTRA 546/607 (ar spoguli)', category: 'Dzīvoklim', retailPrice: 849.00, imageColor: 'from-slate-600 to-slate-800', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/TERMO-ULTRA-546_607-ar-spoguli-.png', details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '110 mm', leafThickness: '105 mm', metalThickness: '1.2 mm (ārējā 1.0mm)', weight: '92/98 kg', hinges: '3 gb. ar gultņiem (d-27/120mm)', seals: '3 kontūras uz vērtnes', exterior: 'MDF 16mm krāsa - Roxy antracīts pelēks', interior: 'MDF 16mm krāsa - Balts šagren (ar spoguli)', locks: 'Securemme 2019 + Securemme 2061', insulation: 'Minerālvate ar folija siltinājumu + korķkoks', equipment: 'Iekšējais spogulis, Actiņa, Nakts aizbīdnis' } },
 { id: 11, name: 'ULTRA modelis 547/251', category: 'Dzīvoklim', retailPrice: 719.00, imageColor: 'from-stone-700 to-stone-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/ULTRA-modelis-547_251-.png', details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '110 mm', leafThickness: '105 mm', metalThickness: '1.2 mm (ārējā 1.0mm)', weight: '92/98 kg', hinges: '3 gb. ar gultņiem (d-27/120mm)', seals: '3 kontūras uz vērtnes', exterior: 'MDF 16mm krāsa - Ozols dorato tumšs', interior: 'MDF 16mm krāsa - Rustic avignon blanc', locks: 'KALE 257 + KALE 252', insulation: 'Minerālvate ar folija siltinājumu', equipment: 'Nerūsējošā tērauda slieksnis, Actiņa, Nakts aizbīdnis' } },
 { id: 12, name: 'ULTRA modelis 535', category: 'Dzīvoklim', retailPrice: 719.00, imageColor: 'from-gray-600 to-gray-800', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/ULTRA-modelis-535-.png', details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '110 mm', leafThickness: '105 mm', metalThickness: '1.2 mm (ārējā 1.0mm)', weight: '92/98 kg', hinges: '3 gb. ar gultņiem (d-27/120mm)', seals: '3 kontūras uz vērtnes', exterior: 'MDF 16mm krāsa - Betons antracīts', interior: 'MDF 16mm krāsa - Balts oksīds', locks: 'KALE 257 + KALE 252', insulation: 'Minerālvate ar folija siltinājumu', equipment: 'Nerūsējošā tērauda slieksnis, Actiņa, Nakts aizbīdnis' } },
 { id: 13, name: 'TermoTrend kvadro Gluds', category: 'Dzīvoklim', retailPrice: 928.00, imageColor: 'from-slate-700 to-slate-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/TermoTrend-kvadro-Gluds-.png', details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '110 mm', leafThickness: '105 mm', metalThickness: '1.2 mm (ārējā 1.0mm)', weight: '92/98 kg', hinges: '3 gb. ar gultņiem (d-27/120mm)', seals: '3 kontūras uz vērtnes', exterior: 'MDF 16mm krāsa - Venge horizont', interior: 'MDF 16mm krāsa - Balts Sagren', locks: 'Mottura 54.979 (monobloks) + deviātori', insulation: 'Minerālvate 2 slāņi 50 mm (15kg/m3), folija', equipment: 'Nerūsējošā tērauda slieksnis, Actiņa, Nakts aizbīdnis' } },
 { id: 14, name: 'Stile Max Light', category: 'Dzīvoklim', retailPrice: 449.00, imageColor: 'from-zinc-500 to-zinc-700', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Stile-Max-Light.png', details: { dimensions: '860x2040, 960x2050 mm', frameThickness: '107 mm', leafThickness: '98 mm', metalThickness: '1.2 mm', weight: 'Pēc pieprasījuma', hinges: '3 gb. ar gultņiem (Itālija)', seals: '3 kontūras (Schlegel Vācija)', exterior: 'MDF 12mm krāsa - Antracīts', interior: 'MDF 10mm krāsa - Antracīts', locks: 'AVERS (suvaldu) + AVERS (cilindriskā)', insulation: 'Kombinēts 50 mm (45 kg/m3) / 50 mm (15kg/m3)', equipment: 'Actiņa, Aizsardzība pret nozāģēšanu' } },
 { id: 15, name: 'Stile Max 700/2', category: 'Dzīvoklim', retailPrice: 569.00, imageColor: 'from-slate-400 to-slate-600', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Stile-Max-700_2-.png', details: { dimensions: '860x2040, 960x2050 mm', frameThickness: '107 mm', leafThickness: '98 mm', metalThickness: '1.2 mm (kārba 1.5mm)', weight: 'Pēc pieprasījuma', hinges: '3 gb. ar gultņiem (Itālija)', seals: '3 kontūras (Schlegel Vācija)', exterior: 'MDF 12mm krāsa - Antracīts', interior: 'MDF 10mm krāsa - balta supermats', locks: 'KALE 257 + KALE 252', insulation: 'Kombinēts 50 mm (45 kg/m3) / 50 mm (15kg/m3)', equipment: 'Nerūsējošā tērauda slieksnis, Actiņa, Nakts aizbīdnis' } },
 { id: 16, name: 'Stile Max 350/1', category: 'Dzīvoklim', retailPrice: 569.00, imageColor: 'from-stone-600 to-stone-800', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Stile-Max-350_1-.png', details: { dimensions: '860x2040, 960x2050 mm', frameThickness: '107 mm', leafThickness: '98 mm', metalThickness: '1.2 mm (kārba 1.5mm)', weight: 'Pēc pieprasījuma', hinges: '3 gb. ar gultņiem (Itālija)', seals: '3 kontūras (Schlegel Vācija)', exterior: 'MDF 12mm krāsa - Venge horizont', interior: 'MDF 10mm krāsa - Priede provaris', locks: 'KALE 257 + KALE 252', insulation: 'Kombinēts 50 mm (45 kg/m3) / 50 mm (15kg/m3)', equipment: 'Nerūsējošā tērauda slieksnis, Actiņa, Nakts aizbīdnis' } },
 { id: 17, name: 'Stile Max 352/1', category: 'Dzīvoklim', retailPrice: 569.00, imageColor: 'from-gray-500 to-gray-700', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Stile-Max-352_1-.png', details: { dimensions: '860x2040, 960x2050 mm', frameThickness: '107 mm', leafThickness: '98 mm', metalThickness: '1.2 mm (kārba 1.5mm)', weight: 'Pēc pieprasījuma', hinges: '3 gb. ar gultņiem (Itālija)', seals: '3 kontūras (Schlegel Vācija)', exterior: 'MDF 12mm krāsa - Betona antracīts', interior: 'MDF 10mm krāsa - Balts supermats', locks: 'KALE 257 + KALE 252', insulation: 'Kombinēts 50 mm (45 kg/m3) / 50 mm (15kg/m3)', equipment: 'Nerūsējošā tērauda slieksnis, Actiņa, Nakts aizbīdnis' } },
 { id: 18, name: 'Stile Max PRO Tandem', category: 'Dzīvoklim', retailPrice: 679.00, imageColor: 'from-amber-800 to-amber-950', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Stile-Max-PRO-Tandem.png', details: { dimensions: '860x2040, 960x2050 mm', frameThickness: '107 mm', leafThickness: '98 mm', metalThickness: '1.2 mm (kārba 1.5mm)', weight: 'Pēc pieprasījuma', hinges: '3 gb. ar gultņiem (Itālija)', seals: '3 kontūras (Schlegel Vācija)', exterior: 'MDF 12mm krāsa - Tika koks', interior: 'MDF 10mm krāsa - Tika koks ar spoguli', locks: 'KALE 257 + KALE 252', insulation: 'Kombinēts 50 mm (45 kg/m3) / 50 mm (15kg/m3)', equipment: 'Iekšējais spogulis, Nerūsējošā tērauda slieksnis, Nakts aizbīdnis' } },
 { id: 19, name: 'Eko Eskada 1', category: 'Dzīvoklim', retailPrice: 305.00, imageColor: 'from-yellow-900 to-orange-950', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Eko-Eskada-1--scaled.jpg', details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '70 mm', leafThickness: '70 mm', metalThickness: '1.2 mm', weight: 'Pēc pieprasījuma', hinges: '2 gb. (100x21)', seals: '1 kontūra', exterior: 'MDF 10mm krāsa - Dienvidu Venge', interior: 'MDF 10mm krāsa - Dienvidu Venge', locks: 'Avers 1082 + Apecs 510', insulation: 'Minerālvate', equipment: 'Nav īpašu papildinājumu' } },
 { id: 20, name: 'Eko Classic 1', category: 'Dzīvoklim', retailPrice: 305.00, imageColor: 'from-orange-900 to-stone-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Eko-Classic-1--scaled.jpg', details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '70 mm', leafThickness: '70 mm', metalThickness: '1.2 mm', weight: 'Pēc pieprasījuma', hinges: '2 gb. (100x21)', seals: '1 kontūra', exterior: 'MDF 10mm krāsa - Dienvidu Venge', interior: 'MDF 10mm krāsa - Sudrabots Nemo', locks: 'Avers 1082 + Apecs 510', insulation: 'Minerālvate', equipment: 'Nav īpašu papildinājumu' } },
 { id: 21, name: 'Prime Lite 2K', category: 'Dzīvoklim', retailPrice: 328.00, imageColor: 'from-slate-500 to-slate-600', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Prime-Lite-2K.png', details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '95 mm', leafThickness: '73 mm', metalThickness: '1.2 mm', weight: '60/65 kg', hinges: '2 gb. (d-21/100mm)', seals: '2 kontūras', exterior: 'Metāls pārklājums - Antracīts RAL 7016', interior: 'Laminēta kokskaidu plātne - Sonomas Ozols', locks: 'AVERS 1082 + Kale 2000', insulation: 'Minerālvate ISOVER (15kg/m3)', equipment: 'Pretnoņemamie aizsargi (2gb)' } },
 { id: 22, name: 'City B308 (602. sērijai)', category: 'Dzīvoklim', retailPrice: 679.00, imageColor: 'from-slate-500 to-slate-700', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/City-B308-602.-serijai-.png', details: { dimensions: '760x1980 mm', frameThickness: '120 mm', leafThickness: '105 mm', metalThickness: '1.0 mm (kārba 1.5mm)', weight: 'Pēc pieprasījuma', hinges: '3 gb. ar gultņiem (Itālija)', seals: '3 kontūras (Schlegel)', exterior: 'MDF 10mm krāsa - Antracīts', interior: 'MDF 10mm krāsa - Balts koks', locks: 'KALE 257 + KALE 252', insulation: 'Kombinēts pildījums', equipment: 'Actiņa, Aizsardzība pret montāžas stiprinājumu nozāģēšanu' } },
 { id: 23, name: 'City Eskada 39 (602. sērijai)', category: 'Dzīvoklim', retailPrice: 679.00, imageColor: 'from-stone-700 to-stone-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/City-Eskada-39-602.-serijai-.png', details: { dimensions: '760x1980 mm', frameThickness: '120 mm', leafThickness: '105 mm', metalThickness: '1.0 mm (kārba 1.5mm)', weight: 'Pēc pieprasījuma', hinges: '3 gb. ar gultņiem (Itālija)', seals: '3 kontūras (Schlegel)', exterior: 'MDF 10mm krāsa - Venge Horizont Tumšs', interior: 'MDF 10mm krāsa - Venge Horizont Tumšs', locks: 'KALE 257 + KALE 252', insulation: 'Kombinēts pildījums', equipment: 'Actiņa, Aizsardzība pret stiprinājumu nozāģēšanu' } },
 { id: 24, name: 'Tehno 6', category: 'Tehniskās', retailPrice: 290.00, imageColor: 'from-gray-500 to-gray-700', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Tehno-6-.jpeg', details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '98 mm', leafThickness: '74 mm', metalThickness: '0.5 mm (kārba 1.0mm)', weight: '48/50 kg', hinges: '2 gb. (d-16/80mm)', seals: '2 kontūras', exterior: 'Metāls pārklājums - Snake skin Antracīts', interior: 'Metāls pārklājums - Snake skin Antracīts', locks: 'Avers 2800', insulation: 'Poliestera pildījums vienā loksnē', equipment: 'Pamatkomplektācija (bez actiņas un nakts aizbīdņa)' } },
 { id: 25, name: 'TERMO HOUSE 710/265 Venge tumšs', category: 'Privātmājai', retailPrice: 847.00, imageColor: 'from-stone-800 to-black', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/TERMO-HOUSE-710_265-Venge-tumss-.jpg', isTermo: true, details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '100 mm + termopārrāvums', leafThickness: '95 mm', metalThickness: '1.2 mm', weight: '91/96 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'Krāsots metāla sendvičpanelis 20mm, koka tekstūra', interior: '16mm mitrumizturīgs MDF', locks: 'KALE 257 + KALE 252 (tandēms)', insulation: 'Minerālvate + ekstrudēts putupolistirols + folija', equipment: 'Nerūsējošā tērauda slieksnis, 7 stingruma ribas' } },
 { id: 26, name: 'THERMO HOUSE 710/265 Antracīts', category: 'Privātmājai', retailPrice: 847.00, imageColor: 'from-slate-700 to-slate-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/THERMO-HOUSE-710_265-Antracits-.jpg', isTermo: true, details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '100 mm + termopārrāvums', leafThickness: '95 mm', metalThickness: '1.2 mm', weight: '91/96 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'Krāsots metāla sendvičpanelis 20mm', interior: '16mm mitrumizturīgs MDF', locks: 'KALE 257 + KALE 252 (tandēms)', insulation: 'Minerālvate + ekstrudēts putupolistirols + folija', equipment: 'Nerūsējošā tērauda slieksnis, 7 stingruma ribas' } },
 { id: 27, name: 'TERMO HOUSE 705/431 Antracīts', category: 'Privātmājai', retailPrice: 960.00, imageColor: 'from-gray-600 to-gray-800', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/TERMO-HOUSE-705_431-Antracits-.jpg', isTermo: true, details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '100 mm + termopārrāvums', leafThickness: '95 mm', metalThickness: '1.2 mm', weight: '91/96 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'Krāsots metāla sendvičpanelis 20mm', interior: '16mm mitrumizturīgs MDF', locks: 'KALE 257 + KALE 252 (tandēms)', insulation: 'Minerālvate + ekstrudēts putupolistirols + folija', equipment: 'Nerūsējošā tērauda slieksnis, Dekoratīvs stiklojums' } },
 { id: 28, name: 'TERMO HOUSE 705/431 Balts', category: 'Privātmājai', retailPrice: 960.00, imageColor: 'from-gray-200 to-gray-400', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/TERMO-HOUSE-705_431-Balts-.jpg', isTermo: true, details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '100 mm + termopārrāvums', leafThickness: '95 mm', metalThickness: '1.2 mm', weight: '91/96 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'Krāsots metāla sendvičpanelis 20mm', interior: '16mm mitrumizturīgs MDF', locks: 'KALE 257 + KALE 252 (tandēms)', insulation: 'Minerālvate + ekstrudēts putupolistirols + folija', equipment: 'Nerūsējošā tērauda slieksnis, Dekoratīvs stiklojums' } },
 { id: 29, name: 'TERMO HOUSE 705/428 Venge tumšs', category: 'Privātmājai', retailPrice: 960.00, imageColor: 'from-amber-900 to-black', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/TERMO-HOUSE-705_428-Venge-tumss-.jpg', isTermo: true, details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '100 mm + termopārrāvums', leafThickness: '95 mm', metalThickness: '1.2 mm', weight: '91/96 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'Krāsots metāla sendvičpanelis 20mm', interior: '16mm mitrumizturīgs MDF', locks: 'KALE 257 + KALE 252 (tandēms)', insulation: 'Minerālvate + ekstrudēts putupolistirols + folija', equipment: 'Nerūsējošā tērauda slieksnis, Dekoratīvs stiklojums' } },
 { id: 30, name: 'TERMO HOUSE 705/431 Venge/Balts satīns', category: 'Privātmājai', retailPrice: 960.00, imageColor: 'from-stone-700 to-stone-800', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/TERMO-HOUSE-705_431-Venge_Balts-satins-.jpg', isTermo: true, details: { dimensions: '850x2050, 950x2050 mm', frameThickness: '100 mm + termopārrāvums', leafThickness: '95 mm', metalThickness: '1.2 mm', weight: '91/96 kg', hinges: '3 gb. (d-24/120mm)', seals: '2 kontūras uz vērtnes', exterior: 'Krāsots metāla sendvičpanelis 20mm', interior: '16mm mitrumizturīgs MDF', locks: 'KALE 257 + KALE 252 (tandēms)', insulation: 'Minerālvate + ekstrudēts putupolistirols + folija', equipment: 'Nerūsējošā tērauda slieksnis, Dekoratīvs stiklojums' } },
 { id: 31, name: 'Rubicon ar termo pārrāvumu', category: 'Privātmājai', retailPrice: 589.00, imageColor: 'from-zinc-700 to-zinc-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Rubicon-ar-termo-parravumu-.jpeg', isTermo: true, details: { dimensions: '850x2050, 960x2050 mm', frameThickness: '128 mm + termopārrāvums', leafThickness: '95 mm', metalThickness: '1.5 mm', weight: '82/92 kg', hinges: '3 gb. (d-20/100mm)', seals: '3 kontūras uz vērtnes', exterior: 'Metāls pārklājums - Melna RAL 9005', interior: 'MDF 8mm krāsa - Koka griezums Medus', locks: 'Kale 257 + Kale 252', insulation: 'Minerālvate ISOVER', equipment: 'Durvju blīvējuma regulators Securemme' } },
 { id: 32, name: 'Rubicon Plus ar termo pārrāvumu', category: 'Privātmājai', retailPrice: 599.00, imageColor: 'from-gray-700 to-gray-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Rubicon-Plus-ar-termo-parravumu-.jpg', isTermo: true, details: { dimensions: '850x2050, 960x2050 mm', frameThickness: '128 mm + termopārrāvums', leafThickness: '95 mm', metalThickness: '1.5 mm', weight: '82/92 kg', hinges: '3 gb. (d-20/100mm)', seals: '3 kontūras uz vērtnes', exterior: 'Metāls pārklājums - Antracīts RAL 7016', interior: 'MDF 8mm krāsa - tumš antracīts', locks: 'Kale 257 + Kale 252', insulation: 'Minerālvate ISOVER', equipment: 'Durvju blīvējuma regulators Securemme' } },
 { id: 33, name: 'Prime Max ar termo pārrāvumu', category: 'Privātmājai', retailPrice: 649.00, imageColor: 'from-stone-800 to-black', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Prime-Max-ar-termo-parravumu.png', isTermo: true, details: { dimensions: '850x2050, 960x2050 mm', frameThickness: '80 mm + termopārrāvums 12mm', leafThickness: '102 mm', metalThickness: '1.0 mm (kārba 1.5mm)', weight: '92/98 kg', hinges: '3 gb. (d-20/100mm)', seals: '3 kontūras uz vērtnes', exterior: 'Metāls pārklājums - melns RAL 9005', interior: 'MDF 12 mm krāsa - Balts', locks: 'Kale 257 + Kale 252', insulation: 'Minerālvate ISOVER', equipment: 'Energoefektīva stikla pakete, Blīvējuma regulators' } },
 { id: 34, name: '"Termix" ar termo pārrāvumu', category: 'Privātmājai', retailPrice: 869.00, imageColor: 'from-slate-700 to-slate-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Termix_-ar-termo-parravumu-.png', isTermo: true, details: { dimensions: '850x2050, 960x2050 mm', frameThickness: '142 mm + termopārrāvums 12mm', leafThickness: '104 mm', metalThickness: '1.0 mm (kārba 1.5mm)', weight: '114/127 kg', hinges: '3 gb. (d-20/100mm)', seals: '2 kontūras', exterior: 'StrongWood 12 mm - tumšs antracīts', interior: 'Mitrumizturīgs MDF 16 mm - Balts koks', locks: 'Kale 257 + Kale 252', insulation: 'Kombinētais: Minerālvate + Putupolistorols', equipment: 'Nerūsējoša tērauda slieksnis (1mm), Blīvējuma regulators' } },
 { id: 35, name: 'Termix ADELE BLACK 11', category: 'Privātmājai', retailPrice: 939.00, imageColor: 'from-neutral-800 to-neutral-950', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Termix-ADELE-BLACK-11.png', isTermo: true, details: { dimensions: '850x2050, 960x2050 mm', frameThickness: '142 mm + termopārrāvums 12mm', leafThickness: '104 mm', metalThickness: '1.5 mm', weight: '114/127 kg', hinges: '3 gb. (d-20/100mm)', seals: '2 kontūras', exterior: 'StrongWood 12 mm - tumšs antracīts', interior: 'Mitrumizturīgs MDF 16 mm - Antracīts', locks: 'Kale 252', insulation: 'Kombinētais: Minerālvate + Putupolistorols', equipment: '2 kameru stikla pakete (reflektoro pārklājumu)' } },
 { id: 36, name: 'Termix LAMPRE 15', category: 'Privātmājai', retailPrice: 949.00, imageColor: 'from-gray-800 to-black', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/Termix-LAMPRE-15.png', isTermo: true, details: { dimensions: '850x2050, 960x2050 mm', frameThickness: '142 mm + termopārrāvums 12mm', leafThickness: '104 mm', metalThickness: '1.5 mm', weight: '114/127 kg', hinges: '3 gb. (d-20/100mm)', seals: '2 kontūras', exterior: 'Lampre 15 - tumšs antracīts', interior: 'Mitrumizturīgs MDF 16 mm - Antracīts', locks: 'Kale 252', insulation: 'Kombinētais: Minerālvate + Putupolistorols', equipment: '2 kameru stikla pakete (reflektoro pārklājumu)' } },
 { id: 37, name: 'BOSTON AG4 6012 Lite', category: 'Privātmājai', retailPrice: 885.00, imageColor: 'from-slate-800 to-black', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/BOSTON-AG4-6012-Lite.png', isTermo: true, details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '97 mm (Alumīnija + termopārrāvums)', leafThickness: '97 mm', metalThickness: '1.0 mm tērauds abās pusēs', weight: 'Pēc pieprasījuma', hinges: '2 gb. WALA (Polija) 3D regulācija', seals: '3 kontūras ar divām gumijām', exterior: 'Pulverkrāsa - Antracīts', interior: 'Pulverkrāsa - Balts akmens', locks: 'CBA KD 6085', insulation: 'Putupolistirols, Uw=1.1 W/m2K', equipment: 'Alumīnija slieksnis ar termopārrāvumu, Skaņas izolācija 40 db' } },
 { id: 38, name: 'BOSTON AG4 6114 Lite', category: 'Privātmājai', retailPrice: 855.00, imageColor: 'from-zinc-800 to-black', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/BOSTON-AG4-6114-Lite.png', isTermo: true, details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '97 mm (Alumīnija + termopārrāvums)', leafThickness: '97 mm', metalThickness: '1.0 mm tērauds abās pusēs', weight: 'Pēc pieprasījuma', hinges: '2 gb. WALA (Polija) 3D regulācija', seals: '3 kontūras ar divām gumijām', exterior: 'Pulverkrāsa - Antracīts', interior: 'Pulverkrāsa - Antracīts', locks: 'CBA KD 6085', insulation: 'Putupolistirols, Uw=1.1 W/m2K', equipment: 'Alumīnija slieksnis ar termopārrāvumu, Skaņas izolācija 40 db' } },
 { id: 39, name: 'BOSTON AG4 6110 Lite', category: 'Privātmājai', retailPrice: 855.00, imageColor: 'from-amber-900 to-black', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/BOSTON-AG4-6110-Lite.png', isTermo: true, details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '97 mm (Alumīnija + termopārrāvums)', leafThickness: '97 mm', metalThickness: '1.0 mm tērauds abās pusēs', weight: 'Pēc pieprasījuma', hinges: '2 gb. WALA (Polija) 3D regulācija', seals: '3 kontūras ar divām gumijām', exterior: 'Pulverkrāsa - Rūgtā šokolāde', interior: 'Pulverkrāsa - Rūgtā šokolāde', locks: 'CBA KD 6085', insulation: 'Putupolistirols, Uw=1.1 W/m2K', equipment: 'Alumīnija slieksnis ar termopārrāvumu, Skaņas izolācija 40 db' } },
 { id: 40, name: 'BOSTON AG4 6059 Lite', category: 'Privātmājai', retailPrice: 830.00, imageColor: 'from-stone-800 to-black', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/BOSTON-AG4-6059-Lite.png', isTermo: true, details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '97 mm (Alumīnija + termopārrāvums)', leafThickness: '97 mm', metalThickness: '1.0 mm tērauds abās pusēs', weight: 'Pēc pieprasījuma', hinges: '2 gb. WALA (Polija) 3D regulācija', seals: '3 kontūras ar divām gumijām', exterior: 'Pulverkrāsa - Rūgtā šokolāde', interior: 'Pulverkrāsa - Rūgtā šokolāde', locks: 'CBA KD 6085', insulation: 'Putupolistirols, Uw=1.1 W/m2K', equipment: 'Alumīnija slieksnis ar termopārrāvumu, Skaņas izolācija 40 db' } },
 { id: 41, name: 'BOSTON AG4 6157 Lite', category: 'Privātmājai', retailPrice: 785.00, imageColor: 'from-slate-700 to-black', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/BOSTON-AG4-6157-Lite.png', isTermo: true, details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '97 mm (Alumīnija + termopārrāvums)', leafThickness: '97 mm', metalThickness: '1.0 mm tērauds abās pusēs', weight: 'Pēc pieprasījuma', hinges: '2 gb. WALA (Polija) 3D regulācija', seals: '3 kontūras ar divām gumijām', exterior: 'Pulverkrāsa - Antracīts', interior: 'Pulverkrāsa - Antracīts', locks: 'CBA KD 6085', insulation: 'Putupolistirols, Uw=1.1 W/m2K', equipment: 'Alumīnija slieksnis ar termopārrāvumu, Skaņas izolācija 40 db' } },
 { id: 42, name: 'BOSTON AG4 6145-SU', category: 'Privātmājai', retailPrice: 1395.00, imageColor: 'from-amber-800 to-orange-950', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/BOSTON-AG4-6145-SU.png', isTermo: true, details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '97 mm (Alumīnija + termopārrāvums)', leafThickness: '97 mm', metalThickness: '1.0 mm tērauds abās pusēs', weight: 'Pēc pieprasījuma', hinges: '2 gb. WALA (Polija) 3D regulācija', seals: '3 kontūras ar divām gumijām', exterior: 'Sublemācija - Tumšs ozols', interior: 'Pulverkrāsa - Ziloņkauls', locks: 'CBA KD 6085 + CBA cilindriska', insulation: 'Putupolistirols, Uw=1.1 W/m2K', equipment: 'Alumīnija slieksnis ar termopārrāvumu, Skaņas izolācija 40 db' } },
 { id: 43, name: 'BOSTON AG2-6010 Antracīts/Balts', category: 'Privātmājai', retailPrice: 1139.00, imageColor: 'from-gray-700 to-gray-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/BOSTON-AG2-6010-Antracits_Balts-.png', isTermo: true, details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '97 mm (Alumīnija + termopārrāvums)', leafThickness: '97 mm', metalThickness: '1.0 mm tērauds abās pusēs', weight: 'Pēc pieprasījuma', hinges: '2 gb. WALA (Polija) 3D regulācija', seals: '3 kontūras ar divām gumijām', exterior: 'Pulverkrāsa - Antracīts', interior: 'Pulverkrāsa - Balts akmens', locks: 'CBA KD 6085 + CBA cilindriska', insulation: 'Putupolistirols, Uw=1.1 W/m2K', equipment: 'Alumīnija slieksnis ar termopārrāvumu, 4-kameru stikla pakete' } },
 { id: 44, name: 'BOSTON AG2-6010 Antracīts', category: 'Privātmājai', retailPrice: 1139.00, imageColor: 'from-zinc-700 to-zinc-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/BOSTON-AG2-6010-Antracits-.jpg', isTermo: true, details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '97 mm (Alumīnija + termopārrāvums)', leafThickness: '97 mm', metalThickness: '1.0 mm tērauds abās pusēs', weight: 'Pēc pieprasījuma', hinges: '2 gb. WALA (Polija) 3D regulācija', seals: '3 kontūras ar divām gumijām', exterior: 'Pulverkrāsa - Antracīts', interior: 'Pulverkrāsa - Antracīts', locks: 'CBA KD 6085 + CBA cilindriska', insulation: 'Putupolistirols, Uw=1.1 W/m2K', equipment: 'Alumīnija slieksnis ar termopārrāvumu, 4-kameru stikla pakete' } },
 { id: 45, name: 'BOSTON AG2-6050 Rūgta šokolāde/Ziloņkauls', category: 'Privātmājai', retailPrice: 1099.00, imageColor: 'from-stone-700 to-stone-900', imageUrl: 'https://logradis.lv/wp-content/uploads/2026/03/BOSTON-AG2-6050-Rugta-sokolade_Zilonkauls.png', isTermo: true, details: { dimensions: '860x2050, 960x2050 mm', frameThickness: '97 mm (Alumīnija + termopārrāvums)', leafThickness: '97 mm', metalThickness: '1.0 mm tērauds abās pusēs', weight: 'Pēc pieprasījuma', hinges: '2 gb. WALA (Polija) 3D regulācija', seals: '3 kontūras ar divām gumijām', exterior: 'Pulverkrāsa - Rūgta šokolāde', interior: 'Pulverkrāsa - Ziloņkauls', locks: 'CBA KD 6085 + CBA cilindriska', insulation: 'Putupolistirols, Uw=1.1 W/m2K', equipment: 'Alumīnija slieksnis ar termopārrāvumu, 4-kameru stikla pakete' } }
 ];

const metalImages = [
 'https://logradis.lv/wp-content/uploads/2022/11/b85a3aad-8d47-4ef8-8c61-ab1c028e6693-768x1024-2000x2000.jpg',
 'https://logradis.lv/wp-content/uploads/2022/11/94873738-407c-43c9-b0a5-3d43b602853d-768x1024-2000x2000.jpg',
 'https://logradis.lv/wp-content/uploads/2023/07/WhatsApp-Image-2023-07-21-at-13.15.14-768x1024-800x800.jpeg',
 'https://logradis.lv/wp-content/uploads/2023/07/WhatsApp-Image-2023-07-21-at-13.15.26-768x1024-800x800.jpeg',
 'https://logradis.lv/wp-content/uploads/2023/07/WhatsApp-Image-2023-07-21-at-15.08.43-768x1024-800x800.jpeg',
 'https://logradis.lv/wp-content/uploads/2023/07/WhatsApp-Image-2023-07-21-at-15.08.43-1-768x1024-800x800.jpeg',
 'https://logradis.lv/wp-content/uploads/2023/09/WhatsApp-Image-2023-09-15-at-10.47.22-768x1024-800x800.jpeg',
 'https://lirp.cdn-website.com/501d97df/dms3rep/multi/opt/metal-door-catalog-white-480w.jpg'
 ];

const pvcImages = [
 'https://logradis.lv/wp-content/uploads/2023/07/IMG-20220107-WA0001-768x1024-800x800.jpg',
 'https://logradis.lv/wp-content/uploads/2023/07/WhatsApp-Image-2023-07-11-at-12.15.14-768x1024-800x800.jpeg',
 'https://logradis.lv/wp-content/uploads/2023/07/WhatsApp-Image-2023-07-11-at-12.15.14-1-768x1024-800x800.jpeg',
 'https://logradis.lv/wp-content/uploads/2023/09/WhatsApp-Image-2023-09-15-at-10.47.23-768x1024-800x800.jpeg',
 'https://logradis.lv/wp-content/uploads/2023/07/20200526_122443-1024x768-800x800.jpg',
 'https://logradis.lv/wp-content/uploads/2023/07/20200823_135218-768x1024-800x800.jpg',
 'https://logradis.lv/wp-content/uploads/2023/07/20200823_135233-768x1024-800x800.jpg',
 'https://logradis.lv/wp-content/uploads/2023/07/IMG-20180504-WA0001-576x1024-800x800.jpg',
 'https://logradis.lv/wp-content/uploads/2023/07/IMG-20200214-WA0000-576x1024-800x800.jpeg',
 'https://logradis.lv/wp-content/uploads/2023/09/WhatsApp-Image-2023-08-09-at-10.06.45-1024x576-800x800.jpeg'
 ];

// --- APP STATE ---
 let state = {
 searchTerm: '',
 selectedCategory: 'Visi',
 selectedWidth: 'Visi',
 sortOrder: 'default',
 selectedDoor: null,
 showCustomModal: false
 };

// Rēķinām pareizo attālumu no WordPress lapas augšas
 function getModalTop() {
 try {
 const iframe = window.parent.document.getElementById('katalogs-app-iframe');
 if (iframe) {
 const rect = iframe.getBoundingClientRect();
 // rect.top ir iframe augša attiecībā pret lietotāja redzamo ekrānu
 // Ja mēs gribam nolikt modālo logu ~10% no ekrāna augšas, mums jāpabīda tas par -rect.top + 10% 
 const offset = -rect.top + (window.parent.innerHeight * 0.1);
 return Math.max(20, offset); 
 }
 } catch(e) {}
 return 50; 
 }

const categories = ['Visi', 'Dzīvoklim', 'Privātmājai', 'Tehniskās'];
 const getCatIcon = (cat) => {
 if(cat === 'Dzīvoklim') return 'building';
 if(cat === 'Privātmājai') return 'home';
 if(cat === 'Tehniskās') return 'wrench';
 return null;
 };

const availableWidths = Array.from(new Set(
 doorsData.flatMap(door => {
 const matches = door.details?.dimensions?.match(/(\d{3})(?=x)/g);
 return matches ? matches : [];
 })
 )).sort();

// --- ACTIONS ---
 window.setSearchTerm = (val) => { state.searchTerm = val; updateUI(); };
 window.setSelectedCategory = (val) => { state.selectedCategory = val; updateUI(); };
 window.setSelectedWidth = (val) => { state.selectedWidth = val; updateUI(); };
 window.setSortOrder = (val) => { state.sortOrder = val; updateUI(); };
 window.setSelectedDoor = (id) => { state.selectedDoor = id ? doorsData.find(d => d.id === id) : null; updateUI(); };
 window.setShowCustomModal = (val) => { state.showCustomModal = val; updateUI(); };
 
 window.closeModals = () => {
 state.showCustomModal = false;
 state.selectedDoor = null;
 updateUI();
 };

window.clearFilters = () => {
 state.searchTerm = '';
 document.getElementById('searchInput').value = '';
 state.selectedCategory = 'Visi';
 state.selectedWidth = 'Visi';
 state.sortOrder = 'default';
 updateUI();
 };

document.getElementById('searchInput').addEventListener('input', (e) => {
 window.setSearchTerm(e.target.value);
 });

// --- FILTER LOGIC ---
 function getFilteredDoors() {
 let result = doorsData.filter(door => {
 const matchesSearch = door.name.toLowerCase().includes(state.searchTerm.toLowerCase());
 const matchesCategory = state.selectedCategory === 'Visi' || door.category === state.selectedCategory;
 const matchesWidth = state.selectedWidth === 'Visi' || (door.details?.dimensions && door.details.dimensions.includes(state.selectedWidth));
 return matchesSearch && matchesCategory && matchesWidth;
 });

if (state.sortOrder === 'asc') {
 result.sort((a, b) => a.retailPrice - b.retailPrice);
 } else if (state.sortOrder === 'desc') {
 result.sort((a, b) => b.retailPrice - a.retailPrice);
 }
 return result;
 }

// --- RENDER LOGIC ---
 function renderSidebar() {
 document.getElementById('categoryContainer').innerHTML = categories.map(cat => {
 const isSelected = state.selectedCategory === cat;
 const iconClass = isSelected ? 'text-blue-900' : 'text-gray-600';
 const bgClass = isSelected ? 'bg-blue-50 text-blue-900 border-blue-200' : 'text-gray-600 hover:bg-gray-50 border-transparent';
 const icon = getCatIcon(cat);
 return `
 <button onclick="window.setSelectedCategory('${cat}')" class="w-full text-left px-3 py-2.5 rounded-lg text-sm font-semibold transition-colors flex items-center gap-2 border ${bgClass}"> ${icon ? `<i data-lucide="${icon}" class="w-4 h-4 ${iconClass}"></i>` : `<div class="w-4 h-4"></div>`}
 ${cat}
 </button> `;
 }).join('');

function renderGrid() {
 const filtered = getFilteredDoors();
 document.getElementById('resultCount').innerText = `Atrasti ${filtered.length} modeļi`;

const bannerContainer = document.getElementById('customOrderBannerContainer');
 if ((state.selectedCategory === 'Privātmājai' || state.selectedCategory === 'Visi') && !state.searchTerm) {
 bannerContainer.innerHTML = `
 <div class="bg-gradient-to-r from-blue-900 to-slate-800 rounded-xl shadow-md border border-blue-800 overflow-hidden flex flex-col md:flex-row items-center text-white mb-2"><div class="p-8 md:w-2/3"><span class="bg-blue-500/30 text-blue-100 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider mb-4 inline-block border border-blue-400/30">Individuāls Pasūtījums</span><h3 class="text-2xl md:text-3xl font-extrabold mb-3 leading-tight tracking-tight">PVC un Metāla ārdurvis privātmājām</h3><p class="text-blue-100 mb-6 max-w-xl text-sm md:text-base leading-relaxed font-medium">Neatradāt piemērotu izmēru vai dizainu noliktavas klāstā? Mēs ražojam augstas kvalitātes, energoefektīvas durvis tieši pēc jūsu individuālajiem izmēriem, izvēlētā toņa un dizaina prasībām.</p><button onclick="window.setShowCustomModal(true)" class="inline-flex items-center gap-2 bg-white text-blue-900 hover:bg-gray-100 font-bold py-3 px-6 rounded-lg transition-colors shadow-sm"> Uzzināt vairāk par iespējām
 <i data-lucide="chevron-right" class="w-4 h-4"></i></button></div><div class="hidden md:flex md:w-1/3 justify-center items-center p-6"><i data-lucide="home" class="w-32 h-32 text-blue-300/20" stroke-width="1.5"></i></div></div> `;
 } else {
 bannerContainer.innerHTML = '';
 }

const grid = document.getElementById('doorsGrid');
 const emptyState = document.getElementById('emptyState');

if (filtered.length === 0) {
 grid.innerHTML = '';
 emptyState.classList.remove('hidden');
 } else {
 emptyState.classList.add('hidden');
 grid.innerHTML = filtered.map(door => {
 const isAluminum = door.details?.frameThickness?.includes('Alumīnija') || door.name.includes('BOSTON');
 return `
 <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden hover:shadow-md transition-shadow group flex flex-col"><div class="h-48 w-full bg-gray-100 relative flex items-center justify-center overflow-hidden"><div class="absolute top-3 left-3 flex flex-wrap gap-2 z-10 pr-3"> ${door.category === 'Privātmājai' ? `<span class="bg-white/90 backdrop-blur text-amber-900 text-[10px] font-extrabold px-2 py-1 rounded shadow-sm tracking-wider">ĀRDURVIS</span>` : ''}
 ${door.isTermo ? `<span class="bg-blue-500/90 backdrop-blur text-white text-[10px] font-extrabold px-2 py-1 rounded shadow-sm tracking-wider">TERMO</span>` : ''}
 ${isAluminum ? `<span class="bg-slate-700/90 backdrop-blur text-white text-[10px] font-extrabold px-2 py-1 rounded shadow-sm tracking-wider">ALUMĪNIJA</span>` : ''}
 </div> ${door.imageUrl ? 
 `<img data-tf-not-load="1" importance="high" decoding="async" src="${door.imageUrl}" alt="${door.name}" class="w-full h-full object-contain absolute inset-0" />` : 
 `<div class="absolute inset-0 bg-gradient-to-br ${door.imageColor} flex items-center justify-center p-4"><div class="w-20 h-32 border-2 border-white/30 rounded-t-sm relative"><div class="absolute right-2 top-1/2 w-2 h-2 rounded-full bg-white/60"></div><div class="absolute inset-x-2 top-2 bottom-2 border border-white/20"></div></div></div>`
 }
 </div><div class="p-5 flex-1 flex flex-col"><div class="text-xs font-bold text-gray-400 uppercase tracking-widest mb-1">${door.category}</div><h3 class="text-lg font-bold text-gray-900 leading-tight mb-3 line-clamp-2">${door.name}</h3><div class="mb-6"><div class="flex items-center gap-2 text-sm text-gray-600 mb-2"><i data-lucide="ruler" class="w-4 h-4 text-gray-400"></i><span class="font-semibold">Izmēri:</span></div><div class="flex flex-wrap gap-2"> ${door.details?.dimensions?.split(' mm').join('').split(',').map(d => 
 `<span class="bg-gray-100 border border-gray-200 text-gray-700 text-xs px-2 py-1 rounded-md font-semibold tracking-wide">${d.trim()} mm</span>`
 ).join('')}
 </div></div><div class="mt-auto pt-4 border-t border-gray-100"><div class="flex flex-col mb-4"><span class="text-[10px] text-gray-500 uppercase font-bold tracking-widest">Cena</span><div class="text-2xl font-black text-blue-900 tracking-tight">${door.retailPrice.toFixed(2)} € <span class="text-sm font-semibold text-gray-500 tracking-normal">ar PVN</span></div></div><button onclick="window.setSelectedDoor(${door.id})" class="w-full flex items-center justify-center gap-2 bg-gray-50 hover:bg-blue-50 hover:text-blue-700 text-gray-700 font-bold py-2.5 px-4 rounded-lg border border-gray-200 hover:border-blue-200 transition-colors"><i data-lucide="info" class="w-4 h-4"></i> Skatīt specifikāciju
 </button></div></div></div> `;
 }).join('');
 }
 }

function renderDetailRow(label, value) {
 if(!value) return '';
 return `
 <div class="flex flex-col sm:flex-row py-2.5 border-b border-gray-50 last:border-0"><span class="text-sm text-gray-500 w-full sm:w-1/3 font-semibold">${label}</span><span class="text-sm text-gray-900 font-bold flex-1">${value}</span></div> `;
 }

function renderModals() {
 let html = '';
 const modalTop = getModalTop(); // Iegūstam dinamisko augstumu

// Custom Order Modal
 if (state.showCustomModal) {
 html += `
 <div class="absolute top-0 left-0 right-0 bottom-0 z-[60] bg-gray-900/80 backdrop-blur-sm" style="min-height: 100%;" onclick="window.closeModals()"></div><div class="absolute z-[70] w-full max-w-5xl left-1/2 -translate-x-1/2 px-4 sm:px-6 flex flex-col text-left pb-10" style="top: ${modalTop}px;"><div class="bg-white rounded-2xl shadow-2xl w-full flex flex-col"><div class="flex justify-between items-center p-6 border-b border-gray-200 bg-gray-50 rounded-t-2xl z-10"><div><span class="text-xs font-bold bg-blue-100 text-blue-800 px-2 py-1 rounded uppercase tracking-wide">Pēc pasūtījuma</span><h2 class="text-2xl sm:text-3xl font-extrabold text-gray-900 mt-2 tracking-tight">Individuāli izgatavotas durvis</h2></div><button onclick="window.closeModals()" class="p-2 text-gray-500 hover:text-gray-800 hover:bg-gray-200 rounded-full transition-colors bg-white shadow-sm border border-gray-200"><i data-lucide="x" class="w-6 h-6"></i></button></div><div class="p-6 sm:p-8 flex-1 text-left"><div class="mb-12"><div class="flex items-center gap-3 mb-6"><i data-lucide="shield" class="w-8 h-8 text-blue-900"></i><h3 class="text-2xl font-bold text-gray-900 tracking-tight">Dažādu tipu metāla durvis</h3></div><div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8"><div class="bg-gray-50 p-5 rounded-xl border border-gray-100"><h4 class="font-bold text-gray-900 mb-3 flex items-center gap-2">Piedāvājums</h4><ul class="space-y-2 text-sm text-gray-700 font-medium list-none p-0 m-0"><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-green-600 mt-0.5 shrink-0"></i>Metāla durvis ar pulverkrāsojumu</li><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-green-600 mt-0.5 shrink-0"></i>Metāla durvis no MDF paneļiem vai ūdensnecaurlaidīga finiera</li><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-green-600 mt-0.5 shrink-0"></i>Metāla durvis ar līmplēvi</li><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-green-600 mt-0.5 shrink-0"></i>Ugunsdrošas metāla durvis</li></ul></div><div class="bg-gray-50 p-5 rounded-xl border border-gray-100"><h4 class="font-bold text-gray-900 mb-3">Kvalitātes kritēriji</h4><ul class="space-y-2 text-sm text-gray-700 font-medium list-none p-0 m-0"><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-blue-600 mt-0.5 shrink-0"></i>Lokšņu mehāniskā izturība un noturība</li><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-blue-600 mt-0.5 shrink-0"></i>Slēģu noturība pret ielaušanos</li><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-blue-600 mt-0.5 shrink-0"></i>Skaņas izolācija</li><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-blue-600 mt-0.5 shrink-0"></i>Siltumizolācija</li></ul></div><div class="bg-gray-50 p-5 rounded-xl border border-gray-100"><h4 class="font-bold text-gray-900 mb-3">Papildu iespējas</h4><ul class="space-y-2 text-sm text-gray-700 font-medium list-none p-0 m-0"><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-amber-600 mt-0.5 shrink-0"></i>Iestiklošana un Cinkošana</li><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-amber-600 mt-0.5 shrink-0"></i>Automatizēto sistēmu montāža</li><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-amber-600 mt-0.5 shrink-0"></i>Piekļuves sistēmu uzstādīšana</li><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-amber-600 mt-0.5 shrink-0"></i>Nerūsējošā tērauda durvju sliekšņi</li><li class="flex items-start gap-2"><i data-lucide="check-circle-2" class="w-4 h-4 text-amber-600 mt-0.5 shrink-0"></i>Slēptas durvju eņģes</li></ul></div></div><div class="grid grid-cols-2 sm:grid-cols-4 gap-4 mb-8"> ${metalImages.map((src, idx) => `
 <div class="aspect-[3/4] rounded-lg overflow-hidden border border-gray-200 shadow-sm bg-gray-100 relative group cursor-pointer"><img data-tf-not-load="1" importance="high" decoding="async" src="${src}" alt="Metāla durvis ${idx + 1}" class="absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" /></div> `).join('')}
 </div></div><hr class="border-gray-200 mb-12" /><div class="mb-8"><div class="flex items-center gap-3 mb-6"><i data-lucide="home" class="w-8 h-8 text-blue-900"></i><h3 class="text-2xl font-bold text-gray-900 tracking-tight">PVC durvis</h3></div><div class="bg-blue-50 border border-blue-100 p-6 rounded-xl mb-8"><p class="text-gray-800 leading-relaxed font-medium"> Izgatavojam augstas kvalitātes PVC ārdurvis un terases durvis tieši pēc jūsu objekta individuālajiem izmēriem un prasībām. Mūsu PVC durvis izceļas ar teicamu energoefektivitāti, plašu toņu izvēli un augstu drošības pakāpi. 
 Tās ir ideāli piemērotas gan privātmājām, gan komerctelpām, kur nepieciešams liels stiklojums, izturība un viegla kopšana.
 </p></div><div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-4 mb-8"> ${pvcImages.map((src, idx) => `
 <div class="aspect-[3/4] rounded-lg overflow-hidden border border-gray-200 shadow-sm bg-gray-100 relative group cursor-pointer"><img decoding="async" src="${src}" alt="PVC durvis ${idx + 1}" class="absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" /></div> `).join('')}
 </div></div></div><div class="p-6 border-t border-gray-200 bg-gray-50 flex justify-end rounded-b-2xl"><a href="tel:+37129490333" class="w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-blue-900 text-white hover:bg-blue-800 font-bold py-3 px-8 rounded-lg transition-colors shadow-sm no-underline"><i data-lucide="phone" class="w-5 h-5 text-white"></i> Interesē? Zvaniet +371 29490333
 </a></div></div></div> `;
 }

// Regular Door Modal
 if (state.selectedDoor) {
 const door = state.selectedDoor;
 const isAluminum = door.details?.frameThickness?.includes('Alumīnija') || door.name.includes('BOSTON');

html += `
 <div class="absolute top-0 left-0 right-0 bottom-0 z-[60] bg-gray-900/80 backdrop-blur-sm" style="min-height: 100%;" onclick="window.closeModals()"></div><div class="absolute z-[70] w-full max-w-3xl left-1/2 -translate-x-1/2 px-4 sm:px-6 flex flex-col text-left pb-10" style="top: ${modalTop}px;"><div class="bg-white rounded-2xl shadow-2xl w-full flex flex-col text-left"><div class="flex justify-between items-center p-6 border-b border-gray-100 bg-gray-50/50 rounded-t-2xl z-10"><div><div class="flex flex-wrap gap-2 mb-2"><span class="text-[10px] font-extrabold bg-blue-100 text-blue-800 px-2 py-1 rounded uppercase tracking-wider">${door.category}</span> ${door.isTermo ? `<span class="text-[10px] font-extrabold bg-orange-100 text-orange-800 px-2 py-1 rounded uppercase tracking-wider">TERMO</span>` : ''}
 ${isAluminum ? `<span class="text-[10px] font-extrabold bg-slate-700 text-white px-2 py-1 rounded uppercase tracking-wider">ALUMĪNIJA</span>` : ''}
 </div><h2 class="text-2xl font-bold text-gray-900 mt-1 tracking-tight">${door.name}</h2></div><button onclick="window.closeModals()" class="p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-200 rounded-full transition-colors bg-white shadow-sm border border-gray-200"><i data-lucide="x" class="w-6 h-6"></i></button></div><div class="p-6 flex flex-col md:flex-row gap-8"><div class="w-full md:w-1/3 flex-shrink-0 flex flex-col gap-4"> ${door.imageUrl ? `
 <div class="rounded-xl overflow-hidden bg-white border border-gray-200 min-h-[350px] relative shadow-sm flex items-center justify-center p-4 w-full"><img decoding="async" src="${door.imageUrl}" alt="${door.name}" class="absolute inset-0 w-full h-full object-contain p-4" /></div> ` : `
 <div class="rounded-xl overflow-hidden bg-gradient-to-br ${door.imageColor} min-h-[350px] relative flex items-center justify-center p-4 shadow-sm w-full"><div class="w-24 h-40 border-2 border-white/30 rounded-t-sm relative"><div class="absolute right-3 top-1/2 w-3 h-3 rounded-full bg-white/60"></div><div class="absolute inset-x-3 top-3 bottom-3 border border-white/20"></div></div></div> `}
 <a href="tel:+37129490333" class="w-full inline-flex items-center justify-center gap-2 bg-blue-900 text-white hover:bg-blue-800 font-bold py-3 px-4 rounded-lg transition-colors shadow-sm mt-4 no-underline"><i data-lucide="phone" class="w-5 h-5 text-white"></i> Interesē? Zvaniet +371 29490333
 </a></div><div class="flex-1"><div class="bg-blue-50 border border-blue-100 rounded-xl p-4 mb-8 flex justify-between items-center"><div><p class="text-sm text-blue-800 font-semibold uppercase tracking-wider mb-1">Cena</p><p class="text-3xl font-black text-blue-900 m-0 tracking-tight">${door.retailPrice.toFixed(2)} € <span class="text-lg font-medium text-blue-800/60 tracking-normal">ar PVN</span></p></div></div><h3 class="text-lg font-bold text-gray-900 mb-4 border-b border-gray-200 pb-2">Konstrukcija un Izmēri</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-2 mb-8"> ${renderDetailRow('Izmēri', door.details.dimensions)}
 ${renderDetailRow('Kārbas biezums', door.details.frameThickness)}
 ${renderDetailRow('Vērtnes biezums', door.details.leafThickness)}
 ${renderDetailRow('Metāla biezums', door.details.metalThickness)}
 ${renderDetailRow('Svars', door.details.weight)}
 </div><h3 class="text-lg font-bold text-gray-900 mb-4 border-b border-gray-200 pb-2">Apdare un Siltinājums</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-2 mb-8"><div class="col-span-1 md:col-span-2"> ${renderDetailRow('Ārējā apdare', door.details.exterior)}
 ${renderDetailRow('Iekšējā apdare', door.details.interior)}
 ${renderDetailRow('Siltinājums', door.details.insulation)}
 </div></div><h3 class="text-lg font-bold text-gray-900 mb-4 border-b border-gray-200 pb-2">Aprīkojums un Drošība</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-2 mb-6"><div class="col-span-1 md:col-span-2"> ${renderDetailRow('Slēdzenes', door.details.locks)}
 </div> ${renderDetailRow('Eņģes', door.details.hinges)}
 ${renderDetailRow('Blīvējums', door.details.seals)}
 ${door.details.equipment ? `<div class="col-span-1 md:col-span-2">${renderDetailRow('Papildu aprīkojums', door.details.equipment)}</div>` : ''}
 </div><div class="mt-8 pt-6 border-t border-gray-100"><p class="text-sm text-gray-400 text-center m-0 font-medium"> * Produkta pieejamība un specifikācijas var tikt mainītas atbilstoši noliktavas atlikumiem.
 </p></div></div></div></div></div> `;
 }

document.getElementById('modalsContainer').innerHTML = html;
 }

function updateUI() {
 renderSidebar();
 renderGrid();
 renderModals();
 lucide.createIcons();
 }

updateUI();

</script></body></html>

Kontakti

SDS Projekti, SIA
Rīgas iela 48, Gulbene,
Gulbenes pilsēta, LV-4401

Zvanīt

+37129490333

E-pasts

info@sdsprojekti.lv

Sazināties

Google Maps

Waze