/* ==========================================================================
   CONTACT PAGE
   ========================================================================== */

.lbg-contact { padding: 100px 20px; background: #ffffff; font-family: 'Inter', sans-serif; }
.lbg-contact-container { max-width: 1100px; margin: 0 auto; }
.lbg-contact-header { text-align: center; margin-bottom: 70px; }
.lbg-contact-header h2 { font-size: 42px; color: var(--lbg-dark-accent); font-weight: 800; margin-top: 15px; }
.lbg-contact-header p { max-width: 650px; margin: 20px auto 0; color: var(--lbg-subtext); line-height: 1.7; }
.text-navy { color: var(--lbg-primary); }

.lbg-contact-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; margin-bottom: 80px; }

.lbg-contact-info { display: flex; flex-direction: column; gap: 30px; }
.info-item { display: flex; gap: 20px; padding: 30px; background: #f8fafc; border-radius: 20px; transition: all .3s ease; }
.info-item:hover { background: var(--lbg-primary); }
.info-item:hover .info-icon { background: rgba(255, 255, 255, .2); color: #fff; }
.info-item:hover .info-text h4, .info-item:hover .info-text p { color: #fff; }
.info-icon { width: 54px; height: 54px; background: #fff; color: var(--lbg-primary); display: flex; align-items: center; justify-content: center; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, .05); flex-shrink: 0; }
.info-text h4 { font-size: 18px; color: var(--lbg-dark-accent); margin: 0 0 8px; }
.info-text p { font-size: 14px; color: var(--lbg-subtext); margin: 0; line-height: 1.6; }
.info-text ul { list-style: none; margin: 0; padding: 0; }
.info-text ul li { font-size: 14px; color: var(--lbg-subtext); line-height: 1.6; }

.lbg-contact-form-wrapper { background: #fff; padding: 40px; border-radius: 24px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .08); border: 1px solid #e2e8f0; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; font-size: 13px; font-weight: 600; color: var(--lbg-dark-accent); margin-bottom: 8px; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 14px 18px; border: 1px solid #e2e8f0; border-radius: 10px; font-size: 14px; background: #f8fafc; outline: none; transition: border .3s ease; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--lbg-primary); }

.lbg-submit-btn { width: 100%; padding: 16px; background: var(--lbg-primary); color: #fff; border: none; border-radius: 12px; font-size: 15px; font-weight: 600; cursor: pointer; transition: all .3s ease; }
.lbg-submit-btn:hover { background: var(--lbg-primary-hover); transform: translateY(-2px); box-shadow: 0 10px 20px rgba(var(--lbg-primary-rgb), .2); }

.lbg-map-container { border-radius: 24px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, .1); }

@media (max-width: 900px) {
    .lbg-contact-grid { grid-template-columns: 1fr; }
    .form-row { grid-template-columns: 1fr; }
    .lbg-contact-header h2 { font-size: 32px; }
}