/* PIXCLAS v2.2.10 — yalnızca teknik servis modalı görünüm düzeltmesi */
#serviceModal.service-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  width:100vw !important;
  height:100vh !important;
  padding:24px !important;
  margin:0 !important;
  background:transparent !important;
  overflow:hidden !important;
}
#serviceModal.service-modal.open{display:flex !important}
#serviceModal .service-modal-backdrop{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:rgba(2,3,7,.86) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  backdrop-filter:blur(14px) !important;
  cursor:pointer;
}
#serviceModal .service-modal-card{
  position:relative !important;
  z-index:1 !important;
  width:min(940px,100%) !important;
  max-height:calc(100vh - 48px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  margin:0 !important;
  padding:42px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 100% 0,rgba(124,77,255,.16),transparent 34%),
    linear-gradient(145deg,#10131b,#080a0f 72%) !important;
  color:#fff !important;
  box-shadow:0 45px 120px rgba(0,0,0,.72) !important;
}
#serviceModal .service-modal-card::-webkit-scrollbar{width:8px}
#serviceModal .service-modal-card::-webkit-scrollbar-thumb{background:#343944;border-radius:20px}
#serviceModal .service-close{
  appearance:none !important;
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  z-index:3 !important;
  display:grid !important;
  place-items:center !important;
  width:46px !important;
  height:46px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.15) !important;
  border-radius:50% !important;
  background:#191d27 !important;
  color:#fff !important;
  font:400 29px/1 Arial,sans-serif !important;
  cursor:pointer !important;
  transition:.2s ease !important;
}
#serviceModal .service-close:hover{background:#d8ff38 !important;color:#090a0e !important;transform:rotate(90deg)}
#serviceModal .kicker{
  display:block !important;
  padding-right:60px !important;
  color:#d8ff38 !important;
  font:800 11px/1.3 'DM Sans',Arial,sans-serif !important;
  letter-spacing:2.2px !important;
}
#serviceModal h2{
  margin:13px 0 28px !important;
  max-width:720px !important;
  color:#fff !important;
  font:700 clamp(42px,5vw,70px)/.96 'Manrope',Arial,sans-serif !important;
  letter-spacing:-.055em !important;
}
#serviceModal h2 em{color:#d8ff38 !important;font-style:normal !important}
#serviceModal .service-modal-form{
  display:block !important;
  width:100% !important;
  margin:0 !important;
}
#serviceModal .calc-grid2{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
}
#serviceModal .service-modal-form label{
  display:grid !important;
  gap:8px !important;
  min-width:0 !important;
  margin:0 0 16px !important;
  color:#b7bbc5 !important;
  font:600 12px/1.4 'DM Sans',Arial,sans-serif !important;
}
#serviceModal .service-modal-form input,
#serviceModal .service-modal-form select,
#serviceModal .service-modal-form textarea{
  appearance:auto !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:14px 15px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:12px !important;
  outline:none !important;
  background:#151922 !important;
  color:#fff !important;
  font:14px/1.4 'DM Sans',Arial,sans-serif !important;
  transition:border-color .2s,box-shadow .2s !important;
}
#serviceModal .service-modal-form input:focus,
#serviceModal .service-modal-form select:focus,
#serviceModal .service-modal-form textarea:focus{
  border-color:#d8ff38 !important;
  box-shadow:0 0 0 3px rgba(216,255,56,.1) !important;
}
#serviceModal .service-modal-form textarea{resize:vertical !important;min-height:82px !important}
#serviceModal .service-modal-form input[type=file]{padding:9px !important;color:#9fa4af !important}
#serviceModal .service-modal-form input[type=file]::file-selector-button{
  margin-right:12px !important;
  padding:9px 12px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#d8ff38 !important;
  color:#090a0e !important;
  font-weight:800 !important;
  cursor:pointer !important;
}
#serviceModal .submit-btn{
  appearance:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  width:100% !important;
  min-height:58px !important;
  margin:4px 0 0 !important;
  padding:14px 22px !important;
  border:0 !important;
  border-radius:13px !important;
  background:#d8ff38 !important;
  color:#090a0e !important;
  font:800 15px 'Manrope',Arial,sans-serif !important;
  cursor:pointer !important;
}
#serviceModal .submit-btn:hover{filter:brightness(.95);transform:translateY(-1px)}
#serviceModal .calc-success{
  margin:0 0 22px !important;
  padding:16px 18px !important;
  border:1px solid rgba(140,255,174,.3) !important;
  border-radius:13px !important;
  background:#123b25 !important;
  color:#9cffbd !important;
  line-height:1.5 !important;
}
@media(max-width:760px){
  #serviceModal.service-modal{padding:8px !important;align-items:flex-end !important}
  #serviceModal .service-modal-card{
    width:100% !important;
    max-height:94vh !important;
    padding:31px 17px 24px !important;
    border-radius:24px 24px 0 0 !important;
  }
  #serviceModal h2{font-size:clamp(38px,12vw,54px) !important;padding-right:32px !important}
  #serviceModal .calc-grid2{grid-template-columns:1fr !important;gap:0 !important}
  #serviceModal .service-close{width:42px !important;height:42px !important;top:12px !important;right:12px !important}
}