.fuel-hub-container{max-width:1200px;margin:0 auto;padding:1rem}.fuel-hub-header{text-align:center;margin-bottom:2rem;padding:2rem 1rem;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border-radius:20px;color:white}.fuel-hub-header h1{font-size:2rem;margin:0 0 0.5rem;display:flex;align-items:center;justify-content:center;gap:0.75rem}.fuel-hub-header h1 .v2-icon{width:40px;height:40px}.fuel-hub-header .subtitle{font-size:1.1rem;opacity:0.9;margin-bottom:1rem}.fuel-hub-header .intro{max-width:700px;margin:0 auto;font-size:0.95rem;opacity:0.85;line-height:1.6}.fuel-icon-nav{display:flex;justify-content:center;gap:0.5rem;margin-bottom:2rem;padding:0.75rem;background:var(--bs-body-bg);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,0.08);flex-wrap:nowrap}.fuel-nav-item{display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:0.5rem 0.75rem;border-radius:10px;text-decoration:none;color:var(--bs-body-color);background:var(--bs-tertiary-bg);transition:all 0.2s ease;min-width:0;flex:1 1 auto;max-width:100px}.fuel-nav-item svg{width:1.25rem;height:1.25rem;color:#3b82f6;flex-shrink:0}.fuel-nav-item span{font-size:0.7rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fuel-nav-item:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}.fuel-nav-item:hover svg{color:#fff}@media (min-width:481px){.fuel-icon-nav{gap:0.75rem;padding:1rem}.fuel-nav-item{padding:0.75rem 1rem;gap:0.4rem}.fuel-nav-item svg{width:1.5rem;height:1.5rem}.fuel-nav-item span{font-size:0.8rem}}@media (max-width:380px){.fuel-icon-nav{gap:0.35rem;padding:0.5rem}.fuel-nav-item{padding:0.4rem 0.5rem}.fuel-nav-item svg{width:1.1rem;height:1.1rem}.fuel-nav-item span{font-size:0.65rem}}.fuel-breadcrumb{margin-bottom:1.5rem}.fuel-breadcrumb ol{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none;gap:0.5rem;font-size:0.9rem}.fuel-breadcrumb li::after{content:'/';margin-left:0.5rem;color:var(--bs-secondary-color)}.fuel-breadcrumb li:last-child::after{display:none}.fuel-breadcrumb a{color:var(--bs-link-color);text-decoration:none}.fuel-breadcrumb a:hover{text-decoration:underline}.fuel-price-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.fuel-price-card{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:12px;padding:1.25rem;transition:all 0.2s;position:relative}.fuel-price-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.08);transform:translateY(-2px)}.fuel-price-card.featured{border-color:#3b82f6;border-width:2px}.fuel-price-card-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}.fuel-card-flag{font-size:2rem}.fuel-card-name{font-size:1.1rem;font-weight:600;color:var(--bs-heading-color)}.fuel-card-badge{font-size:0.7rem;padding:0.15rem 0.5rem;border-radius:10px;background:#10b981;color:white;margin-left:auto}.fuel-card-badge.live{background:#3b82f6}.fuel-prices-row{display:flex;gap:1rem;margin-bottom:0.75rem}.fuel-price-item{flex:1;text-align:center;padding:0.5rem;background:var(--bs-tertiary-bg);border-radius:8px}.fuel-price-label{font-size:0.75rem;color:var(--bs-secondary-color);text-transform:uppercase;margin-bottom:0.25rem}.fuel-price-value{font-size:1.2rem;font-weight:700;color:var(--bs-body-color)}.fuel-price-value.diesel{color:#f59e0b}.fuel-price-eur{font-size:0.7rem;color:var(--bs-secondary-color)}.fuel-trend{font-size:0.85rem;font-weight:700;margin-left:0.25rem}.fuel-trend.up{color:#ef4444}.fuel-trend.down{color:#22c55e}.fuel-price-with-trend{display:flex;align-items:center;justify-content:center;gap:0.15rem}.fuel-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--bs-border-color);font-size:0.8rem}.fuel-updated{color:var(--bs-secondary-color)}.fuel-card-buttons{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:0.5rem}.fuel-btn{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.75rem;border-radius:6px;font-weight:600;font-size:0.85rem;text-decoration:none;transition:all 0.2s;white-space:nowrap}.fuel-btn svg{width:0.85rem;height:0.85rem}.fuel-btn-search{color:#16a34a;background:rgba(22,163,74,0.1);border:1px solid rgba(22,163,74,0.2)}.fuel-btn-search:hover{background:rgba(22,163,74,0.2);color:#16a34a;text-decoration:none}.fuel-btn-border{color:#2563eb;background:rgba(37,99,235,0.1);border:1px solid rgba(37,99,235,0.2)}.fuel-btn-border:hover{background:rgba(37,99,235,0.2);color:#2563eb;text-decoration:none}.fuel-details-link{color:#3b82f6;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:0.25rem}.fuel-details-link:hover{text-decoration:underline}.fuel-search-link{color:#16a34a;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:0.35rem;padding:0.25rem 0.5rem;background:rgba(22,163,74,0.1);border-radius:6px;transition:background 0.2s}.fuel-search-link svg{width:0.85rem;height:0.85rem}.fuel-search-link:hover{background:rgba(22,163,74,0.2);text-decoration:none}.fuel-border-badge{display:flex;align-items:center;gap:0.35rem;color:#3b82f6;font-weight:500}.fuel-border-badge svg{width:0.75rem;height:0.75rem}.fuel-tips-section{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.fuel-tips-section h2{font-size:1.2rem;margin:0 0 1rem;display:flex;align-items:center;gap:0.5rem;color:#92400e}.fuel-tips-section h2 svg{width:1.25rem;height:1.25rem}.fuel-tips-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0.75rem}.fuel-tip-item{display:flex;align-items:flex-start;gap:0.75rem;background:white;padding:0.75rem 1rem;border-radius:10px;font-size:0.9rem;color:#78350f}.fuel-tip-item .tip-num{width:24px;height:24px;background:#f59e0b;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.8rem;flex-shrink:0}.fuel-back-link{text-align:center;margin-top:2rem}.fuel-back-link a{display:inline-flex;align-items:center;gap:0.5rem;color:var(--bs-link-color);text-decoration:none;font-weight:500}.fuel-back-link a:hover{text-decoration:underline}[data-theme="dark"] .fuel-hub-header{background:linear-gradient(135deg,#115e59 0%,#134e4a 100%)}[data-theme="dark"] .fuel-price-card{background:#1f2937;border-color:#374151}[data-theme="dark"] .fuel-price-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.3)}[data-theme="dark"] .fuel-price-item{background:#374151}[data-theme="dark"] .fuel-price-label{color:#9ca3af}[data-theme="dark"] .fuel-price-value{color:#f3f4f6}[data-theme="dark"] .fuel-price-value.diesel{color:#fbbf24}[data-theme="dark"] .fuel-price-eur{color:#9ca3af}[data-theme="dark"] .fuel-card-name{color:#f3f4f6}[data-theme="dark"] .fuel-updated{color:#9ca3af}.fuel-countries-section{margin-bottom:1.5rem;text-align:center}.fuel-countries-section h2{font-size:1.3rem;margin:0 0 0.5rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;color:#1e40af}.fuel-countries-section h2 svg{width:1.3rem;height:1.3rem}.fuel-countries-intro{color:#6b7280;font-size:0.95rem;margin:0;max-width:700px;margin:0 auto}[data-theme="dark"] .fuel-countries-section h2{color:#60a5fa}[data-theme="dark"] .fuel-countries-intro{color:#9ca3af}.fuel-faq-section{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2rem}.fuel-faq-section h2{font-size:1.3rem;margin:0 0 1.5rem;display:flex;align-items:center;gap:0.5rem;color:#1e40af}.fuel-faq-section h2 svg{width:1.3rem;height:1.3rem}.fuel-faq-list{display:flex;flex-direction:column;gap:1rem}.fuel-faq-item{background:white;border-radius:12px;padding:1rem 1.25rem;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.fuel-faq-question{font-weight:600;color:#1e3a8a;display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:0.5rem;font-size:1rem}.fuel-faq-question .faq-num{width:24px;height:24px;min-width:24px;background:#3b82f6;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700}.fuel-faq-answer{color:#4b5563;font-size:0.95rem;line-height:1.6;padding-left:2.25rem}[data-theme="dark"] .fuel-faq-section{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%)}[data-theme="dark"] .fuel-faq-section h2{color:#93c5fd}[data-theme="dark"] .fuel-faq-item{background:#1f2937;box-shadow:0 1px 3px rgba(0,0,0,0.3)}[data-theme="dark"] .fuel-faq-question{color:#bfdbfe}[data-theme="dark"] .fuel-faq-answer{color:#d1d5db}[data-theme="dark"] .fuel-tips-section{background:linear-gradient(135deg,#422006 0%,#78350f 100%)}[data-theme="dark"] .fuel-tips-section h2{color:#fde68a}[data-theme="dark"] .fuel-tip-item{background:#1f2937;color:#fcd34d}@media (max-width:768px){.fuel-hub-header h1{font-size:1.5rem}.fuel-price-grid{grid-template-columns:1fr}.fuel-tips-list{grid-template-columns:1fr}.fuel-faq-section{padding:1rem 1.25rem}.fuel-faq-question{font-size:0.95rem}.fuel-faq-answer{padding-left:2rem;font-size:0.9rem}.fuel-countries-section h2{font-size:1.1rem;flex-wrap:wrap}}.fuel-search-section{background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border-radius:20px;padding:2rem}.fuel-search-section.collapsed .fuel-search-content{display:none}.fuel-search-section.collapsed .fuel-search-header{margin-bottom:0}.fuel-search-toggle{display:none;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;background:rgba(255,255,255,0.2);border:none;border-radius:12px;color:white;font-weight:600;cursor:pointer;transition:all 0.2s;margin-top:1rem}.fuel-search-toggle:hover{background:rgba(255,255,255,0.3)}.fuel-search-toggle svg{width:1rem;height:1rem;transition:transform 0.3s}.fuel-search-section.collapsed .fuel-search-toggle{display:inline-flex}.fuel-search-section.collapsed .fuel-search-toggle svg{transform:rotate(0deg)}.fuel-search-section:not(.collapsed) .fuel-search-toggle{display:none;margin-bottom:2rem;color:white}.fuel-search-header{text-align:center;margin-bottom:1.5rem}.fuel-search-header h2{font-size:1.5rem;margin:0 0 0.5rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;color:white}.fuel-search-header h2 svg{width:1.5rem;height:1.5rem}.fuel-search-header p{opacity:0.9;margin:0;color:white}.fuel-search-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.fuel-search-field{display:flex;flex-direction:column;gap:0.5rem}.fuel-search-field label{font-size:0.85rem;font-weight:500;opacity:0.9}.fuel-search-field input,.fuel-search-field select{padding:0.75rem 1rem;border-radius:10px;border:2px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.15);color:white;font-size:1rem;transition:all 0.2s}.fuel-search-field input::placeholder{color:rgba(255,255,255,0.6)}.fuel-search-field input:focus,.fuel-search-field select:focus{outline:none;border-color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.25)}.fuel-search-field select option{background:#1d4ed8;color:white}.fuel-search-location-btn{background:rgba(255,255,255,0.2);border:none;padding:0.5rem 0.75rem;border-radius:8px;color:white;cursor:pointer;font-size:0.85rem;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s;margin-top:0.5rem}.fuel-search-location-btn svg{width:1rem;height:1rem}.fuel-search-location-btn:hover{background:rgba(255,255,255,0.3)}.fuel-search-submit{grid-column:1 / -1;display:flex;justify-content:center;margin-top:0.5rem}.fuel-search-btn{background:white;color:#1d4ed8;border:none;padding:0.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s;min-width:200px;justify-content:center}.fuel-search-btn svg{width:1.1rem;height:1.1rem}.fuel-search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.2)}.fuel-search-btn:disabled{opacity:0.7;cursor:not-allowed}.fuel-search-btn .spinner{width:18px;height:18px;border:2px solid #1d4ed8;border-top-color:transparent;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.fuel-search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.fuel-search-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,0.2);border-top-color:#60a5fa;border-radius:50%;animation:spin 1s linear infinite}.fuel-search-loading-text{font-size:1rem;opacity:0.8;animation:pulse 1.5s ease-in-out infinite}.fuel-search-loading-dots{display:flex;gap:0.3rem}.fuel-search-loading-dots span{width:8px;height:8px;background:#60a5fa;border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.fuel-search-loading-dots span:nth-child(1){animation-delay:0s}.fuel-search-loading-dots span:nth-child(2){animation-delay:0.2s}.fuel-search-loading-dots span:nth-child(3){animation-delay:0.4s}@keyframes pulse{0%,100%{opacity:0.8}50%{opacity:0.5}}@keyframes bounce{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}}.fuel-search-results{margin-top:1.5rem;background:rgba(255,255,255,0.1);border-radius:16px;padding:1rem;max-height:400px;overflow-y:auto}.fuel-search-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid rgba(255,255,255,0.2)}.fuel-search-results-header h3{margin:0;font-size:1.1rem}.fuel-search-results-count{background:rgba(255,255,255,0.2);padding:0.25rem 0.75rem;border-radius:20px;font-size:0.85rem}.fuel-station-card{background:rgba(255,255,255,0.15);border-radius:12px;padding:1rem;margin-bottom:0.75rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.fuel-station-card:last-child{margin-bottom:0}.fuel-station-info{flex:1}.fuel-station-name{font-weight:600;font-size:1rem;margin-bottom:0.25rem;display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.fuel-station-brand{display:inline-block;background:rgba(59,130,246,0.3);color:#60a5fa;font-size:0.65rem;font-weight:700;padding:0.15rem 0.4rem;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px}.fuel-station-address{font-size:0.85rem;opacity:0.8;margin-bottom:0.25rem}.fuel-station-distance{font-size:0.8rem;opacity:0.7;display:flex;align-items:center;gap:0.25rem}.fuel-station-distance svg{width:0.8rem;height:0.8rem}.fuel-station-directions{display:flex;gap:0.5rem;margin-top:0.75rem}.fuel-dir-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.5rem 1rem;border-radius:8px;font-size:0.85rem;font-weight:700;text-decoration:none;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.15);border:2px solid transparent}.fuel-dir-btn svg{width:1rem;height:1rem}.fuel-dir-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.fuel-dir-gmaps{background:linear-gradient(135deg,#4285f4 0%,#1a73e8 100%);color:#fff !important}.fuel-dir-gmaps:hover{background:linear-gradient(135deg,#1a73e8 0%,#1557b0 100%)}.fuel-dir-waze{background:linear-gradient(135deg,#33ccff 0%,#00b8e6 100%);color:#fff !important}.fuel-dir-waze:hover{background:linear-gradient(135deg,#00b8e6 0%,#0099cc 100%)}.fuel-highlight-directions{display:flex;justify-content:center;gap:0.75rem;margin-top:0.75rem}.fuel-highlight-directions .fuel-dir-btn{padding:0.6rem 1.2rem;font-size:0.95rem;min-width:90px}.fuel-station-price{text-align:right}.fuel-station-price-value{font-size:1.5rem;font-weight:700}.fuel-station-price-unit{font-size:0.8rem;opacity:0.8}.fuel-no-results{text-align:center;padding:2rem;opacity:0.8}.fuel-search-error{background:rgba(239,68,68,0.2);border:1px solid rgba(239,68,68,0.5);border-radius:10px;padding:1rem;text-align:center;margin-top:1rem}.fuel-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.fuel-highlight-card{background:rgba(255,255,255,0.2);border-radius:12px;padding:1rem;text-align:center;border:2px solid transparent}.fuel-highlight-card.cheapest{border-color:#22c55e;background:rgba(34,197,94,0.2)}.fuel-highlight-card.nearest{border-color:#3b82f6;background:rgba(59,130,246,0.2)}.fuel-highlight-badge{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.5rem;display:flex;align-items:center;justify-content:center;gap:0.4rem}.fuel-highlight-badge svg{width:0.85rem;height:0.85rem}.fuel-highlight-card.cheapest .fuel-highlight-badge{color:#22c55e}.fuel-highlight-card.nearest .fuel-highlight-badge{color:#60a5fa}.fuel-highlight-name{font-weight:600;font-size:1.1rem;margin-bottom:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fuel-highlight-price{font-size:1.5rem;font-weight:700;margin-bottom:0.25rem}.fuel-highlight-distance{font-size:0.85rem;opacity:0.8}[data-theme="dark"] .fuel-search-section{background:linear-gradient(135deg,#115e59 0%,#134e4a 100%)}[data-theme="dark"] .fuel-search-btn{background:#f8fafc}@media (max-width:768px){.fuel-search-section{padding:1.5rem}.fuel-search-form{grid-template-columns:1fr}.fuel-station-card{flex-direction:column;text-align:center}.fuel-station-price{text-align:center;margin-top:0.5rem}}.fuel-map-container{margin-bottom:1.5rem;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.15)}#fuelMap{height:350px;width:100%;background:#e5e7eb}.fuel-map-toggle{display:flex;gap:0.5rem;margin-bottom:1rem;justify-content:center}.fuel-map-toggle-btn{padding:0.5rem 1rem;border:2px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.1);color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:0.85rem;transition:all 0.2s}.fuel-map-toggle-btn.active{background:#fff;color:#1e40af;border-color:#fff}.fuel-map-toggle-btn:hover:not(.active){background:rgba(255,255,255,0.2)}.fuel-map-popup{text-align:center;min-width:150px}.fuel-map-popup-name{font-weight:700;font-size:0.95rem;margin-bottom:4px}.fuel-map-popup-price{font-size:1.2rem;font-weight:700;color:#22c55e;margin-bottom:4px}.fuel-map-popup-distance{font-size:0.8rem;color:#6b7280;margin-bottom:8px}.fuel-map-popup-btn{display:inline-block;padding:4px 10px;background:#3b82f6;color:#fff;border-radius:4px;text-decoration:none;font-size:0.75rem;font-weight:600}.fuel-map-popup-btn:hover{background:#2563eb;color:#fff}@media (max-width:768px){#fuelMap{height:280px}}