/* ============================================
   NAKLIYE RANDEVU & TEKLİF SİSTEMİ v2.0
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300..800&family=Instrument+Sans:wght@400;500;600;700&display=swap');

:root {
    --accent:#E85A30;--accent-dk:#CC4520;--accent-bg:rgba(232,90,48,0.07);--accent-glow:rgba(232,90,48,0.22);
    --primary:#1A2744;--primary-lt:#2B3F66;
    --bg:#F4F6FA;--card:#FFF;--subtle:#F0F2F7;--muted-bg:#E8ECF3;
    --border:#DFE3EC;--border-h:#C5CBD8;
    --txt:#111827;--txt2:#374151;--txt3:#6B7280;--txt4:#9CA3AF;--white:#FFF;
    --ok:#059669;--ok-bg:#ECFDF5;--warn:#D97706;--warn-bg:#FFFBEB;--err:#DC2626;--err-bg:#FEF2F2;
    --sh-xs:0 1px 2px rgba(0,0,0,.04);--sh-sm:0 1px 3px rgba(0,0,0,.06);
    --sh-md:0 4px 16px rgba(0,0,0,.07);--sh-lg:0 8px 30px rgba(0,0,0,.09);
    --sh-xl:0 16px 48px rgba(0,0,0,.12);--sh-hover:0 8px 24px rgba(0,0,0,.1);
    --sh-accent:0 6px 20px rgba(232,90,48,.35);
    --r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:9999px;
    --ease:cubic-bezier(.4,0,.2,1);--dur:.25s;
    --fd:'DM Sans',system-ui,sans-serif;--fb:'Instrument Sans','DM Sans',system-ui,sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;list-style:none;outline:0!important}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;width:100%;height:100%}
body{font-family:var(--fb);font-weight:500;color:var(--txt2);background:var(--bg);position:relative;width:100%;min-height:100%;overflow-x:hidden;line-height:1.6}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 70% 50% at 20% 0%,rgba(26,39,68,.04),transparent 70%),radial-gradient(ellipse 50% 40% at 85% 100%,rgba(232,90,48,.03),transparent 60%);pointer-events:none;z-index:0}
body>*{position:relative;z-index:1}
h1,h2,h3,h4,h5,h6{font-family:var(--fd);font-weight:700;color:var(--txt);line-height:1.25}
p{font-family:var(--fb);color:var(--txt2);line-height:1.65}
a{text-decoration:none}
div{text-align:center}
span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
input{border:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input:disabled{background-color:white}
.cursor{cursor:pointer}
.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 3px var(--accent-glow)}

/* HEADER */
#header{background:rgba(255,255,255,.92);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border)!important;position:sticky;top:0;z-index:1050;box-shadow:var(--sh-xs)}
#header .header{padding:14px 20px!important}
#header>.col-12>.row{align-items:center}
#header img#logoCustom{max-width:180px;height:auto;transition:transform var(--dur) var(--ease)}
#header img#logoCustom:hover{transform:scale(1.03)}
#header .btn-dark,#header .btn-dark a{color:var(--white)!important;text-decoration:none!important}
#header .btn-dark{background:var(--accent)!important;border:none!important;border-radius:var(--r-full);padding:10px 24px!important;font-family:var(--fd);font-weight:700;font-size:14px;letter-spacing:.3px;transition:all var(--dur) var(--ease);box-shadow:var(--sh-sm)}
#header .btn-dark:hover{background:var(--accent-dk)!important;box-shadow:var(--sh-accent);transform:translateY(-1px)}


#headerMobile{margin-top:0!important}
#headerMobile .btn-dark,#mobileWp{background:var(--accent)!important;border:none!important;border-radius:50%!important;width:42px;height:42px;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important}
#mobilRefresh{margin-right:8px}
.border-bottom{border-bottom:none!important}

/* LAYOUT */
.container-fluid{max-width:1140px;margin:0 auto;padding-bottom:120px!important}
#serviceSelect{padding-bottom:40px!important}

/* TITLE */
.textImg,#titleSection{font-family:var(--fd)!important;font-size:28px!important;font-weight:800!important;color:var(--primary)!important;text-align:center;margin-bottom:4px;letter-spacing:-.4px;line-height:1.3!important}
#titleSection::after{content:'';display:block;width:44px;height:3.5px;background:var(--accent);border-radius:var(--r-full);margin:14px auto 0}
.img img{max-width:200px;height:auto}

