.kontaktkarta {
  padding: 60px 0; }
  .kontaktkarta__inner {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px; }
  .kontaktkarta__heading {
    margin-bottom: 40px; }
  .kontaktkarta__layout {
    display: flex;
    gap: 60px;
    align-items: flex-start; }
  .kontaktkarta__map-wrap {
    flex: 0 0 427px;
    position: sticky;
    top: 100px; }
    @media (max-width: 1300px) {
      .kontaktkarta__map-wrap {
        flex: 0 0 327px; } }
  .kontaktkarta__svg {
    width: 100%;
    height: auto;
    display: block; }
  .kontaktkarta__region {
    fill: var(--wp--preset--color--lighter-blue) !important;
    cursor: pointer; }
    .kontaktkarta__region path {
      fill: inherit !important;
      fill-opacity: 1 !important; }
    .kontaktkarta__region:hover {
      fill: var(--wp--preset--color--marin) !important; }
    .kontaktkarta__region:focus {
      outline: none;
      fill: var(--wp--preset--color--marin) !important; }
    .kontaktkarta__region.is-active {
      fill: var(--wp--preset--color--marin) !important; }
    .kontaktkarta__region.is-greyed {
      fill: #ecf0f8 !important;
      cursor: not-allowed;
      opacity: 1;
      pointer-events: none; }
  .kontaktkarta__map-label {
    font-size: 11px;
    font-weight: 700;
    fill: var(--wp--preset--color--marin);
    pointer-events: none;
    user-select: none;
    letter-spacing: 1.5px; }
  .kontaktkarta__contacts {
    flex: 1;
    min-width: 0; }
    .kontaktkarta__contacts > .contact-person-tabs {
      margin-top: 0 !important;
      flex-wrap: wrap; }
      .kontaktkarta__contacts > .contact-person-tabs > .contact-person-tab {
        padding: .9em 2.5em;
        max-width: 160px;
        text-align: left; }
  .kontaktkarta .contact-person-tab.is-greyed {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none; }
  .kontaktkarta__map-hint {
    font-size: 0.8rem;
    color: #3D598A;
    margin-bottom: 0.75rem;
    text-align: center; }
  .kontaktkarta__filter {
    margin-bottom: 2rem;
    text-align: right; }
  .kontaktkarta__select {
    appearance: none;
    background-color: #fff;
    border: 1px solid #A7BCE1;
    border-radius: 3px;
    padding: 0.34rem 1.8rem 0.34rem 1.2rem;
    font-size: 0.8rem;
    font-weight: 400;
    color: #112E5F;
    cursor: pointer;
    background-image: url('data:image/svg+xml,<svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.234 3.88629C3.38092 4.0379 3.61849 4.0379 3.76385 3.88629L6.88981 0.660484C7.03673 0.508871 7.03673 0.26371 6.88981 0.11371C6.74289 -0.0362903 6.50532 -0.0379032 6.35996 0.11371L3.49971 3.06532L0.639455 0.11371C0.492535 -0.0379032 0.254962 -0.0379032 0.109605 0.11371C-0.0357524 0.265323 -0.0373154 0.510484 0.109605 0.660484L3.23556 3.88629H3.234Z" fill="%233D598A"/></svg>');
    background-repeat: no-repeat;
    background-position: right 0.75rem center; }
  .kontaktkarta__grid {
    grid-template-columns: repeat(3, 1fr); }
    @media (max-width: 991.98px) {
      .kontaktkarta__grid {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 781.98px) {
      .kontaktkarta__grid {
        grid-template-columns: repeat(1, 1fr); } }
  @media (max-width: 1124px) {
    .kontaktkarta__layout {
      flex-direction: column-reverse;
      gap: 32px; }
    .kontaktkarta__map-wrap {
      flex: 0 0 auto;
      width: 300px;
      max-width: 100%;
      margin: 0 auto;
      position: static; } }

.contact-person-block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem; }
  @media (max-width: 991.98px) {
    .contact-person-block {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 781.98px) {
    .contact-person-block {
      grid-template-columns: repeat(1, 1fr); } }
  .contact-person-block .contact-person figure {
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 1rem;
    aspect-ratio: 1 / 1; }
    .contact-person-block .contact-person figure img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center; }
  .contact-person-block .contact-person h3 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .1rem; }
  .contact-person-block .contact-person .contact-person-title {
    font-size: 0.875rem;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 1rem; }
  .contact-person-block .contact-person a {
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    color: var(--wp--preset--color--textcolor);
    padding-left: 1.6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1.125rem; }
  .contact-person-block .contact-person .contact-person-phone,
  .contact-person-block .contact-person .contact-person-email {
    margin-bottom: .2rem; }
  .contact-person-block .contact-person .contact-person-phone a {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M5.62929 0.879329C5.35156 0.21488 4.62734 -0.136681 3.93828 0.0496461L3.74493 0.10238C1.47385 0.721126 -0.466768 2.92189 0.0992446 5.60078C1.40353 11.7531 6.24452 16.5941 12.3968 17.8984C15.0792 18.4679 17.2765 16.5238 17.8952 14.2527L17.948 14.0593C18.1378 13.3668 17.7827 12.6425 17.1218 12.3683L13.7011 10.9445C13.121 10.7019 12.4496 10.8707 12.0488 11.3593L10.6918 13.0187C8.22029 11.7918 6.23046 9.73865 5.08789 7.21796L6.64178 5.95234C7.13045 5.55508 7.29569 4.8836 7.05662 4.30001L5.62929 0.879329Z" fill="%23FFBA28"/></svg>'); }
  .contact-person-block .contact-person .contact-person-email a {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none"><path d="M1.6875 0C0.755859 0 0 0.727865 0 1.625C0 2.1362 0.249609 2.61693 0.675 2.925L7.9875 8.20625C8.58867 8.63958 9.41133 8.63958 10.0125 8.20625L17.325 2.925C17.7504 2.61693 18 2.1362 18 1.625C18 0.727865 17.2441 0 16.3125 0H1.6875ZM0 4.46875V10.8333C0 12.0284 1.00898 13 2.25 13H15.75C16.991 13 18 12.0284 18 10.8333V4.46875L11.025 9.50625C9.82617 10.3729 8.17383 10.3729 6.975 9.50625L0 4.46875Z" fill="%23FFBA28"/></svg>'); }

/*# sourceMappingURL=kontaktkarta.css.map */