.fuel-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.fuel-modal-content{position:relative;background-color:#fff;margin:3% auto;padding:0;border-radius:16px;max-width:900px;width:92%;max-height:92vh;box-shadow:0 10px 40px rgba(0,0,0,.3);animation:slideInDown .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;display:flex;flex-direction:column}.fuel-modal-header{background:linear-gradient(135deg,#dd5534 0%,#c94429 100%);color:#fff;padding:20px 24px;position:relative}.fuel-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.fuel-modal-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:28px;font-weight:700;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.fuel-modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.fuel-modal-body{padding:24px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.fuel-modal .station-details-content h3{margin:0 0 16px;color:#333;font-size:1.4rem}.fuel-modal .station-address{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.fuel-modal .station-address h3{color:#333;margin:0 0 12px;display:flex;align-items:center;gap:8px;font-size:1.1rem}.fuel-modal .station-address h3 i{color:#dd5534;flex-shrink:0}.fuel-modal .station-address svg{width:18px;height:18px;stroke:#dd5534}.fuel-modal .detail-prices{margin-bottom:24px;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:16px;border-radius:12px;border:2px solid #e9ecef}.fuel-modal .detail-prices h4{color:#333;margin:0 0 16px;display:flex;align-items:center;gap:8px;font-size:1.1rem}.fuel-modal .detail-prices h4 svg{width:20px;height:20px;stroke:#22c55e}.fuel-modal .price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.fuel-modal .price-item{display:flex;flex-direction:column;background:#fff;padding:12px;border-radius:8px;border:1px solid #e0e0e0;transition:all .2s}.fuel-modal .price-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.fuel-modal .fuel-label{font-size:11px;color:#666;font-weight:600;text-transform:uppercase;margin-bottom:4px}.fuel-modal .fuel-price{font-size:20px;font-weight:700;color:#333}.fuel-modal .fuel-price sup{font-size:.6em;vertical-align:super}.fuel-modal .detail-services{margin-bottom:24px}.fuel-modal .detail-services h4{color:#333;margin:0 0 12px;display:flex;align-items:center;gap:8px;font-size:1.1rem}.fuel-modal .detail-services h4 svg{width:20px;height:20px;stroke:#17a2b8}.fuel-modal .service-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.fuel-modal .service-item{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:10px 12px;border-radius:8px;border:1px solid #e0e0e0;font-size:13px;font-weight:500;color:#555}.fuel-modal .service-item i{color:#17a2b8;flex-shrink:0}.fuel-modal .service-item svg{width:18px;height:18px;stroke:#17a2b8}.fuel-modal .opening-times{margin-bottom:24px}.fuel-modal .opening-times h3{color:#333;margin:0 0 12px;display:flex;align-items:center;gap:8px;font-size:1.1rem}.fuel-modal .opening-times h3 i{color:#dd5534;flex-shrink:0}.fuel-modal .opening-times h4{color:#333;margin:0 0 12px;display:flex;align-items:center;gap:8px;font-size:1.1rem}.fuel-modal .opening-times h4 svg{width:20px;height:20px;stroke:#dd5534}.fuel-modal .opening-times ul{list-style:none;padding:0;margin:0}.fuel-modal .opening-times li{padding:8px 12px;background:#f8f9fa;border-radius:8px;margin-bottom:6px;font-size:.95rem}.fuel-modal .station-services,.fuel-modal .services{margin-top:24px}.fuel-modal .station-services h3,.fuel-modal .station-services h4,.fuel-modal .services h3,.fuel-modal .services h4{color:#333;margin:0 0 12px;display:flex;align-items:center;gap:8px;font-size:1.1rem}.fuel-modal .services h3 i{color:#28a745;flex-shrink:0}.fuel-modal .station-services h4 svg,.fuel-modal .services h4 svg{width:20px;height:20px;stroke:#28a745}.fuel-modal .station-services ul,.fuel-modal .services ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.fuel-modal .station-services li,.fuel-modal .services li{padding:8px 12px;background:#e8f5e9;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:8px}.fuel-modal .services .service-icons{display:flex;flex-wrap:wrap;gap:10px}.fuel-modal .services .service-icon{display:inline-flex;align-items:center;gap:6px;background:#e8f5e9;padding:8px 14px;border-radius:8px;font-size:.9rem;font-weight:500;color:#1e7e34}.fuel-modal .station-address h3{color:#333;margin:0 0 12px;display:flex;align-items:center;gap:8px;font-size:1.1rem}.fuel-modal .station-address p{margin:0;line-height:1.6;color:#555}.fuel-modal .open-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.fuel-modal .open-badge.open{background:#d4edda;color:#155724}.fuel-modal .open-badge.open i{width:14px;height:14px;stroke:#155724}.fuel-modal .open-badge.closed{background:#f8d7da;color:#721c24}.fuel-modal .open-badge.closed i{width:14px;height:14px;stroke:#721c24}.fuel-prices-pro .details-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;display:inline-flex;align-items:center;gap:4px;margin-right:4px}.fuel-prices-pro .details-btn:hover{background:linear-gradient(135deg,#5a6268,#6c757d);transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,117,125,.3)}.fuel-prices-pro .details-btn.disabled,.fuel-prices-pro .details-btn:disabled{background:#e0e0e0;color:#999;cursor:not-allowed;opacity:.6}.fuel-prices-pro .details-btn.disabled:hover,.fuel-prices-pro .details-btn:disabled:hover{background:#e0e0e0;transform:none;box-shadow:none}.fuel-prices-pro .details-btn svg,.fuel-prices-pro .details-btn i{width:16px;height:16px}.fuel-modal-body p{text-align:center;color:#666;padding:40px 20px}.fuel-modal-body p svg{width:32px;height:32px;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.fuel-modal .modal-content-inner{padding:0}.fuel-modal .modal-content-inner>div{margin-bottom:20px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInDown{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.fuel-modal-content{margin:5% auto;width:96%;max-width:none;max-height:94vh}.fuel-modal .station-services ul,.fuel-modal .services ul{grid-template-columns:1fr}.fuel-modal .price-grid{grid-template-columns:1fr 1fr}.fuel-modal .price-comparison-modal>div[style*=grid]{display:flex !important;flex-direction:column !important;gap:15px !important}}