/* KIPMAN SOFT — Contact Page v3.0 */

/* ── Contact Grid ───────────────────────────── */
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}

.contact-info-side h2{margin-bottom:12px}
.contact-info-side>p{font-size:.97rem;line-height:1.75;margin-bottom:32px}

/* Contact Cards */
.contact-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
.contact-card{
  display:flex;align-items:flex-start;gap:16px;
  background:var(--bg);border:1.5px solid var(--border);
  border-radius:var(--r-xl);padding:18px;
  transition:all var(--t);
}
.contact-card:hover{border-color:rgba(227,30,36,.2);box-shadow:var(--shadow-sm);transform:translateX(4px)}
.cc-icon{
  width:46px;height:46px;flex-shrink:0;
  background:var(--red-bg);border-radius:var(--r);
  display:flex;align-items:center;justify-content:center;
}
.cc-icon svg{width:20px;height:20px;stroke:var(--red)}
.cc-label{font-size:.76rem;font-weight:700;color:var(--txt-4);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.cc-value{font-size:.95rem;font-weight:700;color:var(--txt);margin-bottom:2px}
.cc-sub{font-size:.8rem;color:var(--txt-3)}

/* Social */
.contact-social h5{color:var(--txt-2);margin-bottom:12px;font-size:.84rem;font-weight:700;font-family:var(--font-d)}
.contact-social .social-row .social-btn{background:var(--bg-3)}
.contact-social .social-row .social-btn svg{fill:none;stroke:var(--txt-3)}
.contact-social .social-row .social-btn:hover{background:var(--red)}
.contact-social .social-row .social-btn:hover svg{stroke:#fff}

/* Contact Form */
.contact-form-wrap{
  background:var(--bg);border:1.5px solid var(--border);
  border-radius:var(--r-2xl);padding:44px;box-shadow:var(--shadow-sm);
}
.contact-form-wrap h3{margin-bottom:8px}
.contact-form-wrap>p{font-size:.92rem;color:var(--txt-3);margin-bottom:28px}
.contact-form{display:flex;flex-direction:column;gap:16px}

/* ── Map ────────────────────────────────────── */
.map-section{background:var(--bg-2)}
.map-wrap{
  background:var(--bg);border:1.5px solid var(--border);
  border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--shadow-sm);
}
.map-placeholder{
  height:320px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:12px;
  background:linear-gradient(135deg,var(--bg-2) 0%,var(--bg-3) 100%);
}
.map-placeholder svg{width:40px;height:40px;stroke:var(--red)}
.map-placeholder p{font-size:.92rem;color:var(--txt-2);font-weight:600}
.map-placeholder a{color:var(--red);font-weight:600;font-size:.88rem;transition:opacity var(--t)}
.map-placeholder a:hover{opacity:.75}

/* ── Hours Grid ─────────────────────────────── */
.hours-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hours-card{
  background:var(--bg);border:1.5px solid var(--border);
  border-radius:var(--r-xl);padding:24px;
  text-align:center;transition:all var(--t-med);
}
.hours-card:hover{border-color:rgba(227,30,36,.2);box-shadow:var(--shadow);transform:translateY(-3px)}
.hours-card .icon-box{margin:0 auto 16px}
.hours-card h4{margin-bottom:8px;font-size:.97rem}
.hours-card p{font-size:.84rem;line-height:1.65;margin-bottom:12px}

@media(max-width:1024px){
  .contact-grid{grid-template-columns:1fr}
  .hours-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .contact-form-wrap{padding:28px 20px}
  .hours-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .hours-grid{grid-template-columns:1fr}
}