/* =========================================================
   Contact page
   ========================================================= */

.section-space{padding:96px 0}
.eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--green);margin-bottom:14px}
.section-title{font-size:clamp(2.4rem,4.7vw,4.9rem);line-height:.97;margin:0 0 20px}
.section-copy{color:var(--muted);font-size:1.02rem;line-height:1.82}
.btn-ec{font-weight:750}

/* ---------- Hero ---------- */
.contact-hero{
  min-height:670px;display:flex;align-items:center;position:relative;color:#fff;overflow:hidden;
  background:linear-gradient(90deg,rgba(5,23,17,.94) 0%,rgba(5,23,17,.76) 38%,rgba(5,23,17,.26) 70%,rgba(5,23,17,.36) 100%),url('https://images.unsplash.com/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=2000&q=88') center/cover no-repeat;
}
.contact-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 76% 35%,rgba(201,165,106,.10),transparent 24%),radial-gradient(circle at 15% 86%,rgba(52,107,77,.25),transparent 26%);
}
.hero-inner{position:relative;z-index:2;width:100%;padding-top:100px}
.hero-copy{max-width:710px}
.hero-kicker{font-size:.76rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:22px}
.hero-title{font-size:clamp(3.8rem,7vw,7.1rem);line-height:.9;margin:0}
.hero-text{max-width:590px;color:rgba(255,255,255,.80);font-size:1.12rem;line-height:1.78;margin-top:26px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero-ghost{
  display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;
  padding:.9rem 1.35rem;color:#fff;background:rgba(255,255,255,.04);font-weight:700;transition:.25s ease;
}
.hero-ghost:hover{color:#fff;background:rgba(255,255,255,.12)}

/* ---------- Options ---------- */
.contact-options{background:linear-gradient(180deg,#fbf8f2,#f4eee4)}
.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.option-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-soft);min-height:210px;transition:.28s ease}
.option-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(12,34,25,.10)}
.option-no{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(52,107,77,.20);color:var(--green);font-weight:700;margin-bottom:22px;background:#fbf8f2}
.option-card h4{font-size:1.6rem;margin-bottom:10px}
.option-card p{margin:0;color:var(--muted);line-height:1.72}

/* ---------- Form ---------- */
.contact-main{background:#fbf8f2;scroll-margin-top:0}
.contact-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:start}
.contact-copy{position:sticky;top:32px}
.contact-detail-list{margin-top:34px;display:grid;gap:16px}
.detail-row{padding:18px 0;border-bottom:1px solid var(--line)}
.detail-row strong{display:block;color:var(--green);margin-bottom:5px;font-size:.85rem;letter-spacing:.10em;text-transform:uppercase}
.detail-row span{color:var(--muted);line-height:1.6}
.detail-row a{color:var(--green);font-weight:600}

.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow)}
.form-section-title{font-size:2.1rem;margin:0 0 6px}
.form-section-copy{margin-bottom:28px;color:var(--muted)}
.form-label{font-size:.84rem;font-weight:750;color:#38463f;margin-bottom:8px}
.form-control,.form-select{border-radius:14px;border:1px solid rgba(20,40,30,.14);padding:.92rem 1rem;box-shadow:none;background:#fefdfa}
.form-control:focus,.form-select:focus{border-color:rgba(52,107,77,.58);box-shadow:0 0 0 4px rgba(52,107,77,.08);background:#fff}
textarea.form-control{min-height:170px;resize:vertical}
.form-note{margin-top:16px;color:#7c8780;font-size:.85rem;line-height:1.6}
.form-note a{color:var(--green);text-decoration:underline}
.contact-form-card .alert{border-radius:14px}

/* ---------- Response strip ---------- */
.response-strip{background:linear-gradient(90deg,#0a2c20,#123b2c);color:#fff}
.response-inner{padding:58px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
.response-inner h2{font-size:clamp(2.4rem,4.4vw,4.4rem);margin:0;line-height:.98}
.response-copy{color:rgba(255,255,255,.72);line-height:1.8}

/* ---------- FAQ ---------- */
.faq-section{background:#f5efe5}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.accordion-item{border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden;margin-bottom:12px;background:#fff}
.accordion-button{padding:1.15rem 1.25rem;font-weight:700;box-shadow:none!important}
.accordion-button:not(.collapsed){background:#f2f6f2;color:var(--green)}
.accordion-body{color:var(--muted);line-height:1.75}

/* ---------- Responsive ---------- */
@media (max-width:991.98px){
  .option-grid,.contact-layout,.response-inner,.faq-grid{grid-template-columns:1fr}
  .contact-copy{position:static}
}
@media (max-width:767.98px){
  .section-space{padding:74px 0}
  .contact-hero{min-height:620px}
  .contact-form-card{padding:24px}
}