#mapContainer{width:100%;height:400px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-weight:500}.sidebar-buttons{font-family:Poppins,sans-serif;background:#fff;padding:16px 20px;border-radius:8px}.button-group{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.button-group::-webkit-scrollbar{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;font-size:11px;gap:3px;padding:4px 5px;font-weight:500;color:#f8f8f8;background:#222;border:1px solid #dcdcdc;border-radius:6px;cursor:pointer;transition:all .2s ease;height:36px;transition:all .3s ease;flex-shrink:0}.input-section{margin-top:12px;transition:opacity .25s ease}.input-section.hidden{display:none!important;visibility:hidden;opacity:0}.btn{transition:all .3s ease}.btn.active{background:#000;color:#fff;opacity:1}.btn.inactive{opacity:.5}.route-container{display:flex;flex-direction:column;gap:10px}.route-line{display:flex;align-items:flex-start;gap:10px}.route-icons{display:flex;flex-direction:column;align-items:center;margin-top:4px}.route-icon{width:14px;height:14px}.route-divider{width:2px;height:28px;background:#ef3f23;margin:2px 0}.route-inputs{flex:1;display:flex;flex-direction:column;gap:6px}.route-field{display:flex;align-items:center;gap:6px;position:relative}.route-input{width:100%;padding:8px 28px 8px 10px;border-radius:6px;border:1px solid #ccc;font-size:13px;outline:none}.remove-stop{position:absolute;right:-16px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#ef3f23;font-size:16px;cursor:pointer;opacity:.8;line-height:1;font-weight:700}.add-stop-btn{color:#222;font-weight:600;font-size:13px;background:none;border:none;cursor:pointer;text-align:right;padding:4px 0;transition:color .2s}.add-stop-btn:hover{color:#d93b1c}.route-options{display:flex;flex-direction:column;gap:10px;margin-top:8px}.option-item label{font-size:12px;color:#444;margin-bottom:4px;font-weight:500}.option-item label span{color:#ef3f23}.option-item input,.option-item select{width:100%;border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:13px}@media (max-width: 640px){.route-line{flex-direction:column}.route-icons{flex-direction:row}.route-divider{display:none}}.btn .icon svg{width:14px;height:14px;flex-shrink:0}@media (max-width: 480px){.button-group{gap:8px;padding-right:8px}.btn{font-size:10px;padding:6px 8px}.btn span{font-size:10px}}.btn .icon{display:flex;align-items:center;justify-content:center}.btn.active{background:#000;color:#fff;border-color:#000}.btn:hover{background:#f3f3f3;color:#222}.icon:hover{color:#222}.search-box{position:relative;margin-bottom:12px}.search-box input{width:100%;border:1px solid #ccc;border-radius:6px;padding:8px 36px 8px 12px;font-size:12px;outline:none}.search-box .search-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;color:#888}.search-btn{width:100%;background:#ef3f23;color:#fff;border:none;padding:9px;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:background .2s}.search-btn:hover{background:#d93b1c}section{display:flex;flex-direction:row;overflow:hidden;padding:16px}.map-area{flex:1;background:#f3f4f6;border-radius:10px;position:relative}@media (max-width: 1024px){section{flex-direction:column;padding:12px}.sidebar-buttons{width:100%;padding:14px}.button-group{justify-content:flex-start}#mapContainer{height:320px}}@media (max-width: 640px){body{font-size:14px}section{margin-top:80px;padding:10px}.sidebar-buttons{padding:12px}.btn{font-size:10px;padding:6px 8px;height:32px}.search-box input{font-size:11px;padding:7px 34px 7px 10px}.search-btn{font-size:11px;padding:8px}#mapContainer{height:280px;font-size:12px}}.suggestion-box{position:absolute!important;left:0;top:100%;margin-top:4px;background:#fff;border:1px solid #ccc;border-radius:6px;max-height:220px;overflow-y:auto;z-index:999999;box-shadow:0 4px 12px #00000026}.suggestion-box div{padding:8px 10px;cursor:pointer;border-bottom:1px solid #eee;background:#fff}.suggestion-box div:hover{background:#f7f7f7}.search-box,.route-field{overflow:visible!important;position:relative!important;z-index:auto}.search-results{margin-top:12px;background:transparent}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.results-header h4{margin:0;font-size:14px;color:#333;font-weight:600}.stations-list{display:flex;flex-direction:column;gap:10px}.station-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 1px 4px #00000014;margin-bottom:8px;cursor:pointer;transition:box-shadow .2s}.station-card:hover{box-shadow:0 2px 8px #00000026}.station-left{display:flex;align-items:center;gap:8px}.station-logo svg{width:32px;height:32px;min-width:42px;min-height:39px;display:block}.station-name{font-weight:600;color:#222}.station-distance{font-size:12px;color:#777}.station-price{text-align:right}.price-value{font-weight:700;color:#ef3f23;font-size:15px}.price-unit{font-size:11px;color:#888}.H_ib_body{overflow:visible!important;background:transparent!important}.H_ib_content{background:transparent!important}.station-detail-container{display:flex;flex-direction:column;height:100%;background:#fff;overflow-y:auto}.station-header-image{position:relative;height:220px;overflow:hidden}.station-header-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.back-btn{position:absolute;top:10px;left:10px;background:#ffffffe6;border:none;font-weight:600;font-size:14px;color:#333;padding:6px 10px;border-radius:4px;cursor:pointer}.back-btn:hover{background:#ef3f23;color:#fff}.discount-banner{background:#ef3f23;color:#fff;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.signup-btn{background:#000;color:#fff;border:none;padding:8px 14px;border-radius:4px;font-size:13px;cursor:pointer}.signup-btn:hover{opacity:.9}.station-info-card{padding:20px;display:flex;flex-direction:column;gap:10px}.station-header{display:flex;align-items:center}.station-logo{width:36px;height:36px}.station-meta h3{margin:0;font-size:16px;font-weight:600}.station-meta p{margin:0;font-size:13px;color:#555;line-height:1.4}.tabs{display:flex;border-bottom:1px solid #eee;margin-top:10px}.tab{flex:1;border:none;background:none;padding:10px;font-weight:500;color:#333;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:#ef3f23;border-bottom:2px solid #ef3f23}.price-row{display:flex;justify-content:space-between;margin:8px 0;font-size:14px}.price-row b{font-weight:600}.details-btn{background:#ef3f23;color:#fff;border:none;width:100%;padding:7px;font-weight:600;border-radius:6px;cursor:pointer;margin-top:10px}.details-btn:hover{opacity:.9}@media (max-width: 768px){.route-line{align-items:stretch}.route-icons{margin-right:8px;padding-top:2px}.route-divider{margin:2px 0;height:auto}.route-input{font-size:13px;padding:9px 32px 9px 10px}.add-stop-btn{font-size:13px;margin-top:4px}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid #ccc;border-top:2px solid #333;border-radius:50%;animation:spin .8s linear infinite;margin-right:6px;vertical-align:middle}.h_dommarker .station-popup{z-index:10!important}.h_dommarker .fuel-marker{z-index:20!important}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffd9;display:flex;justify-content:center;align-items:center;z-index:9999}.loader-box{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;padding:25px 40px;border-radius:12px;box-shadow:0 6px 20px #00000026}.spinner{width:32px;height:32px;border:3px solid #ccc;border-top:3px solid #ef3f23;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{font-size:14px;color:#444;font-weight:500}.hide{display:none!important}#stationsList{max-height:550px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#ccc #f8f8f8}#stationsList::-webkit-scrollbar{width:6px}#stationsList::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}#stationsList::-webkit-scrollbar-track{background:#f8f8f8}.input-section{opacity:0;pointer-events:none;transition:opacity .3s ease}.input-section:not(.hidden){opacity:1;pointer-events:auto}.input-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;font-size:16px;color:#ef3f23;opacity:.6;transition:opacity .2s ease;line-height:1;z-index:2}.input-clear-btn:hover{color:#ef3f23}.station-detail-container{display:flex;flex-direction:column;height:100%}.tabs{display:flex;border-bottom:1px solid #eee}.tab{flex:1;padding:8px;text-align:center;font-size:13px;font-weight:500;color:#555;background:transparent;border:none;cursor:pointer;transition:all .2s ease-in-out}.tab.active{color:#fff;background:#ef3f23;border-radius:6px 6px 0 0}.tab:hover:not(.active){background-color:#fafafa;color:#ef3f23}.station-detail-container{height:100%;display:flex;flex-direction:column}.station-header-image img{border-radius:8px 8px 0 0}.station-info-card{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 8px #0000000d}.price-row span{color:#555}button.details-btn{background:#ef3f23;font-size:13px;font-weight:500}button.details-btn:hover{background:#d93410}.facilities-grid{margin-top:8px}.facilities-grid div{align-items:center}.facilities-grid .w-8{border:1.5px solid #e5e5e5;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px}.view-all-btn{width:100%;background:#fff;border-radius:6px;transition:all .2s ease}.view-all-btn:hover{background-color:#f9f9f9}.tab{font-size:12px!important;padding:6px 10px}.tab.active{background-color:#ef3f23!important;color:#fff!important;font-weight:600;border-radius:4px}@media (max-width: 768px){.route-line{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important}.route-icons{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 26px!important;margin-top:6px!important;box-sizing:border-box}.route-icons svg{width:18px;height:auto;display:block}.route-inputs{display:flex!important;flex-direction:column!important;gap:8px!important;flex:1 1 auto!important}.route-field{padding:6px 10px!important;box-sizing:border-box}.route-divider{width:2px!important;background-color:#ef3f23!important;margin:9px 11px!important;align-self:stretch;box-sizing:border-box;display:block;height:33px}}@media (max-width: 600px){.route-input{height:38px;font-size:13px}.input-clear-btn{right:6px;font-size:14px}}.station-popup{transform:translate(-50%,-120%)}.fuel-map-page header,.fuel-map-page .navbar,.fuel-map-page .page-header,.fuel-map-page footer{display:none!important}.fuel-map-layout{display:flex;width:100vw;height:100vh;overflow:hidden}#sidebarContainer{width:420px;min-width:420px;height:100vh;background:#fff;z-index:2;box-shadow:2px 0 16px #0000001f;overflow-y:auto}.map-area{flex:1;height:100vh;position:relative}#mapContainer{width:100%;height:100%}