/* style unikalne dla kontakt.html — ładować po base.css i product.css */

/* ---------- nagłówek sekcji (wyśrodkowany) ---------- */
.c-head{text-align:center;max-width:640px;margin:0 auto 46px}
.c-head h2{font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:800;color:var(--green-900);margin:12px 0 14px}
.c-head p{color:var(--steel);font-size:1.1rem}

/* ---------- dane kontaktowe ---------- */
.contact-info{padding:80px 0}

.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto}
.contact-grid .plate-card{position:static}
.contact-card-body{padding:26px 22px 28px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}
.contact-card-label{color:var(--steel);font-size:1rem}
.contact-grid .plate-phone{width:100%}

.contact-channels{margin:48px auto 0;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}
.contact-email{
  display:inline-flex;align-items:center;gap:12px;
  font-family:'Archivo';font-weight:800;font-size:1.3rem;color:var(--green-900);
  transition:color .15s;
}
.contact-email:hover{color:var(--orange)}
.contact-email .ico{width:42px;height:42px;border-radius:10px;background:var(--green-800);display:grid;place-items:center;flex:none}
.contact-email .ico svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.8}

.social-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.social-row a{
  width:48px;height:48px;border-radius:50%;background:var(--green-800);color:#fff;
  display:grid;place-items:center;transition:background .15s,transform .15s;
}
.social-row a:hover{background:var(--orange);transform:translateY(-2px)}
.social-row svg{width:22px;height:22px;fill:currentColor}

/* ---------- mapa ---------- */
.map-sec{background:var(--paper-2);padding:80px 0;text-align:center}
.map-sec h2{font-size:clamp(1.8rem,3.6vw,2.5rem);font-weight:800;color:var(--green-900);margin:12px 0 14px}
.map-sec > .wrap > p{color:var(--steel);font-size:1.1rem;max-width:56ch;margin:0 auto 40px}
.map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;text-align:left}
.map-card h3{font-family:'Archivo';font-weight:700;font-size:1.15rem;color:var(--green-900);margin-bottom:14px}
.map-frame{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:var(--green-800)}
.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- responsywność ---------- */
@media(max-width:900px){
  .contact-info,.map-sec{padding:60px 0}
}
@media(max-width:640px){
  .contact-grid{grid-template-columns:1fr}
  .map-grid{grid-template-columns:1fr}
  .contact-card-body{padding:22px 18px 24px}
}