/* ── Contact Detail Section ── */
.contact_us .contact-wrapper {
   padding: 0 0 64px;
}

.contact_us .section-label {
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 0.2em;
   text-transform: uppercase;
   color: var(--color-accent);
   margin-bottom: 32px;
   font-family: 'Arial', sans-serif;
}

/* Info cards row */
.contact_us .info-row {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
}

.contact_us .info-item {
   padding: 36px 32px;
   display: flex;
   flex-direction: column;
   gap: 12px;
   border: 1px solid #e8e8f0;
   background: #fff;
   transition: var(--transition-default);
}

.contact_us .info-item:hover {
   border-color: var(--color-primary);
   transform: translateY(-4px);
   box-shadow: var(--shadow-soft);
}

.contact_us .info-item:hover .info-item__label {
   color: var(--color-secondary);
}

.contact_us .info-item:hover .info-item__icon {
   color: var(--color-secondary);
}

.contact_us .info-item__icon {
   color: var(--color-primary);
   transition: var(--transition-default);
}

.contact_us .info-item__label {
   font-size: 10px;
   font-weight: 700;
   letter-spacing: 0.18em;
   text-transform: uppercase;
   color: #6b7280;
   font-family: 'Arial', sans-serif;
   transition: var(--transition-default);
}

.contact_us .info-item a {
   font-size: 17px;
   color: var(--color-primary);
   text-decoration: none;
   font-weight: 500;
   letter-spacing: -0.01em;
   transition: var(--transition-default);
   word-break: break-all;
}

/* ── Map ── */
.contact_us .map-container {
   position: relative;
   overflow: hidden;
   margin: 0 0 0;
   box-shadow: var(--shadow-soft);
}

.contact_us .map-container iframe {
   display: block;
   filter: grayscale(20%) contrast(1.05);
}

@media (max-width: 768px) {
   .contact_us .info-row {
      grid-template-columns: 1fr;
      gap: 16px;
   }

   .contact_us .contact-wrapper {
      padding: 0 0 40px;
   }
}