/* Plus Kent Destek Ofisi v1.0.50 — Public landing canonical stylesheet
   Tek amaç: standalone danışmanlık/franchise landing sayfalarında tek ve kararlı görünüm. */
:root{
  --xan-petrol:#03475D;
  --xan-petrol-dark:#022F40;
  --xan-petrol-ink:#0A3444;
  --xan-orange:#F94301;
  --xan-orange-dark:#D93A00;
  --xan-green:#1FB866;
  --xan-line:#D5E3E8;
  --xan-muted:#506A75;
  --xan-surface:#FFFFFF;
  --xan-soft:#F4F8F9;
}

html{background:#EEF4F6!important}
body.dof-public-body{
  margin:0!important;
  min-width:320px!important;
  background:#EEF4F6!important;
  color:var(--xan-petrol-ink)!important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
  font-synthesis:none!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
body.dof-public-body *{box-sizing:border-box!important}
body.dof-public-body a,body.dof-public-body button,body.dof-public-body input,body.dof-public-body select{font-family:inherit!important}

body.dof-public-body .dof-public-page{
  width:100%!important;
  min-height:100vh!important;
  padding:12px 18px 28px!important;
  background:
    radial-gradient(circle at 10% 4%,rgba(3,71,93,.08),transparent 26%),
    radial-gradient(circle at 90% 92%,rgba(249,67,1,.055),transparent 22%),
    linear-gradient(180deg,#F3F7F8 0%,#FFFFFF 58%,#F4F8F9 100%)!important;
}

/* Üst marka şeridi — boş hero değil, kompakt kimlik alanı */
body.dof-public-body .dof-public-brandbar{
  width:min(1180px,100%)!important;
  min-height:64px!important;
  margin:0 auto 10px!important;
  padding:7px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  border:1px solid var(--xan-line)!important;
  border-radius:16px!important;
  background:#FFF!important;
  box-shadow:0 8px 24px rgba(3,71,93,.065)!important;
}
body.dof-public-body .dof-public-brandbar img{
  display:block!important;
  width:116px!important;
  max-width:34vw!important;
  height:auto!important;
  flex:0 0 auto!important;
}
body.dof-public-body .dof-public-brandbar>span{
  display:flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding-left:16px!important;
  border-left:1px solid #DCE7EB!important;
  color:var(--xan-petrol)!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:500!important;
  letter-spacing:0!important;
}

/* Ana dönüşüm yüzeyi */
body.dof-public-body .dof-public-shell.has-media{
  position:relative!important;
  isolation:isolate!important;
  width:min(1180px,100%)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:24px 28px 24px!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(3,71,93,.15)!important;
  border-top:4px solid var(--xan-orange)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 5% 8%,rgba(255,255,255,.08),transparent 27%),
    radial-gradient(circle at 96% 94%,rgba(249,67,1,.12),transparent 25%),
    linear-gradient(135deg,#023B4F 0%,var(--xan-petrol) 56%,var(--xan-petrol-dark) 100%)!important;
  box-shadow:0 26px 68px rgba(3,47,63,.18)!important;
}
body.dof-public-body .dof-public-shell.has-media::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:linear-gradient(125deg,rgba(255,255,255,.035),transparent 38%,rgba(255,255,255,.012))!important;
}
body.dof-public-body .dof-public-shell.has-media::after{
  content:""!important;
  position:absolute!important;
  width:250px!important;
  height:250px!important;
  right:-72px!important;
  top:-94px!important;
  z-index:0!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 34px rgba(255,255,255,.016),0 0 0 68px rgba(255,255,255,.01)!important;
  pointer-events:none!important;
}
body.dof-public-body .dof-public-shell.has-media>.dof-public-primary,
body.dof-public-body .dof-public-shell.has-media>.dof-public-copy{position:relative!important;z-index:1!important}

/* Video + form: gerçek iki kolon */
body.dof-public-body .dof-public-shell.has-media .dof-public-primary{
  width:min(1000px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-areas:"media form"!important;
  grid-template-columns:minmax(320px,420px) minmax(430px,500px)!important;
  justify-content:center!important;
  align-items:center!important;
  gap:34px!important;
}
body.dof-public-body .dof-public-shell.has-media.has-video-landscape .dof-public-primary{
  grid-template-columns:minmax(390px,470px) minmax(420px,500px)!important;
  gap:28px!important;
}
body.dof-public-body .dof-public-shell.has-media .dof-public-media-wrap{
  grid-area:media!important;
  width:100%!important;
  min-width:0!important;
  padding:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body.dof-public-body .dof-public-shell.has-media .dof-public-form-wrap{
  grid-area:form!important;
  width:100%!important;
  max-width:500px!important;
  min-width:0!important;
}

/* Video kartı */
body.dof-public-body .dof-form-media{margin:0!important;max-width:100%!important}
body.dof-public-body .dof-form-media.is-portrait{width:min(100%,300px)!important;max-width:300px!important}
body.dof-public-body .dof-form-media.is-square{width:min(100%,350px)!important;max-width:350px!important}
body.dof-public-body .dof-form-media.is-landscape{width:min(100%,440px)!important;max-width:440px!important}
body.dof-public-body .dof-form-media__viewport{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:var(--dof-video-ratio,9 / 16)!important;
  overflow:hidden!important;
  position:relative!important;
  border:1px solid rgba(255,255,255,.76)!important;
  border-bottom:3px solid var(--xan-orange)!important;
  border-radius:19px!important;
  background:var(--xan-petrol-dark)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}
body.dof-public-body .dof-form-media__video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  background:var(--xan-petrol-dark)!important;
}
body.dof-public-body .dof-form-media__top{top:10px!important;right:10px!important;left:auto!important;width:auto!important}
body.dof-public-body .dof-media-sound{
  min-height:34px!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:999px!important;
  background:#FFF!important;
  color:var(--xan-petrol)!important;
  font-size:11px!important;
  font-weight:500!important;
  box-shadow:0 6px 18px rgba(0,0,0,.14)!important;
}
body.dof-public-body .dof-media-sound.is-on{background:var(--xan-green)!important;border-color:var(--xan-green)!important;color:#FFF!important}
body.dof-public-body .dof-media-sound:hover,body.dof-public-body .dof-media-sound:focus-visible{filter:brightness(.97)!important;color:var(--xan-petrol)!important}
body.dof-public-body .dof-media-sound.is-on:hover,body.dof-public-body .dof-media-sound.is-on:focus-visible{color:#FFF!important}
body.dof-public-body .dof-media-play{
  width:52px!important;
  height:52px!important;
  background:rgba(255,255,255,.94)!important;
  color:var(--xan-petrol)!important;
  border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
}
body.dof-public-body .dof-form-media__meta{
  width:100%!important;
  min-height:44px!important;
  margin-top:8px!important;
  padding:6px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:12px!important;
  background:#FFF!important;
  box-shadow:0 7px 18px rgba(0,0,0,.11)!important;
}
body.dof-public-body .dof-form-media__nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
body.dof-public-body .dof-media-prev,body.dof-public-body .dof-media-next{
  width:30px!important;height:30px!important;border-radius:9px!important;
  background:var(--xan-petrol)!important;color:#FFF!important;border:0!important;font-size:20px!important;line-height:28px!important
}
body.dof-public-body .dof-media-prev:hover,body.dof-public-body .dof-media-next:hover{background:var(--xan-orange)!important;color:#FFF!important}
body.dof-public-body .dof-form-media__dots{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;max-width:150px!important}
body.dof-public-body .dof-form-media__dots button{width:6px!important;height:6px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#A7BEC7!important}
body.dof-public-body .dof-form-media__dots button.is-active{width:19px!important;border-radius:999px!important;background:var(--xan-orange)!important}

/* Form — net, sakin, kurumsal */
body.dof-public-body .dof-public-form-wrap .dof-card{
  width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.95)!important;
  border-top:4px solid var(--xan-orange)!important;
  border-radius:20px!important;
  background:#FFF!important;
  box-shadow:0 20px 50px rgba(0,0,0,.18)!important;
}
body.dof-public-body .dof-public-form-wrap .dof-card__head{
  padding:19px 20px 12px!important;
  background:linear-gradient(180deg,#FFF,#F8FBFC)!important;
  border-bottom:1px solid #DFE9EC!important;
  text-align:center!important;
}
body.dof-public-body .dof-public-form-wrap .dof-card__head h3{
  margin:0!important;
  color:var(--xan-petrol)!important;
  font-size:23px!important;
  line-height:1.15!important;
  font-weight:500!important;
  letter-spacing:-.02em!important;
}
body.dof-public-body .dof-public-form-wrap .dof-card__head p{
  margin:6px 0 0!important;
  color:#3D5864!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:500!important;
}
body.dof-public-body .dof-public-form-wrap .dof-form{padding:15px 20px 18px!important}
body.dof-public-body .dof-public-form-wrap .dof-grid{gap:12px 11px!important}
body.dof-public-body .dof-public-form-wrap .dof-grid span{
  color:#173D4B!important;
  font-size:11px!important;
  font-weight:500!important;
  letter-spacing:.015em!important;
}
body.dof-public-body .dof-public-form-wrap .dof-grid input,
body.dof-public-body .dof-public-form-wrap .dof-grid select{
  min-height:47px!important;
  width:100%!important;
  border:1px solid #B9CED6!important;
  border-radius:10px!important;
  background:#FFF!important;
  color:#123543!important;
  font-size:14px!important;
  font-weight:500!important;
  outline:none!important;
}
body.dof-public-body .dof-public-form-wrap .dof-grid input::placeholder{color:#728994!important;opacity:1!important}
body.dof-public-body .dof-public-form-wrap .dof-grid input:focus,
body.dof-public-body .dof-public-form-wrap .dof-grid select:focus{
  border-color:var(--xan-orange)!important;
  box-shadow:0 0 0 3px rgba(249,67,1,.11)!important;
}
body.dof-public-body .dof-public-form-wrap .dof-consent{color:#405B66!important;font-size:11.5px!important;line-height:1.45!important;font-weight:500!important}
body.dof-public-body .dof-public-form-wrap .dof-submit{
  min-height:50px!important;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,var(--xan-orange),var(--xan-orange-dark))!important;
  color:#FFF!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  box-shadow:0 11px 25px rgba(249,67,1,.22)!important;
}
body.dof-public-body .dof-public-form-wrap .dof-submit:hover,
body.dof-public-body .dof-public-form-wrap .dof-submit:focus-visible{
  background:linear-gradient(135deg,#FF5318,#DB3B00)!important;
  color:#FFF!important;
  transform:translateY(-1px)!important;
  box-shadow:0 14px 28px rgba(249,67,1,.27)!important;
}
body.dof-public-body .dof-form-note{color:#5A737E!important;font-size:10.5px!important;line-height:1.4!important}

/* Ana mesaj — hero içinde beyaz ikna kartı */
body.dof-public-body .dof-public-shell.has-media .dof-public-copy{
  width:min(960px,100%)!important;
  margin:20px auto 0!important;
  padding:22px 24px 20px!important;
  border:1px solid rgba(255,255,255,.9)!important;
  border-top:3px solid var(--xan-orange)!important;
  border-radius:18px!important;
  background:#FFF!important;
  box-shadow:0 14px 32px rgba(0,0,0,.115)!important;
  text-align:center!important;
}
body.dof-public-body .dof-public-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  padding:0 10px!important;
  margin:0 0 9px!important;
  border:1px solid #FFD0BF!important;
  border-radius:999px!important;
  background:#FFF0EA!important;
  color:#BA360A!important;
  font-size:10.5px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
body.dof-public-body .dof-public-copy h1{
  max-width:760px!important;
  margin:0 auto 8px!important;
  color:#0A3444!important;
  font-size:clamp(30px,3vw,44px)!important;
  line-height:1.05!important;
  font-weight:500!important;
  letter-spacing:-.03em!important;
}
body.dof-public-body .dof-public-copy>p{
  max-width:740px!important;
  margin:0 auto!important;
  color:#435F6B!important;
  font-size:14.5px!important;
  line-height:1.5!important;
  font-weight:500!important;
}
body.dof-public-body .dof-public-bullets{
  max-width:760px!important;
  margin:15px auto 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  list-style:none!important;
}
body.dof-public-body .dof-public-bullets li{
  position:relative!important;
  min-height:54px!important;
  padding:11px 11px 11px 36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #D5E3E8!important;
  border-radius:11px!important;
  background:#F8FBFC!important;
  color:#173B49!important;
  font-size:12.5px!important;
  line-height:1.28!important;
  font-weight:500!important;
  text-align:center!important;
}
body.dof-public-body .dof-public-bullets li::before{
  content:"✓"!important;
  position:absolute!important;
  left:10px!important;
  top:50%!important;
  width:19px!important;
  height:19px!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:var(--xan-orange)!important;
  color:#FFF!important;
  font-size:11px!important;
  font-weight:500!important;
}

/* WhatsApp — hover dahil beyaz metin */
body.dof-public-body .dof-public-wa,
body.dof-public-body .dof-public-wa:link,
body.dof-public-body .dof-public-wa:visited{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  margin:15px auto 0!important;
  padding:0 17px!important;
  border:1px solid #1DA85A!important;
  border-radius:11px!important;
  background:var(--xan-green)!important;
  color:#FFF!important;
  text-decoration:none!important;
  font-size:12.5px!important;
  font-weight:500!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:0 9px 22px rgba(31,184,102,.20)!important;
}
body.dof-public-body .dof-public-wa:hover,
body.dof-public-body .dof-public-wa:focus,
body.dof-public-body .dof-public-wa:focus-visible,
body.dof-public-body .dof-public-wa:active{
  background:#148A49!important;
  border-color:#148A49!important;
  color:#FFF!important;
  text-decoration:none!important;
  opacity:1!important;
  filter:none!important;
  transform:translateY(-1px)!important;
  box-shadow:0 12px 26px rgba(20,138,73,.27)!important;
  outline:2px solid rgba(249,67,1,.22)!important;
  outline-offset:2px!important;
}

/* Güven adımları */
body.dof-public-body .dof-public-trust{
  width:min(1180px,100%)!important;
  margin:10px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
body.dof-public-body .dof-public-trust>div{
  min-height:82px!important;
  padding:14px 16px!important;
  border:1px solid var(--xan-line)!important;
  border-top:3px solid var(--xan-petrol)!important;
  border-radius:13px!important;
  background:#FFF!important;
  box-shadow:0 7px 20px rgba(3,71,93,.05)!important;
  text-align:center!important;
}
body.dof-public-body .dof-public-trust>div:nth-child(2){border-top-color:var(--xan-orange)!important}
body.dof-public-body .dof-public-trust strong{display:block!important;color:#123847!important;font-size:14px!important;font-weight:500!important}
body.dof-public-body .dof-public-trust span{display:block!important;margin-top:4px!important;color:#49646F!important;font-size:11.5px!important;line-height:1.42!important;font-weight:500!important}

@media (hover:hover){
  body.dof-public-body .dof-public-trust>div{transition:transform .18s ease,box-shadow .18s ease!important}
  body.dof-public-body .dof-public-trust>div:hover{transform:translateY(-2px)!important;box-shadow:0 11px 25px rgba(3,71,93,.08)!important}
}

/* Tablet */
@media(min-width:901px) and (max-width:1100px){
  body.dof-public-body .dof-public-page{padding-inline:12px!important}
  body.dof-public-body .dof-public-shell.has-media{padding:20px!important}
  body.dof-public-body .dof-public-shell.has-media .dof-public-primary{
    grid-template-columns:minmax(290px,360px) minmax(390px,470px)!important;
    gap:20px!important;
  }
  body.dof-public-body .dof-form-media.is-portrait{width:min(100%,286px)!important;max-width:286px!important}
  body.dof-public-body .dof-form-media.is-square{width:min(100%,330px)!important;max-width:330px!important}
  body.dof-public-body .dof-form-media.is-landscape{width:min(100%,360px)!important;max-width:360px!important}
}
@media(min-width:768px) and (max-width:900px){
  body.dof-public-body .dof-public-page{padding-inline:10px!important}
  body.dof-public-body .dof-public-shell.has-media{padding:16px!important}
  body.dof-public-body .dof-public-shell.has-media .dof-public-primary{
    grid-template-columns:1fr!important;
    grid-template-areas:"form" "media"!important;
    gap:14px!important;
  }
  body.dof-public-body .dof-public-shell.has-media .dof-public-form-wrap{max-width:560px!important;margin-inline:auto!important}
  body.dof-public-body .dof-public-shell.has-media .dof-public-media-wrap{max-width:620px!important;margin-inline:auto!important}
  body.dof-public-body .dof-form-media.is-portrait{width:min(100%,310px)!important;max-width:310px!important}
  body.dof-public-body .dof-form-media.is-square{width:min(100%,390px)!important;max-width:390px!important}
  body.dof-public-body .dof-form-media.is-landscape{width:min(100%,540px)!important;max-width:540px!important}
}

/* Mobil — masaüstünü küçültme; ayrı sıralama */
@media(max-width:767px){
  body.dof-public-body .dof-public-page{padding:6px 6px calc(14px + env(safe-area-inset-bottom,0px))!important}
  body.dof-public-body .dof-public-brandbar{
    min-height:54px!important;
    margin-bottom:6px!important;
    padding:5px 9px!important;
    gap:9px!important;
    border-radius:12px!important;
  }
  body.dof-public-body .dof-public-brandbar img{width:92px!important;max-width:31vw!important}
  body.dof-public-body .dof-public-brandbar>span{min-height:24px!important;padding-left:9px!important;font-size:10px!important;text-align:left!important}
  body.dof-public-body .dof-public-shell.has-media{padding:7px!important;border-radius:17px!important}
  body.dof-public-body .dof-public-shell.has-media::after{display:none!important}
  body.dof-public-body .dof-public-shell.has-media .dof-public-primary{
    width:100%!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"form" "media"!important;
    gap:8px!important;
  }
  body.dof-public-body .dof-public-shell.has-media .dof-public-form-wrap{max-width:none!important}
  body.dof-public-body .dof-public-shell.has-media .dof-public-media-wrap{padding:7px!important;border-radius:14px!important}
  body.dof-public-body .dof-form-media.is-portrait{width:min(100%,306px)!important;max-width:306px!important}
  body.dof-public-body .dof-form-media.is-square{width:min(100%,360px)!important;max-width:360px!important}
  body.dof-public-body .dof-form-media.is-landscape{width:100%!important;max-width:540px!important}
  body.dof-public-body .dof-public-form-wrap .dof-card{border-radius:14px!important}
  body.dof-public-body .dof-public-form-wrap .dof-card__head{padding:12px 11px 8px!important}
  body.dof-public-body .dof-public-form-wrap .dof-card__head h3{font-size:19px!important}
  body.dof-public-body .dof-public-form-wrap .dof-card__head p{font-size:12px!important}
  body.dof-public-body .dof-public-form-wrap .dof-form{padding:9px 11px 12px!important}
  body.dof-public-body .dof-public-form-wrap .dof-grid{grid-template-columns:1fr!important;gap:8px!important}
  body.dof-public-body .dof-public-form-wrap .dof-grid input,
  body.dof-public-body .dof-public-form-wrap .dof-grid select{min-height:44px!important;font-size:14px!important}
  body.dof-public-body .dof-public-form-wrap .dof-consent{font-size:10.5px!important}
  body.dof-public-body .dof-public-shell.has-media .dof-public-copy{margin-top:8px!important;padding:14px 10px!important;border-radius:14px!important}
  body.dof-public-body .dof-public-copy h1{font-size:22px!important;line-height:1.1!important}
  body.dof-public-body .dof-public-copy>p{font-size:12.5px!important}
  body.dof-public-body .dof-public-bullets{grid-template-columns:1fr!important;gap:6px!important;margin-top:11px!important}
  body.dof-public-body .dof-public-bullets li{min-height:44px!important;font-size:12px!important}
  body.dof-public-body .dof-public-wa{width:100%!important;max-width:330px!important;min-height:44px!important}
  body.dof-public-body .dof-public-trust{grid-template-columns:1fr!important;gap:6px!important;margin-top:7px!important}
  body.dof-public-body .dof-public-trust>div{min-height:0!important;padding:10px 11px!important;border-radius:11px!important}
  body.dof-public-body .dof-public-trust strong{font-size:13px!important}
  body.dof-public-body .dof-public-trust span{font-size:11px!important}
}
@media(max-width:359px){
  body.dof-public-body .dof-public-brandbar img{width:82px!important}
  body.dof-public-body .dof-public-brandbar>span{font-size:9.5px!important}
  body.dof-public-body .dof-form-media.is-portrait{width:min(100%,276px)!important;max-width:276px!important}
  body.dof-public-body .dof-public-copy h1{font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){
  body.dof-public-body .dof-public-wa,
  body.dof-public-body .dof-public-form-wrap .dof-submit,
  body.dof-public-body .dof-public-trust>div{transition:none!important;transform:none!important}
}


/* v1.0.54 — Başvuru sonrası dönüşüm merkezi */
body.dof-public-body .dof-post-submit{
  margin-top:12px!important;padding:12px!important;border:1px solid #cfe3ea!important;border-radius:14px!important;
  background:linear-gradient(180deg,#f8fcfd 0%,#eef7fa 100%)!important;box-shadow:0 8px 20px rgba(3,71,93,.07)!important;
  color:#173d4b!important;text-align:left!important;
}
body.dof-public-body .dof-post-submit__title{display:block!important;margin:0 0 9px!important;color:#03475D!important;font-size:13px!important;font-weight:500!important}
body.dof-public-body .dof-post-submit__actions{display:grid!important;gap:9px!important}
body.dof-public-body .dof-post-submit__wa,
body.dof-public-body .dof-post-submit__appt-btn{
  min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 14px!important;
  border:0!important;border-radius:10px!important;text-decoration:none!important;font:500 13px/1.2 "Segoe UI",Tahoma,Arial,sans-serif!important;cursor:pointer!important
}
body.dof-public-body .dof-post-submit__wa{background:#1da851!important;color:#fff!important}
body.dof-public-body .dof-post-submit__wa:hover,
body.dof-public-body .dof-post-submit__wa:focus{background:#14863f!important;color:#fff!important}
body.dof-public-body .dof-post-submit__appointment{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important}
body.dof-public-body .dof-post-submit__appointment label{display:grid!important;gap:5px!important;color:#244c5b!important;font-size:11px!important;font-weight:500!important}
body.dof-public-body .dof-post-submit__datetime{width:100%!important;min-width:0!important;min-height:42px!important;padding:8px 10px!important;border:1px solid #bfd5dd!important;border-radius:10px!important;background:#fff!important;color:#173d4b!important;font-size:13px!important}
body.dof-public-body .dof-post-submit__datetime:focus{outline:2px solid rgba(249,67,1,.18)!important;border-color:#F94301!important}
body.dof-public-body .dof-post-submit__appt-btn{background:#F94301!important;color:#fff!important;white-space:nowrap!important}
body.dof-public-body .dof-post-submit__appt-btn:hover,
body.dof-public-body .dof-post-submit__appt-btn:focus{background:#d83a00!important;color:#fff!important}
body.dof-public-body .dof-post-submit__state{grid-column:1/-1!important;min-height:16px!important;color:#4c6670!important;font-size:11px!important;font-weight:500!important}
body.dof-public-body .dof-post-submit__state.is-success{color:#14723d!important}
body.dof-public-body .dof-post-submit__state.is-error{color:#b42318!important}
@media(max-width:520px){
  body.dof-public-body .dof-post-submit{padding:10px!important;border-radius:12px!important}
  body.dof-public-body .dof-post-submit__appointment{grid-template-columns:1fr!important}
  body.dof-public-body .dof-post-submit__appt-btn{width:100%!important}
}

/* v1.0.55 — Mobil yatay geometri kilidi
   Amaç: form/video grubunun herhangi bir eski grid, min-width, margin veya transform
   nedeniyle viewport dışına sola taşmasını kesin olarak engellemek. */
@media (max-width: 767px) {
  html,
  body.dof-public-body {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
  }

  body.dof-public-body .dof-public-page {
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding-top:6px!important;
    padding-right:max(6px, env(safe-area-inset-right, 0px))!important;
    padding-bottom:calc(14px + env(safe-area-inset-bottom, 0px))!important;
    padding-left:max(6px, env(safe-area-inset-left, 0px))!important;
    overflow-x:hidden!important;
  }

  body.dof-public-body .dof-public-brandbar,
  body.dof-public-body .dof-public-shell,
  body.dof-public-body .dof-public-shell.has-media,
  body.dof-public-body .dof-public-primary,
  body.dof-public-body .dof-public-form-wrap,
  body.dof-public-body .dof-public-media-wrap,
  body.dof-public-body .dof-public-copy,
  body.dof-public-body .dof-public-trust,
  body.dof-public-body .dof-franchise-conversion {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }

  body.dof-public-body .dof-public-brandbar,
  body.dof-public-body .dof-public-shell,
  body.dof-public-body .dof-public-shell.has-media,
  body.dof-public-body .dof-public-trust,
  body.dof-public-body .dof-franchise-conversion {
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.dof-public-body .dof-public-shell.has-media {
    display:block!important;
    padding:7px!important;
    overflow:hidden!important;
  }

  body.dof-public-body .dof-public-shell.has-media .dof-public-primary {
    display:grid!important;
    grid-template-columns:minmax(0, 1fr)!important;
    grid-template-areas:"form" "media"!important;
    gap:8px!important;
    justify-content:stretch!important;
    align-items:start!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.dof-public-body .dof-public-shell.has-media .dof-public-form-wrap,
  body.dof-public-body .dof-public-shell.has-media .dof-public-media-wrap {
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    justify-self:stretch!important;
    align-self:start!important;
  }

  body.dof-public-body .dof-public-shell.has-media .dof-public-form-wrap {
    grid-area:form!important;
  }

  body.dof-public-body .dof-public-shell.has-media .dof-public-media-wrap {
    grid-area:media!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:7px!important;
    overflow:hidden!important;
  }

  body.dof-public-body .dof-public-form-wrap .dof-card,
  body.dof-public-body .dof-public-form-wrap .dof-card__head,
  body.dof-public-body .dof-public-form-wrap .dof-form,
  body.dof-public-body .dof-public-form-wrap .dof-grid,
  body.dof-public-body .dof-public-form-wrap .dof-grid > *,
  body.dof-public-body .dof-public-form-wrap label,
  body.dof-public-body .dof-public-form-wrap input,
  body.dof-public-body .dof-public-form-wrap select,
  body.dof-public-body .dof-public-form-wrap textarea,
  body.dof-public-body .dof-public-form-wrap button {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body.dof-public-body .dof-public-form-wrap .dof-card {
    width:100%!important;
    margin:0!important;
    transform:none!important;
  }

  body.dof-public-body .dof-public-form-wrap .dof-form,
  body.dof-public-body .dof-public-form-wrap .dof-grid {
    width:100%!important;
  }

  body.dof-public-body .dof-public-form-wrap .dof-grid {
    grid-template-columns:minmax(0, 1fr)!important;
  }

  body.dof-public-body .dof-public-form-wrap input,
  body.dof-public-body .dof-public-form-wrap select,
  body.dof-public-body .dof-public-form-wrap textarea {
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }

  body.dof-public-body .dof-public-shell.has-media .dof-form-media {
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body.dof-public-body .dof-public-shell.has-media .dof-form-media.is-portrait {
    width:min(100%, 308px)!important;
  }

  body.dof-public-body .dof-public-shell.has-media .dof-form-media.is-square,
  body.dof-public-body .dof-public-shell.has-media .dof-form-media.is-landscape {
    width:100%!important;
  }

  body.dof-public-body .dof-form-media__viewport,
  body.dof-public-body .dof-form-media__video,
  body.dof-public-body .dof-form-media__meta {
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

@media (max-width: 359px) {
  body.dof-public-body .dof-public-shell.has-media .dof-form-media.is-portrait {
    width:min(100%, 278px)!important;
  }
}

/* v1.0.57 — Mobil form → video dikey ritim düzeltmesi / boşluk kilidi */
@media (max-width:767px){
  body.dof-public-body .dof-public-shell.has-media{
    padding:6px!important;
  }
  body.dof-public-body .dof-public-shell.has-media .dof-public-primary{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    row-gap:0!important;
    align-items:stretch!important;
  }
  body.dof-public-body .dof-public-shell.has-media .dof-public-form-wrap{
    order:1!important;
    margin:0!important;
    padding:0!important;
  }
  body.dof-public-body .dof-public-shell.has-media .dof-public-media-wrap{
    order:2!important;
    margin:4px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    min-height:0!important;
  }
  body.dof-public-body .dof-public-shell.has-media .dof-public-form-wrap .dof-card{
    margin:0!important;
  }
  body.dof-public-body .dof-public-shell.has-media .dof-form-media{
    margin:0 auto!important;
    padding:0!important;
  }
  body.dof-public-body .dof-public-shell.has-media .dof-form-media__viewport{
    margin-top:0!important;
  }
  body.dof-public-body .dof-public-shell.has-media .dof-form-media__meta{
    margin-top:5px!important;
  }
}
@media (max-width:430px){
  body.dof-public-body .dof-public-shell.has-media{padding:4px!important}
  body.dof-public-body .dof-public-shell.has-media .dof-public-media-wrap{margin-top:3px!important}
}

/* v1.0.58 — Mobil kaynak sırası: VIDEO → FORM / kenar artefaktı kesin kapatma */
@media (max-width:767px){
  html,
  body.dof-public-body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:clip!important;
  }

  body.dof-public-body .dof-public-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:clip!important;
  }

  /* Masaüstünden kalan dekor/pseudo katmanları mobil kenarda görünemez. */
  body.dof-public-body .dof-public-shell.has-media::before,
  body.dof-public-body .dof-public-shell.has-media::after,
  body.dof-public-body .dof-public-primary::before,
  body.dof-public-body .dof-public-primary::after,
  body.dof-public-body .dof-public-media-wrap::before,
  body.dof-public-body .dof-public-media-wrap::after,
  body.dof-public-body .dof-public-form-wrap::before,
  body.dof-public-body .dof-public-form-wrap::after{
    content:none!important;
    display:none!important;
  }

  body.dof-public-body .dof-public-shell.has-media{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:4px!important;
    overflow:clip!important;
    border-radius:16px!important;
  }

  body.dof-public-body .dof-public-shell.has-media .dof-public-primary{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    gap:4px!important;
    row-gap:4px!important;
    overflow:visible!important;
  }

  /* DOM'da da video önce; order yalnız eski cache/markup için güvenlik ağıdır. */
  body.dof-public-body .dof-public-shell.has-media .dof-public-media-wrap{
    order:1!important;
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:clip!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    left:auto!important;
    right:auto!important;
  }

  body.dof-public-body .dof-public-shell.has-media .dof-public-form-wrap{
    order:2!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    left:auto!important;
    right:auto!important;
  }

  body.dof-public-body .dof-public-shell.has-media .dof-form-media{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    transform:none!important;
  }
  body.dof-public-body .dof-public-shell.has-media .dof-form-media.is-portrait{
    width:min(100%,320px)!important;
    max-width:320px!important;
  }
  body.dof-public-body .dof-public-shell.has-media .dof-form-media.is-square,
  body.dof-public-body .dof-public-shell.has-media .dof-form-media.is-landscape{
    width:100%!important;
    max-width:100%!important;
  }

  body.dof-public-body .dof-form-media__viewport,
  body.dof-public-body .dof-form-media__meta,
  body.dof-public-body .dof-public-form-wrap .dof-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.dof-public-body .dof-form-media__meta{
    margin-top:4px!important;
    margin-bottom:0!important;
  }

  body.dof-public-body .dof-public-form-wrap .dof-card{
    margin-top:0!important;
  }
}

@media (max-width:430px){
  body.dof-public-body .dof-public-shell.has-media .dof-public-primary{gap:3px!important;row-gap:3px!important}
  body.dof-public-body .dof-public-shell.has-media .dof-form-media.is-portrait{width:min(100%,304px)!important;max-width:304px!important}
}

@media (max-width:359px){
  body.dof-public-body .dof-public-shell.has-media .dof-form-media.is-portrait{width:min(100%,276px)!important;max-width:276px!important}
}


/* v1.0.59 — MOBİL ONAY METNİ KÖK NEDEN FIX
   Sorun: .dof-consent içindeki metin bazı eski flex/grid kuralları altında birkaç px genişliğe
   sıkışıyor, harf harf sağ kenarda uzayıp form kartına devasa sahte yükseklik veriyordu. */
body.dof-public-body .dof-public-form-wrap .dof-consent{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:start!important;
  justify-content:stretch!important;
  column-gap:9px!important;
  row-gap:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:11px 0 0!important;
  padding:0!important;
  position:static!important;
  inset:auto!important;
  float:none!important;
  overflow:visible!important;
  white-space:normal!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}
body.dof-public-body .dof-public-form-wrap .dof-consent>input[type="checkbox"]{
  grid-column:1!important;
  grid-row:1!important;
  position:static!important;
  inset:auto!important;
  float:none!important;
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  margin:1px 0 0!important;
  padding:0!important;
  justify-self:start!important;
  align-self:start!important;
  transform:none!important;
}
body.dof-public-body .dof-public-form-wrap .dof-consent>.dof-consent__text{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  position:static!important;
  inset:auto!important;
  float:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#405B66!important;
  font-size:11.5px!important;
  line-height:1.42!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform:none!important;
  overflow:visible!important;
}
body.dof-public-body .dof-public-form-wrap .dof-consent>.dof-consent__text a{
  display:inline!important;
  position:static!important;
  width:auto!important;
  max-width:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}

@media(max-width:767px){
  body.dof-public-body .dof-public-form-wrap .dof-form{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body.dof-public-body .dof-public-form-wrap .dof-consent{
    grid-template-columns:21px minmax(0,1fr)!important;
    column-gap:8px!important;
    margin-top:10px!important;
  }
  body.dof-public-body .dof-public-form-wrap .dof-consent>.dof-consent__text{
    font-size:11px!important;
    line-height:1.4!important;
  }
  /* Form/video görünürken sabit CTA içerik üstünü kapatmasın. */
  body.dof-public-body .dof-franchise-mobile-convert{
    transition:opacity .18s ease,transform .18s ease!important;
  }
  body.dof-public-body .dof-franchise-mobile-convert.is-primary-visible{
    opacity:0!important;
    transform:translateY(calc(100% + 22px))!important;
    pointer-events:none!important;
  }
}