/* LOADER */
#loadersServices{position:absolute;z-index:1;top:0;width:100%;padding:50px 0;height:100%;text-align:center}
#loadersServices h2,#loadersServices i,.fa-spin{color:var(--accent)!important}

/* ANIMATIONS */
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
#hizmetValidation,#hizmetValidation2,#stepother,#stepother2,#stepother3,#stepother4,#stepother5,#stepother6,#stepParca{animation:slideUp .45s var(--ease) both}

/* SERVICE CARDS */
.listUl{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.listUl li{background:var(--card);border:2px solid var(--border)!important;border-radius:var(--r-lg)!important;padding:0!important;overflow:hidden;transition:all var(--dur) var(--ease);cursor:pointer;position:relative;min-height:auto!important;min-width:148px;max-width:190px;flex:0 0 auto}
.listUl li:hover{border-color:var(--accent)!important;box-shadow:var(--sh-hover);transform:translateY(-3px)}
.listUl li:hover img{filter:grayscale(0)!important;transform:scale(1.06)}
.listUl li:hover h5{color:var(--accent)!important}
.listUl li:hover label{cursor:pointer;color:var(--accent)}
.listUl li[style*="border: 2px solid rgb(237, 103, 35)"],.listUl li[style*="border: 2px solid #ed6723"]{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow),var(--sh-md)!important;transform:translateY(-3px);background:var(--accent-bg)}
.listUl li[style*="border: 2px solid rgb(237, 103, 35)"] img,.listUl li[style*="border: 2px solid #ed6723"] img{filter:grayscale(0)!important}
.listUl li[style*="border: 2px solid rgb(237, 103, 35)"] h5,.listUl li[style*="border: 2px solid #ed6723"] h5{color:var(--accent)!important}
.listUl li label{cursor:pointer;display:block;padding:22px 14px 18px;text-align:center;width:160px;min-height:100px;margin:0 auto;border-radius:var(--r-lg)}
.listUl li label img,.listUl li img{width:64px!important;height:64px!important;object-fit:contain;margin:0 auto 10px;display:block!important;filter:grayscale(85%);transition:all var(--dur) var(--ease)}
.listUl h5,.listUl li h5{font-family:var(--fd)!important;font-size:14px!important;font-weight:600!important;color:var(--txt)!important;margin:0;line-height:1.35;transition:color var(--dur) var(--ease);text-align:center}
.listUl input[type="radio"],.inputgroups{display:none!important}

/* LOCATION */
.lokasyonInput,#stepother input.form-control,#from,#to{font-family:var(--fb)!important;background:var(--card)!important;border:2px solid var(--border)!important;border-radius:var(--r-md)!important;padding:15px 18px!important;font-size:15px!important;font-weight:500!important;color:var(--txt)!important;transition:all var(--dur) var(--ease);box-shadow:var(--sh-xs)!important;width:100%;outline:none!important}
.lokasyonInput:focus,#from:focus,#to:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important}
.lokasyonInput::placeholder,#from::placeholder,#to::placeholder{color:var(--txt4)!important;font-weight:400}
.fa-map-marker-alt,.fa-dot-circle{color:var(--accent)}
.googleMap,#googleMap,#googleMap2{border-radius:var(--r-lg)!important;overflow:hidden;box-shadow:var(--sh-md);border:1px solid var(--border);width:100%;height:300px;margin:2px auto}
#output{text-align:center;font-size:14px;margin:20px auto}
#mode{color:var(--txt)}

