/* Seçilen 08: hurda sahasında seçilen malzemeyi alım / satım talebine taşır. */
#servis-talebi.hc8-section,
#servis-talebi.hc8-section * { box-sizing: border-box; }
#servis-talebi.hc8-section { position: relative; isolation: isolate; margin: 0; padding: 0 13px 30px; background: #fcfbf8; color: #082435; font-family: 'Hurda Inter','Open Sans',Arial,sans-serif; -webkit-font-smoothing: antialiased; scroll-margin-top: 25px; }
#servis-talebi.hc8-section svg { display: block; flex-shrink: 0; }
#servis-talebi.hc8-section .hc8-panel { display: grid; grid-template-columns: minmax(0,28fr) minmax(0,34fr) minmax(0,38fr); align-items: center; gap: clamp(22px,1.8vw,34px); width: 100%; max-width: 1920px; min-height: clamp(205px,14vw,269px); margin: 0 auto; padding: clamp(29px,2.5vw,48px) clamp(24px,2.7vw,52px); border: 1px solid #e9bb65; border-radius: 36px; background: linear-gradient(120deg,#fffcf5 5%,#fff7e5 67%,#fff5de); }
#servis-talebi.hc8-section .hc8-selection { position: relative; min-width: 0; }
#servis-talebi.hc8-section .hc8-selection-trace { position: absolute; z-index: 2; top: -76px; left: -36px; width: calc(100% + 36px); height: 112px; overflow: visible; pointer-events: none; }
#servis-talebi.hc8-section .hc8-selection-trace path { fill: none; stroke: #e8b659; stroke-width: 1.3; }
#servis-talebi.hc8-section .hc8-selection-trace circle { fill: #082c3e; stroke: #f0be59; stroke-width: 4; }
#servis-talebi.hc8-section .hc8-selected-label { position: relative; margin: 0 0 10px; padding: 0 0 0 31px; color: #082435; font-size: clamp(14px,.94vw,18px); font-weight: 850; line-height: 1.25; letter-spacing: .005em; }
#servis-talebi.hc8-section .hc8-material { display: flex; align-items: center; gap: clamp(12px,.95vw,18px); min-height: clamp(84px,5.6vw,107px); min-width: 0; padding: 15px clamp(16px,1.15vw,22px); border: 2px solid #e6b04e; border-radius: 999px; background: linear-gradient(115deg,#06283a,#09374b); color: #fff; }
#servis-talebi.hc8-section .hc8-material-number { display: flex; align-items: center; justify-content: center; flex: 0 0 clamp(38px,2.7vw,51px); width: clamp(38px,2.7vw,51px); height: clamp(38px,2.7vw,51px); border-radius: 50%; color: #072c40; background: linear-gradient(120deg,#f8dc95,#f0bc51); font-size: clamp(19px,1.25vw,24px); font-weight: 850; line-height: 1; letter-spacing: -.05em; }
#servis-talebi.hc8-section .hc8-material-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 clamp(47px,3.35vw,64px); width: clamp(47px,3.35vw,64px); height: clamp(47px,3.35vw,64px); border-radius: 50%; color: #082435; background: #fff; }
#servis-talebi.hc8-section .hc8-material-icon svg { width: 68%; height: 68%; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#servis-talebi.hc8-section .hc8-material-name { display: block; min-width: 0; padding-left: clamp(12px,.95vw,18px); border-left: 1px solid #dca444; color: #fff; font-size: clamp(19px,1.46vw,28px); font-weight: 850; line-height: 1.22; letter-spacing: -.035em; overflow-wrap: break-word; }
#servis-talebi.hc8-section .hc8-copy { min-width: 0; padding-left: clamp(22px,1.65vw,32px); border-left: 1px solid #e5b460; }
#servis-talebi.hc8-section .hc8-title { margin: 0 0 10px; padding: 0; color: #082435; font-size: clamp(29px,2.2vw,42px); font-weight: 900; line-height: 1.12; letter-spacing: -.04em; text-wrap: balance; overflow-wrap: break-word; }
#servis-talebi.hc8-section .hc8-title span { display: block; }
#servis-talebi.hc8-section .hc8-description { margin: 0; padding: 0; color: #546d7d; font-size: clamp(16px,1.25vw,24px); font-weight: 400; line-height: 1.4; letter-spacing: -.03em; }
#servis-talebi.hc8-section .hc8-actions { display: grid; grid-template-columns: minmax(0,.94fr) minmax(0,1.16fr); align-items: stretch; gap: 11px; min-width: 0; padding-left: clamp(22px,1.5vw,29px); border-left: 1px solid #e5b460; }
#servis-talebi.hc8-section .hc8-contact { display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; min-height: clamp(65px,4.7vw,90px); margin: 0; padding: 16px 15px; border: 2px solid #e6b052; border-radius: 25px; color: #fff; background: #082d40; font-size: clamp(19px,1.1vw,21px); font-weight: 850; line-height: 1.25; letter-spacing: -.035em; text-align: center; text-decoration: none; transition: background-color .18s ease,transform .18s ease; }
#servis-talebi.hc8-section .hc8-contact:hover { color: #fff; background: #10445a; text-decoration: none; transform: translateY(-1px); }
#servis-talebi.hc8-section .hc8-contact:focus-visible { outline: 3px solid #082435; outline-offset: 5px; }
#servis-talebi.hc8-section .hc8-contact svg { width: clamp(24px,1.55vw,30px); height: clamp(24px,1.55vw,30px); fill: currentColor; }
#servis-talebi.hc8-section .hc8-phone span { white-space: nowrap; }
#servis-talebi.hc8-section .hc8-whatsapp { border-color: #119c3f; background: #119c3f; box-shadow: 0 8px 18px rgba(17,156,63,.07); }
#servis-talebi.hc8-section .hc8-whatsapp:hover { border-color: #0b8834; background: #0b8834; }
#servis-talebi.hc8-section .hc8-whatsapp svg { width: clamp(30px,1.85vw,35px); height: clamp(30px,1.85vw,35px); }
@media (max-width:1590px) and (min-width:1101px) {
  #servis-talebi.hc8-section .hc8-panel { grid-template-columns: minmax(0,35fr) minmax(0,37fr) minmax(0,28fr); gap: 24px; padding: 31px; }
  #servis-talebi.hc8-section .hc8-actions { grid-template-columns: minmax(0,1fr); gap: 10px; padding-left: 24px; }
  #servis-talebi.hc8-section .hc8-contact { min-height: 58px; padding: 13px 15px; font-size: 19px; }
  #servis-talebi.hc8-section .hc8-title { font-size: clamp(29px,2.45vw,37px); }
}
@media (max-width:1100px) {
  #servis-talebi.hc8-section { padding-right: 18px; padding-left: 18px; }
  #servis-talebi.hc8-section .hc8-panel { grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-areas: 'selection copy' 'actions actions'; gap: 26px; padding: 31px; border-radius: 29px; }
  #servis-talebi.hc8-section .hc8-selection { grid-area: selection; }
  #servis-talebi.hc8-section .hc8-copy { grid-area: copy; padding-left: 26px; }
  #servis-talebi.hc8-section .hc8-title { font-size: clamp(27px,3.5vw,37px); }
  #servis-talebi.hc8-section .hc8-description { font-size: 18px; }
  #servis-talebi.hc8-section .hc8-material-name { font-size: 22px; }
  #servis-talebi.hc8-section .hc8-material-number { flex-basis: 42px; width: 42px; height: 42px; font-size: 21px; }
  #servis-talebi.hc8-section .hc8-material-icon { flex-basis: 52px; width: 52px; height: 52px; }
  #servis-talebi.hc8-section .hc8-actions { grid-area: actions; width: 100%; max-width: 730px; margin: 0 auto; padding: 0; border: 0; }
  #servis-talebi.hc8-section .hc8-contact { min-height: 65px; font-size: 20px; }
}
@media (max-width:760px) {
  #servis-talebi.hc8-section .hc8-panel { gap: 22px; padding: 27px 24px; }
  #servis-talebi.hc8-section .hc8-material { gap: 10px; padding-right: 14px; padding-left: 14px; }
  #servis-talebi.hc8-section .hc8-material-number { flex-basis: 34px; width: 34px; height: 34px; font-size: 18px; }
  #servis-talebi.hc8-section .hc8-material-icon { flex-basis: 43px; width: 43px; height: 43px; }
  #servis-talebi.hc8-section .hc8-material-name { padding-left: 10px; font-size: 19px; }
  #servis-talebi.hc8-section .hc8-copy { padding-left: 22px; }
}
@media (max-width:680px) {
  #servis-talebi.hc8-section .hc8-panel { grid-template-columns: minmax(0,1fr); grid-template-areas: 'selection' 'copy' 'actions'; gap: 25px; padding: 28px 23px; }
  #servis-talebi.hc8-section .hc8-selection { width: 100%; max-width: 430px; }
  #servis-talebi.hc8-section .hc8-selected-label { padding-left: 22px; font-size: 14px; }
  #servis-talebi.hc8-section .hc8-material { min-height: 86px; gap: 13px; padding: 14px 17px; }
  #servis-talebi.hc8-section .hc8-material-number { flex-basis: 40px; width: 40px; height: 40px; font-size: 20px; }
  #servis-talebi.hc8-section .hc8-material-icon { flex-basis: 50px; width: 50px; height: 50px; }
  #servis-talebi.hc8-section .hc8-material-name { padding-left: 13px; font-size: 22px; }
  #servis-talebi.hc8-section .hc8-copy { padding: 0; border: 0; }
  #servis-talebi.hc8-section .hc8-title { font-size: clamp(29px,5.7vw,37px); text-wrap: initial; }
  #servis-talebi.hc8-section .hc8-description { font-size: 18px; }
  #servis-talebi.hc8-section .hc8-selection-trace { top: -67px; height: 100px; }
}
@media (max-width:580px) {
  #servis-talebi.hc8-section { padding-right: 14px; padding-left: 14px; padding-bottom: 24px; }
  #servis-talebi.hc8-section .hc8-panel { padding: 27px 22px; border-radius: 25px; }
  #servis-talebi.hc8-section .hc8-actions { grid-template-columns: minmax(0,1fr); gap: 12px; }
  #servis-talebi.hc8-section .hc8-contact { min-height: 61px; padding: 14px 17px; border-radius: 21px; font-size: 19px; }
}
@media (max-width:380px) {
  #servis-talebi.hc8-section { padding-right: 10px; padding-left: 10px; }
  #servis-talebi.hc8-section .hc8-panel { padding-right: 18px; padding-left: 18px; }
  #servis-talebi.hc8-section .hc8-material { gap: 10px; padding-right: 13px; padding-left: 13px; }
  #servis-talebi.hc8-section .hc8-material-number { flex-basis: 34px; width: 34px; height: 34px; font-size: 18px; }
  #servis-talebi.hc8-section .hc8-material-icon { flex-basis: 42px; width: 42px; height: 42px; }
  #servis-talebi.hc8-section .hc8-material-name { padding-left: 10px; font-size: 19px; }
  #servis-talebi.hc8-section .hc8-title { font-size: 28px; }
  #servis-talebi.hc8-section .hc8-description { font-size: 16px; }
  #servis-talebi.hc8-section .hc8-contact { gap: 9px; padding-right: 13px; padding-left: 13px; }
}
@media (prefers-reduced-motion:reduce) { #servis-talebi.hc8-section * { transition: none !important; scroll-behavior: auto !important; } }