.petrol-page{background:#f5f4f0;padding:56px 0 72px;color:#202833}.petrol-hero{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:center;margin-bottom:28px}.petrol-eyebrow{color:#e04932;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:10px}.petrol-eyebrow i{margin-right:7px}.petrol-hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.03;margin:0 0 12px;color:#17202a}.petrol-hero>div>p:last-child{font-size:1.05rem;max-width:720px;color:#606b76;margin:0}.petrol-best{background:#17202a;color:#fff;border-radius:20px;padding:24px;box-shadow:0 14px 35px rgba(23,32,42,.16)}.petrol-best span,.petrol-best small{display:block;color:#b9c3ca}.petrol-best strong{display:block;color:#ffb000;font-size:2.5rem;line-height:1.1;margin:5px 0}.petrol-search-panel{background:#fff;border-radius:20px;padding:22px;box-shadow:0 10px 35px rgba(32,40,51,.08);margin-bottom:24px}.petrol-search-form{display:grid;grid-template-columns:minmax(220px,1.5fr) 1fr 1fr auto;gap:14px;align-items:end}.petrol-search-form label>span{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.petrol-search-form input,.petrol-search-form select{width:100%;height:50px;border:1px solid #dbe0e4;border-radius:10px;background:#fff;padding:0 14px;color:#202833}.petrol-input{position:relative}.petrol-input i{position:absolute;left:15px;top:17px;color:#e04932}.petrol-input input{padding-left:40px;text-transform:uppercase}.petrol-search-form button{height:50px;border-radius:10px;white-space:nowrap}.petrol-status{margin:14px 0 0;color:#66717c;font-size:.9rem}.petrol-results{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:24px;align-items:start}.petrol-map-wrap,.petrol-list-panel{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 35px rgba(32,40,51,.08)}.petrol-map-wrap{position:sticky;top:92px}.petrol-map-wrap #petrolMap{height:630px}.petrol-map-key{display:flex;gap:20px;padding:13px 18px;font-size:.78rem;color:#64707a}.petrol-map-key i,.petrol-map-key b{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.petrol-map-key i{background:rgba(224,73,50,.18);border:2px solid #e04932}.petrol-map-key b{background:#286a55}.petrol-list-panel{padding:22px;max-height:684px;overflow:auto}.petrol-list-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ecef;padding-bottom:15px;margin-bottom:6px}.petrol-list-heading p{margin:0;color:#e04932;font-weight:800;font-size:.75rem;text-transform:uppercase}.petrol-list-heading h2{font-size:1.25rem;margin:3px 0 0}.petrol-list-heading>span{background:#f2f4f3;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:700}.petrol-card{display:flex;gap:13px;padding:17px 2px;border-bottom:1px solid #ecefee}.petrol-rank{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#ffb000;color:#17202a;font-weight:900;flex:none}.petrol-card-main{min-width:0;flex:1}.petrol-card-title{display:flex;justify-content:space-between;gap:12px}.petrol-card-title small{color:#75808a;text-transform:uppercase;font-size:.65rem;font-weight:800}.petrol-card-title h3{font-size:1rem;margin:2px 0}.petrol-card-title>strong{color:#286a55;font-size:1.45rem;text-align:right}.petrol-card-title>strong small{display:block;font-size:.58rem;text-transform:none}.petrol-card-main>p{color:#6f7982;font-size:.82rem;margin:6px 0}.petrol-card-main>p i{color:#e04932;margin-right:6px}.petrol-card-meta{display:flex;gap:8px;flex-wrap:wrap}.petrol-card-meta span,.petrol-card-meta a{background:#f3f5f4;border-radius:6px;padding:4px 7px;font-size:.7rem;color:#55616b}.petrol-card-meta a{color:#286a55;font-weight:700}.petrol-empty{text-align:center;padding:70px 20px;color:#6d7881}.petrol-empty i{font-size:2.2rem;color:#e04932;margin-bottom:13px}.petrol-empty h3{font-size:1.15rem;color:#28313a}.petrol-note{display:flex;gap:12px;align-items:flex-start;margin-top:24px;color:#65717b;font-size:.83rem}.petrol-note i{color:#e04932;margin-top:3px}.petrol-note p{margin:0}.petrol-note p:last-child{margin-left:auto;white-space:nowrap}html[data-theme="dark"] .petrol-page{background:#11171c;color:#e7ecef}html[data-theme="dark"] .petrol-hero h1{color:#fff}html[data-theme="dark"] .petrol-search-panel,html[data-theme="dark"] .petrol-map-wrap,html[data-theme="dark"] .petrol-list-panel{background:#1b242c}html[data-theme="dark"] .petrol-search-form input,html[data-theme="dark"] .petrol-search-form select{background:#131b22;border-color:#39444d;color:#fff}html[data-theme="dark"] .petrol-card{border-color:#313b43}html[data-theme="dark"] .petrol-card-title h3{color:#fff}@media(max-width:991px){.petrol-results{grid-template-columns:1fr}.petrol-map-wrap{position:static}.petrol-map-wrap #petrolMap{height:430px}.petrol-list-panel{max-height:none}.petrol-search-form{grid-template-columns:1fr 1fr}.petrol-search-form label:first-child{grid-column:1/-1}}@media(max-width:640px){.petrol-page{padding-top:35px}.petrol-hero{grid-template-columns:1fr;gap:22px}.petrol-best{display:none}.petrol-search-form{grid-template-columns:1fr}.petrol-search-form label:first-child{grid-column:auto}.petrol-map-wrap #petrolMap{height:350px}.petrol-results{display:flex;flex-direction:column}.petrol-map-wrap,.petrol-list-panel{width:100%}.petrol-note{display:block}.petrol-note i{float:left;margin-right:8px}.petrol-note p:last-child{margin:10px 0 0}.petrol-card-title{align-items:start}}
.petrol-map-toggle{display:none}
@media(max-width:640px){.petrol-map-toggle{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;border:1px solid #d8ddda;background:#fff;color:#286a55;border-radius:12px;padding:13px 16px;font-weight:800;order:0}.petrol-map-wrap{display:none;order:1}.petrol-map-wrap.petrol-map-open{display:block}.petrol-list-panel{order:2}html[data-theme="dark"] .petrol-map-toggle{background:#1b242c;border-color:#39444d;color:#fff}}

/* Give the map and price results a proper desktop workspace. */
.petrol-page>.container{max-width:1480px;padding-left:clamp(20px,3vw,42px);padding-right:clamp(20px,3vw,42px)}
.petrol-results{grid-template-columns:minmax(560px,1.12fr) minmax(500px,.88fr);gap:28px}
.petrol-map-wrap #petrolMap{height:min(720px,calc(100vh - 150px));min-height:570px}
.petrol-list-panel{max-height:none;overflow:visible;padding:26px}
.petrol-list-heading h2{font-size:1.45rem}.petrol-list-heading>span{font-size:.84rem;padding:8px 12px}
.petrol-card{gap:15px;padding:19px 2px}.petrol-rank{height:32px;width:32px}.petrol-card-title h3{font-size:1.06rem;line-height:1.25}.petrol-card-title>strong{font-size:1.55rem;line-height:1}.petrol-card-main>p{font-size:.86rem;line-height:1.45}.petrol-card-meta span,.petrol-card-meta a{font-size:.75rem;padding:5px 8px}
.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background:#286a55;color:#fff;font-weight:900}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background:rgba(40,106,85,.28)}
html[data-theme="dark"] .petrol-list-heading{border-color:#35414a}html[data-theme="dark"] .petrol-list-heading>span,html[data-theme="dark"] .petrol-card-meta span,html[data-theme="dark"] .petrol-card-meta a{background:#29343c;color:#dce4e8}html[data-theme="dark"] .petrol-card-title>strong{color:#54c69b}html[data-theme="dark"] .petrol-card-title small,html[data-theme="dark"] .petrol-card-main>p,html[data-theme="dark"] .petrol-map-key{color:#b7c2c9}
@media(max-width:1199px){.petrol-results{grid-template-columns:1fr}.petrol-map-wrap{position:static}.petrol-map-wrap #petrolMap{height:500px;min-height:0}}
@media(max-width:640px){.petrol-page>.container{padding-left:16px;padding-right:16px}.petrol-list-panel{padding:18px}.petrol-map-wrap #petrolMap{height:350px}.petrol-card-title h3{font-size:.98rem}.petrol-card-title>strong{font-size:1.35rem}}
.irish-submit-entry{align-items:center;display:flex;gap:12px;margin-top:14px}.irish-submit-entry p{margin:0}.irish-submission-panel{background:#fff;border-radius:20px;box-shadow:0 10px 35px rgba(32,40,51,.08);margin-bottom:24px;padding:24px}.irish-submission-head{align-items:start;display:flex;justify-content:space-between;margin-bottom:18px}.irish-submission-head h2{font-size:1.6rem;margin:0}.irish-submission-head button{align-items:center;background:#f1f3f2;border:0;border-radius:50%;color:#53606a;display:flex;height:38px;justify-content:center;width:38px}.irish-submission-panel form{align-items:end;display:grid;gap:15px;grid-template-columns:repeat(4,minmax(0,1fr))}.irish-submission-panel label>span{display:block;font-size:.75rem;font-weight:800;letter-spacing:.05em;margin-bottom:7px;text-transform:uppercase}.irish-submission-panel input,.irish-submission-panel select{background:#fff;border:1px solid #dbe0e4;border-radius:10px;color:#202833;height:48px;padding:0 13px;width:100%}.irish-new-station{display:contents}.irish-address{grid-column:span 2}.irish-address{display:grid;gap:0;grid-template-columns:1fr auto}.irish-address>span{grid-column:1/-1}.irish-address input{border-radius:10px 0 0 10px}.irish-address button{background:#286a55;border:0;border-radius:0 10px 10px 0;color:#fff;font-weight:800;padding:0 14px}.irish-location-status{align-self:center;color:#66717c;font-size:.8rem;margin:0}.irish-price-input{position:relative}.irish-price-input b{color:#286a55;left:14px;position:absolute;top:13px}.irish-price-input input{padding-left:30px}.irish-submission-panel form>button{height:48px}.irish-submission-panel form>#irishSubmitStatus{grid-column:1/-1;margin:0}.irish-submission-panel[hidden],.irish-new-station[hidden]{display:none!important}html[data-theme="dark"] .irish-submission-panel{background:#1b242c}html[data-theme="dark"] .irish-submission-panel input,html[data-theme="dark"] .irish-submission-panel select{background:#131b22;border-color:#39444d;color:#fff}html[data-theme="dark"] .irish-submission-head button{background:#29343c;color:#fff}
@media(min-width:992px){.petrol-search-form{grid-template-columns:minmax(150px,.7fr) minmax(220px,1.4fr) minmax(130px,.7fr) minmax(130px,.7fr) auto}}
@media(max-width:991px){.irish-submission-panel form{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.irish-submit-entry{display:block}.irish-submit-entry .btn{width:100%}.irish-submit-entry p{text-align:center}.irish-submission-panel{padding:18px}.irish-submission-panel form{grid-template-columns:1fr}.irish-address,.irish-submission-panel form>#irishSubmitStatus{grid-column:auto}.irish-location-status{margin-bottom:5px}}

/* Member fuel-price submission */
.irish-submission-panel{position:relative;overflow:hidden;border:1px solid #e3e7e5;padding:0}
.irish-submission-panel::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#e04932,#ffb000)}
.irish-submission-head{margin:0;padding:25px 28px 21px;background:linear-gradient(135deg,#17202a 0%,#253441 100%);color:#fff}
.irish-submission-head .petrol-eyebrow{margin:0 0 6px;color:#ffbd2e;font-size:.7rem}
.irish-submission-head h2{color:#fff;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.2}
.irish-submission-head button{background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.irish-submission-head button:hover{background:rgba(255,255,255,.2);transform:rotate(4deg)}
.irish-submission-panel form{padding:25px 28px 28px;background:#fff}
.irish-submission-panel label>span{color:#52606c}
.irish-submission-panel input,.irish-submission-panel select{border-color:#d4dadd;box-shadow:0 1px 2px rgba(23,32,42,.03);transition:border-color .2s,box-shadow .2s}
.irish-submission-panel input:focus,.irish-submission-panel select:focus{outline:0;border-color:#e04932;box-shadow:0 0 0 3px rgba(224,73,50,.12)}
.irish-price-input b{z-index:1;font-size:.9rem;font-weight:900}
.irish-submission-panel form>button{border-radius:10px;font-weight:800;box-shadow:0 7px 16px rgba(224,73,50,.18)}
#irishSubmitStatus{min-height:1.25em;color:#286a55;font-size:.88rem;font-weight:700}
html[data-theme="dark"] .irish-submission-head{background:linear-gradient(135deg,#0b1116,#1a2832)}
html[data-theme="dark"] .irish-submission-panel form{background:#1b242c}
html[data-theme="dark"] .irish-submission-panel{border-color:#34404a}
html[data-theme="dark"] .irish-submission-panel label>span{color:#b7c1c8}
@media(max-width:640px){.irish-submission-head{padding:22px 18px 18px}.irish-submission-panel form{padding:20px 18px 22px}.irish-submission-head button{height:34px;width:34px}.irish-submission-panel form>button{width:100%}}