:root{
    --paloty:#e27924; --dark:#191919; --muted:#666;
    --card:#fff; --bg:#f6f6f6; --radius:16px;
}

/* Sayfa çerçevesi */
.contact-container{max-width:1280px;margin:0 auto;padding:28px 16px}

/* HERO */
.contact-hero{text-align:center;margin-bottom:18px}
.contact-hero h1{margin:0 0 6px;font-size:clamp(26px,3.2vw,36px)}
.contact-hero p{margin:0 0 12px;color:var(--muted)}
.contact-hero-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.chip{background:#f4f4f4;border:1px solid #e7e7e7;border-radius:999px;padding:8px 12px;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.chip i{color:var(--paloty)}

/* Kartlar */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.c-card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.c-card i{font-size:22px;color:var(--paloty)}
.c-card .c-title{font-weight:700;margin:8px 0 4px}
.c-card a{color:#1a73e8;text-decoration:none}
.c-card a:hover{text-decoration:underline}

/* Form + Harita */
.contact-main{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-top:6px}
.card{background:var(--card);border-radius:var(--radius);box-shadow:0 10px 26px rgba(0,0,0,.06);padding:16px}
.contact-form h2,.contact-map h2{margin:0 0 10px;font-size:18px;color:#555}

/* Grid alanlar */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-weight:600;color:#555}
.field input,.field textarea{
    background:#fff;border:1px solid #e2e2e2;border-radius:12px;padding:10px 12px;outline:none;color:#191919;
}
.field textarea{min-height:120px;resize:vertical}

/* Politika ve aksiyonlar */
.policy-row{margin-top:6px}
.ck{display:flex;align-items:flex-start;gap:8px}
.ck input{margin-top:3px}
.form-actions{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.btn{border-radius:12px;padding:12px 16px;font-weight:700;border:none;cursor:pointer;text-decoration:none;display:inline-block}
.btn-primary{background:var(--paloty);color:#fff}
.btn-primary:hover{background:#d1660f}
.form-msg{font-size:.95rem;color:#555}

/* Harita + saatler */
.map-embed{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.06);margin-bottom:12px}
.map-embed iframe{width:100%;height:280px;border:0;display:block}
.office-hours{list-style:none;margin:0 0 12px 0;padding:0;display:grid;gap:6px;color:#333}
.social-inline{display:flex;gap:10px}
.social-inline a{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);color:#191919}
.social-inline a:hover{transform:translateY(-1px)}

/* Alt bloklar */
.contact-faq{margin:24px 0 10px}
.contact-faq h2{font-size:18px;color:#555;margin:0 0 10px}
.contact-faq details{background:#fff;border-radius:12px;padding:12px 14px;margin:8px 0;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.contact-faq summary{cursor:pointer;font-weight:700}
.contact-faq p{margin:8px 0 0;color:#555}

.contact-cta{background:#f7f4ef;border-radius:16px;padding:18px;margin:10px 0 0;text-align:center}
.contact-cta h3{margin:0 0 10px}

/* Responsive */
@media (max-width:1100px){
    .contact-cards{grid-template-columns:1fr 1fr}
    .contact-main{grid-template-columns:1fr}
}
@media (max-width:700px){
    .contact-cards{grid-template-columns:1fr}
    .grid-2{grid-template-columns:1fr}
    .map-embed iframe{height:240px}
    .social-inline a{width:32px;height:32px}
}