/* Mobil uygulama tasarım prototipi: iOS / Android */
:root{--navy:#102d59;--sky:#8bd5ff;--green:var(--navy);--lime:var(--sky);--line:#e3ebf5}body{background:#e7eff8;color:#183454}.sidebar{position:fixed;inset:auto auto 0 50%;transform:translateX(-50%);width:min(100%,460px);height:calc(74px + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:4;border:0;border-top:1px solid var(--line);background:#ffffffed;backdrop-filter:blur(20px)}.sidebar>.logo,.workspace,.partner,.profile{display:none}.sidebar nav{margin:0;display:flex;justify-content:space-around}.nav{width:20%;margin:0;display:flex;flex-direction:column;padding:5px 0;gap:4px;font-size:21px;min-height:56px;justify-content:center;color:#60768d}.nav span{display:block;font-size:9px}.nav small{display:none}.nav.active{background:#eaf5ff;color:#102d59;border-radius:14px}main{margin:0 auto;padding:0 20px 95px;max-width:460px;min-height:100vh;background:#f6f9fe;box-shadow:0 0 60px #102d5910}header{height:78px;border:0;padding-top:env(safe-area-inset-top)}.breadcrumb{font:800 30px Manrope;color:#102d59;letter-spacing:-1.5px}.breadcrumb span,.breadcrumb b{display:none}.header-right{gap:6px}.demo{font-size:8px;color:#547c9c}.icon,.avatar{width:44px;height:44px}.avatar{background:#e1effd}.intro{padding:12px 0 22px;display:block}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#4b7eab}h1,.intro h1{font-size:32px;margin:8px 0;letter-spacing:-1.3px}h1 span{color:#3ba6e5}.intro p{font-size:12px;color:#617a91;line-height:1.6}.availability{display:none}.layout{display:flex;flex-direction:column;gap:18px}.booking{padding:20px 16px;border-radius:22px;box-shadow:0 4px 20px #102d5905}.section-head h2,h2{font-size:14px}.vehicles{gap:7px;margin:20px 0 24px}.vehicle{padding:12px 2px;font-size:10px;border-radius:14px;min-height:98px}.vehicle svg{height:53px}.vehicle.selected{background:#eaf6ff;border-color:#459dd5}.location-title{margin-bottom:8px}.location-title button,.how button{color:#326e9e;font-size:10px;min-height:44px}.address{padding:12px;border-radius:13px;background:#f8fbff;border-color:#dfebf6}.address small{font-size:8px;color:#617d99}.address input{font-size:12px;min-height:24px}.address>span{color:#3a98d3}.address button{width:44px;min-height:44px;color:#347bb2}.timing{background:#edf3fb;margin-top:12px;padding:4px;border-radius:11px}.timing button{font-size:11px;min-height:44px;color:#637d96}.timing .selected{color:#102d59;border-radius:8px}.vehicle-info{padding:20px 0}.tiny-label{color:#68829c}.vehicle-info p{color:#69819a;line-height:1.6}.primary{background:#102d59;color:white;min-height:54px;border-radius:14px;font-size:13px;padding:14px 18px}.primary span{color:#8bd5ff}.primary:hover{background:#183e72}.secure{font-size:8px;color:#71859b;line-height:1.8}.info-icon{color:#448bc1;border-color:#dbe8f5}.map-card{height:320px;border-radius:22px;flex:none}.map{min-height:245px}.map-footer{padding:15px}.map-footer strong{font-size:11px}.map-footer p{color:#71859b}.map-top{left:12px;right:12px;top:12px}.map-top>span{font-size:9px;color:#34597b}.map-top i,.availability i{background:#3ba6e5}.map-top .icon{width:44px;height:44px}.map-tools{bottom:28px;right:12px}.map-tools button{width:44px;min-height:44px}.map-pin{background:#102d59;padding:3px 7px;font-size:18px}.map-location{top:59%;font-size:9px}.map-caption{font-size:6px;color:#486e91}.bottom-grid{grid-template-columns:1fr;gap:16px;margin-top:18px}.banner{padding:22px;background:linear-gradient(125deg,#102d59,#1f4f81);border-radius:22px}.banner h2{font-size:23px}.banner p{color:#b7d1e9;font-size:11px;max-width:250px;line-height:1.7}.banner-art{color:#8bd5ff;opacity:.65;font-size:140px;top:12px;right:5px}.badge{color:#8bd5ff}.how{padding:20px;border-radius:22px}.steps{margin-top:15px;gap:12px}.steps i{background:#e9f5ff;color:#236da6}.steps p{font-size:10px;line-height:1.7;color:#70859a}.steps strong{font-size:11px}footer{font-size:9px;padding:24px 0;color:#68829c}footer span{display:none}footer button{min-height:44px;color:#326e9e}dialog{padding:24px;width:min(430px,calc(100vw - 20px));border-radius:24px;max-height:90dvh}dialog::backdrop{background:#081d3a85}.modal-head{color:#5d7d9b}.modal-head button{min-width:44px;min-height:44px}.modal-copy{color:#607c96;font-size:12px}.field{font-size:12px;line-height:1.6}.field input,.field select,.field textarea{background:#f6faff;border-color:#dbe8f5;min-height:48px;font-size:14px;border-radius:12px;color:#183454}.field input[type=checkbox]{min-height:24px;min-width:24px;vertical-align:middle}.text-button{min-height:48px;color:#286d9f;font-size:12px}.quote{background:#eaf5ff}.quote small{color:#507597}.summary-row{line-height:1.5;gap:15px}.summary-row b{text-align:right}.job-card,.empty{border-radius:20px;padding:22px}.job-card p,.empty p{color:#637d97;line-height:1.7;overflow-wrap:anywhere}.status{background:#e7f5ff;color:#1d6497}.account-item{display:flex;align-items:center;justify-content:space-between;min-height:56px;width:100%;text-align:left;border-bottom:1px solid var(--line);font-size:13px}.account-item.danger{color:#b33e50}.account-item span{color:#6289ae}.privacy-box{padding:16px;background:#edf5fe;border-radius:14px;font-size:12px;line-height:1.8;color:#54728d}.success-mark{background:#d8efff;color:#102d59}#toast{background:#102d59;bottom:100px;width:max-content;max-width:90vw;text-align:center;line-height:1.5}.hidden{display:none!important}@media(max-width:360px){main{padding-left:12px;padding-right:12px}.vehicle{font-size:9px}.vehicles{gap:4px}.booking{padding:18px 12px}.secure{font-size:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Onaylı dört hizmetli Vingo kimliği. */
.brand-logo{display:block;width:174px;height:auto;object-fit:contain}.breadcrumb{display:flex;align-items:center;min-width:0;flex-shrink:1}.breadcrumb .brand-logo{width:156px;max-width:100%;height:auto}.sidebar .brand-logo{width:174px}@media(max-width:360px){.breadcrumb .brand-logo{width:132px}.header-right{gap:3px}.demo{font-size:7px}}
