/* Han Temizlik SSS Widget - bağımsız Elementor widget stili */
.hts-faq-widget,
.hts-faq-widget *{
  box-sizing:border-box!important;
}
.hts-faq-widget{
  --hts-primary:#2f7658;
  --hts-text:#10233f;
  --hts-muted:#667085;
  --hts-border:#d9ebe2;
  --hts-soft:#eef8f3;
  --hts-white:#fff;
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  background:#fff!important;
  color:var(--hts-text)!important;
  font-family:Poppins,Inter,Arial,sans-serif!important;
  line-height:1.5!important;
}
.hts-faq-widget a,
.hts-faq-widget button,
.hts-faq-widget summary{
  -webkit-tap-highlight-color:transparent!important;
}
.hts-faq-page{
  width:min(100% - 32px,1400px)!important;
  max-width:1400px;
  margin:0 auto!important;
  padding:36px 0 54px;
}
.hts-faq-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:26px!important;
  align-items:stretch!important;
  border:1px solid var(--hts-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;
}
.hts-faq-hero:after{
  content:''!important;
  position:absolute!important;
  right:-90px!important;
  top:-95px!important;
  width:260px!important;
  height:260px!important;
  border-radius:999px!important;
  background:rgba(47,118,88,.08)!important;
  pointer-events:none!important;
}
.hts-faq-copy{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
}
.hts-faq-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:var(--hts-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;
}
.hts-faq-kicker span{
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:var(--hts-primary)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
}
.hts-faq-title{
  margin:0!important;
  max-width:700px!important;
  font-size:clamp(32px,4vw,54px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  font-weight:600!important;
  color:var(--hts-text)!important;
}
.hts-faq-title span{
  color:var(--hts-primary)!important;
}
.hts-faq-subtitle{
  margin:16px 0 0!important;
  max-width:760px!important;
  color:#5b6473!important;
  font-size:15px!important;
  line-height:1.8!important;
  font-weight:400!important;
}
.hts-faq-pills{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:22px!important;
}
.hts-faq-pills span{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid rgba(47,118,88,.22)!important;
  background:#fff!important;
  color:var(--hts-primary)!important;
  padding:9px 12px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.hts-faq-pills span:before{
  content:'✓'!important;
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  background:var(--hts-soft)!important;
  color:var(--hts-primary)!important;
  font-size:11px!important;
}
.hts-faq-support,
.hts-faq-side,
.hts-faq-item{
  border:1px solid var(--hts-border)!important;
  background:#fff!important;
  border-radius:16px;
  box-shadow:0 12px 35px rgba(16,24,40,.035)!important;
}
.hts-faq-support{
  position:relative!important;
  z-index:1!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
}
.hts-faq-support-icon{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:var(--hts-soft)!important;
  color:var(--hts-primary)!important;
  font-size:23px!important;
  margin-bottom:16px!important;
  line-height:1!important;
}
.hts-faq-support h3{
  margin:0 0 8px!important;
  font-size:20px!important;
  line-height:1.25!important;
  color:var(--hts-text)!important;
  font-weight:600!important;
}
.hts-faq-support p{
  margin:0 0 18px!important;
  color:var(--hts-muted)!important;
  line-height:1.7!important;
  font-size:13px!important;
  font-weight:400!important;
}
.hts-faq-btn,
.hts-faq-btn:visited,
.hts-faq-btn:hover,
.hts-faq-btn:focus{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-shadow:none!important;
  outline:none!important;
  text-decoration:none!important;
  background:#fff!important;
  color:var(--hts-primary)!important;
  border:1px solid var(--hts-primary)!important;
  border-radius:10px;
  min-height:42px!important;
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:10px 14px!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
.hts-faq-btn:before,
.hts-faq-btn:after{
  content:none!important;
  display:none!important;
}
.hts-faq-layout{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}
.hts-faq-side{
  padding:24px!important;
  position:sticky!important;
  top:100px!important;
  overflow:hidden!important;
}
.hts-faq-side:before{
  content:''!important;
  position:absolute!important;
  right:-42px!important;
  bottom:-42px!important;
  width:120px!important;
  height:120px!important;
  border-radius:999px!important;
  background:rgba(47,118,88,.07)!important;
}
.hts-faq-side span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  background:var(--hts-soft)!important;
  color:var(--hts-primary)!important;
  font-weight:600!important;
  font-size:13px!important;
  margin-bottom:14px!important;
}
.hts-faq-side strong{
  display:block!important;
  font-size:52px!important;
  line-height:1!important;
  color:var(--hts-primary)!important;
  font-weight:600!important;
  letter-spacing:-.04em!important;
  margin-bottom:10px!important;
}
.hts-faq-side p{
  margin:0!important;
  color:var(--hts-muted)!important;
  font-size:13px!important;
  line-height:1.7!important;
  font-weight:400!important;
}
.hts-faq-list{
  display:grid!important;
  gap:14px;
  min-width:0!important;
}
.hts-faq-item{
  overflow:hidden!important;
  padding:0!important;
}
.hts-faq-item summary{
  list-style:none!important;
  cursor:pointer!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto 30px!important;
  gap:14px!important;
  align-items:center!important;
  padding:18px 20px!important;
  min-height:76px!important;
  color:var(--hts-text)!important;
  margin:0!important;
}
.hts-faq-item summary::-webkit-details-marker{
  display:none!important;
}
.hts-faq-item summary:after{
  content:'+'!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  color:var(--hts-primary)!important;
  background:var(--hts-soft)!important;
  font-size:19px!important;
  font-weight:500!important;
  line-height:1!important;
}
.hts-faq-item[open] summary:after{
  content:'–'!important;
  background:var(--hts-primary)!important;
  color:#fff!important;
}
.hts-faq-number{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:#f5fbf8!important;
  color:var(--hts-primary)!important;
  font-size:13px!important;
  font-weight:600!important;
}
.hts-faq-question{
  min-width:0!important;
  color:var(--hts-text)!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:600!important;
}
.hts-faq-item em{
  justify-self:end!important;
  border:1px solid rgba(47,118,88,.18)!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  color:var(--hts-primary)!important;
  background:#fff!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.hts-faq-answer{
  padding:0 20px 20px 76px!important;
}
.hts-faq-answer,
.hts-faq-answer p,
.hts-faq-answer div{
  color:#5f6b7a!important;
  font-size:14px!important;
  line-height:1.75!important;
  font-weight:400!important;
}
.hts-faq-answer p{
  margin:0 0 10px!important;
}
.hts-faq-answer p:last-child{
  margin-bottom:0!important;
}
.hts-faq-item[open]{
  border-color:rgba(47,118,88,.28)!important;
  box-shadow:0 16px 45px rgba(47,118,88,.08)!important;
}
@media(max-width:900px){
  .hts-faq-page{padding:24px 0 38px!important;}
  .hts-faq-hero{grid-template-columns:1fr!important;padding:24px!important;gap:18px!important;}
  .hts-faq-layout{grid-template-columns:1fr!important;gap:16px!important;}
  .hts-faq-side{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:4px 14px!important;align-items:center!important;padding:18px!important;}
  .hts-faq-side span{grid-row:1/3!important;margin:0!important;}
  .hts-faq-side strong{font-size:30px!important;margin:0!important;}
  .hts-faq-side p{grid-column:2!important;}
}
@media(max-width:640px){
  .hts-faq-page{width:min(100% - 24px,1400px)!important;}
  .hts-faq-hero{padding:20px!important;border-radius:16px!important;margin-bottom:16px!important;}
  .hts-faq-title{font-size:31px!important;letter-spacing:-.035em!important;}
  .hts-faq-subtitle{font-size:14px!important;line-height:1.7!important;}
  .hts-faq-pills{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important;}
  .hts-faq-pills::-webkit-scrollbar{display:none!important;}
  .hts-faq-pills span{scroll-snap-align:start!important;}
  .hts-faq-support{padding:18px!important;}
  .hts-faq-item summary{grid-template-columns:34px minmax(0,1fr) 28px!important;gap:10px!important;padding:15px!important;min-height:auto!important;}
  .hts-faq-number{width:34px!important;height:34px!important;border-radius:11px!important;font-size:12px!important;}
  .hts-faq-question{font-size:14px!important;font-weight:600!important;}
  .hts-faq-item em{grid-column:2/3!important;justify-self:start!important;margin-top:3px!important;font-size:10px!important;padding:5px 8px!important;}
  .hts-faq-item summary:after{grid-column:3!important;grid-row:1/3!important;width:28px!important;height:28px!important;}
  .hts-faq-answer{padding:0 15px 17px 59px!important;}
  .hts-faq-answer,
  .hts-faq-answer p,
  .hts-faq-answer div{font-size:13px!important;line-height:1.7!important;}
  .hts-faq-side{padding:16px!important;border-radius:15px!important;}
}