/* DATE CARDS */
.listDateUl{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.listDateUl li{background:var(--card);border:2px solid var(--border)!important;border-radius:var(--r-md)!important;padding:0;text-align:center;cursor:pointer;transition:all var(--dur) var(--ease);overflow:hidden;min-width:130px}
.listDateUl li:hover{border-color:var(--accent)!important;box-shadow:var(--sh-md);transform:translateY(-2px)}
.listDateUl li:hover label{cursor:pointer;color:var(--accent)}
.listDateUl li label{padding:12px 14px;border-radius:var(--r-md);text-align:center;margin-bottom:0!important;cursor:pointer;min-width:140px;display:block}
.listDateUl input[type="radio"]{display:none}
.cardGun{font-family:var(--fd);font-weight:700;font-size:13px;color:var(--txt);border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:6px;transition:color var(--dur) var(--ease)}
.cardFiyat{font-family:var(--fd);font-weight:700;font-size:17px;color:var(--accent);transition:color var(--dur) var(--ease)}
.listDateUl li[style*="border: 2px solid rgb(237, 103, 35)"],.listDateUl li[style*="border: 2px solid #ed6723"]{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow),var(--sh-md)!important;transform:translateY(-2px);background:var(--accent-bg)}
.contentTarih{width:100%;max-width:1000px;margin:0 auto;overflow-y:auto;overflow-x:hidden}

/* TIME CARDS */
.listTimeUl{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.listTimeUl li{background:var(--card);border:2px solid var(--border)!important;border-radius:var(--r-md)!important;margin:0!important;transition:all var(--dur) var(--ease);cursor:pointer}
.listTimeUl li:hover{border-color:var(--accent)!important;box-shadow:var(--sh-md);transform:translateY(-2px)}
.listTimeUl li:hover label{cursor:pointer;color:var(--accent)}
.listTimeUl li label{padding:10px 12px;border-radius:var(--r-md);text-align:center;margin-bottom:0!important;cursor:pointer;display:block}
.listTimeUl h5{margin-top:10px;font-size:16px}.listTimeUl input[type="radio"]{display:none}
.cardSaat{background:var(--card);border:2px solid var(--border)!important;border-radius:var(--r-md)!important;padding:8px 4px;outline:none;color:var(--txt);font-family:var(--fd);font-weight:600;margin:5px;width:100px;cursor:pointer;transition:all var(--dur) var(--ease)}
.cardSaat:hover{border-color:var(--accent)!important;box-shadow:var(--sh-sm);transform:translateY(-1px)}
.saatSec{font-family:var(--fd);font-size:16px;font-weight:600;padding:2px 12px;color:var(--txt)}
.active{transition:all .2s var(--ease);transform:scale(1.05);border:2px solid var(--accent)!important;background:var(--accent)!important;color:var(--white)!important;box-shadow:var(--sh-accent)}
.active .saatSec,.active .cardGun,.active .cardFiyat{color:var(--white)!important}
.cardTarih{border-radius:var(--r-md);padding:0;border:2px solid var(--border);outline:none;color:var(--txt)}
.genelTarih{border:2px solid var(--border);border-radius:var(--r-md)}

/* PARÇA EŞYA */
.comment{font-family:var(--fb)!important;background:var(--card)!important;border:2px solid var(--border)!important;border-radius:var(--r-md)!important;padding:15px 18px!important;font-size:14px!important;color:var(--txt)!important;resize:none;min-height:120px;transition:all var(--dur) var(--ease);box-shadow:var(--sh-xs)}
.comment:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important;outline:none}
.qty{display:inline-flex;align-items:center;border:2px solid var(--border);border-radius:var(--r-full);overflow:hidden;background:var(--card)}
.qty .minus,.qty .plus{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--white);width:40px;height:40px;font:24px/1 var(--fd);text-align:center;border-radius:0!important;background:var(--primary)!important;transition:background var(--dur) var(--ease)}
.qty .minus:hover,.qty .plus:hover{background:var(--accent)!important}
.qty .count{color:var(--txt);display:inline-block;vertical-align:top;font-family:var(--fd);font-size:22px;font-weight:700;line-height:40px;padding:0 4px;min-width:50px;text-align:center;width:auto;border:none;background:transparent;outline:none}
.textsecim,.textsecim2{font-family:var(--fb);font-size:14px;color:var(--txt3);line-height:1.7}
.textsecim p,.textsecim2 p{border-radius:var(--r-md);padding:14px 18px;background:var(--subtle);border:1px solid var(--border);text-align:left}
.evTipiTextSecim p{border-radius:var(--r-md);width:100%;max-width:600px;padding:14px 18px;background:var(--subtle)}

