/* Han Temizlik İletişim Widget - bağımsız Elementor widget stili */
.hti-contact-widget,
.hti-contact-widget *{
  box-sizing:border-box!important;
}
.hti-contact-widget{
  --hti-primary:#2f7658;
  --hti-text:#10233f;
  --hti-muted:#667085;
  --hti-border:#d9ebe2;
  --hti-soft:#eef8f3;
  --hti-white:#fff;
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  background:#fff!important;
  color:var(--hti-text)!important;
  font-family:Poppins,Inter,Arial,sans-serif!important;
  line-height:1.5!important;
}

.hti-contact-widget .fas,
.hti-contact-widget .far,
.hti-contact-widget .fab{
  display:inline-block!important;
  line-height:1!important;
  font-style:normal!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
}
.hti-contact-widget .fas{font-family:'Font Awesome 5 Free'!important;font-weight:900!important;}
.hti-contact-widget .far{font-family:'Font Awesome 5 Free'!important;font-weight:400!important;}
.hti-contact-widget .fab{font-family:'Font Awesome 5 Brands'!important;font-weight:400!important;}

.hti-contact-widget a,
.hti-contact-widget button,
.hti-contact-widget input,
.hti-contact-widget textarea{
  -webkit-tap-highlight-color:transparent!important;
}
.hti-contact-page{
  width:min(100% - 32px,1400px)!important;
  max-width:1400px;
  margin:0 auto!important;
  padding:36px 0 54px;
}
.hti-contact-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:28px!important;
  align-items:center!important;
  border:1px solid var(--hti-border)!important;
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff 0%,#f3fbf7 100%)!important;
  padding:34px!important;
  box-shadow:0 18px 55px rgba(16,24,40,.04)!important;
  margin-bottom:22px!important;
  overflow:hidden!important;
  position:relative!important;
}
.hti-contact-hero:after{
  content:''!important;
  position:absolute!important;
  right:-105px!important;
  top:-110px!important;
  width:290px!important;
  height:290px!important;
  border-radius:999px!important;
  background:rgba(47,118,88,.08)!important;
  pointer-events:none!important;
}
.hti-contact-copy,
.hti-contact-visual{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
}
.hti-contact-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:var(--hti-primary)!important;
  background:rgba(47,118,88,.08)!important;
  border:1px solid rgba(47,118,88,.16)!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  font-size:13px!important;
  font-weight:600!important;
  margin:0 0 16px!important;
}
.hti-contact-kicker span{
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:var(--hti-primary)!important;
  color:#fff!important;
  font-size:11px!important;
}
.hti-contact-copy h1{
  margin:0!important;
  color:var(--hti-text)!important;
  font-size:clamp(34px,4.2vw,58px)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  font-weight:650!important;
  max-width:800px!important;
}
.hti-contact-copy h1 span{
  color:var(--hti-primary)!important;
}
.hti-contact-copy p{
  margin:16px 0 0!important;
  max-width:720px!important;
  color:var(--hti-muted)!important;
  font-size:16px!important;
  line-height:1.75!important;
  font-weight:400!important;
}
.hti-contact-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:22px!important;
}
.hti-contact-tags span{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:7px 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(47,118,88,.18)!important;
  background:#fff!important;
  color:var(--hti-primary)!important;
  font-size:13px!important;
  font-weight:600!important;
}
.hti-contact-tags span:before{
  content:'\f00c'!important;
  font-family:'Font Awesome 5 Free'!important;
  font-weight:900!important;
  display:grid!important;
  place-items:center!important;
  width:17px!important;
  height:17px!important;
  border-radius:50%!important;
  background:rgba(47,118,88,.12)!important;
  font-size:10px!important;
}
.hti-contact-visual{
  min-height:260px!important;
  border-radius:28px!important;
  background:rgba(47,118,88,.07)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.hti-contact-visual img{
  width:100%!important;
  height:100%!important;
  max-height:310px!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:28px!important;
}
.hti-cleaner-ill{
  width:270px!important;
  height:220px!important;
  position:relative!important;
}
.hti-bubble{
  position:absolute!important;
  border-radius:999px!important;
  background:rgba(47,118,88,.12)!important;
}
.hti-bubble-1{width:170px!important;height:170px!important;right:20px!important;top:25px!important;}
.hti-bubble-2{width:74px!important;height:74px!important;left:30px!important;bottom:20px!important;}
.hti-ill-person{
  position:absolute!important;
  left:78px!important;
  top:48px!important;
  width:116px!important;
  height:116px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:34px!important;
  background:#fff!important;
  color:var(--hti-primary)!important;
  font-size:52px!important;
  box-shadow:0 18px 45px rgba(16,24,40,.08)!important;
}
.hti-ill-card{
  position:absolute!important;
  right:28px!important;
  bottom:26px!important;
  width:76px!important;
  height:76px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:22px!important;
  background:var(--hti-primary)!important;
  color:#fff!important;
  font-size:36px!important;
  box-shadow:0 20px 45px rgba(47,118,88,.22)!important;
}
.hti-alert{
  border-radius:14px!important;
  padding:14px 16px!important;
  margin:0 0 18px!important;
  font-size:14px!important;
  font-weight:600!important;
  border:1px solid var(--hti-border)!important;
}
.hti-alert-success{
  background:#effaf4!important;
  color:var(--hti-primary)!important;
}
.hti-alert-error{
  background:#fff6f6!important;
  color:#9b1c1c!important;
  border-color:#ffd7d7!important;
}
.hti-contact-main{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(380px,.72fr)!important;
  gap:20px!important;
  align-items:stretch!important;
  margin-bottom:20px!important;
}
.hti-contact-panel,
.hti-contact-form,
.hti-map-card{
  border:1px solid var(--hti-border)!important;
  border-radius:18px;
  background:#fff!important;
  box-shadow:0 14px 45px rgba(16,24,40,.035)!important;
  padding:26px!important;
  min-width:0!important;
}
.hti-section-head h2{
  margin:0!important;
  color:var(--hti-text)!important;
  font-size:26px!important;
  line-height:1.2!important;
  letter-spacing:-.03em!important;
  font-weight:650!important;
}
.hti-section-head p{
  margin:8px 0 0!important;
  color:var(--hti-muted)!important;
  font-size:14px!important;
  line-height:1.7!important;
  font-weight:400!important;
}
.hti-contact-info-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:20px!important;
}
.hti-info-card{
  display:flex!important;
  gap:13px!important;
  align-items:flex-start!important;
  border:1px solid var(--hti-border)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfffd 100%)!important;
  border-radius:16px!important;
  padding:16px!important;
  min-width:0!important;
}
.hti-info-wide{
  grid-column:1 / -1!important;
}
.hti-info-card > span{
  flex:0 0 auto!important;
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--hti-soft)!important;
  color:var(--hti-primary)!important;
  font-size:18px!important;
  font-weight:700!important;
}
.hti-info-card strong{
  display:block!important;
  color:var(--hti-text)!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:650!important;
  margin:0 0 4px!important;
}
.hti-info-card a,
.hti-info-card p{
  color:var(--hti-muted)!important;
  font-size:14px!important;
  line-height:1.55!important;
  text-decoration:none!important;
  font-weight:500!important;
  margin:0!important;
  word-break:break-word!important;
}
.hti-info-card a:hover{
  color:var(--hti-primary)!important;
}
.hti-action-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:18px!important;
}
.hti-action-btn,
.hti-submit{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:46px!important;
  padding:0 20px!important;
  border-radius:10px;
  border:1px solid var(--hti-primary)!important;
  background:var(--hti-primary)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1!important;
  box-shadow:none!important;
  outline:none!important;
  cursor:pointer!important;
  transition:transform .2s ease,background .2s ease,color .2s ease!important;
}
.hti-action-btn:before,
.hti-action-btn:after,
.hti-submit:before,
.hti-submit:after{
  display:none!important;
  content:none!important;
}
.hti-action-btn:hover,
.hti-submit:hover{
  transform:translateY(-1px)!important;
  background:#235c44!important;
  color:#fff!important;
  border-color:#235c44!important;
}
.hti-action-outline{
  background:#fff!important;
  color:var(--hti-primary)!important;
}
.hti-action-outline:hover{
  background:var(--hti-primary)!important;
  color:#fff!important;
}
.hti-action-btn i,
.hti-submit i{
  font-size:14px!important;
  flex:0 0 auto!important;
}
.hti-contact-form{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.hti-form-head strong{
  display:block!important;
  color:var(--hti-text)!important;
  font-size:24px!important;
  line-height:1.2!important;
  letter-spacing:-.03em!important;
  font-weight:650!important;
  margin:0!important;
}
.hti-form-head p{
  color:var(--hti-muted)!important;
  font-size:14px!important;
  line-height:1.65!important;
  margin:7px 0 4px!important;
}
.hti-form-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.hti-contact-form label{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  color:var(--hti-text)!important;
  font-size:13px!important;
  font-weight:600!important;
  margin:0!important;
}
.hti-contact-form input,
.hti-contact-form textarea{
  width:100%!important;
  min-height:46px!important;
  border:1px solid var(--hti-border)!important;
  border-radius:10px;
  background:#fff!important;
  color:var(--hti-text)!important;
  padding:11px 13px!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.4!important;
  outline:none!important;
  box-shadow:none!important;
  margin:0!important;
}
.hti-contact-form textarea{
  min-height:126px!important;
  resize:vertical!important;
}
.hti-contact-form input:focus,
.hti-contact-form textarea:focus{
  border-color:var(--hti-primary)!important;
  box-shadow:0 0 0 3px rgba(47,118,88,.10)!important;
}
.hti-submit{
  width:100%!important;
  margin-top:4px!important;
}
.hti-hidden{
  position:absolute!important;
  left:-9999px!important;
  opacity:0!important;
  height:0!important;
  width:0!important;
  pointer-events:none!important;
}
.hti-map-card{
  margin-top:20px!important;
}
.hti-map-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:16px!important;
}
.hti-map-frame{
  display:block!important;
  width:100%!important;
  height:360px;
  border:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:var(--hti-soft)!important;
}
@media (max-width:1024px){
  .hti-contact-hero{
    grid-template-columns:1fr!important;
  }
  .hti-contact-visual{
    min-height:220px!important;
  }
  .hti-contact-main{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:767px){
  .hti-contact-page{
    width:min(100% - 24px,1400px)!important;
    padding:24px 0 38px!important;
  }
  .hti-contact-hero,
  .hti-contact-panel,
  .hti-contact-form,
  .hti-map-card{
    padding:18px!important;
    border-radius:16px!important;
  }
  .hti-contact-copy h1{
    font-size:33px!important;
    line-height:1.08!important;
  }
  .hti-contact-copy p{
    font-size:14px!important;
    line-height:1.65!important;
  }
  .hti-contact-tags{
    gap:8px!important;
  }
  .hti-contact-tags span{
    min-height:31px!important;
    font-size:12px!important;
    padding:6px 10px!important;
  }
  .hti-contact-visual{
    min-height:180px!important;
    border-radius:18px!important;
  }
  .hti-cleaner-ill{
    transform:scale(.82)!important;
  }
  .hti-contact-info-list,
  .hti-form-row{
    grid-template-columns:1fr!important;
  }
  .hti-info-wide{
    grid-column:auto!important;
  }
  .hti-section-head h2,
  .hti-form-head strong{
    font-size:22px!important;
  }
  .hti-map-head{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .hti-map-head .hti-action-btn{
    width:100%!important;
  }
  .hti-action-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .hti-action-btn{
    padding:0 12px!important;
    font-size:13px!important;
  }
  .hti-map-frame{
    height:280px!important;
    border-radius:13px!important;
  }
}
@media (max-width:420px){
  .hti-action-row{
    grid-template-columns:1fr!important;
  }
}
