/* BenzinDeposu v2.0 - main.css */
:root{
  --bg:#080A08;--sf:#0F120F;--pn:#141914;--p2:#1A1F1A;
  --or:#FF6500;--or2:#CC5000;--og:rgba(255,101,0,.22);--yel:#FFD200;
  --lb:#040D04;--lg:#39FF14;--lw:rgba(57,255,20,.38);
  --tx:#E8E8E0;--t2:#9A9E90;--t3:#555A50;
  --bd:rgba(255,255,255,.07);--b2:rgba(255,101,0,.28);
  --fh:'Bebas Neue',sans-serif;--fb:'Barlow Condensed',sans-serif;--fl:'Share Tech Mono',monospace;
  --hdr:#0F120F;--ftr:#0F120F;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font-family:var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}
a{color:var(--or);text-decoration:none}
a:hover{color:#fb923c}
img{max-width:100%;display:block}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--or2);border-radius:2px}
.hide{display:none!important}
.container{max-width:1440px;margin:0 auto;padding:0 20px}
/* TOPBAR */
.bd-header{background:var(--hdr,var(--sf));border-bottom:2px solid var(--or2);padding:0 20px;position:sticky;top:0;z-index:200}
.bd-header-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.bd-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.bd-brand-icon{width:44px;height:44px;background:var(--or);border-radius:50% 50% 50% 0;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 0 18px var(--og);transform:rotate(-45deg);flex-shrink:0}
.bd-brand-icon img{transform:rotate(45deg);max-height:36px;max-width:36px;border-radius:4px}
.bd-brand-icon span{transform:rotate(45deg);display:block}
.bd-brand-name{font-family:var(--fh);font-size:1.65rem;color:var(--or);letter-spacing:.05em;line-height:1;display:block}
.bd-brand-sub{font-size:.62rem;color:var(--t2);text-transform:uppercase;letter-spacing:.1em;display:block}
.bd-pboard{display:flex;background:var(--lb);border:2px solid #1a3a1a;border-radius:12px;padding:5px 10px;box-shadow:inset 0 0 20px rgba(57,255,20,.03),0 0 12px rgba(57,255,20,.06)}
.bd-pc{display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 10px;border-right:1px solid rgba(57,255,20,.1)}
.bd-pc:last-child{border-right:none}
.bd-pcl{font-family:var(--fl);font-size:.55rem;color:rgba(57,255,20,.4);letter-spacing:.08em;text-transform:uppercase}
.bd-pcs{font-size:.53rem;color:rgba(57,255,20,.24);font-family:var(--fl)}
.bd-pcv{font-family:var(--fl);font-size:1.2rem;color:var(--lg);text-shadow:0 0 7px var(--lw);letter-spacing:.05em;min-width:52px;text-align:center}
.bd-pcu{font-size:.52rem;color:rgba(57,255,20,.28);font-family:var(--fl)}
.bd-pst{display:flex;align-items:center;gap:6px;flex-shrink:0}
.bd-psdot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--t3);transition:.2s}
.bd-psdot.ld{background:var(--yel);animation:bk .5s linear infinite}
.bd-psdot.ok{background:var(--lg);box-shadow:0 0 7px var(--lw);animation:bk 2.5s ease-in-out infinite}
.bd-psdot.er{background:#ef4444}
.bd-pstx{font-family:var(--fl);font-size:.58rem;color:var(--t3);white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}
@keyframes bk{0%,100%{opacity:1}50%{opacity:.22}}
.bd-nav{display:flex;align-items:center;gap:4px}
.bd-nav a{padding:6px 12px;color:var(--t2);font-size:.82rem;font-weight:600;letter-spacing:.04em;border-radius:6px;transition:.2s;border:1px solid transparent}
.bd-nav a:hover,.bd-nav a.current-menu-item{color:var(--or);border-color:var(--b2);background:rgba(255,101,0,.07)}
.bd-mob-prices{display:none;gap:5px 10px;background:var(--lb);border:1px solid rgba(57,255,20,.18);border-radius:6px;padding:3px 8px;font-family:var(--fl);font-size:.62rem;color:var(--lg);flex-wrap:wrap;align-items:center}
@media(max-width:900px){.bd-pboard{display:none!important}.bd-mob-prices{display:flex!important}}
@media(max-width:600px){.bd-brand-sub,.bd-nav{display:none}.bd-brand-name{font-size:1.35rem}}
/* HERO */
.bd-hero{position:relative;height:150px;overflow:hidden;display:flex;align-items:center;background:var(--sf);border-bottom:1px solid var(--bd);justify-content:center}
.bd-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 120% at 0% 50%,rgba(255,101,0,.11) 0%,transparent 70%),radial-gradient(ellipse 60% 100% at 100% 50%,rgba(255,210,0,.05) 0%,transparent 70%)}
.bd-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,101,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,101,0,.04) 1px,transparent 1px);background-size:40px 40px}
.bd-hero-pump{position:absolute;right:calc(50% - 700px);top:50%;transform:translateY(-50%);font-size:6.5rem;opacity:.04;pointer-events:none;animation:gf 6s ease-in-out infinite}
@keyframes gf{0%,100%{transform:translateY(-50%)}50%{transform:translateY(-56%)}}
.bd-hero-inner{position:relative;z-index:1;padding:0 20px;max-width:1440px;width:100%;margin:0 auto}
.bd-hero-eyebrow{font-family:var(--fl);font-size:.64rem;color:var(--or);letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px;display:flex;align-items:center;gap:6px}
.bd-hero-eyebrow::before{content:'▶';font-size:.45rem}
.bd-hero-h{font-family:var(--fh);font-size:clamp(1.6rem,4vw,3rem);line-height:.92;letter-spacing:.02em}
.bd-hero-h em{color:var(--or);font-style:normal}
.bd-hero-sub{font-size:.86rem;color:var(--t2);margin-top:5px}
@media(max-width:580px){.bd-hero{height:105px}.bd-hero-sub{display:none}}
/* LAYOUT */
.bd-main{padding:20px 20px 60px;max-width:1440px;margin:0 auto}
.bd-calc-grid{display:grid;grid-template-columns:390px 1fr;gap:16px;align-items:start}
@media(max-width:1050px){.bd-calc-grid{grid-template-columns:1fr}}
/* PANEL */
.bd-panel{background:var(--pn);border:1px solid var(--bd);border-radius:16px;overflow:hidden}
/* Map panel needs visible overflow so Leaflet markers aren't clipped */
.bd-map-panel{overflow:visible}
.bd-mapwrap{position:relative;height:400px;border-bottom:1px solid var(--bd);border-radius:0}
/* Leaflet default div-icon — reset white border */
.leaflet-div-icon{background:transparent!important;border:none!important;box-shadow:none!important}.bd-ph{display:flex;align-items:center;gap:8px;padding:12px 18px;background:var(--p2);border-bottom:1px solid var(--bd)}
.bd-phn{font-family:var(--fl);font-size:.58rem;color:var(--or);background:rgba(255,101,0,.1);border:1px solid rgba(255,101,0,.22);border-radius:4px;padding:2px 6px;letter-spacing:.05em}
.bd-pht{font-family:var(--fh);font-size:.95rem;letter-spacing:.05em}
.bd-phs{font-size:.65rem;color:var(--t2);margin-left:auto;font-family:var(--fl)}
/* CAR PANEL — sticky on desktop */
.bd-car-panel{position:sticky;top:80px}
@media(max-width:1050px){.bd-car-panel{position:static}}
.bd-sw{padding:11px 16px;border-bottom:1px solid var(--bd)}
.bd-sinput{width:100%;background:var(--p2);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-family:var(--fb);font-size:.86rem;padding:8px 12px;outline:none;transition:.2s}
.bd-sinput::placeholder{color:var(--t3)}
.bd-sinput:focus{border-color:var(--or);box-shadow:0 0 0 2px var(--og)}
.bd-mr{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--bd);background:rgba(255,210,0,.03)}
.bd-mrl{font-size:.76rem;color:var(--t2)}
.bd-tog{position:relative;width:34px;height:18px}
.bd-tog input{opacity:0;width:0;height:0;position:absolute}
.bd-tt{position:absolute;inset:0;background:var(--p2);border:1px solid var(--bd);border-radius:9px;cursor:pointer;transition:.2s}
.bd-tog input:checked~.bd-tt{background:var(--or);border-color:var(--or)}
.bd-tt::after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.2s}
.bd-tog input:checked~.bd-tt::after{left:18px}
.bd-ms{padding:10px 16px;border-bottom:1px solid var(--bd);background:rgba(255,210,0,.04)}
.bd-ms-label{display:block;font-size:.65rem;color:var(--yel);margin-bottom:5px;font-family:var(--fl);letter-spacing:.05em}
.bd-mw{display:flex;align-items:center;gap:8px}
.bd-mi{width:84px;background:var(--lb);border:1px solid rgba(57,255,20,.28);border-radius:6px;color:var(--lg);font-family:var(--fl);font-size:.95rem;padding:6px 9px;outline:none;text-align:center;transition:.2s}
.bd-mi:focus{border-color:var(--lg);box-shadow:0 0 0 2px rgba(57,255,20,.1)}
.bd-mu{font-size:.7rem;color:var(--t2)}
/* selected car bar — compact, never blocks list */
.bd-selbar{display:flex;align-items:center;justify-content:space-between;padding:7px 16px;background:rgba(255,101,0,.08);border-bottom:1px solid rgba(255,101,0,.18)}
.bd-selinfo{display:flex;align-items:center;gap:8px}
.bd-selicon{font-size:1.1rem}
.bd-selname{font-size:.8rem;font-weight:600;color:var(--tx)}
.bd-selspec{font-size:.58rem;color:var(--t2);margin-top:1px;font-family:var(--fl)}
.bd-btn-change{padding:3px 8px;background:transparent;border:1px solid var(--bd);border-radius:4px;color:var(--t2);font-size:.62rem;cursor:pointer;font-family:var(--fb);transition:.2s}
.bd-btn-change:hover{border-color:var(--b2);color:var(--or)}
/* category tabs */
.bd-cattabs{padding:7px 16px;border-bottom:1px solid var(--bd);display:flex;flex-wrap:wrap;gap:4px}
.bd-ctab{padding:3px 8px;background:var(--p2);border:1px solid var(--bd);border-radius:4px;color:var(--t2);font-size:.65rem;font-family:var(--fb);font-weight:600;cursor:pointer;white-space:nowrap;transition:.2s}
.bd-ctab:hover{border-color:var(--b2);color:var(--tx)}
.bd-ctab.active{background:rgba(255,101,0,.14);border-color:rgba(255,101,0,.38);color:var(--or)}
/* car list — scrollable, NEVER full-screen */
.bd-carlist{max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--or2) transparent}
.bd-ci{display:flex;align-items:center;justify-content:space-between;padding:7px 16px;cursor:pointer;border-bottom:1px solid var(--bd);transition:.15s}
.bd-ci:hover{background:var(--p2)}
.bd-ci.sel{background:rgba(255,101,0,.1)}
.bd-cil{flex:1;min-width:0}
.bd-cin{font-size:.78rem;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-ciy{font-size:.6rem;color:var(--t3);font-family:var(--fl)}
.bd-cib{display:flex;gap:3px;flex-shrink:0}
.bd-badge{font-size:.57rem;padding:2px 4px;border-radius:3px;font-family:var(--fl)}
.bd-bp{background:rgba(255,101,0,.14);color:var(--or);border:1px solid rgba(255,101,0,.28)}
.bd-bd{background:rgba(59,130,246,.14);color:#60a5fa;border:1px solid rgba(59,130,246,.28)}
.bd-nc{padding:14px;text-align:center;color:var(--t3);font-size:.76rem}
/* fuel type — 3 buttons */
.bd-fuel-row{padding:11px 16px;border-bottom:1px solid var(--bd)}
.bd-trip-row{padding:11px 16px}
.bd-row-title{font-size:.62rem;color:var(--t2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px;font-family:var(--fl)}
.bd-fbuts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.bd-tbuts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bd-fb,.bd-tb{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 5px;background:var(--p2);border:1px solid var(--bd);border-radius:6px;cursor:pointer;position:relative;transition:.2s}
.bd-fb input,.bd-tb input{display:none}
.bd-fb-icon,.bd-tb-icon{font-size:1.05rem}
.bd-fb-name,.bd-tb-name{font-size:.63rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.bd-fb-price{font-family:var(--fl);font-size:.8rem;margin-top:1px}
.bd-fb-unit,.bd-tb-desc{font-size:.52rem;color:var(--t3)}
.bd-fck,.bd-tck{position:absolute;top:4px;right:4px;width:13px;height:13px;border-radius:50%;background:#22c55e;color:#fff;font-size:.48rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s}
.bd-fb:has(input:checked){border-color:var(--or);background:rgba(255,101,0,.08);box-shadow:0 0 10px var(--og)}
.bd-fb:has(input:checked) .bd-fck{opacity:1}
.bd-fb.dis{opacity:.3;pointer-events:none}
.bd-fp-p{color:var(--or)}.bd-fp-d{color:#60a5fa}.bd-fp-l{color:#a78bfa}
.bd-compat{margin-top:6px;font-size:.68rem;color:var(--yel);min-height:14px}
.bd-tb:has(input:checked){border-color:#60a5fa;background:rgba(96,165,250,.07)}
.bd-tb:has(input:checked) .bd-tb-icon,.bd-tb:has(input:checked) .bd-tb-name{color:#60a5fa}
.bd-tb-icon{color:var(--t2)}
/* right column */
.bd-rcol{display:flex;flex-direction:column;gap:14px}
.bd-rib{padding:11px 16px;border-bottom:1px solid var(--bd)}
.bd-rrow{display:flex;align-items:center;gap:7px}
.bd-rdot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.bd-rdot-s{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.5)}
.bd-rdot-e{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.5)}
.bd-rconn{margin-left:5px;padding:3px 0}
.bd-rdash{width:2px;height:10px;background:repeating-linear-gradient(to bottom,var(--bd) 0,var(--bd) 4px,transparent 4px,transparent 8px);margin:0 auto}
.bd-rinp{flex:1;background:var(--p2);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-family:var(--fb);font-size:.83rem;padding:8px 10px;outline:none;transition:.2s}
.bd-rinp::placeholder{color:var(--t3)}
.bd-rinp:focus{border-color:var(--or);box-shadow:0 0 0 2px var(--og)}
.bd-rbtn{width:34px;height:34px;background:var(--p2);border:1px solid var(--bd);border-radius:6px;color:var(--t2);font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s}
.bd-rbtn:hover{border-color:var(--b2);color:var(--or)}
.bd-rbtn-clr:hover{border-color:rgba(239,68,68,.5);color:#ef4444}
/* distance bar */
.bd-distbar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(96,165,250,.05);border-bottom:1px solid rgba(96,165,250,.12)}
.bd-distbar-lbl{color:var(--t3);font-family:var(--fl);font-size:.6rem}
.bd-dkm{font-family:var(--fl);font-size:.98rem;color:#60a5fa;text-shadow:0 0 6px rgba(96,165,250,.35)}
.bd-du{color:var(--t2);font-size:.72rem}.bd-ds{color:var(--t3)}.bd-dt{font-size:.7rem;color:var(--t3)}
/* MAP */
#bd-map{width:100%;height:100%;z-index:1}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.leaflet-container{background:#0a0f0a!important;font-family:var(--fb)!important}
.leaflet-routing-container{background:var(--pn)!important;border:1px solid var(--bd)!important;color:var(--t2)!important;border-radius:10px!important;font-size:.72rem!important;max-width:210px!important}
.leaflet-routing-container h2,.leaflet-routing-container h3{color:var(--tx)!important;font-size:.8rem!important}
.leaflet-control-attribution{background:rgba(4,10,4,.7)!important;color:var(--t3)!important;font-size:.55rem!important}
.leaflet-bar a{background:var(--pn)!important;color:var(--tx)!important;border-color:var(--bd)!important}
.leaflet-bar a:hover{background:var(--p2)!important}
@media(max-width:580px){.bd-mapwrap{height:280px}}
/* CALCULATE */
.bd-calcsec{padding:15px;background:var(--pn);border-radius:16px}
.bd-readiness{display:flex;gap:10px;margin-bottom:11px;flex-wrap:wrap}
.bd-ri{display:flex;align-items:center;gap:5px;font-size:.64rem;font-family:var(--fl);transition:.2s}
.bd-rdd{width:6px;height:6px;border-radius:50%;background:var(--t3);flex-shrink:0;transition:.2s}
.bd-ri.done .bd-rdd{background:var(--lg);box-shadow:0 0 5px var(--lw)}
.bd-ri.done{color:rgba(57,255,20,.6)}
.bd-ri:not(.done){color:var(--t3)}
.bd-btn-calc{width:100%;padding:15px;background:linear-gradient(135deg,#CC5000,#FF6500,#FF8C00);border:none;border-radius:10px;color:#fff;font-family:var(--fh);font-size:1.4rem;letter-spacing:.1em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;transition:.25s}
.bd-btn-calc::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:translateX(-100%);transition:.6s}
.bd-btn-calc:hover::before{transform:translateX(100%)}
.bd-btn-calc:hover:not(:disabled){box-shadow:0 0 26px rgba(255,101,0,.55);transform:translateY(-2px)}
.bd-btn-calc:disabled{background:linear-gradient(135deg,#2a1800,#361e00);color:rgba(255,255,255,.2);cursor:not-allowed;transform:none;box-shadow:none}
.bd-btn-calc:not(:disabled){animation:pp 3s ease-in-out infinite}
@keyframes pp{0%,100%{box-shadow:0 0 16px rgba(255,101,0,.2)}50%{box-shadow:0 0 32px rgba(255,101,0,.5)}}
/* RESULT */
.bd-result{border:2px solid var(--or2);box-shadow:0 0 24px var(--og);animation:rv .4s cubic-bezier(0,1,.5,1)}
@keyframes rv{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.bd-rph{padding:11px 18px;background:linear-gradient(90deg,rgba(255,101,0,.13),transparent);border-bottom:1px solid rgba(255,101,0,.18);display:flex;align-items:center;justify-content:space-between}
.bd-rphl{display:flex;align-items:center;gap:8px}
.bd-rpht{font-family:var(--fh);font-size:.92rem;letter-spacing:.05em}
.bd-rcost-display{background:var(--lb);margin:11px 18px 0;border:1px solid rgba(57,255,20,.18);border-radius:10px;padding:11px 14px;display:flex;align-items:baseline;gap:6px;position:relative;box-shadow:inset 0 0 22px rgba(57,255,20,.04)}
.bd-rcost-lbl{font-family:var(--fl);font-size:.55rem;color:rgba(57,255,20,.42);letter-spacing:.1em;text-transform:uppercase;position:absolute;top:4px;left:10px}
.bd-rcost-val{font-family:var(--fl);font-size:2.2rem;color:var(--lg);text-shadow:0 0 9px var(--lw),0 0 22px rgba(57,255,20,.2);line-height:1;margin-top:6px}
.bd-rcost-cur{font-family:var(--fl);font-size:.92rem;color:rgba(57,255,20,.52)}
.bd-rcost-lt{font-family:var(--fl);font-size:.7rem;color:rgba(57,255,20,.4);margin-left:auto;margin-top:6px}
.bd-rrows{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bd);margin:11px 18px;border:1px solid var(--bd);border-radius:6px;overflow:hidden}
@media(max-width:500px){.bd-rrows{grid-template-columns:1fr}}
.bd-rrow{background:var(--pn);padding:8px 11px;display:flex;flex-direction:column;gap:2px}
.bd-rrl{font-size:.55rem;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;font-family:var(--fl)}
.bd-rrv{font-size:.78rem;color:var(--tx);font-family:var(--fl)}
.bd-rft{padding:9px 18px 15px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--bd);margin-top:3px}
.bd-rsrc{font-size:.56rem;color:var(--t3);font-family:var(--fl)}
.bd-btn-share{padding:4px 10px;background:transparent;border:1px solid var(--b2);border-radius:5px;color:var(--or);font-size:.68rem;cursor:pointer;font-family:var(--fb);transition:.2s}
.bd-btn-share:hover{background:var(--og)}
/* BLOG */
.bd-blog-header{background:var(--sf);border-bottom:1px solid var(--bd);padding:36px 20px}
.bd-blog-header-inner{max-width:1440px;margin:0 auto}
.bd-blog-header h1{font-family:var(--fh);font-size:clamp(1.8rem,4vw,3rem);color:var(--tx);margin-bottom:8px}
.bd-blog-header p{color:var(--t2);font-size:.92rem}
.bd-blog-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;max-width:1440px;margin:0 auto;padding:24px 20px 60px}
@media(max-width:900px){.bd-blog-layout{grid-template-columns:1fr}}
.bd-posts-grid{display:flex;flex-direction:column;gap:18px}
.bd-post-card{background:var(--pn);border:1px solid var(--bd);border-radius:14px;overflow:hidden;transition:.2s}
.bd-post-card:hover{border-color:var(--b2);transform:translateY(-2px)}
.bd-post-thumb{width:100%;height:190px;object-fit:cover}
.bd-post-thumb-placeholder{width:100%;height:140px;background:linear-gradient(135deg,var(--p2),var(--pn));display:flex;align-items:center;justify-content:center;font-size:2.2rem;opacity:.3}
.bd-post-body{padding:18px}
.bd-post-meta{display:flex;align-items:center;gap:10px;margin-bottom:7px;font-size:.68rem;color:var(--t3);font-family:var(--fl)}
.bd-post-cat{background:rgba(255,101,0,.12);color:var(--or);border:1px solid rgba(255,101,0,.25);border-radius:4px;padding:2px 6px;font-size:.62rem;text-decoration:none}
.bd-post-cat:hover{background:rgba(255,101,0,.2)}
.bd-post-title{font-family:var(--fh);font-size:1.2rem;color:var(--tx);margin-bottom:7px;letter-spacing:.02em;line-height:1.1}
.bd-post-title a{color:var(--tx)}
.bd-post-title a:hover{color:var(--or)}
.bd-post-excerpt{font-size:.82rem;color:var(--t2);line-height:1.6;margin-bottom:12px}
.bd-read-more{display:inline-flex;align-items:center;gap:5px;color:var(--or);font-size:.78rem;font-weight:600;letter-spacing:.04em;transition:.2s}
.bd-read-more:hover{gap:8px}
/* single post */
.bd-single-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;max-width:1200px;margin:0 auto;padding:24px 20px 60px}
@media(max-width:900px){.bd-single-layout{grid-template-columns:1fr}}
.bd-post-content{background:var(--pn);border:1px solid var(--bd);border-radius:14px;overflow:hidden}
.bd-post-content-hero{width:100%;max-height:360px;object-fit:cover}
.bd-post-content-body{padding:24px}
.bd-post-content-title{font-family:var(--fh);font-size:clamp(1.5rem,3vw,2.2rem);color:var(--tx);margin-bottom:10px;letter-spacing:.02em;line-height:1.1}
.bd-post-content-meta{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:.7rem;color:var(--t3);font-family:var(--fl);flex-wrap:wrap}
.entry-content p{color:var(--t2);font-size:.93rem;line-height:1.75;margin-bottom:14px}
.entry-content h2{font-family:var(--fh);font-size:1.4rem;color:var(--tx);margin:22px 0 8px;letter-spacing:.04em}
.entry-content h3{font-family:var(--fh);font-size:1.1rem;color:var(--or);margin:18px 0 7px;letter-spacing:.04em}
.entry-content ul,.entry-content ol{color:var(--t2);font-size:.9rem;padding-left:22px;margin-bottom:14px;line-height:1.7}
.entry-content a{color:var(--or);text-decoration:underline}
.entry-content blockquote{border-left:3px solid var(--or);padding:10px 16px;background:rgba(255,101,0,.06);border-radius:0 6px 6px 0;margin:14px 0}
.entry-content blockquote p{color:var(--tx);font-size:.88rem;margin:0}
.entry-content img{border-radius:8px;max-width:100%;margin:14px 0}
.bd-post-tags{display:flex;flex-wrap:wrap;gap:5px;padding:0 24px 18px;border-top:1px solid var(--bd);margin-top:18px;padding-top:14px}
.bd-post-tag{background:var(--p2);border:1px solid var(--bd);border-radius:20px;padding:3px 10px;font-size:.68rem;color:var(--t2);transition:.2s}
.bd-post-tag:hover{border-color:var(--b2);color:var(--or)}
.bd-post-nav{display:flex;justify-content:space-between;gap:10px;padding:0 0 24px;margin-top:6px}
.bd-post-nav a{flex:1;padding:11px 13px;background:var(--p2);border:1px solid var(--bd);border-radius:8px;font-size:.76rem;color:var(--t2);transition:.2s;max-width:48%}
.bd-post-nav a:hover{border-color:var(--b2);color:var(--or)}
.bd-post-nav-label{font-size:.58rem;color:var(--t3);display:block;margin-bottom:3px;font-family:var(--fl)}
/* sidebar */
.bd-sidebar{display:flex;flex-direction:column;gap:14px}
.bd-widget,.bd-footer-widget-wrap{background:var(--pn);border:1px solid var(--bd);border-radius:12px;overflow:hidden;padding:16px}
.bd-widget-title,.bd-footer-widget-title{font-family:var(--fh);font-size:1rem;letter-spacing:.05em;margin-bottom:11px;padding-bottom:7px;border-bottom:1px solid var(--bd)}
.bd-widget ul{list-style:none}
.bd-widget ul li{padding:5px 0;border-bottom:1px solid var(--bd);font-size:.8rem;color:var(--t2)}
.bd-widget ul li:last-child{border-bottom:none}
.bd-widget ul li a{color:var(--t2)}
.bd-widget ul li a:hover{color:var(--or)}
/* pagination */
.bd-pagination{display:flex;justify-content:center;gap:5px;margin-top:20px;flex-wrap:wrap}
.bd-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;background:var(--p2);border:1px solid var(--bd);border-radius:6px;color:var(--t2);font-size:.8rem;text-decoration:none;transition:.2s}
.bd-pagination .page-numbers:hover{border-color:var(--b2);color:var(--or)}
.bd-pagination .page-numbers.current{background:var(--or);border-color:var(--or);color:#fff}
/* FOOTER */
.bd-footer{background:var(--ftr,var(--sf));border-top:2px solid rgba(255,101,0,.15);margin-top:auto}
.bd-footer-widgets{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;max-width:1440px;margin:0 auto;padding:28px 20px}
@media(max-width:700px){.bd-footer-widgets{grid-template-columns:1fr}}
.bd-footer-brand-icon{font-size:2.2rem;opacity:.55;margin-bottom:6px}
.bd-footer-brand-name{font-family:var(--fh);font-size:1.5rem;color:var(--or);letter-spacing:.05em}
.bd-footer-brand-desc{font-size:.78rem;color:var(--t2);line-height:1.6;margin-top:5px}
.bd-footer-widget{display:flex;flex-direction:column;gap:6px}
.bd-footer-widget-heading{font-family:var(--fh);font-size:.95rem;letter-spacing:.05em;color:var(--tx);margin-bottom:7px}
.bd-footer-widget a{color:var(--t2);font-size:.8rem;text-decoration:none;display:block;padding:3px 0;transition:.2s}
.bd-footer-widget a:hover{color:var(--or)}
.bd-footer-social{display:flex;gap:7px;margin-top:5px}
.bd-footer-social a{width:32px;height:32px;background:var(--p2);border:1px solid var(--bd);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--t2);text-decoration:none;transition:.2s}
.bd-footer-social a:hover{border-color:var(--b2);color:var(--or)}
.bd-footer-bottom{border-top:1px solid var(--bd);padding:12px 20px}
.bd-footer-bottom-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.bd-footer-copy{font-size:.66rem;color:var(--t3)}
.bd-footer-note{font-size:.63rem;color:var(--t3);text-align:center;flex:1}
.bd-footer-links{display:flex;gap:10px}
.bd-footer-links a{color:var(--t3);text-decoration:none;font-size:.63rem}
.bd-footer-links a:hover{color:var(--t2)}
/* TOAST */
.bd-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--pn);border:1px solid var(--bd);color:var(--tx);padding:10px 16px;border-radius:10px;font-size:.8rem;z-index:9999;pointer-events:none;font-family:var(--fb);white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.6);animation:bdtu .3s ease}
@keyframes bdtu{from{transform:translateX(-50%) translateY(14px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}
/* BTN */
.bd-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;background:var(--or);color:#fff;border-radius:8px;font-family:var(--fh);font-size:.95rem;letter-spacing:.05em;text-decoration:none;transition:.2s;border:none;cursor:pointer}
.bd-btn:hover{background:var(--or2);color:#fff;transform:translateY(-2px)}
/* generic page */
.bd-generic-page{max-width:800px;margin:60px auto;padding:0 20px;text-align:center}
.bd-generic-page h1{font-family:var(--fh);font-size:3rem;color:var(--or);margin-bottom:12px}
.bd-generic-page p{color:var(--t2);font-size:1rem;margin-bottom:20px}
/* spinner */
@keyframes spin{to{transform:rotate(360deg)}}
.bd-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}

/* ── MULTI-WAYPOINT ── */
#bd-waypoints{display:flex;flex-direction:column;gap:0}
.bd-wp-row{display:flex;align-items:center;gap:7px;padding:7px 16px}
.bd-wp-row + .bd-wp-row{border-top:none}
#bd-waypoints .bd-rconn{padding:2px 16px}
.bd-add-wp-btn{width:28px;height:28px;background:transparent;border:1px dashed var(--b2);border-radius:6px;color:var(--or);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0}
.bd-add-wp-btn:hover{background:var(--og);border-style:solid}

/* ══════════════════════════════════════════════════════
   LIGHT MODE
   CSS custom properties on body cascade to all children.
   ══════════════════════════════════════════════════════ */
body.bd-light{
  --bg:#F2F3EE;--sf:#FFFFFF;--pn:#FAFAF7;--p2:#EEEEE9;
  --tx:#1C201C;--t2:#485040;--t3:#8A9080;
  --bd:rgba(0,0,0,.11);--b2:rgba(200,65,0,.4);
  --lb:#F5FFF0;--lg:#1A6A1A;--lw:rgba(26,106,26,.3);
  --hdr:#FFFFFF;--ftr:#FFFFFF;
}
body.bd-light .bd-header{box-shadow:0 2px 14px rgba(0,0,0,.08)}
body.bd-light .bd-hero{background:#fff}
body.bd-light .bd-hero-bg{background:radial-gradient(ellipse 80% 120% at 0% 50%,rgba(255,101,0,.06) 0%,transparent 70%)}
body.bd-light .bd-hero-grid{background-image:linear-gradient(rgba(255,101,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,101,0,.04) 1px,transparent 1px)}
/* LCD board */
body.bd-light .bd-pboard{background:#EEF8EE;border-color:#8EC88E;box-shadow:none}
body.bd-light .bd-pcl{color:rgba(20,90,20,.55)}
body.bd-light .bd-pcs{color:rgba(20,90,20,.38)}
body.bd-light .bd-pcv{color:var(--lg);text-shadow:none}
body.bd-light .bd-pcu{color:rgba(20,90,20,.38)}
/* Calc result LCD */
body.bd-light .bd-rcost-display{background:#EEF8EE;border-color:rgba(20,90,20,.2);box-shadow:none}
body.bd-light .bd-rcost-lbl{color:rgba(20,90,20,.45)}
body.bd-light .bd-rcost-val{color:var(--lg);text-shadow:none}
body.bd-light .bd-rcost-cur,.bd-rcost-lt{opacity:.7}
/* Readiness dots — orange instead of green in light */
body.bd-light .bd-ri.done .bd-rdd{background:var(--or);box-shadow:0 0 5px var(--og)}
body.bd-light .bd-ri.done{color:var(--or)}
/* Hesapla butonu — light modda parlak turuncu */
body.bd-light .bd-btn-calc:not(:disabled){
  background:linear-gradient(135deg,#E05000,#FF6500,#FF8000);
  box-shadow:0 4px 18px rgba(255,101,0,.35);
}
body.bd-light .bd-btn-calc:not(:disabled):hover{
  box-shadow:0 6px 28px rgba(255,101,0,.55);
}
body.bd-light .bd-btn-calc:not(:disabled){animation:pp-light 3s ease-in-out infinite}
@keyframes pp-light{0%,100%{box-shadow:0 4px 18px rgba(255,101,0,.3)}50%{box-shadow:0 4px 28px rgba(255,101,0,.55)}}
/* Leaflet */
body.bd-light .leaflet-container{background:#DDE5DD!important}
body.bd-light .leaflet-bar a{background:#fff!important;color:#333!important;border-color:rgba(0,0,0,.18)!important}
body.bd-light .leaflet-control-attribution{background:rgba(255,255,255,.82)!important;color:#666!important}
/* Footer */
body.bd-light .bd-footer{background:#fff;border-top-color:rgba(0,0,0,.08)}
body.bd-light .bd-footer-copy,body.bd-light .bd-footer-note{color:#888}
body.bd-light .bd-footer-links a{color:#888}

/* ── THEME TOGGLE PILL ── */
.bd-theme-pill{
  position:relative;
  width:54px;height:28px;
  background:#252A25;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 6px;
  flex-shrink:0;
  transition:background .3s,border-color .3s;
  outline:none;
}
.bd-theme-pill:hover{border-color:rgba(255,101,0,.4)}
.bd-tp-icon{font-size:.68rem;line-height:1;pointer-events:none;z-index:1;transition:opacity .2s}
.bd-tp-sun{color:#FFD200}
.bd-tp-moon{color:rgba(255,255,255,.4)}
.bd-tp-knob{
  position:absolute;
  top:3px;left:3px;
  width:20px;height:20px;
  background:var(--or);
  border-radius:50%;
  transition:transform .28s cubic-bezier(.34,1.56,.64,1);
  box-shadow:0 1px 5px rgba(0,0,0,.45);
  pointer-events:none;
  z-index:2;
}
body.bd-light .bd-theme-pill{background:#DDD5C0;border-color:rgba(0,0,0,.12)}
body.bd-light .bd-tp-knob{transform:translateX(26px)}
body.bd-light .bd-tp-sun{color:#FF8C00}
body.bd-light .bd-tp-moon{color:rgba(0,0,0,.3)}

/* ── HAVA DURUMU KARTI ── */
.bd-weather{padding:14px 18px 18px}
.bd-weather-title{font-family:var(--fl);font-size:.6rem;color:var(--t3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.bd-weather-grid{display:flex;gap:10px;flex-wrap:wrap}
.bd-wcard{background:var(--p2);border:1px solid var(--bd);border-radius:10px;padding:12px 14px;min-width:130px;flex:1}
.bd-wcard-city{font-size:.72rem;font-weight:700;color:var(--tx);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-wcard-icon{font-size:1.8rem;margin:4px 0}
.bd-wcard-desc{font-size:.68rem;color:var(--t2);margin-bottom:6px}
.bd-wcard-temps{display:flex;align-items:baseline;gap:6px}
.bd-wcard-hi{font-family:var(--fl);font-size:1rem;color:var(--or);font-weight:600}
.bd-wcard-lo{font-family:var(--fl);font-size:.78rem;color:var(--t3)}
.bd-wcard-rain{font-size:.62rem;color:#60a5fa;margin-top:3px}
.bd-wcard-load{text-align:center;padding:10px;font-size:.75rem;color:var(--t3)}
/* Date picker */
.bd-date-row{display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid var(--bd);background:rgba(96,165,250,.04)}
.bd-date-label{font-size:.65rem;color:var(--t2);font-family:var(--fl);white-space:nowrap}
.bd-date-input{background:var(--p2);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-family:var(--fb);font-size:.82rem;padding:6px 10px;outline:none;transition:.2s;cursor:pointer}
.bd-date-input:focus{border-color:var(--or);box-shadow:0 0 0 2px var(--og)}
body.bd-light .bd-date-input{color-scheme:light}

/* ── MARKER PIN FIX ── */
.bd-pin-wrap{
  width:32px;height:32px;
  position:relative;
  /* Leaflet positions the icon container — do NOT override */
}
.bd-pin{
  width:32px;height:32px;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,.55);
  border:2px solid rgba(255,255,255,.3);
}
.bd-pin span{
  transform:rotate(45deg);
  font-size:12px;font-weight:700;color:#fff;
  font-family:system-ui,sans-serif;line-height:1;
}
/* Waypoint row drag-to-reorder */
.bd-wp-row{cursor:default;transition:opacity .15s,transform .15s}
.bd-wp-row[draggable="true"]{cursor:grab}
.bd-wp-row.bd-drag-over{border-top:2px solid var(--or);background:rgba(255,101,0,.06)}
.bd-wp-row.bd-dragging{opacity:.4}
.bd-drag-handle{
  flex-shrink:0;
  width:18px;height:24px;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:3px;
  cursor:grab;opacity:.35;transition:opacity .15s;padding:0 2px;
}
.bd-drag-handle:hover{opacity:.8}
.bd-drag-handle span{
  display:block;width:12px;height:2px;
  background:var(--t2);border-radius:1px;
}

/* ── HAVA DURUMU YÜKLEME ANİMASYONU (JS ile ikon döngüsü) ── */
.bd-wx-loading-icon{
  font-size:1.9rem;
  display:block;
  margin:5px 0 2px;
  animation:bd-wx-fade .35s ease-in-out;
}
@keyframes bd-wx-fade{
  from{opacity:0;transform:translateY(-4px)}
  to  {opacity:1;transform:translateY(0)}
}

/* ── ÜCRETLİ GEÇİŞLER ── */
.bd-tolls{margin:0 18px 14px;border:1px solid var(--bd);border-radius:10px;overflow:hidden;background:var(--p2)}
.bd-toll-title{font-family:var(--fl);font-size:.58rem;color:var(--t3);letter-spacing:.12em;text-transform:uppercase;padding:10px 14px 6px;border-bottom:1px solid var(--bd)}
.bd-toll-list{display:flex;flex-direction:column}
.bd-toll-row{display:flex;justify-content:space-between;align-items:center;padding:7px 14px;border-bottom:1px solid var(--bd);gap:8px}
.bd-toll-row:last-child{border-bottom:none}
.bd-toll-name{font-size:.75rem;color:var(--tx);flex:1}
.bd-toll-fee{font-family:var(--fl);font-size:.8rem;color:var(--or);font-weight:600;flex-shrink:0;white-space:nowrap}
.bd-toll-fee::after{content:' TL';font-size:.65rem;color:var(--t3);font-weight:400}
.bd-toll-total{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;background:rgba(255,101,0,.06);border-top:1px solid var(--bd);font-size:.78rem;color:var(--t2)}
.bd-toll-total-val{font-family:var(--fl);font-size:.9rem;color:var(--or);font-weight:700}
.bd-toll-combined{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;background:rgba(255,101,0,.1);font-size:.78rem;color:var(--t2);border-top:1px solid var(--bd)}
.bd-toll-combined-val{font-family:var(--fl);font-size:.95rem;color:var(--or);font-weight:700}
.bd-toll-note{font-size:.62rem;color:var(--t3);padding:5px 14px 8px;font-family:var(--fl)}
.bd-toll-km{font-size:.72em;opacity:.7;margin-left:4px}
.bd-toll-grand{margin-top:6px;padding-top:6px;border-top:1px solid var(--bd);font-size:.78rem;color:var(--or)}