/* PHONE */
#stepother5 p,#colTerl>div>p,#colTerl p.d-flex{font-family:var(--fd);font-size:17px;font-weight:600;color:var(--primary);margin-bottom:24px}
.telContSize{max-width:440px;margin:0 auto!important;left:auto!important;display:flex!important}
.input-group-prepend .input-group-text{background:var(--accent)!important;border:2px solid var(--accent)!important;color:var(--white)!important;font-family:var(--fd)!important;font-weight:700!important;font-size:18px!important;border-radius:var(--r-md) 0 0 var(--r-md)!important;padding:10px 16px!important;min-width:60px;display:flex;align-items:center;justify-content:center}
.telInput{font-family:var(--fb)!important;background:var(--card)!important;border:2px solid var(--border)!important;border-left:none!important;border-radius:0 var(--r-md) var(--r-md) 0!important;padding:13px 16px!important;font-size:15px!important;font-weight:500!important;color:var(--txt)!important;width:100%!important;outline:0!important;transition:all var(--dur) var(--ease)}
.telInput:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important}
.telInput::placeholder{color:var(--txt4)!important;font-weight:400}
.phone{width:100%!important}

/* SUMMARY */
.shadowOzet{background:var(--card);border-radius:var(--r-xl)!important;box-shadow:var(--sh-lg)!important;overflow:hidden;border:1px solid var(--border)}
.baslik{font-family:var(--fd);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--txt4);margin-bottom:6px}
.baslikAciklama,.baslangicMap,.varisMap,.ozek,.ozparca,.ozyardimci{font-family:var(--fb);font-size:14px;font-weight:600;color:var(--txt);line-height:1.5}
.ozetFiyat{font-family:var(--fd)!important;font-size:17px!important;font-weight:700!important;color:var(--txt)!important}
.ozetFiyatAciklama{font-family:var(--fb);font-size:12px;font-weight:600;color:var(--txt4)}

/* EK HİZMETLER */
#ekHizmetCont{padding:16px}
#ekHizmetCont>.col-12>p:first-child{font-family:var(--fb);font-size:14px;color:var(--txt3);line-height:1.7;margin-bottom:20px;text-align:left}
.ekEsya{background:var(--card)!important;border:2px solid var(--border)!important;border-radius:var(--r-md)!important;padding:14px 16px!important;margin:0 0 12px 0!important;transition:all var(--dur) var(--ease);cursor:pointer;position:relative;overflow:hidden}
.ekEsya:hover{border-color:var(--accent)!important;box-shadow:var(--sh-sm)}
.ekEsya input[type="checkbox"],.ekEsya .form-check-input{width:22px!important;height:22px!important;border-radius:var(--r-xs)!important;border:2px solid var(--border-h)!important;cursor:pointer;accent-color:var(--accent);position:absolute;left:16px;top:50%;transform:translateY(-50%);margin:0!important;appearance:auto;-webkit-appearance:auto}
.ekEsya input[type="checkbox"]:checked,input[type="checkbox"]:checked{background-color:var(--accent)!important;border-color:var(--accent)!important;accent-color:var(--accent)}
.ekEsya:has(input[type="checkbox"]:checked){border-color:var(--accent)!important;background:var(--accent-bg)!important;box-shadow:0 0 0 2px var(--accent-glow)}
.ekEsyaContent{display:flex;align-items:center;gap:14px;padding:0 0 0 36px;justify-content:flex-start}
.ekEsyaContent .img{display:flex;flex-direction:column;justify-content:center;align-items:center}
.ekEsyaContent .img img,.ekEsyaContent img{width:44px!important;height:44px!important;object-fit:contain;filter:grayscale(0)!important}
.ekEsyaContent .text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:0 0 0 8px}
.ekEsyaContent .text h6{font-family:var(--fd);font-size:14px;font-weight:600;color:var(--txt);margin:0;text-align:left}
.ekEsyaContent .text p{font-family:var(--fd);font-size:15px!important;font-weight:700!important;color:var(--accent)!important;margin:2px 0 0;text-align:left}
.ekhizmetcont{border-radius:var(--r-md);max-width:450px;width:100%;height:96px;display:flex;align-items:center;padding:0 15px;cursor:pointer;margin:1em auto;background:var(--accent-bg);box-shadow:var(--sh-sm);border:2px solid var(--accent)}
.ekhizmet{border-radius:var(--r-md);max-width:450px;width:100%;height:96px;display:flex;align-items:center;padding:0 15px;cursor:pointer;margin:1em auto;background:var(--card);border:2px solid var(--border);transition:all var(--dur) var(--ease)}
.ekhizmet:hover{border-color:var(--accent);box-shadow:var(--sh-sm)}
.ivsdbc{width:25px;height:25px}.jvIdMP{display:flex;align-items:center;justify-content:center;width:40px;margin:0 1.5em}.bCRaIr{display:flex;flex-direction:column;text-align:left;font-size:1em;font-weight:bold}

