/* Soft surfaces and tactile controls, with locally hosted Cyrillic Manrope. */
.network-table .network-special:not(.unset){display:grid;place-items:center;justify-self:end;width:42px;height:42px;border-radius:50%;background:radial-gradient(ellipse at 30% 12%,#fff6b0,transparent 62%),linear-gradient(145deg,#ffe661,#ffc51b);color:#593600;border:1px solid #ffdf66;box-shadow:0 4px 0 #d39a0a,0 8px 12px #b7821538,inset 0 2px 2px #fff8ce,inset 0 -2px 2px #efa90f;font-size:13px;text-align:center;letter-spacing:-.6px;text-shadow:0 1px #fff09a;transform:rotate(-7deg) translateY(-2px)}
.network-table button:has(.network-special:not(.unset)){padding-top:4px;padding-bottom:4px;border-color:#f5e7bb;border-radius:15px;background:radial-gradient(ellipse at top right,#fff3cb,transparent 75%),linear-gradient(135deg,#fff,#fffdf5);box-shadow:0 3px 8px #a8780b0c,inset 0 1px #fff}
.network-table button.active:has(.network-special:not(.unset)){border-color:#e2b636;background:linear-gradient(135deg,#fffdf0,#fff1b9);box-shadow:inset 3px 0 #e0ae21,0 3px 8px #a8780b14}
@media(max-height:620px){.network-table .network-special:not(.unset){width:32px;height:32px;font-size:10px;letter-spacing:-.5px;box-shadow:0 3px 0 #d39a0a,0 5px 8px #b7821530,inset 0 1px 2px #fff8ce,inset 0 -1px 2px #efa90f}}
.choose-network{width:100%;display:flex;gap:12px;align-items:center;text-align:left;margin:12px 0 0;padding:15px;border:1px solid #ffd6dc;border-radius:21px;background:radial-gradient(ellipse at top right,#ffe1e7,transparent 70%),linear-gradient(135deg,#fff,#fff4f6);box-shadow:0 7px 18px #b81c3020,inset 0 1px 0 #fff}
.choose-network .discount-invite{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.choose-network small{font-size:8px;font-weight:800;letter-spacing:1.1px;color:#b64353}.choose-network strong{font-size:19px;letter-spacing:-.7px;color:#242835}.choose-network #chosen-network{font-size:10px;color:#7b5360;font-weight:600}.choose-network #chosen-rates{font-size:9px;color:#9c3547;font-weight:600}.choose-network #chosen-rates:empty{display:none}.choose-network .discount-tile{display:grid;place-items:center;flex:none;width:43px;height:46px;border-radius:14px;background:linear-gradient(145deg,#ff4157,#e20827);color:#fff;font-size:27px;font-weight:800;box-shadow:0 5px 0 #bf0923,0 9px 14px #d5213440,inset 0 1px 1px #ff99a6;transform:rotate(-7deg)}.choose-network .discount-expand{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;background:#fff;color:#d81332;box-shadow:0 3px 7px #c8263220}.discount-expand svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.choose-network[aria-expanded=true] .discount-expand svg{transform:rotate(180deg)}.network-table button[hidden]{display:none}
#extra-filters{margin-top:10px;font-size:11px;color:#687586}#extra-filters summary{cursor:pointer;display:flex;align-items:center;gap:7px;padding:7px 0;list-style:none}#extra-filters summary::-webkit-details-marker{display:none}#extra-filters summary:after{content:'+';margin-left:auto;font-size:17px}#extra-filters[open] summary:after{content:'−'}.extra-filter-body{padding:6px 0 3px}#extra-filters .filter-row{margin:0 0 10px}
.conditions-status.loaded{display:none}
#networks-dialog{width:min(440px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:19px;border-radius:25px;overflow:auto;background:#fff;box-shadow:0 24px 80px #13233e35}
.networks-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:8px}.networks-heading small{font-size:8px;font-weight:700;letter-spacing:1.2px;color:#e7172b}.networks-heading h2{margin:5px 0 0;font-size:20px;letter-spacing:-.7px}.networks-heading button{border-radius:50%;width:32px;height:32px;padding:0;font-size:21px;background:#f3f5f8;color:#718095;flex:none}
.network-table-head,.network-table button{display:grid;grid-template-columns:minmax(0,1fr) 75px 90px;align-items:center;gap:6px}.network-table-head{padding:0 10px 8px;font-size:9px;line-height:1.4;color:#6e7d90}.network-table-head>span:not(:first-child){text-align:right}
.network-table{display:flex;flex-direction:column;gap:5px;max-height:none;overflow:visible;padding:0}.network-table button{min-height:39px;border-radius:11px;padding:9px 10px;text-align:left;border-color:#e9edf2;background:#fff}.network-table button[data-brand=""]{display:block;min-height:34px;padding:7px 10px;text-align:center}.network-table .network-name{font-size:11px;font-weight:700;overflow-wrap:anywhere}.network-table .network-rates{display:contents}.network-table .network-regular,.network-table .network-special{font-size:15px;font-weight:800;letter-spacing:-.5px;text-align:right;color:#e41228;white-space:nowrap}.network-table .unset{color:#8e99a8}.network-table button.active{border-color:#eb1329;background:#fff3f4;box-shadow:inset 3px 0 #eb1329}.network-table button[data-brand=""].active{background:#252d3a;color:#fff;border-color:#252d3a;box-shadow:none}.network-explanation{font-size:9px!important;line-height:1.5!important;color:#748194!important;margin:12px 0 0}
@media(max-width:360px){.choose-network{gap:8px}.choose-network strong{font-size:17px}.choose-network #chosen-network{font-size:9px}.choose-network .discount-invite{gap:3px}#networks-dialog{padding:15px;width:calc(100vw - 16px)}.network-table-head,.network-table button{grid-template-columns:minmax(0,1fr) 64px 77px;gap:4px}.network-table .network-name{font-size:10px}.network-table .network-regular,.network-table .network-special{font-size:14px}.networks-heading h2{font-size:18px}}
@media(max-height:620px){#networks-dialog{padding:13px}.networks-heading{margin-bottom:11px}.network-table{gap:3px}.network-table button{min-height:35px;padding:7px 9px}.network-explanation{margin-top:8px}}
@media(max-width:760px){.filters .choose-network{margin-top:0;padding:10px 12px}.filters #extra-filters{margin-top:0}.filters #extra-filters summary{display:none}.filters #extra-filters[open]{margin-top:10px}body .sidebar{bottom:72px}}
:root{font-family:Manrope,Inter,sans-serif;--muted:#687482;--line:#e8ecf1;--shadow:0 12px 36px #23354c12,0 2px 5px #23354c06;-webkit-font-smoothing:antialiased}
button,input,select{font-family:inherit}
.topbar{box-shadow:0 3px 20px #1d2b3e06;border-bottom-color:#edf0f4}
.fuel-tag{background:linear-gradient(145deg,#fff,#f8f9fb);box-shadow:inset 0 1px #fff,0 2px 5px #22304705;font-weight:600}
.sidebar{border-radius:30px;background:linear-gradient(155deg,#fff,#f8fafc);box-shadow:0 18px 60px #152c461c,0 2px 5px #1d2c4309}
h1{font-weight:800;letter-spacing:-1px}.intro p{line-height:1.7}
.search{border-radius:17px;box-shadow:inset 0 2px 4px #15223904}
.brand-filters button{border-radius:11px;box-shadow:0 2px 3px #17253a04}
.brand-filters button.active{background:linear-gradient(145deg,#343c49,#151a23);box-shadow:inset 0 1px #ffffff20,0 3px 7px #15223920}
.station-card{border:1px solid #fff;border-radius:22px;box-shadow:0 3px 12px #1e31480a,0 1px 2px #1e314810;margin-bottom:12px}
.station-card:hover{border-color:#d9dfe7;box-shadow:0 7px 20px #1e314813}
.station-select{padding:17px 15px 12px}.station-name{font-size:13px;font-weight:800}.station-name small{font-size:10px;color:#6e7a8b}
.station-address{font-size:11px;color:#657181}.discount-badge{font-size:23px;letter-spacing:-1px;font-weight:800}.discount-badge small{color:#768292;font-size:9px}
.mini-pill{border-radius:8px;padding:5px 8px}.station-meta{font-size:10px}.card-actions{padding:11px 0;margin:0 15px}.card-route{font-size:12px}.card-actions button{font-size:11px}
.map-toolbar>*{border-radius:16px;box-shadow:0 6px 18px #18314915,inset 0 1px #fff;background:#fffffff2}
.mobile-search label,.mobile-search button{background:#fffffff5;backdrop-filter:blur(18px);border-radius:20px;box-shadow:0 9px 26px #1c314918,inset 0 1px #fff}
.mobile-search input{font-weight:500}.leaflet-control-zoom{box-shadow:0 7px 22px #1c314915!important;border-radius:18px!important;overflow:hidden}
.mobile-toggle{background:linear-gradient(145deg,#363e4c,#141921);box-shadow:inset 0 1px #ffffff32,0 4px 0 #10141b,0 12px 25px #15223930;font-weight:700}
.mobile-toggle:hover{background:linear-gradient(145deg,#424b5b,#202733);color:#fff}
@media(max-width:760px){.mobile-toggle{display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;max-width:calc(100vw - 32px)}body:not(.show-list) .mobile-toggle{padding:9px 23px 9px 13px}body:not(.show-list) .mobile-toggle:before{content:'%';display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:9px;background:linear-gradient(145deg,#ff475b,#e00a28);box-shadow:0 3px 0 #af0a22,inset 0 1px #ff96a6;font-size:19px;font-weight:800;color:#fff;transform:rotate(-7deg)}}
.marker-discount,.station-count{font-family:Manrope,Inter,sans-serif}.brand-medallion{border-radius:18px}.marker-discount{border-radius:0 13px 13px 0}
.detail-panel{width:370px;top:145px;bottom:22px;max-height:780px;border-radius:30px;background:linear-gradient(160deg,#fff,#fcfdff);border:1px solid #ffffffd9;box-shadow:0 24px 80px #10233f2b,0 3px 12px #13243c12}
.detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:23px 22px 5px;background:#fff;z-index:2}
.detail-heading{padding:0;min-width:0;gap:13px}.detail-heading h2{font-size:22px;font-weight:800;letter-spacing:-.8px}.detail-heading h2 small{font-size:11px;color:#7b8695;margin-top:6px;letter-spacing:0}
.detail-heading .network-icon.company-tile{width:66px;height:52px;border-radius:15px;box-shadow:inset 0 1px #fff,0 2px 0 #e2e6ee,0 6px 12px #1c2c4810}
.detail-close{position:static;flex:none;width:34px;height:34px;border:1px solid #edf0f4;background:linear-gradient(#fff,#f0f3f7);color:#6b788b;box-shadow:0 2px 4px #14233d08}
.detail-body{min-height:0;padding:0 22px 17px;scrollbar-color:#d7dde7 transparent}
.detail-panel .address{display:flex;align-items:flex-start;gap:8px;color:#657182;font-size:12px;line-height:1.7;margin:16px 0 19px}.address .ico{width:16px;height:16px;margin-top:3px;color:#939ead}
.detail-discount{position:relative;isolation:isolate;overflow:hidden;border-radius:25px;min-height:143px;padding:21px 23px;margin:0 0 17px;background:radial-gradient(ellipse at 100% 0,#454e61,transparent 65%),linear-gradient(135deg,#252c38,#11151d);border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff24,0 5px 0 #0d111a,0 12px 23px #16223a1c;color:#fff;justify-content:space-between;gap:10px}
.detail-discount:after{content:'';position:absolute;width:140px;height:140px;border:1px solid #ffffff09;border-radius:50%;right:-30px;top:30px;z-index:-1;box-shadow:0 0 0 18px #ffffff03,0 0 0 40px #ffffff02}
.discount-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.detail-discount .discount-kicker{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#b8c2d2;line-height:1.4}
.detail-discount strong{font-size:49px;line-height:1.3;letter-spacing:-2.5px;font-weight:800;color:#fff;text-shadow:0 3px 0 #0003}
.detail-discount .discount-caption{font-size:11px;letter-spacing:0;color:#d2d9e5}
.detail-discount .diesel-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;width:68px;height:74px;border-radius:20px;transform:rotate(9deg);border:1px solid #ffffff30;background:linear-gradient(145deg,#ffffff22,#ffffff06);box-shadow:inset 0 1px #ffffff20,0 5px 0 #0002,0 9px 15px #0002;font-size:23px;font-weight:800;color:#fff;flex:none}
.diesel-emblem span{font-size:8px;color:#c5cedd;letter-spacing:.5px;font-weight:500}
.detail-discount.unset{background:linear-gradient(145deg,#f2f5f9,#e7ecf3);box-shadow:inset 0 1px #fff,0 4px 0 #d8dfe9,0 10px 20px #1a2d4810;border-color:#fff}
.detail-discount.unset strong{color:#7c889b;text-shadow:none}.detail-discount.unset .discount-kicker,.detail-discount.unset .discount-caption{color:#657185}.detail-discount.unset .diesel-emblem{background:#ffffff80;color:#7b879a;box-shadow:0 3px 0 #d3dce8}.detail-discount.unset .diesel-emblem span{color:#8591a3}
.fuel-chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 9px}.fuel-chips>span{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;border-radius:10px;padding:8px 11px;background:#f0f3f7;border:1px solid #e9edf3}.fuel-chips i{width:5px;height:5px}
.detail-panel .promo-note{font-size:11px;font-weight:650;color:#bf1022;padding:10px 12px;border-radius:12px;margin:15px 0 10px;background:#fff0f2}
.catalog-credit{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8993a2;margin:12px 0 15px}.catalog-credit a{text-decoration:none}.catalog-credit a:hover{text-decoration:underline}
.detail-actions{gap:8px;margin-top:14px}.detail-actions button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:650;color:#657185;padding:11px 8px;border-radius:13px;border:1px solid #e8edf3;background:linear-gradient(#fff,#f5f7fa);box-shadow:0 2px 0 #e9edf2}.detail-actions .ico{width:15px;height:15px}
.route-block{padding:18px 22px 17px;background:linear-gradient(#fff,#f9fafc);border-top-color:#edf0f5;box-shadow:0 -8px 22px #1d2c4205}
.route-label{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#7a8698;margin-bottom:9px}.route-input{border-radius:15px;background:#f1f4f8;border:1px solid #e5eaf1;box-shadow:inset 0 2px 4px #25365104;padding:0 12px}.route-origin{font-size:12px;padding:13px 0}.route-origin::placeholder{color:#929baa}
.route-button{position:relative;gap:10px;padding:12px 15px;border-radius:17px;margin-top:13px;min-height:55px;font-size:13px;font-weight:800;letter-spacing:-.2px;border:1px solid #ff5363;background:linear-gradient(160deg,#ff3446,#f00d24 60%,#da071d);box-shadow:inset 0 1px #ff9ca7,0 4px 0 #b40517,0 10px 18px #ee0a2526;transition:transform .15s,box-shadow .15s}
.route-button:hover{background:linear-gradient(160deg,#ff4b5c,#f11a30)}.route-button:active{transform:translateY(2px);box-shadow:inset 0 1px #ff9ca7,0 2px 0 #b40517,0 5px 12px #ee0a2526}
.route-symbol{display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff1c;border:1px solid #ffffff26;width:31px;height:31px}.route-arrow{margin-left:auto;font-size:19px;font-weight:500}.route-block .route-note{font-size:9px;margin-top:13px;color:#8792a3}
@media(max-width:1050px) and (min-width:761px){.detail-panel{width:340px}}
@media(max-width:760px){
 .topbar{padding:0 15px}.fuel-tag{font-size:8px}.sidebar{border-radius:25px}.mobile-search{left:13px;right:13px;gap:8px}.mobile-search input{font-size:12px;padding:17px 0}.mobile-search button{border-radius:19px}.map-toolbar>*{border-radius:13px}.station-name{font-size:13px}
 .detail-panel{top:auto;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 155px - env(safe-area-inset-bottom));border-radius:30px;box-shadow:0 -12px 55px #18304a20,0 3px 10px #1126411a}
 .detail-panel:before{width:33px;height:4px;min-height:4px;margin:10px auto 0;background:#e1e6ed}.detail-header{padding:15px 19px 5px}.detail-heading h2{font-size:21px}.detail-heading h2 small{font-size:10px}.detail-heading .network-icon.company-tile{width:62px;height:47px}.detail-close{width:32px;height:32px}
 .detail-body{padding:0 19px 15px;max-height:none}.detail-panel .address{font-size:11px;margin:13px 0 16px}.detail-discount{border-radius:23px;padding:18px 21px;min-height:132px}.detail-discount strong{font-size:47px}.route-block{padding:15px 19px 15px}.route-button{font-size:13px}.detail-actions button{font-size:10px}.catalog-credit{font-size:9px}
}
@media(max-width:360px){.brand img{width:146px}.fuel-tag{font-size:7px;padding:7px 8px}.detail-header{padding:12px 15px 4px}.detail-body{padding-left:15px;padding-right:15px}.detail-heading h2{font-size:19px}.detail-discount strong{font-size:42px}.route-block{padding:12px 15px}.route-button{font-size:12px}.route-origin{font-size:11px}}
@media(prefers-reduced-motion:reduce){.route-button{transition:none}.route-button:active{transform:none}}
@media(max-width:760px) and (max-height:650px){
 .detail-panel{max-height:calc(100dvh - 132px - env(safe-area-inset-bottom))}
 .detail-header{padding-top:10px}.detail-panel .address{font-size:10px;margin:9px 0 12px}
 .detail-discount{min-height:107px;padding:13px 17px}.detail-discount strong{font-size:38px}.detail-discount .diesel-emblem{width:55px;height:59px;font-size:20px}.detail-discount .discount-kicker{font-size:8px}.detail-discount .discount-caption{font-size:10px}
 .route-block{padding-top:10px;padding-bottom:11px}.route-origin{padding:10px 0}.route-button{min-height:48px;margin-top:10px;padding-top:8px;padding-bottom:8px}.route-block .route-note{margin-top:10px;font-size:8px}
}
.network-table-head>span.regular-heading,.network-table-head>span.special-heading{display:grid;align-content:center;min-height:42px;padding:6px 3px;border-radius:11px;font-size:11px;font-weight:800;line-height:1.25;text-align:center;letter-spacing:-.25px}.network-table-head>span.regular-heading{color:#be1331;border:1px solid #ffd0da;background:linear-gradient(145deg,#fff5f7,#ffe6ec);box-shadow:0 2px 0 #f3c8d2,inset 0 1px #fff}.network-table-head>span.special-heading{color:#795000;border:1px solid #f2d263;background:linear-gradient(145deg,#fff6c2,#ffe27a);box-shadow:0 2px 0 #e5c45b,inset 0 1px #fff9dc}@media(max-width:360px){.network-table-head>span.regular-heading,.network-table-head>span.special-heading{font-size:10px;min-height:38px}}
/* Legible company emblems in the same red, white and black frame as the bot. */
.company-mark{display:inline-flex;flex:none;width:38px;height:38px;align-items:center;justify-content:center}
.company-mark img{display:block;width:100%;height:100%;object-fit:contain}
.network-icon.company-tile{background:#fff;border:1px solid #e5e5e5;box-shadow:none}
.network-icon.company-tile .company-mark{width:40px;height:40px}
.detail-heading .network-icon.company-tile .company-mark{width:44px;height:44px}
.station-marker{height:56px;align-items:center;filter:drop-shadow(0 3px 5px #14141430);width:max-content;transform:none}
.station-marker .brand-medallion{position:relative;width:auto;min-width:52px;height:52px;padding:5px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #fff;border-radius:12px 0 0 12px;box-shadow:none;transform:none}
.brand-marks{display:flex;align-items:center;gap:3px}
.brand-marks .company-mark{width:36px;height:36px}
.brand-marks .company-mark:only-child{width:40px;height:40px}
.brand-more{display:grid;place-items:center;min-width:24px;height:28px;padding:0 2px;border-radius:6px;background:#141414;color:#fff;font-size:11px;font-weight:800}
.station-marker .marker-discount{height:52px;min-width:78px;margin:0;padding:8px 8px 5px;border:2px solid #fff;border-left:0;border-radius:0 12px 12px 0;background:#E31E24;box-shadow:none;transform:none;color:#fff;font-size:16px;font-weight:800;line-height:19px;letter-spacing:-.4px;text-shadow:none}
.station-marker .marker-discount small{font-size:10px;line-height:13px;letter-spacing:.8px;color:#fff}
.station-marker .marker-discount.unset{background:#141414}
.station-marker .station-count{top:-13px;left:8px;right:auto;padding:3px 7px;border:2px solid #fff;border-radius:8px;background:#141414;color:#fff;font-size:10px;font-weight:800;line-height:13px;box-shadow:none;white-space:nowrap}
.station-marker.active .brand-medallion,.station-marker.active .marker-discount{border-color:#141414}
.station-marker:after{background:#141414;bottom:-3px;width:10px;height:10px}
.station-marker .brand-medallion:after{display:none}