/* Stand-wide breadcrumbs copied from /uslugi/banya/ (.ypb-crumbs). */
.ypb-crumbs-bar {
  background-color: #fff;
  width: 100%;
}
.ypb-crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 18px 0;
  font-family: Manrope, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.5;
  color: #181731;
  width: min(1400px, calc(100% - 48px));
  margin: 0 auto;
}
.ypb-crumbs a,
.ypb-crumbs a:not([class]),
.ypb-crumbs a span,
.ypb-crumbs a:not([class]) span {
  color: #8c8e96 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.5;
  opacity: 1 !important;
}
.ypb-crumbs a:hover,
.ypb-crumbs a:hover span {
  color: #181731 !important;
}
.ypb-crumbs__sep {
  color: #c2c4cc;
  font-size: 13px;
  font-weight: 300;
  line-height: 1;
}
.ypb-crumbs > span:last-child,
.ypb-crumbs > span:last-child span {
  color: #181731 !important;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.5;
}

/* display:contents so middle items stay in the flex row; hidden on small screens. */
.ypb-crumbs__mid {
  display: contents;
}

body.living-page.page-content,
body.yp-hero-crumbs.page-content,
body.yp-landing.page-content,
html.yp-landing-html body.page-content {
  margin-top: 0 !important;
}

/* Hide crumbs still sitting above a first-screen photo until JS places them under it. */
body:has(.main-slider) > .ypb-crumbs-bar,
body:has(.yp-hero) > .ypb-crumbs-bar,
body:has(.ypb-hero) > .ypb-crumbs-bar,
body:has(.slider-one-large) > .ypb-crumbs-bar,
body:has(.ride-hero) > .ypb-crumbs-bar {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
body .main-slider ~ .ypb-crumbs-bar,
body .yp-hero ~ .ypb-crumbs-bar,
body .ypb-hero ~ .ypb-crumbs-bar,
body .slider-one-large ~ .ypb-crumbs-bar,
body .ride-hero ~ .ypb-crumbs-bar,
.living-wrap .ypb-crumbs-bar,
.ypb .ypb-crumbs-bar,
.yp-lp .ypb-crumbs-bar {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
}

@media (max-width: 760px) {
  .ypb-crumbs { padding: 12px 0; }
  .ypb-crumbs__mid { display: none; }
}