.pobocky {
  color: var(--main-back-color);
  display: -webkit-grid;
  display: -ms-grid;
  display: grid;
  gap: var(--large-size) var(--medium-size);
  -webkit-grid-template-columns:
    repeat(auto-fit, minmax(min(var(--great-distance), 100%), 1fr));
  -ms-grid-template-columns:
    repeat(auto-fit, minmax(min(var(--great-distance), 100%), 1fr));
  grid-template-columns:
    repeat(auto-fit, minmax(min(var(--great-distance), 100%), 1fr));
}

.pobocky li {
  background-color: var(--alt-back-color);
  background: -webkit-linear-gradient(
    var(--alt-grad-dir),
    var(--alt-grad-light-from),
    var(--alt-grad-light-to)
  );
  background: -moz-linear-gradient(
    var(--alt-grad-dir),
    var(--alt-grad-light-from),
    var(--alt-grad-light-to)
  );
  background: linear-gradient(
    var(--alt-grad-dir),
    var(--alt-grad-light-from),
    var(--alt-grad-light-to)
  );
  -webkit-border-radius: var(--mini-size) var(--mini-size) 0 0;
  -moz-border-radius: var(--mini-size) var(--mini-size) 0 0;
  border-radius: var(--mini-size) var(--mini-size) 0 0;
  display: flex;
  flex-direction: column;
  justify-items: stretch;
  list-style: none;
}

.pobocky-pobocka {
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-items: stretch;
  -moz-justify-items: stretch;
  -ms-justify-items: stretch;
  justify-items: stretch;
  padding: var(--small-size);
}

.pobocky-pobocka-jmeno {
  font-size: var(--great-font);
}

.pobocky-pobocka-jmeno a {
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: var(--mini-size);
  text-decoration: none;
  width: 100%;
}

.pobocky-pobocka-jmeno-text {
  text-decoration: underline;
}

.pobocky-pobocka-jmeno a:hover .pobocky-pobocka-jmeno-text {
  text-decoration: none;
}

.pobocky-pobocka-adresa {
  text-align: left;
  width: max-content;
}

.pobocky-pobocka-kontakty-wrapper {
  display: -webkit-grid;
  display: -ms-grid;
  display: grid;
  gap: var(--small-size) var(--large-size);
  -webkit-grid-auto-flow: dense;
  -ms-grid-auto-flow: dense;
  grid-auto-flow: dense;
  -webkit-grid-template-columns:
    repeat(auto-fit, minmax(min(var(--medium-distance), 100%), 1fr));
  -ms-grid-template-columns:
    repeat(auto-fit, minmax(min(var(--medium-distance), 100%), 1fr));
  grid-template-columns:
    repeat(auto-fit, minmax(min(var(--medium-distance), 100%), 1fr));
  padding-top: var(--smaller-size);
}

.pobocky-pobocka-kontakty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--smaller-size) var(--medium-size);
  font-weight: bold;
}

.pobocky-pobocka-kontakty > *:hover {
  opacity: var(--hover-opacity);
}

.pobocky-pobocka-mapa {
  position: relative;
}

.pobocky-pobocka-mhd {
  -webkit-grid-row: span 2;
  -ms-grid-row: span 2;
  grid-row: span 2;
}

.pobocky-pobocka-mhd h3 {
  text-transform: uppercase;
}

.pobocky-pobocka-mhd h3:not(:first-child) {
  margin-top: var(--small-size);
}

@media (max-width: 768px) {

  .pobocky-pobocka-mapa {
    min-height: var(--large-distance);
  }

}

@media (min-width: 769px) and (max-width: 1280px) {

  .pobocky-pobocka-mapa {
    min-height: var(--larger-distance);
  }

}

@media (min-width: 1281px) {

  .pobocky-pobocka-mapa {
    min-height: var(--great-distance);
  }

}