/* PAYMENT */
#odemecont .btn-light{background:var(--card)!important;border:2px solid var(--border)!important;border-radius:var(--r-md)!important;padding:12px 20px!important;font-family:var(--fd);font-weight:600;font-size:14px;color:var(--txt)!important;transition:all var(--dur) var(--ease);margin-right:8px;margin-bottom:12px}
#odemecont .btn-light:hover{border-color:var(--accent)!important;color:var(--accent)!important;box-shadow:var(--sh-sm)}
.accordion .card{border:1px solid var(--border)!important;border-radius:var(--r-md)!important;margin-bottom:8px;overflow:hidden}
.accordion .card-header{background:var(--card)!important;border-bottom:1px solid var(--border);padding:10px}
.accordion .card-body{padding:18px 20px;font-family:var(--fb);text-align:left}
.accordion .card-body a{color:var(--accent);text-decoration:none;font-weight:600;transition:color var(--dur) var(--ease)}
.accordion .card-body a:hover{color:var(--accent-dk)}

/* FOOTER BAR */
.footerFixed{position:fixed;bottom:0;left:0;right:0;width:auto;background:rgba(255,255,255,.92);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-top:1px solid var(--border);box-shadow:0 -4px 20px rgba(0,0,0,.06);z-index:999;padding:14px 24px!important}
.devamFooter{font-family:var(--fd)!important;font-weight:700!important;font-size:15px!important;letter-spacing:.5px!important;background:var(--accent)!important;color:var(--white)!important;border:2px solid var(--accent)!important;border-radius:var(--r-full)!important;padding:13px 48px!important;width:auto;min-width:220px;transition:all var(--dur) var(--ease);box-shadow:var(--sh-sm);cursor:pointer;margin-right:0}
.devamFooter:hover:not(:disabled),.devamFooter:active,.devamFooter:focus{background:var(--accent-dk)!important;border-color:var(--accent-dk)!important;box-shadow:var(--sh-accent)!important;transform:translateY(-1px);color:var(--white)!important}
.devamFooter:disabled{background:var(--muted-bg)!important;border-color:var(--muted-bg)!important;color:var(--txt4)!important;cursor:not-allowed;box-shadow:none;transform:none}
.geriFooter{font-family:var(--fd)!important;font-weight:600!important;font-size:15px!important;background:var(--card)!important;color:var(--txt3)!important;border:2px solid var(--border)!important;border-radius:var(--r-full)!important;padding:11px 22px!important;margin-right:12px;transition:all var(--dur) var(--ease);cursor:pointer}
.geriFooter:hover{border-color:var(--txt3)!important;color:var(--txt)!important;transform:translateX(-3px)}

/* TAMAMLA */
#siparisComplete{font-family:var(--fd)!important;font-weight:700;font-size:16px;letter-spacing:.5px}
#stepother6 .btn-dark,#odemecont .btn-dark{background:var(--accent)!important;border:none!important;border-radius:var(--r-full)!important;padding:14px 44px!important;transition:all var(--dur) var(--ease);box-shadow:var(--sh-sm);display:inline-block;margin-top:16px}
#stepother6 .btn-dark:hover,#odemecont .btn-dark:hover{background:var(--accent-dk)!important;box-shadow:var(--sh-accent);transform:translateY(-2px)}
.basla{border:0;background:var(--accent);color:var(--white);border-radius:var(--r-sm)}
.baslaContainer{position:relative}

