.contact-page { max-width: 960px; margin: 0 auto; }
.contact-hero {
  text-align: center; margin-bottom: 36px; padding: 36px 20px;
  background: linear-gradient(135deg, var(--surf2) 0%, var(--surf) 100%);
  border: 1px solid var(--brd); border-radius: 18px;
}
.contact-hero h1 { font-size: clamp(1.6rem,3vw,2.2rem); font-weight: 800; color: var(--txt); margin-bottom: 10px; }
.contact-hero p { color: var(--txt-2); font-size: 1rem; max-width: 560px; margin: 0 auto; }

.contact-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 24px; }
@media(max-width:720px) { .contact-grid { grid-template-columns: 1fr; } }

/* Info cards */
.info-cards { display: flex; flex-direction: column; gap: 14px; }
.info-card {
  background: var(--surf2); border: 1px solid var(--brd); border-radius: 14px;
  padding: 16px; display: flex; align-items: flex-start; gap: 12px;
}
.info-card .ic-icon {
  width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center; font-size: .9rem;
}
.info-card .ic-label { font-size: .72rem; font-weight: 700; color: var(--txt-3); text-transform: uppercase; letter-spacing: .06em; }
.info-card .ic-val { font-size: .88rem; font-weight: 600; color: var(--txt); margin-top: 2px; }
.info-card .ic-note { font-size: .76rem; color: var(--txt-3); margin-top: 3px; line-height: 1.4; }

/* Type selector */
.type-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 20px; }
@media(max-width:500px) { .type-grid { grid-template-columns: 1fr 1fr; } }
.type-btn {
  padding: 10px 8px; border-radius: 11px; border: 1.5px solid var(--brd);
  background: var(--surf2); color: var(--txt-2); cursor: pointer;
  font-family: inherit; font-size: .8rem; font-weight: 600;
  text-align: center; transition: all .18s; line-height: 1.3;
}
.type-btn i { display: block; font-size: 1.1rem; margin-bottom: 4px; color: var(--txt-3); }
.type-btn:hover { border-color: var(--c-primary); color: var(--c-primary); }
.type-btn.selected { border-color: var(--c-primary); background: var(--c-glow); color: var(--c-primary); }
.type-btn.selected i { color: var(--c-primary); }

/* Form */
.form-card { background: var(--surf); border: 1px solid var(--brd); border-radius: 16px; padding: 24px; }
.form-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media(max-width:560px) { .form-row2 { grid-template-columns: 1fr; } }
.fg { margin-bottom: 14px; }
.fg label { display: block; font-size: .78rem; font-weight: 600; color: var(--txt-2); margin-bottom: 4px; }
.fg label .req { color: var(--c-red); }
.fg input, .fg textarea, .fg select {
  width: 100%; background: var(--surf2); border: 1.5px solid var(--brd); color: var(--txt);
  border-radius: 9px; padding: 9px 12px; font-family: inherit; font-size: .88rem; outline: none;
  transition: border-color .18s; resize: vertical;
}
.fg input:focus, .fg textarea:focus, .fg select:focus { border-color: var(--c-primary); }
.fg textarea { min-height: 120px; }
.privacy-row { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px; }
.privacy-row input[type=checkbox] { width: auto; margin-top: 2px; accent-color: var(--c-primary); }
.privacy-row label { font-size: .8rem; color: var(--txt-2); font-weight: 400; }
.privacy-row a { color: var(--c-primary); }
    
    
    
    
/* reCAPTCHA container - küçültülmüş */
.recaptcha-container {
    display: flex;
    justify-content: center;
    margin: 12px 0;
    transform: scale(0.75);
    transform-origin: center;
    min-height: 66px;
}

/* Mobil için daha da küçük */
@media(max-width: 480px) {
    .recaptcha-container {
        transform: scale(0.55);
        min-height: 60px;
        margin: 8px 0;
    }
}
    
    
    
    
    
.submit-btn {
  width: 100%; padding: 13px; background: var(--c-primary); color: #fff; border: none;
  border-radius: 10px; font-family: inherit; font-size: 1rem; font-weight: 700;
  cursor: pointer; transition: .18s; display: flex; align-items: center; justify-content: center; gap: 8px;
}
.submit-btn:hover { background: var(--c-primary-h); transform: translateY(-1px); }

/* Success */
.success-box {
  text-align: center; padding: 48px 24px;
  background: var(--surf); border: 1px solid var(--brd); border-radius: 16px;
}
.success-box .s-icon { font-size: 3rem; margin-bottom: 16px; display: block; }
.success-box h2 { font-size: 1.4rem; font-weight: 800; margin-bottom: 8px; color: var(--c-green); }
.success-box p { color: var(--txt-2); font-size: .92rem; }


/* final contact layout normalization */
.page-wrap-contact{max-width:min(1280px,calc(100% - 32px));width:min(1280px,calc(100% - 32px));margin-inline:auto;}
.contact-page{max-width:1180px;margin:0 auto 72px!important;padding:24px 0 0;}
.contact-hero{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:22px;padding:28px 30px;border-radius:22px;}
.contact-hero h1{margin:0;}
.contact-grid{align-items:start;}
@media(max-width:760px){.page-wrap-contact{width:min(100% - 18px,1280px)}.contact-page{padding-top:16px}.contact-hero{padding:22px 18px}}

/* final contact page consistency */
.contact-page,.page-wrap-contact .content-wrap{max-width:1180px;margin-inline:auto;}


/* Final contact page repair: match site page width and restore two-column form */
.page-wrap-contact{width:min(1240px,calc(100% - 32px))!important;max-width:min(1240px,calc(100% - 32px))!important;margin-inline:auto!important;padding-top:0!important;}
.contact-page{width:100%!important;max-width:1180px!important;margin:0 auto 76px!important;padding:18px 0 0!important;}
.contact-hero{display:flex!important;align-items:flex-start!important;justify-content:center!important;flex-direction:column!important;text-align:left!important;margin:0 0 22px!important;padding:28px 30px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.04))!important;border:1px solid var(--brd,#e5e7eb)!important;box-shadow:0 14px 35px rgba(15,23,42,.06)!important;}
.contact-grid{display:grid!important;grid-template-columns:minmax(260px,.85fr) minmax(0,1.65fr)!important;gap:24px!important;align-items:start!important;}
.form-card,.info-card{background:var(--surf,#fff)!important;border:1px solid var(--brd,#e5e7eb)!important;}
@media(max-width:820px){.page-wrap-contact{width:min(100% - 18px,1240px)!important}.contact-page{padding-top:12px!important}.contact-grid{grid-template-columns:1fr!important}.contact-hero{padding:22px 18px!important}}

/* Center contact hero title and subtitle */
.contact-hero{align-items:center!important;text-align:center!important;}
.contact-hero h1,.contact-hero p{text-align:center!important;}