.fuel-hero{background:linear-gradient(135deg,#059669 0%,#10b981 50%,#34d399 100%);color:white;padding:2rem 1rem;text-align:center}.fuel-hero .back-link{display:inline-flex;align-items:center;gap:0.5rem;color:white;text-decoration:none;opacity:0.8;margin-bottom:1rem;font-size:0.9rem}.fuel-hero .back-link:hover{opacity:1}.fuel-hero .back-link .v2-icon{width:1rem;height:1rem}.fuel-hero h1{font-size:2rem;font-weight:700;margin-bottom:0.5rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0.5rem}.fuel-hero h1 .v2-icon{width:2rem;height:2rem}.fuel-hero p{opacity:0.9;margin:0}.fuel-container{max-width:1400px;margin:0 auto;padding:1.5rem 1rem}.stats-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;background:var(--bs-body-bg);border-radius:12px;margin-bottom:1rem;box-shadow:0 2px 10px rgba(0,0,0,0.08);border:1px solid var(--bs-border-color)}.stats-bar .count{font-size:1.5rem;font-weight:700;color:#059669}.stats-bar .label{color:var(--bs-secondary-color,#6c757d);font-size:0.9rem}[data-theme="dark"] .stats-bar .label{color:#d1d5db}.stats-bar .stat-item{display:flex;align-items:center;gap:0.5rem}.stats-bar .stat-badge{display:inline-flex;align-items:center;gap:0.3rem;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.8rem;font-weight:600}.stat-badge.truck{background:rgba(5,150,105,0.15);color:#059669;display:inline-flex;align-items:center;gap:0.3rem}.stat-badge.truck .v2-icon{width:1rem;height:1rem}.country-filters{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}.country-filter-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border:1px solid var(--bs-border-color);border-radius:8px;background:var(--bs-body-bg);color:var(--bs-body-color);text-decoration:none;font-size:0.875rem;transition:all 0.2s}.country-filter-btn:hover{background:var(--bs-tertiary-bg);color:var(--bs-body-color)}.country-filter-btn.active{background:#059669;border-color:#059669;color:white}.country-filter-btn img{width:20px;height:auto;border-radius:2px}.country-filter-btn .cnt{background:rgba(0,0,0,0.1);padding:0.1rem 0.4rem;border-radius:4px;font-size:0.75rem}.country-filter-btn.active .cnt{background:rgba(255,255,255,0.2)}.country-filter-btn .v2-icon{width:1rem;height:1rem}.country-filters-mobile{display:none;margin-bottom:1rem}.country-dropdown{position:relative;width:100%}.country-dropdown-toggle{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.6rem 1rem;border:1px solid var(--bs-border-color);border-radius:8px;background:var(--bs-body-bg);color:var(--bs-body-color);font-size:0.95rem;cursor:pointer;transition:all 0.2s}.country-dropdown-toggle:hover{background:var(--bs-tertiary-bg)}.country-dropdown-toggle img{width:20px;height:auto;border-radius:2px}.country-dropdown-toggle .v2-icon{width:1rem;height:1rem}.country-dropdown-toggle .v2-icon:last-child{margin-left:auto;transition:transform 0.2s}.country-dropdown.open .country-dropdown-toggle .v2-icon:last-child{transform:rotate(180deg)}.country-dropdown-toggle .cnt{background:rgba(0,0,0,0.1);padding:0.1rem 0.4rem;border-radius:4px;font-size:0.75rem}.country-dropdown-menu{display:none;position:absolute;top:100%;left:0;right:0;z-index:1000;max-height:300px;overflow-y:auto;margin-top:4px;padding:0.5rem;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.country-dropdown.open .country-dropdown-menu{display:block}.country-dropdown-menu .country-filter-btn{width:100%;justify-content:flex-start;margin-bottom:0.25rem;border-radius:6px}.country-dropdown-menu .country-filter-btn:last-child{margin-bottom:0}.country-dropdown-menu .country-filter-btn .cnt{margin-left:auto}.scope-toggle{display:flex;gap:0.5rem;margin-bottom:0.75rem}.scope-toggle-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.25rem;border:2px solid #059669;border-radius:10px;background:transparent;color:#059669;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.2s;user-select:none}.scope-toggle-btn:hover{background:rgba(5,150,105,0.08)}.scope-toggle-btn.active{background:#059669;color:white}.scope-toggle-btn .scope-count{font-size:0.8rem;font-weight:400;opacity:0.85}[data-theme="dark"] .scope-toggle-btn{border-color:#10b981;color:#10b981}[data-theme="dark"] .scope-toggle-btn:hover{background:rgba(16,185,129,0.1)}[data-theme="dark"] .scope-toggle-btn.active{background:#10b981;color:#fff}.stats-bar .btn .v2-icon{width:0.9rem;height:0.9rem}.fuel-type-filters{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;padding:0.75rem;background:var(--bs-body-bg);border-radius:10px;border:1px solid var(--bs-border-color)}.fuel-type-label{font-size:0.85rem;font-weight:500;color:var(--bs-secondary-color,#6c757d);display:flex;align-items:center;gap:0.3rem;margin-right:0.5rem}.fuel-type-label .v2-icon{width:1rem;height:1rem}.fuel-type-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;border:2px solid transparent;user-select:none}.fuel-type-btn .fuel-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.fuel-type-btn .fuel-count{font-size:0.75rem;opacity:0.8}.fuel-type-btn.diesel{background:rgba(5,150,105,0.15);color:#059669;border-color:rgba(5,150,105,0.3)}.fuel-type-btn.diesel .fuel-dot{background:#059669}.fuel-type-btn.diesel:hover{background:rgba(5,150,105,0.25)}.fuel-type-btn.diesel.inactive{background:rgba(5,150,105,0.05);color:#9ca3af;border-color:transparent}.fuel-type-btn.diesel.inactive .fuel-dot{background:#9ca3af}.fuel-type-btn.petrol{background:rgba(59,130,246,0.15);color:#3b82f6;border-color:rgba(59,130,246,0.3)}.fuel-type-btn.petrol .fuel-dot{background:#3b82f6}.fuel-type-btn.petrol:hover{background:rgba(59,130,246,0.25)}.fuel-type-btn.petrol.inactive{background:rgba(59,130,246,0.05);color:#9ca3af;border-color:transparent}.fuel-type-btn.petrol.inactive .fuel-dot{background:#9ca3af}.fuel-type-btn.lpg{background:rgba(245,158,11,0.15);color:#f59e0b;border-color:rgba(245,158,11,0.3)}.fuel-type-btn.lpg .fuel-dot{background:#f59e0b}.fuel-type-btn.lpg:hover{background:rgba(245,158,11,0.25)}.fuel-type-btn.lpg.inactive{background:rgba(245,158,11,0.05);color:#9ca3af;border-color:transparent}.fuel-type-btn.lpg.inactive .fuel-dot{background:#9ca3af}.fuel-type-btn.adblue{background:rgba(6,182,212,0.15);color:#06b6d4;border-color:rgba(6,182,212,0.3)}.fuel-type-btn.adblue .fuel-dot{background:#06b6d4}.fuel-type-btn.adblue:hover{background:rgba(6,182,212,0.25)}.fuel-type-btn.adblue.inactive{background:rgba(6,182,212,0.05);color:#9ca3af;border-color:transparent}.fuel-type-btn.adblue.inactive .fuel-dot{background:#9ca3af}.fuel-type-btn.cng{background:rgba(168,85,247,0.15);color:#a855f7;border-color:rgba(168,85,247,0.3)}.fuel-type-btn.cng .fuel-dot{background:#a855f7}.fuel-type-btn.cng:hover{background:rgba(168,85,247,0.25)}.fuel-type-btn.cng.inactive{background:rgba(168,85,247,0.05);color:#9ca3af;border-color:transparent}.fuel-type-btn.cng.inactive .fuel-dot{background:#9ca3af}.fuel-type-btn.truck-only{background:rgba(236,72,153,0.15);color:#ec4899;border-color:rgba(236,72,153,0.3);display:inline-flex;align-items:center;gap:0.3rem}.fuel-type-btn .v2-icon{width:0.9rem;height:0.9rem}.fuel-type-btn.truck-only .fuel-dot{background:#ec4899}.fuel-type-btn.truck-only:hover{background:rgba(236,72,153,0.25)}.fuel-type-btn.truck-only.inactive{background:rgba(236,72,153,0.05);color:#9ca3af;border-color:transparent}.fuel-type-btn.truck-only.inactive .fuel-dot{background:#9ca3af}[data-theme="dark"] .fuel-type-filters{background:#1a1d20;border-color:#374151}[data-theme="dark"] .fuel-type-btn.inactive{color:#6b7280}.fuel-card-filters{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;padding:0.75rem;background:var(--bs-body-bg);border-radius:10px;border:1px solid var(--bs-border-color)}.fuel-card-label{font-size:0.85rem;font-weight:500;color:var(--bs-secondary-color,#6c757d);display:flex;align-items:center;gap:0.3rem;margin-right:0.5rem}.fuel-card-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;border:2px solid transparent;user-select:none}.fuel-card-btn .card-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.fuel-card-btn .card-count{font-size:0.75rem;opacity:0.8}.fuel-card-btn.fc-eurowag{background:rgba(220,38,38,0.12);color:#dc2626;border-color:rgba(220,38,38,0.3)}.fuel-card-btn.fc-eurowag .card-dot{background:#dc2626}.fuel-card-btn.fc-eurowag:hover{background:rgba(220,38,38,0.22)}.fuel-card-btn.fc-eurowag.inactive{background:rgba(220,38,38,0.04);color:#9ca3af;border-color:transparent}.fuel-card-btn.fc-eurowag.inactive .card-dot{background:#9ca3af}.fuel-card-btn.fc-dkv{background:rgba(37,99,235,0.12);color:#2563eb;border-color:rgba(37,99,235,0.3)}.fuel-card-btn.fc-dkv .card-dot{background:#2563eb}.fuel-card-btn.fc-dkv:hover{background:rgba(37,99,235,0.22)}.fuel-card-btn.fc-dkv.inactive{background:rgba(37,99,235,0.04);color:#9ca3af;border-color:transparent}.fuel-card-btn.fc-dkv.inactive .card-dot{background:#9ca3af}.fuel-card-btn.fc-e100{background:rgba(234,88,12,0.12);color:#ea580c;border-color:rgba(234,88,12,0.3)}.fuel-card-btn.fc-e100 .card-dot{background:#ea580c}.fuel-card-btn.fc-e100:hover{background:rgba(234,88,12,0.22)}.fuel-card-btn.fc-e100.inactive{background:rgba(234,88,12,0.04);color:#9ca3af;border-color:transparent}.fuel-card-btn.fc-e100.inactive .card-dot{background:#9ca3af}.fuel-card-btn.fc-uta{background:rgba(124,58,237,0.12);color:#7c3aed;border-color:rgba(124,58,237,0.3)}.fuel-card-btn.fc-uta .card-dot{background:#7c3aed}.fuel-card-btn.fc-uta:hover{background:rgba(124,58,237,0.22)}.fuel-card-btn.fc-uta.inactive{background:rgba(124,58,237,0.04);color:#9ca3af;border-color:transparent}.fuel-card-btn.fc-uta.inactive .card-dot{background:#9ca3af}.fuel-card-btn.fc-as24{background:rgba(13,148,136,0.12);color:#0d9488;border-color:rgba(13,148,136,0.3)}.fuel-card-btn.fc-as24 .card-dot{background:#0d9488}.fuel-card-btn.fc-as24:hover{background:rgba(13,148,136,0.22)}.fuel-card-btn.fc-as24.inactive{background:rgba(13,148,136,0.04);color:#9ca3af;border-color:transparent}.fuel-card-btn.fc-as24.inactive .card-dot{background:#9ca3af}.fuel-card-btn.fc-routex{background:rgba(202,138,4,0.12);color:#ca8a04;border-color:rgba(202,138,4,0.3)}.fuel-card-btn.fc-routex .card-dot{background:#ca8a04}.fuel-card-btn.fc-routex:hover{background:rgba(202,138,4,0.22)}.fuel-card-btn.fc-routex.inactive{background:rgba(202,138,4,0.04);color:#9ca3af;border-color:transparent}.fuel-card-btn.fc-routex.inactive .card-dot{background:#9ca3af}.fuel-card-btn.fc-hoyer{background:rgba(71,85,105,0.12);color:#475569;border-color:rgba(71,85,105,0.3)}.fuel-card-btn.fc-hoyer .card-dot{background:#475569}.fuel-card-btn.fc-hoyer:hover{background:rgba(71,85,105,0.22)}.fuel-card-btn.fc-hoyer.inactive{background:rgba(71,85,105,0.04);color:#9ca3af;border-color:transparent}.fuel-card-btn.fc-hoyer.inactive .card-dot{background:#9ca3af}.fuel-card-btn.fc-diesel24{background:rgba(217,70,239,0.12);color:#d946ef;border-color:rgba(217,70,239,0.3)}.fuel-card-btn.fc-diesel24 .card-dot{background:#d946ef}.fuel-card-btn.fc-diesel24:hover{background:rgba(217,70,239,0.22)}.fuel-card-btn.fc-diesel24.inactive{background:rgba(217,70,239,0.04);color:#9ca3af;border-color:transparent}.fuel-card-btn.fc-diesel24.inactive .card-dot{background:#9ca3af}.fuel-card-btn.fc-tankpol24{background:rgba(16,185,129,0.12);color:#10b981;border-color:rgba(16,185,129,0.3)}.fuel-card-btn.fc-tankpol24 .card-dot{background:#10b981}.fuel-card-btn.fc-tankpol24:hover{background:rgba(16,185,129,0.22)}.fuel-card-btn.fc-tankpol24.inactive{background:rgba(16,185,129,0.04);color:#9ca3af;border-color:transparent}.fuel-card-btn.fc-tankpol24.inactive .card-dot{background:#9ca3af}.fuel-card-btn.fc-ids{background:rgba(251,146,60,0.12);color:#f97316;border-color:rgba(251,146,60,0.3)}.fuel-card-btn.fc-ids .card-dot{background:#f97316}.fuel-card-btn.fc-ids:hover{background:rgba(251,146,60,0.22)}.fuel-card-btn.fc-ids.inactive{background:rgba(251,146,60,0.04);color:#9ca3af;border-color:transparent}.fuel-card-btn.fc-ids.inactive .card-dot{background:#9ca3af}[data-theme="dark"] .fuel-card-filters{background:#1a1d20;border-color:#374151}[data-theme="dark"] .fuel-card-btn.inactive{color:#6b7280}.map-container{position:relative;height:600px;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.1);border:1px solid var(--bs-border-color)}#fuelMap{height:100%;width:100%}.map-legend{margin-top:1rem;padding:1rem;background:var(--bs-body-bg);border-radius:10px;border:1px solid var(--bs-border-color);display:flex;flex-wrap:wrap;gap:1.5rem}.legend-item{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:var(--bs-secondary-color)}.legend-dot{width:14px;height:14px;border-radius:50%}.legend-dot.diesel{background:#059669}.legend-dot.petrol{background:#3b82f6}.legend-dot.lpg{background:#f59e0b}.legend-dot.adblue{background:#06b6d4}.legend-dot.cng{background:#a855f7}.legend-dot.truck{background:#ec4899}.fuel-cards-section{max-width:1200px;margin:2rem auto;padding:0 1rem}.fuel-cards-section h2{font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:0.5rem;color:var(--bs-heading-color,#212529)}.fuel-cards-section h2 .v2-icon{width:1.5rem;height:1.5rem}.fuel-cards-section .subtitle{text-align:center;color:var(--bs-secondary-color);margin-bottom:1.5rem}.fuel-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.fuel-card-item{padding:1.25rem;border-radius:12px;border:1px solid var(--bs-border-color);background:var(--bs-body-bg);transition:all 0.2s}.fuel-card-item:hover{box-shadow:0 4px 15px rgba(0,0,0,0.1);transform:translateY(-2px)}.fuel-card-item h3{font-size:1.1rem;font-weight:600;margin-bottom:0.5rem;color:#059669}.fuel-card-item .card-coverage{font-size:0.85rem;color:var(--bs-secondary-color);margin-bottom:0.75rem;display:flex;align-items:flex-start;gap:0.3rem}.fuel-card-item .card-coverage .v2-icon{width:0.9rem;height:0.9rem;flex-shrink:0;margin-top:0.15rem}.fuel-card-item .card-link{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.85rem;color:#059669;text-decoration:none}.fuel-card-item .card-link:hover{text-decoration:underline}[data-theme="dark"] .fuel-card-item{background:#1f2937;border-color:#374151}[data-theme="dark"] .fuel-cards-section h2{color:#f3f4f6}[data-theme="dark"] .fuel-cards-section .subtitle{color:#9ca3af}[data-theme="dark"] .fuel-card-item .card-coverage{color:#9ca3af}[data-theme="dark"] .fuel-type-label{color:#d1d5db;font-weight:600}[data-theme="dark"] .fuel-card-label{color:#d1d5db;font-weight:600}[data-theme="dark"] .map-legend{background:#1f2937;border-color:#374151}[data-theme="dark"] .legend-item{color:#d1d5db}[data-theme="dark"] .seo-content-section h2{color:#f3f4f6}[data-theme="dark"] .seo-content-section p{color:#d1d5db}.seo-content-section{max-width:1200px;margin:2rem auto;padding:2rem;background:var(--bs-body-bg,#fff);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,0.06);border:1px solid var(--bs-border-color,#e9ecef)}.seo-content-section h2{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--bs-heading-color,#212529)}.seo-content-section p{color:var(--bs-body-color,#495057);line-height:1.7;margin-bottom:1rem}.seo-content-section p:last-child{margin-bottom:0}[data-theme="dark"] .seo-content-section{background:#1f2937;border-color:#374151;box-shadow:0 4px 20px rgba(0,0,0,0.3)}[data-theme="dark"] .country-filter-btn{background:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme="dark"] .country-filter-btn:hover{background:#4b5563;color:#f3f4f6}[data-theme="dark"] .country-filter-btn.active{background:#059669;border-color:#059669;color:white}[data-theme="dark"] .country-filter-btn .cnt{background:rgba(255,255,255,0.15)}[data-theme="dark"] .stats-bar{background:#1f2937;border-color:#374151}@media (max-width:768px){.fuel-hero h1{font-size:1.5rem}.map-container{height:450px}.stats-bar{flex-direction:column;text-align:center}.country-filters-desktop{display:none}.country-filters-mobile{display:block}.seo-content-section{padding:1.5rem;margin:1.5rem 1rem}.fuel-cards-grid{grid-template-columns:1fr}}[data-theme="dark"] .country-dropdown-toggle{background:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme="dark"] .country-dropdown-toggle:hover{background:#4b5563}[data-theme="dark"] .country-dropdown-toggle .cnt{background:rgba(255,255,255,0.15)}[data-theme="dark"] .country-dropdown-menu{background:#1f2937;border-color:#374151}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.marker-cluster-small{background-color:rgba(5,150,105,0.6)}.marker-cluster-small div{background-color:rgba(5,150,105,0.8);color:white}.marker-cluster-medium{background-color:rgba(16,185,129,0.6)}.marker-cluster-medium div{background-color:rgba(16,185,129,0.8);color:white}.marker-cluster-large{background-color:rgba(52,211,153,0.6)}.marker-cluster-large div{background-color:rgba(52,211,153,0.8);color:white}.custom-marker{background:transparent !important;border:none !important}.fuel-prices-banner:hover{border-color:#059669 !important;background:linear-gradient(135deg,rgba(16,185,129,0.15) 0%,rgba(16,185,129,0.08) 100%) !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,0.2)}.fuel-prices-banner:hover .fuel-prices-arrow{transform:translateX(4px)}.fuel-prices-arrow{transition:transform 0.3s ease}[data-theme="dark"] .fuel-prices-banner{background:linear-gradient(135deg,rgba(16,185,129,0.15) 0%,rgba(16,185,129,0.05) 100%) !important}[data-theme="dark"] .fuel-prices-banner:hover{background:linear-gradient(135deg,rgba(16,185,129,0.2) 0%,rgba(16,185,129,0.1) 100%) !important}[data-theme="dark"] .fuel-prices-banner h3{color:#f3f4f6 !important}[data-theme="dark"] .fuel-prices-banner p{color:#9ca3af !important}