.contact-hero { background-image: linear-gradient(135deg, rgba(8, 31, 12, 0.92), rgba(27, 77, 30, 0.76)), url('/assets/images/hero/cumin-seeds.webp'); background-size: cover; background-position: center; }
.contact-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr); gap: 34px; align-items: start; }
.quote-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 30px; border: 1px solid var(--border); border-radius: var(--radius-md); background: rgba(255,255,255,0.62); box-shadow: var(--shadow-green); transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.quote-form.is-sent { border-color: rgba(27, 77, 30, 0.5); box-shadow: 0 20px 58px rgba(27,77,30,0.18); }
.form-group { display: grid; gap: 8px; }
.form-group.full, .quote-form .full { grid-column: 1 / -1; }
.form-group label { color: var(--green-dark); font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.form-input, .form-select { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: #fffaf0; color: var(--text-dark); outline: none; }
textarea.form-input { resize: vertical; }
.form-input:focus, .form-select:focus { border-color: var(--gold-mid); box-shadow: 0 0 0 3px rgba(197,150,58,0.12); }
.form-status { display: none; grid-column: 1 / -1; padding: 12px 14px; border: 1px solid transparent; background: transparent; color: var(--green-dark); font-size: 14px; font-weight: 700; line-height: 1.45; }
.form-status[data-type="loading"],
.form-status[data-type="error"],
.form-status[data-type="warning"],
.form-status[data-type="success"] { display: block; }
.form-status[data-type="loading"] { border-color: rgba(197,150,58,0.32); background: rgba(197,150,58,0.12); color: var(--green-dark); }
.form-status[data-type="error"],
.form-status[data-type="warning"] { border-color: rgba(154,93,0,0.26); background: rgba(154,93,0,0.09); color: #7a4300; }
.form-status[data-type="success"] { border-color: rgba(27,77,30,0.28); background: rgba(27,77,30,0.1); color: var(--green-dark); }
.contact-info-card { padding: 34px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--green-dark); color: var(--gold-pale); box-shadow: var(--shadow-green); }
.contact-info-card h2 { margin-bottom: 20px; color: #fff6de; }
.contact-info-card p { display: grid; gap: 5px; margin-bottom: 18px; color: rgba(245,237,219,0.72); }
.contact-info-card strong { color: var(--gold-light); font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; }
.map-embed { min-height: 190px; margin-top: 28px; display: grid; place-items: center; border: 1px solid rgba(232,192,112,0.22); color: rgba(245,237,219,0.65); background: radial-gradient(circle at 30% 30%, rgba(232,192,112,0.14), transparent 28%), rgba(255,255,255,0.04); }
@media (max-width: 860px) { .contact-grid, .quote-form { grid-template-columns: 1fr; } .form-group.full, .quote-form .full { grid-column: auto; } }
@media (max-width: 560px) { .quote-form, .contact-info-card { padding: 22px; } .map-embed { min-height: 150px; padding: 18px; text-align: center; } }