/* ============================================================
   SHAINY CREATION — contact.css  v6.0
   ============================================================ */
.section-pad .contact-layout, .section-pad-sm .contact-layout { max-width: 1040px; margin: 0 auto; }

.contact-info-card { background: var(--off-white); border: 1px solid var(--border-soft); padding: 22px; margin-bottom: 14px; border-radius: var(--r-lg); transition: box-shadow var(--t-lg), transform var(--t-lg), border-color var(--t); }
.contact-info-card:hover { box-shadow: var(--sh-sm); transform: translateY(-2px); border-color: var(--blush-mid); }
.contact-info-icon { width: 44px; height: 44px; background: var(--blush); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.contact-info-icon svg { width: 18px; height: 18px; stroke: var(--rose); fill: none; stroke-width: 1.7; }
.contact-info-card h4 { font-size: 10px; letter-spacing: .13em; text-transform: uppercase; font-weight: 700; margin-bottom: 7px; color: var(--text); }
.contact-info-card p  { font-size: 14px; color: var(--text-soft); line-height: 1.65; font-weight: 300; }
.contact-info-card p a { color: var(--text); transition: color var(--t); }
.contact-info-card p a:hover { color: var(--rose); }
.contact-hours { font-size: 11px; color: var(--text-muted); margin-top: 3px; }

.contact-form-card { background: var(--off-white); border: 1px solid var(--border-soft); padding: 36px; border-radius: var(--r-lg); }
.contact-form-card h2 { font-family: var(--f-display); font-size: 28px; font-weight: 500; margin-bottom: 7px; letter-spacing: -.02em; line-height: 1.2; }
.contact-form-card .subtitle { font-size: 14px; color: var(--text-soft); margin-bottom: 26px; line-height: 1.7; font-weight: 300; }
.contact-form-card .form-group { margin-bottom: 18px; }
.contact-form-card label { display: block; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; font-weight: 700; margin-bottom: 7px; color: var(--text-soft); }
.contact-form-card .form-input { width: 100%; padding: 11px 14px; border: 1.5px solid var(--border); background: var(--white); font-family: var(--f-body); font-size: 14px; color: var(--text); outline: none; border-radius: var(--r-sm); transition: border-color var(--t), box-shadow var(--t); appearance: none; }
.contact-form-card .form-input:focus { border-color: var(--rose); box-shadow: 0 0 0 3px rgba(200,121,106,.1); }
.contact-form-card .form-input::placeholder { color: var(--text-muted); font-weight: 300; }
.contact-form-card textarea.form-input { resize: vertical; min-height: 130px; line-height: 1.65; }
.contact-form-card select.form-input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a6458' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 13px center; padding-right: 36px; cursor: pointer; }

@media (max-width: 900px) { .contact-form-card { padding: 26px 22px; } .contact-form-card h2 { font-size: 22px; } }
@media (max-width: 480px) { .contact-form-card { padding: 20px 16px; } }