*{box-sizing:border-box}html,body,.app,#map{margin:0;width:100%;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827}body{overflow:hidden}.app{position:relative;background:#f4f5f6}#map{position:absolute;inset:0}.maplibregl-canvas{outline:none}header{position:absolute;z-index:5;top:18px;left:18px;right:18px;display:flex;align-items:center;gap:10px;pointer-events:none}.brand,.search,#locate{pointer-events:auto;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid rgba(17,24,39,.08);box-shadow:0 8px 28px rgba(17,24,39,.10)}.brand{height:50px;padding:0 17px;border-radius:16px;display:flex;align-items:center;gap:9px;text-decoration:none;color:#111827;font-weight:800;letter-spacing:-.5px}.brand span{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#111827;color:#fff;font-size:13px}.search{height:50px;max-width:430px;flex:1;border-radius:16px;display:flex;align-items:center;padding:0 15px;gap:8px}.search input{width:100%;border:0;outline:0;background:transparent;font-size:15px}.search span{font-size:21px;color:#6b7280}#locate{width:50px;height:50px;border-radius:16px;border:0;font-size:24px;cursor:pointer}.floating{position:absolute;z-index:4;top:82px;left:18px;background:rgba(17,24,39,.9);color:white;border-radius:14px;padding:10px 13px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 28px rgba(0,0,0,.14)}.floating div{display:flex;flex-direction:column}.floating b{font-size:13px}.floating small{font-size:11px;color:#d1d5db;margin-top:2px}.spin{width:14px;height:14px;border:2px solid #6b7280;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sheet{position:absolute;z-index:4;left:18px;bottom:18px;width:370px;max-height:46%;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid rgba(17,24,39,.08);border-radius:22px;box-shadow:0 14px 44px rgba(17,24,39,.16);overflow:hidden}.grab{display:none}.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px 11px}.sheet-head>div{display:flex;flex-direction:column}.sheet-head b{font-size:16px}.sheet-head small{color:#6b7280;margin-top:2px}.sheet-head button{border:0;background:#f3f4f6;border-radius:10px;padding:8px 11px;font-weight:700;cursor:pointer}#list{overflow:auto;max-height:calc(46vh - 68px);padding:0 8px 8px}.station{width:100%;border:0;background:transparent;border-top:1px solid #eef0f2;padding:12px 8px;display:flex;text-align:left;align-items:center;gap:12px;cursor:pointer}.station-main{flex:1;min-width:0;display:flex;flex-direction:column}.station-main b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-main small{font-size:11px;color:#6b7280;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-price{text-align:right;font-weight:850;font-size:16px}.station-price small{display:block;font-size:9px;text-transform:uppercase;color:#6b7280;margin-top:2px}.station-price.muted{color:#9ca3af}.price-pin{border:0;cursor:pointer;min-width:54px;padding:7px 9px;border-radius:12px;background:#111827;color:#fff;box-shadow:0 5px 14px rgba(17,24,39,.24);display:flex;flex-direction:column;align-items:center;line-height:1}.price-pin:after{content:"";position:absolute;bottom:-6px;border:7px solid transparent;border-top-color:#111827;border-bottom:0}.price-pin b{font-size:12px}.price-pin small{font-size:8px;margin-top:3px;opacity:.72;text-transform:uppercase}.price-pin.empty{min-width:36px;padding:8px;border-radius:50%}.price-pin.empty:after{display:none}.maplibregl-popup-content{border-radius:18px!important;padding:0!important;box-shadow:0 14px 40px rgba(17,24,39,.18)!important}.pop{padding:16px;min-width:220px}.pop>small{font-size:9px;letter-spacing:1.2px;color:#9ca3af}.pop h3{margin:5px 0 3px;font-size:17px}.pop p{margin:0 0 13px;color:#6b7280;font-size:12px}.popprice{font-size:22px;font-weight:900;margin-bottom:13px}.popprice span{font-size:10px;color:#6b7280;text-transform:uppercase}.pop a{display:block;background:#111827;color:#fff;text-align:center;text-decoration:none;border-radius:11px;padding:10px;font-size:12px;font-weight:800}.maplibregl-ctrl-bottom-right{bottom:18px!important;right:18px!important}.maplibregl-ctrl-group{border-radius:13px!important;overflow:hidden!important}
@media(max-width:650px){header{top:10px;left:10px;right:10px}.brand{width:50px;padding:0;justify-content:center;font-size:0}.brand span{font-size:13px}.search,#locate,.brand{height:46px}.floating{top:65px;left:10px;padding:8px 10px}.sheet{left:8px;right:8px;bottom:8px;width:auto;max-height:34%;border-radius:20px}.grab{display:block;width:36px;height:4px;background:#d1d5db;border-radius:9px;margin:7px auto 0}.sheet-head{padding-top:8px}#list{max-height:calc(34vh - 66px)}.maplibregl-ctrl-bottom-right{bottom:36%!important;right:10px!important}.price-pin{min-width:48px;padding:6px 7px}.price-pin b{font-size:11px}}
/* v5.3 clickable markers + selected-station comparison */
.price-pin{position:relative;z-index:2;pointer-events:auto!important;touch-action:manipulation}.price-pin:hover{transform:translateY(-2px)}
.maplibregl-marker{pointer-events:auto!important}.maplibregl-popup{z-index:12}.maplibregl-popup-close-button{font-size:20px;padding:6px 9px;color:#6b7280}
.compare{border-top:1px solid #eef0f2;margin:2px -4px 13px;padding-top:10px}.compare-title{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.45px;color:#6b7280;margin:0 4px 6px}.compare-row{width:100%;border:0;background:transparent;padding:8px 4px;display:flex;align-items:center;gap:10px;text-align:left;border-radius:10px;cursor:pointer}.compare-row:hover{background:#f5f6f7}.compare-row>span:first-child{display:flex;flex:1;min-width:0;flex-direction:column}.compare-row b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-row small{font-size:9px;color:#8b93a1;margin-top:2px}.cmp-price{text-align:right;font-size:14px;font-weight:900;white-space:nowrap}.cmp-price small{display:block}.compare-empty{font-size:11px;color:#8b93a1;border-top:1px solid #eef0f2;padding:10px 0 13px}
/* v5.4 hard marker click + persistent station detail */
.price-pin{position:relative;z-index:3;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.price-pin.selected{background:#fff;color:#111827;outline:3px solid #111827}.price-pin.selected:after{border-top-color:#fff}
.detail{position:absolute;z-index:20;right:18px;top:82px;width:min(360px,calc(100% - 36px));max-height:calc(100% - 118px);overflow:auto;background:rgba(255,255,255,.98);backdrop-filter:blur(18px);border:1px solid rgba(17,24,39,.08);border-radius:22px;box-shadow:0 14px 44px rgba(17,24,39,.18);padding:18px}
.detail[hidden]{display:none}.detail-top{display:flex;gap:12px;align-items:flex-start}.detail-main{min-width:0;flex:1}.detail-kicker{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#8b93a1;font-weight:800}.detail h2{font-size:20px;margin:4px 0 3px;line-height:1.15}.detail-address{font-size:12px;color:#6b7280;line-height:1.4}.detail-close{border:0;background:#f3f4f6;width:36px;height:36px;border-radius:11px;font-size:20px;cursor:pointer}.detail-price{margin:16px 0 14px;display:flex;align-items:flex-end;gap:7px}.detail-price strong{font-size:32px;line-height:1;letter-spacing:-1px}.detail-price span{font-size:11px;color:#6b7280;text-transform:uppercase;font-weight:800}.compare-v54{border-top:1px solid #eceff2;padding-top:14px}.compare-v54 h3{font-size:13px;margin:0 0 9px}.cmp54{width:100%;border:0;background:transparent;border-radius:12px;padding:9px 7px;display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer}.cmp54:hover{background:#f5f6f7}.cmp54 .nm{flex:1;min-width:0}.cmp54 .nm b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp54 .nm small{font-size:10px;color:#8b93a1}.cmp54 .pr{text-align:right;font-weight:900;font-size:14px}.cmp54 .pr small{display:block;font-size:9px;color:#6b7280}.detail-dir{display:block;margin-top:13px;background:#111827;color:#fff;text-align:center;text-decoration:none;border-radius:12px;padding:12px;font-size:13px;font-weight:850}.empty-compare{font-size:12px;color:#8b93a1;padding:4px 0 2px}
@media(max-width:650px){.detail{left:8px;right:8px;top:auto;bottom:8px;width:auto;max-height:58%;border-radius:20px}.sheet.detail-open{display:none}.maplibregl-ctrl-bottom-right.detail-open{bottom:61%!important}}
/* v5.5 station brand logos */
.station-logo,.compare-logo,.detail-logo{flex:0 0 auto;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid #e7e9ed}.station-logo{width:38px;height:38px;border-radius:12px}.compare-logo{width:34px;height:34px;border-radius:10px}.detail-logo{width:48px;height:48px;border-radius:14px}.station-logo img,.compare-logo img,.detail-logo img{width:78%;height:78%;object-fit:contain}.station-logo i,.compare-logo i,.detail-logo i{display:none;font-style:normal;font-weight:900;color:#4b5563}.logo-failed i{display:block}.station-logo.logo-failed,.compare-logo.logo-failed,.detail-logo.logo-failed{background:#f3f4f6}.detail-top{align-items:center}.cmp54{gap:9px}
/* v5.7 location search */
.search input{min-width:0}
.search:focus-within{box-shadow:0 0 0 3px rgba(17,24,39,.08)}
/* Unified Near Products navigation */
.brand b{font:inherit}.appnav{pointer-events:auto;display:flex;gap:5px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid rgba(17,24,39,.08);box-shadow:0 8px 28px rgba(17,24,39,.10);border-radius:16px;padding:5px}.appnav a{height:38px;padding:0 12px;display:flex;align-items:center;border-radius:11px;text-decoration:none;color:#111827;font-size:12px;font-weight:800}.appnav a.active{background:#111827;color:#fff}
@media(max-width:650px){header{flex-wrap:wrap}.brand{width:auto!important;padding:0 11px!important;font-size:0!important}.brand b{display:none}.appnav{height:46px;padding:4px}.appnav a{height:36px;padding:0 9px;font-size:11px}.appnav a:first-child{display:none}.search{order:3;flex-basis:calc(100% - 56px);max-width:none}.floating{top:116px}.sheet{max-height:31%}#list{max-height:calc(31vh - 66px)}.maplibregl-ctrl-bottom-right{bottom:33%!important}.detail{max-height:55%}}
/* GasMap SEO content */
body{overflow-x:hidden;overflow-y:auto}.app{height:100vh;min-height:620px}.gas-seo{position:relative;z-index:30;background:#fff;border-top:1px solid #e8ebef;padding:76px 22px 68px}.gas-seo-wrap{max-width:1120px;margin:0 auto}.gas-seo-kicker{margin:0 0 10px;color:#6d28d9;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.gas-seo h1{max-width:850px;margin:0 0 18px;font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-.045em;color:#111827}.gas-seo h2{margin:34px 0 10px;font-size:24px;letter-spacing:-.025em;color:#111827}.gas-seo p{max-width:900px;margin:0 0 14px;color:#596273;font-size:16px;line-height:1.75}.gas-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:38px 0 42px}.gas-seo-grid article{padding:26px;border:1px solid #e7e9ee;border-radius:20px;background:#fafafa}.gas-seo-grid article h2{margin:0 0 9px;font-size:19px}.gas-seo-grid article p{margin:0;font-size:14px;line-height:1.65}.gas-seo-cta{display:inline-flex;margin-top:14px;padding:13px 18px;border-radius:12px;background:#111827;color:#fff;text-decoration:none;font-size:14px;font-weight:850}.gas-footer{position:relative;z-index:30;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:28px max(22px,calc((100% - 1120px)/2));background:#111827;color:#fff}.gas-footer>div{display:flex;flex-direction:column;gap:5px}.gas-footer span{font-size:12px;color:#aeb5c0}.gas-footer nav{display:flex;gap:18px}.gas-footer a{color:#fff;text-decoration:none;font-size:13px;font-weight:750}
@media(max-width:650px){.app{height:100svh;min-height:560px}.gas-seo{padding:50px 18px 45px}.gas-seo h1{font-size:34px}.gas-seo-grid{grid-template-columns:1fr;margin:28px 0 34px}.gas-seo-grid article{padding:20px}.gas-seo h2{font-size:21px}.gas-seo p{font-size:15px}.gas-footer{padding:25px 18px;align-items:flex-start;flex-direction:column}.gas-footer nav{flex-wrap:wrap}}
/* v4 definitive document-scroll fix */
html,body{height:auto!important;min-height:100%!important;overflow-y:auto!important}body{overflow-x:hidden!important}.app{height:100vh!important;min-height:620px!important}.gas-seo{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;overflow:visible!important}.gas-footer{display:flex!important}@media(max-width:650px){.app{height:100svh!important;min-height:560px!important}}
.fuel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.fuel-grid span{background:#f7f8fa;border:1px solid #e8eaed;border-radius:12px;padding:10px;text-align:center}.fuel-grid small{display:block;font-size:11px;color:#68707c;margin-bottom:4px}.fuel-grid b{font-size:15px;color:#111827}.price-note{font-size:11px;line-height:1.35;color:#7b8491;margin:-3px 0 12px}
/* Kuponly service switcher */
.kuponly-service-switcher{background:#fff;border-bottom:1px solid #e7e7ea;position:relative;z-index:1002}
.kuponly-service-switcher-inner{max-width:1440px;height:58px;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:12px}
.kuponly-service-tab{height:42px;min-width:150px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e5e9;border-radius:6px;background:#fff;color:#4b5563;text-decoration:none;font-size:20px;font-weight:900;letter-spacing:-.035em;transition:.15s ease}
.kuponly-service-tab:hover{border-color:#7c3aed;color:#5b21b6}
.kuponly-service-tab.active{background:#7c3aed;border-color:#7c3aed;color:#fff}
@media(max-width:700px){.kuponly-service-switcher-inner{height:48px;padding:0 14px;gap:8px;overflow-x:auto;scrollbar-width:none}.kuponly-service-switcher-inner::-webkit-scrollbar{display:none}.kuponly-service-tab{height:36px;min-width:0;padding:0 16px;font-size:16px;flex:0 0 auto}}