/* ═══════════════════════════════════════════
   CONTACT.CSS — Shatabdi Pavers (contact.html ONLY)
   Styles for: the contact info column, embedded map
   box, and the enquiry form on the right.

   ✏️ Actual TEXT/form fields are in contact.html, not here.
   ═══════════════════════════════════════════ */

.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr}}

.ci-block{display:flex;flex-direction:column;gap:30px}
.ci-item{display:flex;gap:16px}
.ci-icon{width:46px;height:46px;border-radius:8px;background:rgba(184,92,44,.1);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.ci-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--terra);margin-bottom:5px}
.ci-val{font-size:15px;font-weight:500}
.ci-val a{color:var(--dark);transition:color var(--t)}
.ci-val a:hover{color:var(--terra)}
.ci-note{font-size:12.5px;color:var(--taupe);margin-top:4px;line-height:1.55}

.map-box{width:100%;height:270px;border-radius:10px;border:1px solid var(--border);overflow:hidden;margin-top:30px;background:var(--cream)}
.map-box iframe{width:100%;height:100%;border:none}

.eq-form{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:38px}
.eq-title{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;margin-bottom:7px}
.eq-sub{font-size:13.5px;color:var(--taupe);margin-bottom:28px;line-height:1.65}

.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:500px){.fgrid{grid-template-columns:1fr}}
.fg{display:flex;flex-direction:column;gap:5px}
.fg.full{grid-column:1/-1}

label{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--taupe);text-transform:uppercase}
input,select,textarea{padding:11px 13px;border:1.5px solid var(--border);border-radius:7px;font-size:13.5px;font-family:'Outfit',sans-serif;background:var(--cream);color:var(--dark);transition:border-color var(--t);outline:none;width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--terra)}
textarea{resize:vertical;min-height:115px}

.fsub{width:100%;padding:13px;border-radius:8px;background:var(--terra);color:white;font-size:14.5px;font-weight:600;cursor:pointer;border:none;font-family:'Outfit',sans-serif;transition:all var(--t);margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px}
.fsub:hover{background:var(--terra-d);transform:translateY(-2px);box-shadow:0 8px 24px rgba(184,92,44,.3)}
.fnote{font-size:11px;color:var(--concrete);text-align:center;margin-top:10px}

.form-success{display:none;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;gap:14px}
.form-success.show{display:flex}
.succ-icon{font-size:52px}
.succ-title{font-family:'Playfair Display',serif;font-size:24px;font-weight:700}
.succ-sub{font-size:14px;color:var(--taupe);max-width:300px;line-height:1.65}