/* Contact page only — template-kontakt.php. Section header is the shared
   .solution-intro (--narrow). */

.kontakt-ico{
  position:relative;display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;
  border-radius:var(--radius-md);background:var(--red);color:#fff;box-shadow:0 10px 22px rgba(var(--red-rgb),.24);
}

/* ==========================================================================
   Contact page — template-kontakt.php
   ========================================================================== */
.kontakt-section{padding:var(--section-space-sm) 0 var(--section-space)}

.kontakt-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-7);align-items:start}
.kontakt-form-card{padding:var(--space-8)}
.kontakt-locations{display:flex;flex-direction:column;gap:var(--space-5)}
.kontakt-card{padding:var(--space-7)}
.kontakt-card-head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}
.kontakt-ico svg{width:24px;height:24px}
.kontakt-ico-dots{width:16px;height:16px;flex:0 0 16px;background:var(--brand-dots);color:#fff}
.kontakt-ico-logo{background:#fff;box-shadow:0 1px 0 var(--line) inset,0 10px 22px rgba(20,20,20,.08);padding:6px}
.kontakt-ico-logo img{width:100%;height:100%;object-fit:contain}
.kontakt-card h3{margin:0;font-size:var(--fs-card-title-sm);line-height:var(--lh-title);letter-spacing:var(--tracking-title)}
.kontakt-address{font-style:normal;margin:0 0 var(--space-4);color:var(--text-secondary);font-size:14px;line-height:1.55}
.kontakt-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.kontakt-rows li{display:flex;align-items:center;gap:var(--space-3);font-size:14px;color:var(--text-nav)}
.kontakt-rows a{color:inherit;font-weight:600;transition:color .16s ease}
.kontakt-rows a:hover{color:var(--red)}
.kontakt-row-ico{
  width:30px;height:30px;flex:0 0 30px;border-radius:9px;
  background:#fff1f0;color:var(--red);display:grid;place-items:center;
}
.kontakt-row-ico svg{width:15px;height:15px}

.kontakt-map{
  margin-top:var(--space-5);border-radius:var(--radius-md);overflow:hidden;
  border:1px solid var(--line);background:var(--soft-2);
}
.kontakt-map iframe{display:block;width:100%;height:170px;border:0}

/* The CF7 form itself is styled by the shared .wpcf7-* rules in styles.css. */

@media (max-width:820px){
  .kontakt-grid{grid-template-columns:1fr}
  .kontakt-form-card,.kontakt-card{padding:var(--space-6)}
}