.contact-page {
     max-width: 1100px;
     margin: 0 auto;
     padding: 5.5rem 1.75rem 4.5rem;
     display: grid;
     grid-template-columns: 1.25fr 1fr;
     gap: 2.5rem;
     align-items: stretch;
 }

 .contact-hero {
     margin-bottom: 0;
     height: 100%;
 }

 .contact-map {
     border-radius: 14px;
     overflow: hidden;
     border: 1px solid #e8eef5;
     background: #fff;
     height: 100%;
     min-height: 560px;
 }

 .contact-map iframe {
     width: 100%;
     height: 100%;
     border: 0;
     display: block;
 }

 .contact-details {
     display: block;
     height: 100%;
 }

 .contact-card {
     width: 100%;
     max-width: 520px;
     margin-left: auto;
     border-radius: 14px;
     border: 1px solid #e6eef7;
     background: #f3f8fc;
     padding: 2.25rem 2.5rem;
     box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
     height: 100%;
     min-height: 560px;
 }

 .contact-card-header {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 1rem;
     margin-bottom: 1.5rem;
     text-align: center;
 }

 .contact-card-heading {
     display: grid;
     gap: 0.5rem;
     justify-items: center;
 }

 .contact-brand-row {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 0.5rem;
 }

 .contact-brand {
     font-size: 1.15rem;
     font-weight: 500;
     line-height: 1;
     letter-spacing: 0.02em;
     text-transform: lowercase;
     color: #94a3b8;
 }

 .contact-divider {
     height: 1px;
     background: rgba(15, 23, 42, 0.08);
 }

 .contact-title {
     margin: 0;
     font-size: 1.35rem;
     font-weight: 700;
     color: #0f172a;
 }

 .contact-items {
     display: grid;
     grid-template-columns: 1fr;
     gap: 1.25rem;
     padding-top: 1.5rem;
 }

 .contact-item {
     display: grid;
     grid-template-columns: 18px 1fr;
     gap: 0.85rem;
     align-items: start;
 }

 .contact-item-icon {
     width: 18px;
     height: 18px;
     color: #334155;
     margin-top: 0.1rem;
 }

 .contact-item-icon svg {
     width: 18px;
     height: 18px;
     display: block;
 }

 .contact-item-label {
     font-size: 0.85rem;
     font-weight: 700;
     letter-spacing: 0.02em;
     color: #334155;
     margin-bottom: 0.25rem;
 }

 .contact-item-value {
     font-size: 0.95rem;
     line-height: 1.6;
     color: #475569;
 }

 .contact-item-value a {
     color: #2563eb;
     text-decoration: none;
 }

 .contact-item-value a:hover {
     text-decoration: underline;
 }

 @media (max-width: 768px) {
     .contact-page {
         padding-top: 7rem;
         grid-template-columns: 1fr;
     }

     .contact-map {
         min-height: 420px;
     }

     .contact-map iframe {
         height: 100%;
     }

     .contact-card {
         padding: 1.75rem 1.75rem;
         max-width: 100%;
     }

     .contact-title {
         font-size: 1.25rem;
     }
 }