/* ALERTS */
.alert{font-family:var(--fb);font-weight:500;font-size:14px;border-radius:var(--r-md)!important;padding:14px 20px!important}
.alert-danger{background:var(--err-bg)!important;border:1px solid rgba(220,38,38,.15)!important;color:var(--err)!important}
.alert-warning{background:var(--warn-bg)!important;border:1px solid rgba(217,119,6,.15)!important;color:#92400E!important}
.alert-success{background:var(--ok-bg)!important;border:1px solid rgba(5,150,105,.15)!important;color:#065F46!important}

/* MODALS */
.modal-content{border:none!important;border-radius:var(--r-xl)!important;box-shadow:var(--sh-xl)!important;overflow:hidden}
.modal-header{background:var(--primary)!important;border:none!important;padding:20px 24px!important}
.modal-header .modal-title{font-family:var(--fd);font-weight:700;font-size:17px;color:var(--white)!important}
.modal-header .close{color:var(--white)!important;opacity:.7;text-shadow:none}
.modal-header .close:hover{opacity:1}
.modal-body{padding:28px 24px!important;font-family:var(--fb)}
.modal-body p{font-size:15px;color:var(--txt2)}
.modal-body b{color:var(--txt);font-weight:700}
.modal-footer{border-top:1px solid var(--border)!important;padding:16px 24px!important;gap:8px;justify-content:center}
.modal-footer .btn-secondary{background:var(--subtle)!important;color:var(--txt3)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;font-family:var(--fd);font-weight:600;padding:10px 24px!important;transition:all var(--dur) var(--ease)}
.modal-footer .btn-secondary:hover{background:var(--card)!important;border-color:var(--txt3)!important}
.modal-footer .btn-dark{background:var(--accent)!important;border:none!important;border-radius:var(--r-md)!important;font-family:var(--fd);font-weight:600;padding:10px 24px!important;color:var(--white)!important;transition:all var(--dur) var(--ease)}
.modal-footer .btn-dark:hover{background:var(--accent-dk)!important;box-shadow:var(--sh-accent)}
#telverify,#codeVerify{font-family:var(--fb)!important;background:var(--card)!important;border:2px solid var(--border)!important;border-radius:var(--r-md)!important;padding:14px 16px!important;font-size:20px!important;text-align:center;color:var(--txt)!important;transition:all var(--dur) var(--ease);width:100%}
#telverify:focus,#codeVerify:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important;outline:none}

/* RESTART */
.restartAll{display:none;position:absolute;width:100%;height:100%;inset:0;background:transparent;z-index:9999}
.restartAll::before{content:'';position:absolute;inset:0;background:#000;opacity:.5;width:100%;height:100%}
.restartBox{z-index:99999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;padding:40px;background:var(--card);border-radius:var(--r-xl);box-shadow:var(--sh-xl);display:flex;flex-direction:column;align-items:center}
.restartBox h1{text-align:center;font-size:24px;font-weight:800}
.restartBox p{text-align:center;color:var(--txt3)}
.restartBox .vazgecRestart{cursor:pointer;margin-top:20px;padding:12px 24px;background:var(--primary);color:var(--white);border-radius:var(--r-md);font-weight:600}
.restartBox .baslaRestart{background:var(--accent);color:var(--white);margin-top:12px;padding:12px 24px;border-radius:var(--r-md);font-weight:600;transition:all var(--dur) var(--ease)}
.restartBox .baslaRestart:hover{background:var(--card);color:var(--accent);border:2px solid var(--accent)}

/* FORMS */
.contentText{max-width:600px;margin:0 auto;margin-top:20px;}
.form-control{font-family:var(--fb)!important;border-radius:var(--r-md)!important;border:2px solid var(--border)!important;transition:all var(--dur) var(--ease)}
.form-control:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important}
.form-control::placeholder{color:var(--txt4)!important}

/* AUTOCOMPLETE */
.pac-container{border-radius:var(--r-md)!important;border:1px solid var(--border)!important;box-shadow:var(--sh-lg)!important;margin-top:4px;font-family:var(--fb)!important;z-index:10000}
.pac-item{padding:10px 14px!important;font-family:var(--fb)!important;font-size:14px!important;border:none!important;border-bottom:1px solid var(--subtle)!important;cursor:pointer}
.pac-item:hover{background:var(--subtle)!important}
.pac-item-query{font-weight:600!important;color:var(--txt)!important}

/* SCROLLBAR */
::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--txt4)}
::selection{background:rgba(232,90,48,.12);color:var(--txt)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* JUMBOTRON */
.jumbotron{background-color:transparent;margin:0;padding:10px}
.jumbotron h1{letter-spacing:2.5px;font-size:3.5em}
.jumbotron h1,.jumbotron p{text-align:center}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:992px){
    .container-fluid{padding-left:16px!important;padding-right:16px!important}
    .textImg,#titleSection{font-size:24px!important}
    .listUl li{min-width:130px;max-width:170px}
    .listUl li label{width:140px}
}
@media(max-width:768px){
    .textImg,#titleSection{font-size:22px!important}
    .footerFixed{padding:12px 16px!important}
    .devamFooter{padding:12px 32px!important;font-size:14px!important;min-width:180px}
    .shadowOzet{border-radius:var(--r-lg)!important}
    .baslik{font-size:10px;margin:0!important}
    .telContSize{max-width:100%}
    .listDateUl li{min-width:110px}
    .listDateUl li label{min-width:110px}
    #customIOzet{padding:0!important}
    .restartBox{width:80%;padding:24px}
    .restartBox h1{font-size:18px}
}
@media(max-width:600px){
    .listUl li{min-height:auto!important;padding:0!important;min-width:unset;max-width:unset;width:100%;flex:0 0 100%}
    .listUl li label{width:100%;height:auto;min-height:auto;padding:14px;display:flex;align-items:center;gap:12px;text-align:left}
    .listUl li label img{width:44px!important;height:44px!important;margin:0!important;filter:grayscale(80%)}
    .listUl h5{margin-top:0;font-size:15px!important;text-align:left;width:auto;height:auto}
    .textImg{font-size:20px!important}
    .telContSize{left:0!important}
    #mobileWp{margin-top:0!important}
    .devamFooter{margin-left:12px;min-width:160px}
    #locaCustom{padding:0 8px!important}
    #headerMobile{margin-top:10px!important}
    .header{padding:8px!important}
    #logoCustom{width:140px!important;margin-top:6px}
    #colTerl{padding:0 8px!important}
    .listDateUl{gap:8px}
    .listDateUl li{min-width:100px}
    .listDateUl li label{min-width:100px;padding:10px}
    .cardSaat{width:80px;margin:4px}
    .ekEsya{padding:12px!important}
    .ekEsyaContent{padding-left:28px;gap:10px}
    #stepother6 .col-lg-4.col-12.p-3{padding:8px 12px!important}
    .restartBox .vazgecRestart,.restartBox .baslaRestart{width:80%;padding:10px;font-size:12px;margin:6px auto}
}
@media(max-width:400px){
    .textImg,#titleSection{font-size:18px!important}
    #logoCustom{width:120px!important}
    .listDateUl li{min-width:90px}
}
@media print{
    #header,.footerFixed,.geriFooter,.devamFooter{display:none!important}
    body{background:white}
    .shadowOzet{box-shadow:none!important;border:1px solid #ddd!important}
}

.form-container {
    background: var(--card);
    padding: 10px;
    border-radius: var(--r-lg);
}

.modern-input-wrapper {
    position: relative;
    width: 100%;
}

.modern-input-wrapper .icon-box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    color: var(--accent);
    font-size: 18px;
    font-weight: 600;
    border-right: 1px solid var(--border);
    background: rgba(232,90,48,0.05);
    border-top-left-radius: var(--r-md);
    border-bottom-left-radius: var(--r-md);
}

.modern-input-wrapper .country-code {
    font-family: var(--fd);
    font-weight: 700;
    font-size: 16px;
    color: var(--primary);
}

.modern-input {
    width: 100% !important;
    height: 58px !important;
    padding-left: 75px !important;
    padding-right: 20px !important;
    background: var(--white) !important;
    border: 2px solid var(--border) !important;
    border-radius: var(--r-md) !important;
    font-family: var(--fb) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--txt) !important;
    transition: all 0.3s ease !important;
    box-shadow: var(--sh-xs) !important;
}

.modern-input:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 4px var(--accent-glow) !important;
    background: var(--white) !important;
}

.modern-input::placeholder {
    color: var(--txt4) !important;
    font-weight: 400;
}

.modern-input.error {
    border-color: var(--err) !important;
}

.modern-input:focus + .icon-box,
.modern-input-wrapper:focus-within .icon-box {
    background: var(--accent);
    color: var(--white);
    border-color: var(--accent);
}

.modern-input-wrapper:focus-within .country-code {
    color: var(--white);
}

.modal-backdrop {
    position: relative;
    z-index: 50;
    width: 100vw;
    height: auto;}