/* Hurda türleri: etkileşimli ayrıştırma sahası. */
#hizmetler.hs7-section,
#hizmetler.hs7-section * { box-sizing: border-box; }
#hizmetler.hs7-section { position: relative; isolation: isolate; margin: 0; padding: 0 0 clamp(32px,3vw,58px); color: #082435; background: #fcfbf8; font-family: 'Hurda Inter','Open Sans',Arial,sans-serif; -webkit-font-smoothing: antialiased; scroll-margin-top: 25px; }
#hizmetler.hs7-section .hs7-shell { position: relative; max-width: 1920px; margin: 0 auto; }
#hizmetler.hs7-section svg { display: block; flex-shrink: 0; }
#hizmetler.hs7-section .hs7-join { position: absolute; z-index: 0; top: -28px; left: 0; width: 100%; height: 90px; fill: none; stroke: #dca942; stroke-width: 1.2; pointer-events: none; }
#hizmetler.hs7-section .hs7-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,59fr) minmax(0,41fr); grid-template-rows: auto auto 1fr; grid-template-areas: 'scene heading' 'scene choices' 'scene actions'; column-gap: clamp(8px,1vw,19px); align-items: start; padding-right: clamp(22px,1.9vw,37px); }
#hizmetler.hs7-section .hs7-heading { grid-area: heading; min-width: 0; padding-top: clamp(48px,4.3vw,83px); }
#hizmetler.hs7-section .hs7-eyebrow { margin: 0 0 13px; padding: 0; color: #d6a23d; font-size: clamp(13px,1.05vw,20px); font-weight: 800; line-height: 1.3; letter-spacing: .045em; }
#hizmetler.hs7-section .hs7-title { margin: 0; padding: 0; color: #071f2f; font-size: clamp(29px,2.82vw,54px); font-weight: 900; line-height: 1.12; letter-spacing: -.04em; text-wrap: balance; overflow-wrap: break-word; }
#hizmetler.hs7-section .hs7-heading::after { content: ''; display: block; width: 44px; height: 3px; margin: 17px 0 20px; border-radius: 3px; background: #dfa942; }
#hizmetler.hs7-section .hs7-scene { grid-area: scene; align-self: center; min-width: 0; margin: 0; padding: 0 0 8px; }
#hizmetler.hs7-section .hs7-map { position: relative; width: 100%; }
#hizmetler.hs7-section .hs7-yard { display: block; width: 100%; height: auto; }
#hizmetler.hs7-section .hs7-scene figcaption { margin: 0; padding: 8px 3%; color: #5b6c79; font-size: 13px; font-weight: 400; line-height: 1.4; }
#hizmetler.hs7-section .hs7-pin { position: absolute; z-index: 2; display: block; width: clamp(44px,3.42vw,65px); height: clamp(55px,4.34vw,82px); margin: 0; padding: 0; border: 0; background: transparent; color: #fff; cursor: pointer; transform: translate(-50%,-100%); transform-origin: 50% 100%; filter: drop-shadow(0 2px 3px rgba(0,22,35,.16)); transition: transform .18s ease; -webkit-tap-highlight-color: transparent; }
#hizmetler.hs7-section .hs7-pin svg { width: 100%; height: 100%; overflow: visible; }
#hizmetler.hs7-section .hs7-pin path { fill: #06283b; stroke: #edbe59; stroke-width: 3; transition: fill .18s ease,stroke-width .18s ease; }
#hizmetler.hs7-section .hs7-pin-number { position: absolute; top: 24%; left: 0; width: 100%; text-align: center; color: #fff; font-size: clamp(15px,1.25vw,24px); font-weight: 850; line-height: 1; letter-spacing: -.04em; }
#hizmetler.hs7-section .hs7-pin.is-active { z-index: 3; transform: translate(-50%,-100%) scale(1.08); }
#hizmetler.hs7-section .hs7-pin.is-active path { stroke-width: 4; }
#hizmetler.hs7-section .hs7-pin:hover { z-index: 4; transform: translate(-50%,-100%) scale(1.1); }
#hizmetler.hs7-section .hs7-pin:hover path { fill: #15465b; }
#hizmetler.hs7-section .hs7-pin:focus-visible { outline: 3px solid #fff; outline-offset: 4px; border-radius: 30px; box-shadow: 0 0 0 7px #082435; }
#hizmetler.hs7-section .hs7-choices { grid-area: choices; min-width: 0; margin: 0; padding: 0; list-style: none; }
#hizmetler.hs7-section .hs7-choices li { margin: 0; padding: 0; }
#hizmetler.hs7-section .hs7-material-row { display: grid; grid-template-columns: clamp(32px,2.45vw,47px) clamp(34px,2.7vw,52px) minmax(0,1.12fr) minmax(0,1fr) 23px; gap: clamp(9px,.9vw,17px); align-items: center; width: 100%; min-height: clamp(74px,5.35vw,103px); margin: 0; padding: clamp(12px,1vw,19px) clamp(10px,.9vw,17px); border: 0; border-bottom: 1px solid #e7bd6b; border-radius: 0; color: #082435; background: transparent; font: inherit; text-align: left; cursor: pointer; transition: background-color .18s ease; }
#hizmetler.hs7-section .hs7-material-row:hover { background: #f8edda; }
#hizmetler.hs7-section .hs7-material-row.is-active { border-bottom-color: transparent; border-radius: 999px; background: linear-gradient(110deg,#f8d988,#f6d17b); }
#hizmetler.hs7-section .hs7-material-row:focus-visible,
#hizmetler.hs7-section .hs7-details:focus-visible { position: relative; z-index: 5; outline: 3px solid #092e43; outline-offset: 3px; }
#hizmetler.hs7-section .hs7-material-number { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1; border: 1px solid transparent; border-radius: 50%; color: #09283a; background: linear-gradient(120deg,#f8dd9f,#eec05e); font-size: clamp(16px,1.15vw,22px); font-weight: 850; line-height: 1; letter-spacing: -.05em; }
#hizmetler.hs7-section .hs7-material-row.is-active .hs7-material-number { border-color: rgba(255,255,255,.9); background: transparent; }
#hizmetler.hs7-section .hs7-material-icon { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1; border: 1px solid #d8a13e; border-radius: 50%; color: #082435; background: #fff; }
#hizmetler.hs7-section .hs7-material-icon svg { width: 69%; height: 69%; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#hizmetler.hs7-section .hs7-material-name { min-width: 0; color: #082435; font-size: clamp(17px,1.39vw,26px); font-weight: 850; line-height: 1.2; letter-spacing: -.04em; overflow-wrap: break-word; }
#hizmetler.hs7-section .hs7-material-description { min-width: 0; padding-left: clamp(10px,1vw,19px); border-left: 1px solid #ddb260; color: #5c7080; font-size: clamp(13px,.98vw,18px); font-weight: 400; line-height: 1.4; letter-spacing: -.025em; overflow-wrap: break-word; }
#hizmetler.hs7-section .hs7-material-arrow { width: 23px; height: 23px; fill: none; stroke: #082435; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#hizmetler.hs7-section .hs7-actions { grid-area: actions; display: flex; justify-content: flex-end; padding: 20px 0 0; }
#hizmetler.hs7-section .hs7-details { display: inline-flex; align-items: center; justify-content: center; gap: clamp(20px,2vw,38px); min-height: 53px; margin: 0; padding: 12px 26px; border: 1px solid #d8a13e; border-radius: 999px; color: #082435; background: transparent; font-family: inherit; font-size: clamp(15px,1.08vw,20px); font-weight: 800; line-height: 1.3; cursor: pointer; transition: background-color .18s ease; }
#hizmetler.hs7-section .hs7-details:hover { background: #f7dfaa; }
#hizmetler.hs7-section .hs7-details svg { width: 29px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#hizmetler.hs7-section .hs7-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
#hizmetler.hs7-section .hs7-dialog { position: fixed; inset: 0; width: min(680px,calc(100% - 32px)); max-width: none; max-height: min(87vh,820px); max-height: min(87dvh,820px); margin: auto; padding: clamp(25px,4vw,43px); overflow: auto; overscroll-behavior: contain; border: 1px solid #e9c578; border-radius: 24px; color: #082435; background: #fcfbf8; box-shadow: 0 24px 90px rgba(0,20,35,.28); }
#hizmetler.hs7-section .hs7-dialog:not([open]) { display: none; }
#hizmetler.hs7-section .hs7-dialog::backdrop { background: rgba(3,25,39,.7); }
#hizmetler.hs7-section .hs7-close { position: absolute; top: 12px; right: 12px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #e3c483; border-radius: 50%; color: #082435; background: #fcfbf8; cursor: pointer; }
#hizmetler.hs7-section .hs7-close svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
#hizmetler.hs7-section .hs7-dialog-eyebrow { padding: 0 40px 0 0; margin: 0 0 12px; color: #a96e16; font-size: 13px; font-weight: 800; letter-spacing: .08em; }
#hizmetler.hs7-section .hs7-dialog h2 { padding: 0 28px 0 0; margin: 0 0 20px; color: #082435; font-size: clamp(27px,4vw,37px); font-weight: 850; line-height: 1.13; letter-spacing: -.035em; }
#hizmetler.hs7-section .hs7-detail-panel[hidden] { display: none; }
#hizmetler.hs7-section .hs7-detail-panel p { margin: 0 0 16px; padding: 0; color: #516875; font-size: 16px; line-height: 1.65; }
#hizmetler.hs7-section .hs7-detail-panel ul { margin: 0 0 23px; padding: 0 0 0 21px; color: #284657; font-size: 15px; line-height: 1.65; }
#hizmetler.hs7-section .hs7-detail-panel li { margin-bottom: 7px; }
#hizmetler.hs7-section .hs7-dialog-note { margin: 18px 0 0; padding: 0; color: #61737e; font-size: 14px; line-height: 1.6; }
#hizmetler.hs7-section .hs7-dialog-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
#hizmetler.hs7-section .hs7-contact { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 49px; padding: 12px 20px; border: 1px solid #092b3d; border-radius: 999px; color: #092b3d; background: transparent; font-size: 15px; font-weight: 750; line-height: 1.3; text-decoration: none; }
#hizmetler.hs7-section .hs7-contact-wa { color: #fff; background: #139c42; border-color: #139c42; }
#hizmetler.hs7-section .hs7-contact:hover { color: #fff; background: #092b3d; text-decoration: none; }
#hizmetler.hs7-section .hs7-contact-wa:hover { background: #087b31; border-color: #087b31; }
#hizmetler.hs7-section .hs7-contact svg { width: 23px; height: 23px; fill: currentColor; }
#hizmetler.hs7-section .hs7-contact:focus-visible,
#hizmetler.hs7-section .hs7-close:focus-visible { outline: 3px solid #092e43; outline-offset: 4px; }
#hizmetler.hs7-section .hs7-nojs { margin: 16px 22px; padding: 16px; border: 1px solid #e7bd6b; border-radius: 16px; color: #284657; }
#hizmetler.hs7-section .hs7-nojs a { color: #087b31; font-weight: 750; }
@media (min-width:1921px) { #hizmetler.hs7-section .hs7-layout { padding-right: 37px; column-gap: 19px; } }
@media (max-width:1300px) and (min-width:1051px) {
  #hizmetler.hs7-section .hs7-layout { grid-template-columns: minmax(0,57fr) minmax(0,43fr); column-gap: 10px; padding-right: 22px; }
  #hizmetler.hs7-section .hs7-heading { padding-top: 43px; }
  #hizmetler.hs7-section .hs7-material-row { gap: 9px; padding: 12px 9px; }
  #hizmetler.hs7-section .hs7-material-description { padding-left: 9px; }
}
@media (max-width:1050px) {
  #hizmetler.hs7-section .hs7-layout { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; grid-template-areas: 'heading' 'scene' 'choices' 'actions'; column-gap: 0; padding: 0 5vw; }
  #hizmetler.hs7-section .hs7-join { top: 0; height: 27px; }
  #hizmetler.hs7-section .hs7-heading { padding-top: 44px; }
  #hizmetler.hs7-section .hs7-eyebrow { font-size: 16px; }
  #hizmetler.hs7-section .hs7-title { max-width: 800px; font-size: clamp(34px,5.2vw,53px); text-wrap: initial; }
  #hizmetler.hs7-section .hs7-heading::after { margin: 16px 0 10px; }
  #hizmetler.hs7-section .hs7-scene { width: min(100%,830px); margin: 0 auto 18px; }
  #hizmetler.hs7-section .hs7-pin { width: clamp(44px,6vw,60px); height: clamp(55px,7.6vw,76px); }
  #hizmetler.hs7-section .hs7-pin-number { font-size: clamp(16px,2.25vw,23px); }
  #hizmetler.hs7-section .hs7-material-row { grid-template-columns: 44px 48px minmax(0,1.1fr) minmax(0,1fr) 24px; gap: 17px; min-height: 83px; padding: 14px 17px; }
  #hizmetler.hs7-section .hs7-material-name { font-size: 23px; }
  #hizmetler.hs7-section .hs7-material-description { padding-left: 18px; font-size: 16px; }
  #hizmetler.hs7-section .hs7-material-number { font-size: 20px; }
  #hizmetler.hs7-section .hs7-details { font-size: 18px; }
}
@media (max-width:640px) {
  #hizmetler.hs7-section { padding-bottom: 32px; }
  #hizmetler.hs7-section .hs7-layout { padding: 0 20px; }
  #hizmetler.hs7-section .hs7-heading { padding-top: 34px; }
  #hizmetler.hs7-section .hs7-eyebrow { margin-bottom: 11px; font-size: 12px; }
  #hizmetler.hs7-section .hs7-title { font-size: clamp(30px,7vw,43px); line-height: 1.13; }
  #hizmetler.hs7-section .hs7-scene { width: calc(100% + 24px); max-width: none; margin-right: -12px; margin-left: -12px; margin-bottom: 15px; }
  #hizmetler.hs7-section .hs7-scene figcaption { padding-left: 12px; font-size: 11px; }
  #hizmetler.hs7-section .hs7-material-row { grid-template-columns: 31px 36px minmax(0,1fr) 22px; gap: 3px 10px; min-height: 86px; padding: 13px 11px; }
  #hizmetler.hs7-section .hs7-material-row.is-active { border-radius: 23px; }
  #hizmetler.hs7-section .hs7-material-number { grid-column: 1; grid-row: 1 / span 2; font-size: 16px; }
  #hizmetler.hs7-section .hs7-material-icon { grid-column: 2; grid-row: 1 / span 2; }
  #hizmetler.hs7-section .hs7-material-name { grid-column: 3; grid-row: 1; align-self: end; font-size: 19px; }
  #hizmetler.hs7-section .hs7-material-description { grid-column: 3; grid-row: 2; align-self: start; padding: 0; border: 0; font-size: 14px; line-height: 1.4; }
  #hizmetler.hs7-section .hs7-material-arrow { grid-column: 4; grid-row: 1 / span 2; width: 22px; height: 22px; }
  #hizmetler.hs7-section .hs7-actions { padding-top: 21px; }
  #hizmetler.hs7-section .hs7-details { width: 100%; min-height: 53px; gap: 29px; font-size: 17px; }
  #hizmetler.hs7-section .hs7-dialog { padding: 28px 23px; border-radius: 20px; }
  #hizmetler.hs7-section .hs7-dialog-actions { flex-direction: column; }
  #hizmetler.hs7-section .hs7-contact { width: 100%; }
}
@media (max-width:370px) {
  #hizmetler.hs7-section .hs7-layout { padding-right: 17px; padding-left: 17px; }
  #hizmetler.hs7-section .hs7-title { font-size: 29px; }
  #hizmetler.hs7-section .hs7-material-row { grid-template-columns: 29px 32px minmax(0,1fr) 20px; column-gap: 8px; padding: 13px 9px; }
  #hizmetler.hs7-section .hs7-material-name { font-size: 17px; }
  #hizmetler.hs7-section .hs7-material-description { font-size: 13px; }
}
@media (prefers-reduced-motion:reduce) { #hizmetler.hs7-section * { transition: none !important; scroll-behavior: auto !important; } }

#hizmetler.hs7-section .hs7-intro { margin: 14px 0 0; color: #526c7b; font-size: clamp(15px,1.05vw,19px); line-height: 1.55; letter-spacing: -.02em; }
#hizmetler.hs7-section .hs7-material-icon { color: var(--hs7-tone,#082435); }
#hizmetler.hs7-section .hs7-flow { display: flex; align-items: center; justify-content: center; gap: clamp(12px,1.5vw,24px); margin: 0 0 10px; color: #082435; font-size: clamp(13px,1.05vw,19px); font-weight: 750; }
#hizmetler.hs7-section .hs7-flow svg { width: 22px; height: 22px; fill: none; stroke: #c38c2f; stroke-width: 1.8; }
#hizmetler.hs7-section .hs7-scene-note { display: block; text-align: center; }