:root{--ink:#17231f;--lime:#b8e64e;--green:#6c9f27;--bg:#f4f7f1;--line:#dfe7dc;--muted:#6e7d75}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.topbar{height:74px;padding:0 7%;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);background:#f7f9f5;position:sticky;z-index:5;top:0}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px}.brand-mark{width:34px;height:34px;background:var(--lime);border-radius:10px;display:grid;place-items:center}.dot{color:var(--green)}nav{display:flex;gap:23px;margin-left:auto;font-size:14px;color:#5d6c64}.menu{display:none;border:0;background:none;margin-left:auto;font-size:22px}.hero{max-width:1200px;margin:auto;padding:68px 7%;display:flex;justify-content:space-between;align-items:center}.eyebrow{color:var(--green);letter-spacing:1.4px;font-size:10px;font-weight:bold}h1,h2{font-family:Georgia,serif}h1{font-size:59px;line-height:1.04;letter-spacing:-2px;margin:15px 0}h1 em{color:var(--green);font-style:normal}.hero p{max-width:480px;color:var(--muted);line-height:1.6}.hero-badge{height:170px;width:170px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-content:center;text-align:center;transform:rotate(8deg)}.hero-badge b{font-size:55px}.hero-badge span{font-size:12px;color:#d8e2d6}.wizard{max-width:1200px;margin:auto;padding:0 5% 45px}.stepper{display:flex;gap:12px;align-items:center;margin:0 0 17px;font-size:12px;color:#829087}.stepper .active{color:var(--ink);font-weight:bold}.stepper i{width:48px;background:var(--line);height:1px}.map-layout{display:grid;grid-template-columns:1.55fr .75fr;gap:16px}.side-stack{display:grid;gap:16px}.card,.map-card{background:white;border:1px solid var(--line);border-radius:19px;padding:22px}.card h2,.map-card h2{font-size:21px;margin:7px 0 16px}.card-head{display:flex;justify-content:space-between}.hint,.map-note{font-size:11px;color:var(--muted)}.selection-row{display:flex;gap:9px;align-items:end}.selection-row label{flex:1}.selection-row label,.card>label{font-size:11px;color:var(--muted);display:block;margin:9px 0}.selection-row select,.card select{display:block;margin-top:5px;width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fbfcfa}.swap{border:0;border-radius:50%;width:32px;height:32px;background:#eaf4db;color:var(--green);font-size:17px}.turkey-map{height:365px;margin-top:15px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(140deg,#d9f0eb,#e9f3e8)}#leafletMap{height:100%;width:100%;z-index:1}.province-label{background:#17231fee;border:0;border-radius:4px;color:#fff;font-size:9px;font-weight:700;padding:2px 4px;box-shadow:0 1px 4px #0004}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{display:none}.turkey-map svg{width:100%;height:100%;position:absolute}.country{fill:#f3dcac;stroke:#d6b67e;stroke-width:3}.province-layer{position:absolute}.province{position:absolute;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;cursor:pointer;z-index:2}.province .dot{display:block;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #78a93b;box-shadow:0 1px 5px #263a2d55;transition:transform .18s,background .18s}.province .city-name{position:absolute;opacity:0;pointer-events:none;left:50%;bottom:12px;transform:translateX(-50%) scale(.8);color:white;background:#17231f;border-radius:7px;padding:4px 6px;white-space:nowrap;font-size:10px;transition:.18s}.province:hover .dot,.province.selected .dot{transform:scale(2.1);background:var(--lime);border-color:white}.province:hover .city-name,.province.selected .city-name{opacity:1;transform:translateX(-50%) scale(1)}.province.from .dot{background:#ff9c4b;border-color:white}.province.to .dot{background:#4e99eb;border-color:white}.map-tip,.map-status{position:absolute;font-size:11px}.map-tip{left:15px;bottom:14px;color:#618677}.map-status{right:14px;top:14px;background:#ffffffd9;border-radius:8px;padding:7px;color:#34483e}.fuel-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.fuel{border:1px solid var(--line);padding:9px;text-align:center;border-radius:9px;font-size:12px;color:var(--muted)}.fuel input{display:none}.fuel:has(input:checked){background:#edf8dc;border-color:var(--lime);color:var(--ink);font-weight:bold}.route{display:flex!important;align-items:center;gap:9px;padding:11px 0!important;border-bottom:1px solid var(--line);color:var(--ink)!important}.route span{flex:1}.route b,.route small{display:block}.route small{font-size:10px;color:var(--muted);margin-top:3px}.route strong{font-size:11px}.primary,.secondary{padding:13px 16px;border-radius:10px;border:0;font-weight:bold;cursor:pointer;display:inline-block}.primary{background:var(--lime);color:var(--ink)}.secondary{background:transparent;border:1px solid #607068;color:white}.full{width:100%;margin-top:16px}.result{max-width:1080px;margin:0 auto 55px;background:var(--ink);border-radius:22px;color:white;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.result h2{margin:8px 0;font-size:28px}.result p,.result-number span{font-size:12px;color:#adbbb3}.result-number{align-self:center}.result-number small,.result-number b{display:block}.result-number b{font-size:33px;color:var(--lime);margin:5px 0}.actions{grid-column:1/-1;display:flex;gap:10px;align-items:center}.seo-link{margin-left:auto;color:var(--lime);font-size:12px}.content{max-width:820px;padding:40px 7% 95px;margin:auto}.content h2{font-size:37px;margin:10px 0}.content p{color:var(--muted);line-height:1.7}footer{background:var(--ink);color:#c7d1ca;padding:45px 8%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:25px;position:relative;padding-bottom:72px}footer .brand{color:white}footer p,footer a{font-size:12px;color:#a7b6ad;display:block;margin:9px 0}footer b{font-size:10px;letter-spacing:1px;color:#93a39a}footer small{position:absolute;bottom:20px;font-size:10px;color:#8d9c93}@media(max-width:800px){.topbar{padding:0 5%}nav{display:none}.menu{display:block}.hero{padding:43px 6%;display:block}.hero h1{font-size:43px}.hero-badge{width:110px;height:110px;margin:28px auto 0}.hero-badge b{font-size:38px}.map-layout{grid-template-columns:1fr}.turkey-map{height:300px}.result{margin:0 5% 35px;grid-template-columns:1fr}.actions{flex-wrap:wrap}.seo-link{margin-left:0;width:100%}.card,.map-card{padding:16px}.selection-row{gap:5px}.selection-row select{padding:10px 5px;font-size:12px}.province .dot{width:11px;height:11px}.stepper{overflow:hidden;white-space:nowrap}footer{grid-template-columns:1fr 1fr;padding:35px 7% 65px}}

.image-map{background:#fff4e8;height:520px}.image-map>img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.map-grid{position:absolute;inset:0}.map-city{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;padding:8px 5px;cursor:pointer;font-size:9px;color:#202923;font-weight:600;transition:.2s;white-space:nowrap}.map-city:hover,.map-city.selected{transform:translate(-50%,-50%) scale(1.35);z-index:4;background:#f3a15b;color:#17231f;border-radius:7px;box-shadow:0 4px 12px #c76b3540}.map-city.from{background:#f28c45;color:#fff;border-radius:7px}.map-city.to{background:#5d9ed6;color:#fff;border-radius:7px}.map-city span{display:block}.image-map .map-tip{background:#fffaf3;padding:5px 8px;border-radius:5px}.image-map .map-status{background:#17231fe8;color:white}@media(max-width:800px){.image-map{height:380px}.map-city{font-size:7px;padding:7px 4px}.map-city:hover,.map-city.selected{transform:translate(-50%,-50%) scale(1.2)}}
.route-line{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.route-line line{stroke:#ef8b42;stroke-width:1.2;stroke-dasharray:3 2;filter:drop-shadow(0 1px 1px #fff)}
.home-seo{max-width:1050px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 52px}.info-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.info-grid b{font-size:16px}.info-grid p{font-size:13px;margin-top:8px}@media(max-width:800px){.info-grid{grid-template-columns:1fr}}
.svg-map{height:560px;background:#fff8ef;padding:10px}.svg-canvas{position:relative;width:100%;height:100%}.svg-canvas>#svg-turkiye-haritasi{width:100%;height:100%;display:block}.svg-canvas #turkiye g{cursor:pointer}.svg-canvas #turkiye path{fill:#fffaf3;stroke:#1f2923;stroke-width:1.5;transition:fill .18s,stroke-width .18s,filter .18s}.svg-canvas #turkiye g:hover path,.svg-canvas #turkiye g.hovered path{fill:#f5b06d;stroke-width:3;filter:drop-shadow(0 3px 3px #c56f3240)}.svg-canvas #turkiye g.from path{fill:#ef934e}.svg-canvas #turkiye g.to path{fill:#63a0d3}.route-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.route-svg line{stroke:#e67d31;stroke-width:4;stroke-dasharray:10 7;filter:drop-shadow(0 1px 1px white)}@media(max-width:800px){.svg-map{height:390px;padding:5px}.svg-canvas #turkiye path{stroke-width:2}.svg-canvas #turkiye g:hover path{stroke-width:3}}
.province-text{font-size:10px;fill:#17231f;text-anchor:middle;pointer-events:none;font-weight:600}.svg-canvas #turkiye g:hover .province-text{font-size:12px;font-weight:800}
.svg-map{height:560px;background:#fff8ef;padding:10px}.svg-canvas{position:relative;height:100%}.svg-canvas>#svg-turkiye-haritasi{width:100%;height:100%}.svg-canvas #turkiye>g{cursor:pointer}.svg-canvas #turkiye path{fill:#fffaf3;stroke:#1f2923;stroke-width:1.5;transition:.2s}.svg-canvas #turkiye>g:hover path,.svg-canvas #turkiye>g.hovered path{fill:#f5ad68;stroke-width:3}.svg-canvas #turkiye>g.from path{fill:#ef934e}.svg-canvas #turkiye>g.to path{fill:#5e9bd0}.province-text{font-size:9px;fill:#17231f;text-anchor:middle;pointer-events:none;font-weight:600}.route-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.route-svg line{stroke:#e8792b;stroke-width:5;stroke-dasharray:12 8}@media(max-width:800px){.svg-map{height:390px}.province-text{font-size:8px}}
/* Final SVG map presentation */
.svg-map{height:clamp(420px,52vw,620px);background:radial-gradient(circle at 50% 45%,#fffdf8 0,#fff4e7 72%,#f8e5d1 100%);border:1px solid #e9c9a8;border-radius:18px;padding:14px;box-shadow:inset 0 0 0 1px #fff,0 10px 28px rgba(139,78,26,.08)}
.svg-canvas{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,246,235,.85))}
.svg-canvas>#svg-turkiye-haritasi{display:block;width:100%;height:100%;overflow:visible}
.svg-canvas #turkiye>g{cursor:pointer;pointer-events:all;transform-box:fill-box;transform-origin:center;transition:transform .18s ease,filter .18s ease}
.svg-canvas #turkiye path{pointer-events:all;fill:#fffaf3;stroke:#25221e;stroke-width:1.45;stroke-linejoin:round;transition:fill .18s ease,stroke .18s ease,stroke-width .18s ease,filter .18s ease}
.svg-canvas #turkiye>g:hover,.svg-canvas #turkiye>g.hovered{transform:scale(1.035);filter:drop-shadow(0 5px 4px rgba(190,103,35,.23));z-index:4}
.svg-canvas #turkiye>g:hover path,.svg-canvas #turkiye>g.hovered path{fill:#f5b26e;stroke:#171512;stroke-width:2.7}
.svg-canvas #turkiye>g.from path{fill:#e98232;stroke:#562b12;stroke-width:2.8}
.svg-canvas #turkiye>g.to path{fill:#5f9bd1;stroke:#173756;stroke-width:2.8}
.province-text{font-family:Arial,sans-serif;font-size:9px;fill:#191713;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-weight:700;paint-order:stroke;stroke:#fffaf3;stroke-width:2px;stroke-linejoin:round}
.svg-canvas #turkiye>g:hover .province-text,.svg-canvas #turkiye>g.hovered .province-text{font-size:11px;fill:#241406}
.route-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:8;overflow:visible}
.route-svg line{stroke:#e47727;stroke-width:5;stroke-dasharray:12 8;stroke-linecap:round;filter:drop-shadow(0 1px 1px #fff)}
@media(max-width:800px){.svg-map{height:clamp(360px,105vw,500px);padding:7px}.province-text{font-size:8px}.svg-canvas #turkiye>g:hover{transform:none}.svg-canvas #turkiye>g:active{transform:scale(1.04)}}
/* Ensure transparent preview layer never blocks province clicks */
.svg-canvas>#routePreview{position:absolute;inset:0;pointer-events:none!important;z-index:1}
.svg-canvas>#svg-turkiye-haritasi{position:relative;z-index:2}
.mascot{position:absolute;right:-12px;bottom:-8px;background:#f28c45;border:4px solid #fff;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:25px;transform:rotate(-8deg);box-shadow:0 5px 12px #0003}.hero-badge{position:relative}.latest-posts{background:#fff;border:1px solid #ecd6c0;border-radius:14px;padding:18px;margin-bottom:30px}.ticker{height:25px;overflow:hidden;position:relative;margin-top:8px;color:#6d4a30;font-size:14px}.ticker span{display:block;animation:ticker 16s infinite;position:absolute;left:0;opacity:0}.ticker span:nth-child(1){animation-delay:0s}.ticker span:nth-child(2){animation-delay:3.2s}.ticker span:nth-child(3){animation-delay:6.4s}.ticker span:nth-child(4){animation-delay:9.6s}.ticker span:nth-child(5){animation-delay:12.8s}@keyframes ticker{0%,18%{opacity:1;transform:translateX(0)}22%,100%{opacity:0;transform:translateX(-18px)}}
.map-layout{grid-template-columns:1.15fr .85fr}.svg-map{height:clamp(420px,46vw,560px)}
.topbar{justify-content:center;gap:42px}.topbar .brand{margin-right:20px}.hero{padding-top:28px;padding-bottom:18px;align-items:flex-start}.hero-badge{margin-top:42px;margin-left:18px;width:150px;height:150px}.hero-badge b{font-size:66px}.hero-badge span{font-size:13px}.mascot{width:78px;height:78px;font-size:42px;right:-34px;bottom:-28px}.wizard{padding-top:0}.map-card{padding-top:14px;padding-bottom:12px}.svg-map{height:clamp(370px,42vw,500px);padding:4px}.map-note{margin:6px 0 0}.home-seo{max-width:1080px}.home-seo p{font-size:16px;line-height:1.8}.info-grid article{position:relative;overflow:hidden;min-height:150px}.info-grid article:after{content:"";display:block;height:6px;margin-top:22px;border-radius:5px;background:linear-gradient(90deg,#e98232 72%,#f3dfcd 72%)}.info-grid article:nth-child(2):after{background:linear-gradient(90deg,#5f9bd1 58%,#dbe8f3 58%)}.info-grid article:nth-child(3):after{background:linear-gradient(90deg,#7caf5b 84%,#deedd8 84%)}body{font-family:Inter,Arial,sans-serif}h1,h2{font-family:Georgia,serif}
.route-svg path{fill:none;stroke:#e47727;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14 8;filter:drop-shadow(0 2px 2px #fff)}
/* Premium layout corrections */
.topbar{justify-content:center!important;display:flex!important}.topbar nav{margin-left:0!important;position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:28px}.topbar .brand{margin-right:auto}.topbar .menu{margin-left:auto}
.hero{padding-top:14px!important;padding-bottom:10px!important}.hero-badge{margin-top:18px!important}
.wizard{padding-top:0!important}.map-layout{align-items:start!important}.map-card{height:max-content!important;align-self:start!important}.svg-map{height:clamp(350px,38vw,460px)!important;margin-top:8px!important;margin-bottom:0!important}.map-note{margin:4px 0 0!important}.side-stack{height:max-content!important}
.home-seo{padding-top:28px!important}
/* Premium visual system */
body{background:#f5f1eb;color:#241f1a;font-family:"Trebuchet MS",Arial,sans-serif}.topbar{height:82px;background:#241f1a;color:#fff;border:0;box-shadow:0 8px 24px #2b1b0e22}.topbar .brand{color:#fff}.topbar nav a{color:#f9e9d9;font-weight:700}.hero{max-width:1180px;padding:34px 5% 22px;background:linear-gradient(135deg,#fff8ef,#f7e4d1);border-radius:0 0 28px 28px}.hero h1{font-size:clamp(48px,6vw,76px);color:#241f1a}.hero h1 em{color:#d96b22}.hero p{font-size:17px}.wizard{max-width:1180px;margin-top:18px}.map-layout{gap:22px}.map-card,.card{border:1px solid #ead3bc;box-shadow:0 12px 30px #7f4a2112;border-radius:22px}.map-card h2,.card h2{color:#2b211a}.svg-map{height:clamp(430px,45vw,570px)!important;background:linear-gradient(145deg,#fffaf4,#f2d4b8)!important;border:2px solid #e9b98d!important}.home-seo{max-width:1180px}.home-seo .info-grid{gap:22px}.home-seo .info-grid article{min-height:190px;padding:26px;background:linear-gradient(145deg,#fff,#fff5ea);box-shadow:0 10px 24px #75431d14}.latest-posts{box-shadow:0 8px 20px #75431d12}
.route-svg .route-unavailable{stroke:#b9a99b;stroke-dasharray:5 8;opacity:.65}
/* Final visual correction: eliminate letterbox gaps and add visual cards */
.svg-map{height:auto!important;aspect-ratio:1.92/1;min-height:0!important;padding:0!important;background:#fff!important;border:1px solid #e6b887!important;overflow:hidden!important}
.svg-canvas{height:100%!important;min-height:0!important;background:#fff8ef!important;border-radius:14px!important}
.svg-canvas>#svg-turkiye-haritasi{width:100%!important;height:100%!important;preserveAspectRatio:xMidYMid slice}
.svg-canvas>#routePreview{display:none!important}
.home-seo .info-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
.home-seo .info-grid article{min-height:245px!important;padding:30px 26px 24px!important;border:0!important;border-radius:24px!important;position:relative!important;overflow:hidden!important;box-shadow:0 16px 34px rgba(77,45,21,.14)!important}
.home-seo .info-grid article:before{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;color:#fff;font-size:31px;margin-bottom:22px;box-shadow:0 8px 15px rgba(0,0,0,.13)}
.home-seo .info-grid article:nth-child(1){background:linear-gradient(145deg,#fff8ef,#ffd6ad)!important}.home-seo .info-grid article:nth-child(1):before{content:'⛽';background:#e87726}
.home-seo .info-grid article:nth-child(2){background:linear-gradient(145deg,#f4f9ff,#cce3fa)!important}.home-seo .info-grid article:nth-child(2):before{content:'↗';background:#3f84c5}
.home-seo .info-grid article:nth-child(3){background:linear-gradient(145deg,#f5fff1,#d8efc9)!important}.home-seo .info-grid article:nth-child(3):before{content:'◷';background:#6aa34d}
.home-seo .info-grid article b{font-size:22px;display:block;margin-bottom:10px}.home-seo .info-grid article p{font-size:15px;line-height:1.6;color:#4f443b}
@media(max-width:800px){.home-seo .info-grid{grid-template-columns:1fr;gap:14px}.svg-map{aspect-ratio:1.5/1}.home-seo .info-grid article{min-height:190px!important}}
/* Full width map then controls below */
.map-layout{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}.map-card{width:100%!important}.side-stack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px!important}.side-stack .card{height:100%!important}
.home-seo>h2{font-size:34px;margin-top:46px;color:#2b211a}.home-seo>h3{font-size:22px;color:#c25c1b;margin-top:30px}.home-seo>p{background:#fff;border-left:5px solid #e98232;border-radius:14px;padding:22px 26px;box-shadow:0 8px 20px #75431d10}.home-seo .latest-posts{background:linear-gradient(135deg,#fff4e5,#ffe0bf);border:0;padding:24px}.home-seo .latest-posts .eyebrow{color:#a64d17}.route{background:#fffaf5!important;border:1px solid #efd8c2;border-radius:12px;margin:8px 0;padding:15px!important;transition:.2s}.route:has(input:checked){background:#ffe7cc!important;border-color:#e98232!important;box-shadow:0 4px 12px #e9823226}.fuel-grid{gap:10px}.fuel{background:#fff!important;padding:13px!important;box-shadow:0 4px 10px #0000000a}.card select{background:#fff;border-color:#e5cdb7}
@media(max-width:800px){.side-stack{grid-template-columns:1fr!important}.map-layout{gap:14px!important}.home-seo>h2{font-size:28px}.home-seo>p{padding:18px}}
.home-seo .info-grid article:nth-child(1):before{content:'⛽'}.home-seo .info-grid article:nth-child(2):before{content:'🚦'}.home-seo .info-grid article:nth-child(3):before{content:'🧭'}
.topbar{position:sticky!important;top:0!important;z-index:100!important}.svg-canvas{overflow:hidden!important}.route-svg{z-index:3!important;overflow:hidden!important}.svg-canvas>#svg-turkiye-haritasi{z-index:2!important}.home-seo{position:relative}.home-seo:before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,#e98232,transparent);margin:8px 0 32px}.home-seo>h2{display:flex;align-items:center;gap:12px}.home-seo>h2:before{content:"";width:10px;height:34px;border-radius:7px;background:#e98232;display:inline-block}.home-seo>h3{display:flex;align-items:center;gap:10px}.home-seo>h3:before{content:"✦";color:#e98232}.home-seo .info-grid article:after{height:48px!important;border-radius:14px!important;margin-top:25px!important;background:radial-gradient(circle at 18% 50%,#fff 0 7px,transparent 8px),linear-gradient(120deg,rgba(255,255,255,.2),rgba(255,255,255,0))!important;opacity:.45}
.brand-mark{background:#b8e64e!important;color:#17231f!important;overflow:hidden}.brand-mark svg{width:25px;height:25px;fill:none;stroke:#17231f;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.hero h1 em{color:#6c9f27!important}.field-error{border-color:#df5b36!important;box-shadow:0 0 0 3px #df5b3626!important;background:#fff4ef!important}.form-notice{background:#fff0e8;border:1px solid #e48a62;color:#9b3f20;padding:12px 14px;border-radius:10px;margin-bottom:12px;font-size:13px}.home-seo>p{font-size:17px!important;line-height:1.9!important}.home-seo>h2{margin-top:52px!important}.home-seo>h2:after{content:'✦';color:#e98232;font-size:18px;margin-left:auto}.home-seo>h3{margin-top:38px!important;padding:16px 20px;background:linear-gradient(90deg,#fff1e2,#fff);border-radius:12px}.home-seo:after{content:'⛽   🛣️   🧭';display:block;text-align:center;letter-spacing:24px;font-size:30px;color:#e98232;margin:42px 0 12px}
.home-seo:after{display:none!important}.home-seo .info-grid article:after{display:none!important}.result{scroll-margin-top:100px}
.seo-visual{display:flex;align-items:center;gap:18px;margin:30px 0 18px;padding:24px 28px;border-radius:20px;color:#fff;box-shadow:0 12px 25px #5b321c20}.seo-visual span{font-size:42px}.seo-visual b{font-size:20px}.visual-route{background:linear-gradient(110deg,#d66b22,#f2ad66)}.visual-road{background:linear-gradient(110deg,#3d75a8,#79b2df)}.visual-safety{background:linear-gradient(110deg,#5e8d47,#a8cb87)}
.top-result{margin:10px auto 22px;max-width:1180px;scroll-margin-top:95px}.old-result{display:none!important}.calculation-guide{max-width:1180px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:22px 0}.guide-grid article{background:#fff;border-radius:20px;padding:26px;box-shadow:0 10px 25px #5d321d12;border-top:5px solid #e98232}.formula-box{background:#241f1a;color:#fff;padding:26px;border-radius:18px;display:grid;gap:8px;margin:26px 0}.formula-box b{font-size:22px;color:#b8e64e}.faq{display:grid;gap:10px}.faq details{background:#fff;border:1px solid #ecd6c0;border-radius:12px;padding:15px}.faq summary{cursor:pointer;font-weight:700}.calculation-guide strong{color:#b45116}@media(max-width:800px){.guide-grid{grid-template-columns:1fr}}
.logo-brand{height:54px!important;display:flex!important;align-items:center!important}.brand-logo{width:142px;height:54px;object-fit:contain;display:block}.topbar .logo-brand{margin-right:auto!important}.topbar nav{left:50%;transform:translateX(-50%)}
.hero-logo-slot{width:170px;height:135px;display:flex;align-items:center;justify-content:center;margin:25px 8px 0}.hero-logo-slot img{width:170px;height:135px;object-fit:contain;mix-blend-mode:multiply;filter:saturate(1.05)}.hero-badge{flex:0 0 auto}.brand-mark{display:grid!important;place-items:center!important;background:#b8e64e!important;color:#17231f!important;width:34px;height:34px;border-radius:10px}.logo-brand{height:auto!important}.topbar .brand{margin-right:auto!important}@media(max-width:800px){.hero-logo-slot{width:120px;height:90px;margin:8px auto}.hero-logo-slot img{width:120px;height:90px}.hero{display:block}.hero-badge{margin-left:auto!important;margin-right:auto!important}}
.hero-brand-feature{position:relative;width:245px;margin:22px 12px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px 18px}.hero-brand-feature img{width:235px;height:175px;object-fit:contain;mix-blend-mode:multiply}.feature-caption{margin-top:-8px;text-align:center;display:grid;gap:3px}.feature-caption strong{font-size:24px;letter-spacing:-.5px;color:#d96b22}.feature-caption small{font-size:11px;letter-spacing:1px;color:#6c5140;text-transform:uppercase}.hero-brand-feature .mascot{right:-8px;bottom:2px;width:58px;height:58px;font-size:30px}.hero-badge{display:none!important}@media(max-width:800px){.hero-brand-feature{width:220px;margin:10px auto}.hero-brand-feature img{width:210px;height:145px}.feature-caption strong{font-size:21px}}
.hero-brand-feature .mascot{right:-38px!important;bottom:0!important}.calculation-guide{max-width:900px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}.calculation-guide .guide-grid{grid-template-columns:1fr 1fr}.calculation-guide .seo-visual{margin-left:0;margin-right:0}@media(max-width:980px){.calculation-guide{max-width:calc(100% - 48px)!important}.hero-brand-feature .mascot{right:-18px!important}}@media(max-width:800px){.calculation-guide{max-width:calc(100% - 32px)!important}.calculation-guide .guide-grid{grid-template-columns:1fr}.hero-brand-feature .mascot{right:-10px!important}}
.feature-block{border-radius:22px;padding:0;margin:30px 0;background:#fff;box-shadow:0 12px 26px #5d321d14;overflow:hidden}.feature-head{display:flex;align-items:center;gap:16px;padding:22px 26px;color:#fff}.feature-head span{font-size:34px}.feature-head h2{margin:0!important;font-size:24px!important;color:#fff!important}.feature-block>p{margin:0!important;padding:22px 26px 26px;background:#fff;font-size:16px;line-height:1.8}.feature-fuel .feature-head{background:linear-gradient(110deg,#d56820,#f1a15c)}.feature-route .feature-head{background:linear-gradient(110deg,#3475ad,#72acd7)}.feature-safe .feature-head{background:linear-gradient(110deg,#5d8d45,#9fc683)}
/* Compact premium content composition */
.home-seo,.calculation-guide{max-width:920px!important;margin-left:auto!important;margin-right:auto!important}.home-seo{padding-left:0!important;padding-right:0!important}.home-seo .info-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;background:#fffaf5;border:1px solid #edcfb1;border-radius:24px;overflow:hidden;box-shadow:0 14px 30px #63361712}.home-seo .info-grid article{border-radius:0!important;box-shadow:none!important;min-height:210px!important;padding:25px 22px!important;border-right:1px solid #edcfb1!important}.home-seo .info-grid article:last-child{border-right:0!important}.home-seo .info-grid article:before{margin-bottom:14px!important;width:52px!important;height:52px!important;font-size:25px!important}.home-seo .info-grid article b{font-size:19px!important}.home-seo .info-grid article p{font-size:14px!important;margin:6px 0 0!important}.calculation-guide .guide-hero{max-width:780px;margin:0 auto 20px;padding:24px 28px!important}.calculation-guide .guide-grid{max-width:900px;margin-left:auto;margin-right:auto}.calculation-guide>p{max-width:820px;margin-left:auto;margin-right:auto}.calculation-guide>h2,.calculation-guide>h3{max-width:820px;margin-left:auto;margin-right:auto}.calculation-guide .feature-block{max-width:820px;margin-left:auto;margin-right:auto}
@media(max-width:800px){.home-seo,.calculation-guide{max-width:calc(100% - 28px)!important}.home-seo .info-grid{grid-template-columns:1fr!important}.home-seo .info-grid article{border-right:0!important;border-bottom:1px solid #edcfb1!important}.home-seo .info-grid article:last-child{border-bottom:0!important}}
.calculation-guide{width:calc(100% - 64px)!important;max-width:920px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}.calculation-guide .guide-grid,.calculation-guide .formula-box,.calculation-guide .feature-block,.calculation-guide .faq,.calculation-guide .guide-hero{width:100%!important;max-width:100%!important}.calculation-guide .guide-grid article{min-width:0!important}.calculation-guide>p,.calculation-guide>h2,.calculation-guide>h3{width:100%!important;max-width:100%!important}
.feature-combined{margin:28px 0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 26px #5d321d14}.feature-combined .seo-visual{margin:0!important;border-radius:0!important;box-shadow:none!important}.feature-combined h2{margin:0!important;padding:18px 24px 8px;background:#fff;font-size:25px!important}.feature-combined>p{margin:0!important;padding:8px 24px 24px;background:#fff;line-height:1.8}.feature-combined.visual-route .seo-visual{background:linear-gradient(110deg,#d56820,#f1a15c)!important}.feature-combined.visual-road .seo-visual{background:linear-gradient(110deg,#3475ad,#72acd7)!important}.feature-combined.visual-safety .seo-visual{background:linear-gradient(110deg,#5d8d45,#9fc683)!important}.feature-combined.visual-route h2{border-left:6px solid #e98232}.feature-combined.visual-road h2{border-left:6px solid #3475ad}.feature-combined.visual-safety h2{border-left:6px solid #6b9c4f}
/* Absolute side gutters for all cached query versions */
main .calculation-guide{display:block!important;width:auto!important;max-width:920px!important;margin-left:64px!important;margin-right:64px!important;padding-left:0!important;padding-right:0!important}
main .calculation-guide>*{max-width:100%!important}
main .home-seo{display:block!important;width:auto!important;max-width:920px!important;margin-left:64px!important;margin-right:64px!important;padding-left:0!important;padding-right:0!important}
@media(max-width:800px){main .calculation-guide,main .home-seo{width:auto!important;margin-left:16px!important;margin-right:16px!important}}
/* Center both result and guide sections */
main .top-result{width:calc(100% - 128px)!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
main .calculation-guide,main .home-seo{width:calc(100% - 128px)!important;max-width:920px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
@media(max-width:800px){main .top-result{width:calc(100% - 28px)!important}main .calculation-guide,main .home-seo{width:calc(100% - 28px)!important}}
.top-result{display:grid!important;width:calc(100% - 128px)!important;max-width:920px!important;margin:18px auto!important;border-radius:22px!important;padding:24px!important;box-sizing:border-box!important}.top-result .actions{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important}.top-result .seo-link{margin-left:auto!important}@media(max-width:800px){.top-result{width:calc(100% - 28px)!important}}

/* final route summary */
.route-summary-top{width:min(860px,calc(100% - 160px));margin:20px auto 28px;padding:24px 30px;background:#17231f;color:#fff;border:1px solid #31463b;border-radius:24px;display:grid;grid-template-columns:1fr auto;gap:14px 28px;box-shadow:0 16px 36px rgba(23,35,31,.18);box-sizing:border-box;position:relative;z-index:2}.route-summary-top h2{margin:7px 0 4px;font-size:30px}.route-summary-top p{margin:0;color:#b9c7bf;font-size:12px}.route-summary-top .result-number{align-self:center;text-align:right}.route-summary-top .result-number small,.route-summary-top .result-number b,.route-summary-top .result-number span{display:block}.route-summary-top .result-number b{font-size:34px;color:#b8e64e;margin:4px 0}.route-summary-top .result-number span{font-size:12px;color:#b9c7bf}.route-summary-top .actions{grid-column:1/-1;display:flex;align-items:center;gap:10px}.route-summary-top .secondary{color:#fff}.route-summary-top .seo-link{margin-left:auto;color:#b8e64e;font-size:12px}@media(max-width:800px){.route-summary-top{width:calc(100% - 28px);padding:20px;grid-template-columns:1fr;margin:14px auto 22px}.route-summary-top .result-number{text-align:left}.route-summary-top .actions{flex-wrap:wrap}.route-summary-top .seo-link{margin-left:0;width:100%}}

/* Hard lock: route result is always a centered card */
main>#sonuc.route-summary-top{display:grid!important;width:860px!important;max-width:calc(100% - 160px)!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:800px){main>#sonuc.route-summary-top{width:calc(100% - 28px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}}

/* Final visual gutters for guide and feature cards */
main .calculation-guide{width:820px!important;max-width:calc(100% - 120px)!important;margin-left:auto!important;margin-right:auto!important}
main .calculation-guide .feature-block,main .calculation-guide .feature-combined,main .calculation-guide .formula-box,main .calculation-guide .guide-grid,main .calculation-guide .guide-hero,main .calculation-guide .faq{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:800px){main .calculation-guide{width:calc(100% - 32px)!important;max-width:none!important}}

/* Isolated route result shell: prevents every legacy rule from stretching the card */
.route-summary-shell{display:flex!important;justify-content:center!important;align-items:stretch!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;clear:both!important}
.route-summary-shell .route-summary-top{flex:0 0 auto!important;display:grid!important;width:860px!important;max-width:calc(100vw - 96px)!important;margin:24px 0 32px!important;box-sizing:border-box!important}
@media(max-width:800px){.route-summary-shell .route-summary-top{width:calc(100vw - 32px)!important;max-width:none!important;margin:16px 0 24px!important}}
.route-guide-link{background:#6f9f2f!important;color:#fff!important;padding:13px 20px!important;border-radius:12px!important;font-weight:800!important;font-size:14px!important;box-shadow:0 7px 16px rgba(80,120,35,.32)!important;text-decoration:none!important}.route-guide-link:hover{background:#5b8724!important;transform:translateY(-1px)}.blog-random-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.blog-random-card{display:flex;gap:10px;align-items:center;background:#fff;border-radius:12px;padding:10px;min-width:0}.blog-random-image{display:block;flex:0 0 58px;width:58px;height:58px;border-radius:9px;overflow:hidden;background:#e98232;color:#fff;text-decoration:none;display:grid;place-items:center;font-size:25px}.blog-random-image img{width:100%;height:100%;object-fit:cover}.blog-random-card h3{font-family:inherit;font-size:14px;line-height:1.25;margin:0 0 6px}.blog-random-card h3 a{color:#2b211a;text-decoration:none}.blog-random-card .seo-link{font-size:12px}.blog-random-placeholder{background:linear-gradient(135deg,#3475ad,#6aa34d)}@media(max-width:800px){.blog-random-grid{grid-template-columns:1fr}.blog-random-card{padding:12px}}
/* Route action hierarchy */
.route-summary-top .actions .primary,
.route-summary-top .actions .secondary{font-size:12px!important;padding:10px 14px!important;min-height:38px!important}
.route-summary-top .actions .route-guide-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:#6f9f2f!important;color:#fff!important;font-size:16px!important;font-weight:800!important;padding:15px 24px!important;min-height:50px!important;border-radius:13px!important;box-shadow:0 8px 18px rgba(80,120,35,.34)!important;line-height:1.1!important}
.route-summary-top .actions .route-guide-link:hover{background:#5b8724!important;color:#fff!important;transform:translateY(-1px)}
@media(max-width:800px){.route-summary-top .actions .route-guide-link{width:100%!important;font-size:15px!important}.route-summary-top .actions .primary,.route-summary-top .actions .secondary{font-size:11px!important;padding:9px 12px!important}}
/* Final action colors: the guide takes the navigation green */
.route-summary-top .actions .primary{background:transparent!important;border:1px solid #607068!important;color:#fff!important}
.route-summary-top .actions .route-guide-link{background:var(--lime)!important;color:var(--ink)!important;box-shadow:0 8px 18px rgba(184,230,78,.28)!important}
.route-summary-top .actions .route-guide-link:hover{background:#c8f46b!important;color:var(--ink)!important}
/* Cookie notice */
.cookie-notice{position:fixed;z-index:9999;left:18px;bottom:18px;width:min(560px,calc(100% - 36px));display:flex;align-items:center;gap:18px;padding:16px 18px;background:#17231f;color:#fff;border:1px solid #31463b;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.24);font-size:13px}.cookie-notice[hidden]{display:none}.cookie-notice__text{flex:1}.cookie-notice__text strong{display:block;font-size:14px;margin-bottom:5px}.cookie-notice__text p{margin:0;color:#d3ddd6;line-height:1.45}.cookie-notice__text a{color:#b8e64e;text-decoration:underline}.cookie-notice__actions{display:flex;flex-direction:column;gap:7px;flex:0 0 auto}.cookie-btn{border-radius:8px;padding:9px 11px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.cookie-btn--accept{background:#b8e64e;color:#17231f;border:1px solid #b8e64e}.cookie-btn--necessary{background:transparent;color:#fff;border:1px solid #607068}@media(max-width:600px){.cookie-notice{left:12px;bottom:12px;width:calc(100% - 24px);display:block}.cookie-notice__actions{display:flex;flex-direction:row;margin-top:12px}.cookie-btn{flex:1}}
.footer-disclaimer{font-style:italic!important}
@media(max-width:520px){.topbar{flex-wrap:wrap!important;justify-content:space-between!important}.topbar .brand{flex:1 1 auto!important}.topbar nav{flex:1 0 100%!important;order:3!important;justify-content:flex-end!important;padding-top:9px;border-top:1px solid rgba(255,255,255,.16)}}
/* Header: keep the brand and links separated on narrow screens. */
.topbar nav{position:static!important;transform:none!important;margin-left:auto!important;display:flex!important;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap}
.topbar .menu{display:none!important}
@media(max-width:800px){.topbar{height:auto;min-height:72px;padding:12px 5%;gap:10px;align-items:center}.topbar .brand{margin-right:0!important;flex:0 0 auto;font-size:17px}.topbar .brand-mark{width:30px;height:30px}.topbar nav{margin-left:auto!important;gap:8px;font-size:11px;line-height:1.2}.topbar nav a{white-space:nowrap}}