@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.mb {
  margin-bottom: 0.9375rem !important;
}

.mr {
  margin-right: 0.9375rem !important;
}

.ml {
  margin-left: 0.9375rem !important;
}

.pb {
  padding-bottom: 0.9375rem !important;
}

.pr {
  padding-right: 0.9375rem !important;
}

.pl {
  padding-left: 0.9375rem !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm {
    margin-bottom: 0.9375rem !important;
  }
  .mr-sm {
    margin-right: 0.9375rem !important;
  }
  .ml-sm {
    margin-left: 0.9375rem !important;
  }
  .pb-sm {
    padding-bottom: 0.9375rem !important;
  }
  .pr-sm {
    padding-right: 0.9375rem !important;
  }
  .pl-sm {
    padding-left: 0.9375rem !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md {
    margin-bottom: 0.9375rem !important;
  }
  .mr-md {
    margin-right: 0.9375rem !important;
  }
  .ml-md {
    margin-left: 0.9375rem !important;
  }
  .pb-md {
    padding-bottom: 0.9375rem !important;
  }
  .pr-md {
    padding-right: 0.9375rem !important;
  }
  .pl-md {
    padding-left: 0.9375rem !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg {
    margin-bottom: 0.9375rem !important;
  }
  .mr-lg {
    margin-right: 0.9375rem !important;
  }
  .ml-lg {
    margin-left: 0.9375rem !important;
  }
  .pb-lg {
    padding-bottom: 0.9375rem !important;
  }
  .pr-lg {
    padding-right: 0.9375rem !important;
  }
  .pl-lg {
    padding-left: 0.9375rem !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl {
    margin-bottom: 0.9375rem !important;
  }
  .mr-xl {
    margin-right: 0.9375rem !important;
  }
  .ml-xl {
    margin-left: 0.9375rem !important;
  }
  .pb-xl {
    padding-bottom: 0.9375rem !important;
  }
  .pr-xl {
    padding-right: 0.9375rem !important;
  }
  .pl-xl {
    padding-left: 0.9375rem !important;
  }
}

.mb-tiny {
  margin-bottom: 0.3125rem !important;
}

.mr-tiny {
  margin-right: 0.3125rem !important;
}

.ml-tiny {
  margin-left: 0.3125rem !important;
}

.pb-tiny {
  padding-bottom: 0.3125rem !important;
}

.pr-tiny {
  padding-right: 0.3125rem !important;
}

.pl-tiny {
  padding-left: 0.3125rem !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm-tiny {
    margin-bottom: 0.3125rem !important;
  }
  .mr-sm-tiny {
    margin-right: 0.3125rem !important;
  }
  .ml-sm-tiny {
    margin-left: 0.3125rem !important;
  }
  .pb-sm-tiny {
    padding-bottom: 0.3125rem !important;
  }
  .pr-sm-tiny {
    padding-right: 0.3125rem !important;
  }
  .pl-sm-tiny {
    padding-left: 0.3125rem !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md-tiny {
    margin-bottom: 0.3125rem !important;
  }
  .mr-md-tiny {
    margin-right: 0.3125rem !important;
  }
  .ml-md-tiny {
    margin-left: 0.3125rem !important;
  }
  .pb-md-tiny {
    padding-bottom: 0.3125rem !important;
  }
  .pr-md-tiny {
    padding-right: 0.3125rem !important;
  }
  .pl-md-tiny {
    padding-left: 0.3125rem !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg-tiny {
    margin-bottom: 0.3125rem !important;
  }
  .mr-lg-tiny {
    margin-right: 0.3125rem !important;
  }
  .ml-lg-tiny {
    margin-left: 0.3125rem !important;
  }
  .pb-lg-tiny {
    padding-bottom: 0.3125rem !important;
  }
  .pr-lg-tiny {
    padding-right: 0.3125rem !important;
  }
  .pl-lg-tiny {
    padding-left: 0.3125rem !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl-tiny {
    margin-bottom: 0.3125rem !important;
  }
  .mr-xl-tiny {
    margin-right: 0.3125rem !important;
  }
  .ml-xl-tiny {
    margin-left: 0.3125rem !important;
  }
  .pb-xl-tiny {
    padding-bottom: 0.3125rem !important;
  }
  .pr-xl-tiny {
    padding-right: 0.3125rem !important;
  }
  .pl-xl-tiny {
    padding-left: 0.3125rem !important;
  }
}

.mb-small {
  margin-bottom: 0.625rem !important;
}

.mr-small {
  margin-right: 0.625rem !important;
}

.ml-small {
  margin-left: 0.625rem !important;
}

.pb-small {
  padding-bottom: 0.625rem !important;
}

.pr-small {
  padding-right: 0.625rem !important;
}

.pl-small {
  padding-left: 0.625rem !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm-small {
    margin-bottom: 0.625rem !important;
  }
  .mr-sm-small {
    margin-right: 0.625rem !important;
  }
  .ml-sm-small {
    margin-left: 0.625rem !important;
  }
  .pb-sm-small {
    padding-bottom: 0.625rem !important;
  }
  .pr-sm-small {
    padding-right: 0.625rem !important;
  }
  .pl-sm-small {
    padding-left: 0.625rem !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md-small {
    margin-bottom: 0.625rem !important;
  }
  .mr-md-small {
    margin-right: 0.625rem !important;
  }
  .ml-md-small {
    margin-left: 0.625rem !important;
  }
  .pb-md-small {
    padding-bottom: 0.625rem !important;
  }
  .pr-md-small {
    padding-right: 0.625rem !important;
  }
  .pl-md-small {
    padding-left: 0.625rem !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg-small {
    margin-bottom: 0.625rem !important;
  }
  .mr-lg-small {
    margin-right: 0.625rem !important;
  }
  .ml-lg-small {
    margin-left: 0.625rem !important;
  }
  .pb-lg-small {
    padding-bottom: 0.625rem !important;
  }
  .pr-lg-small {
    padding-right: 0.625rem !important;
  }
  .pl-lg-small {
    padding-left: 0.625rem !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl-small {
    margin-bottom: 0.625rem !important;
  }
  .mr-xl-small {
    margin-right: 0.625rem !important;
  }
  .ml-xl-small {
    margin-left: 0.625rem !important;
  }
  .pb-xl-small {
    padding-bottom: 0.625rem !important;
  }
  .pr-xl-small {
    padding-right: 0.625rem !important;
  }
  .pl-xl-small {
    padding-left: 0.625rem !important;
  }
}

.mb-large {
  margin-bottom: 1.875rem !important;
}

.mr-large {
  margin-right: 1.875rem !important;
}

.ml-large {
  margin-left: 1.875rem !important;
}

.pb-large {
  padding-bottom: 1.875rem !important;
}

.pr-large {
  padding-right: 1.875rem !important;
}

.pl-large {
  padding-left: 1.875rem !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm-large {
    margin-bottom: 1.875rem !important;
  }
  .mr-sm-large {
    margin-right: 1.875rem !important;
  }
  .ml-sm-large {
    margin-left: 1.875rem !important;
  }
  .pb-sm-large {
    padding-bottom: 1.875rem !important;
  }
  .pr-sm-large {
    padding-right: 1.875rem !important;
  }
  .pl-sm-large {
    padding-left: 1.875rem !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md-large {
    margin-bottom: 1.875rem !important;
  }
  .mr-md-large {
    margin-right: 1.875rem !important;
  }
  .ml-md-large {
    margin-left: 1.875rem !important;
  }
  .pb-md-large {
    padding-bottom: 1.875rem !important;
  }
  .pr-md-large {
    padding-right: 1.875rem !important;
  }
  .pl-md-large {
    padding-left: 1.875rem !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg-large {
    margin-bottom: 1.875rem !important;
  }
  .mr-lg-large {
    margin-right: 1.875rem !important;
  }
  .ml-lg-large {
    margin-left: 1.875rem !important;
  }
  .pb-lg-large {
    padding-bottom: 1.875rem !important;
  }
  .pr-lg-large {
    padding-right: 1.875rem !important;
  }
  .pl-lg-large {
    padding-left: 1.875rem !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl-large {
    margin-bottom: 1.875rem !important;
  }
  .mr-xl-large {
    margin-right: 1.875rem !important;
  }
  .ml-xl-large {
    margin-left: 1.875rem !important;
  }
  .pb-xl-large {
    padding-bottom: 1.875rem !important;
  }
  .pr-xl-large {
    padding-right: 1.875rem !important;
  }
  .pl-xl-large {
    padding-left: 1.875rem !important;
  }
}

.mb-x-large {
  margin-bottom: 3.75rem !important;
}

.mr-x-large {
  margin-right: 3.75rem !important;
}

.ml-x-large {
  margin-left: 3.75rem !important;
}

.pb-x-large {
  padding-bottom: 3.75rem !important;
}

.pr-x-large {
  padding-right: 3.75rem !important;
}

.pl-x-large {
  padding-left: 3.75rem !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm-x-large {
    margin-bottom: 3.75rem !important;
  }
  .mr-sm-x-large {
    margin-right: 3.75rem !important;
  }
  .ml-sm-x-large {
    margin-left: 3.75rem !important;
  }
  .pb-sm-x-large {
    padding-bottom: 3.75rem !important;
  }
  .pr-sm-x-large {
    padding-right: 3.75rem !important;
  }
  .pl-sm-x-large {
    padding-left: 3.75rem !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md-x-large {
    margin-bottom: 3.75rem !important;
  }
  .mr-md-x-large {
    margin-right: 3.75rem !important;
  }
  .ml-md-x-large {
    margin-left: 3.75rem !important;
  }
  .pb-md-x-large {
    padding-bottom: 3.75rem !important;
  }
  .pr-md-x-large {
    padding-right: 3.75rem !important;
  }
  .pl-md-x-large {
    padding-left: 3.75rem !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg-x-large {
    margin-bottom: 3.75rem !important;
  }
  .mr-lg-x-large {
    margin-right: 3.75rem !important;
  }
  .ml-lg-x-large {
    margin-left: 3.75rem !important;
  }
  .pb-lg-x-large {
    padding-bottom: 3.75rem !important;
  }
  .pr-lg-x-large {
    padding-right: 3.75rem !important;
  }
  .pl-lg-x-large {
    padding-left: 3.75rem !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl-x-large {
    margin-bottom: 3.75rem !important;
  }
  .mr-xl-x-large {
    margin-right: 3.75rem !important;
  }
  .ml-xl-x-large {
    margin-left: 3.75rem !important;
  }
  .pb-xl-x-large {
    padding-bottom: 3.75rem !important;
  }
  .pr-xl-x-large {
    padding-right: 3.75rem !important;
  }
  .pl-xl-x-large {
    padding-left: 3.75rem !important;
  }
}

.mb-xx-large {
  margin-bottom: 5.625rem !important;
}

.mr-xx-large {
  margin-right: 5.625rem !important;
}

.ml-xx-large {
  margin-left: 5.625rem !important;
}

.pb-xx-large {
  padding-bottom: 5.625rem !important;
}

.pr-xx-large {
  padding-right: 5.625rem !important;
}

.pl-xx-large {
  padding-left: 5.625rem !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm-xx-large {
    margin-bottom: 5.625rem !important;
  }
  .mr-sm-xx-large {
    margin-right: 5.625rem !important;
  }
  .ml-sm-xx-large {
    margin-left: 5.625rem !important;
  }
  .pb-sm-xx-large {
    padding-bottom: 5.625rem !important;
  }
  .pr-sm-xx-large {
    padding-right: 5.625rem !important;
  }
  .pl-sm-xx-large {
    padding-left: 5.625rem !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md-xx-large {
    margin-bottom: 5.625rem !important;
  }
  .mr-md-xx-large {
    margin-right: 5.625rem !important;
  }
  .ml-md-xx-large {
    margin-left: 5.625rem !important;
  }
  .pb-md-xx-large {
    padding-bottom: 5.625rem !important;
  }
  .pr-md-xx-large {
    padding-right: 5.625rem !important;
  }
  .pl-md-xx-large {
    padding-left: 5.625rem !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg-xx-large {
    margin-bottom: 5.625rem !important;
  }
  .mr-lg-xx-large {
    margin-right: 5.625rem !important;
  }
  .ml-lg-xx-large {
    margin-left: 5.625rem !important;
  }
  .pb-lg-xx-large {
    padding-bottom: 5.625rem !important;
  }
  .pr-lg-xx-large {
    padding-right: 5.625rem !important;
  }
  .pl-lg-xx-large {
    padding-left: 5.625rem !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl-xx-large {
    margin-bottom: 5.625rem !important;
  }
  .mr-xl-xx-large {
    margin-right: 5.625rem !important;
  }
  .ml-xl-xx-large {
    margin-left: 5.625rem !important;
  }
  .pb-xl-xx-large {
    padding-bottom: 5.625rem !important;
  }
  .pr-xl-xx-large {
    padding-right: 5.625rem !important;
  }
  .pl-xl-xx-large {
    padding-left: 5.625rem !important;
  }
}

.mt-none {
  margin-top: 0 !important;
}

.pt-none {
  padding-top: 0 !important;
}

@media screen and (min-width: 36rem) {
  .mt-sm-none {
    margin-top: 0 !important;
  }
  .pt-sm-none {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 48rem) {
  .mt-md-none {
    margin-top: 0 !important;
  }
  .pt-md-none {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 62rem) {
  .mt-lg-none {
    margin-top: 0 !important;
  }
  .pt-lg-none {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 75rem) {
  .mt-xl-none {
    margin-top: 0 !important;
  }
  .pt-xl-none {
    padding-top: 0 !important;
  }
}

.mr-none {
  margin-right: 0 !important;
}

.pr-none {
  padding-right: 0 !important;
}

@media screen and (min-width: 36rem) {
  .mr-sm-none {
    margin-right: 0 !important;
  }
  .pr-sm-none {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 48rem) {
  .mr-md-none {
    margin-right: 0 !important;
  }
  .pr-md-none {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 62rem) {
  .mr-lg-none {
    margin-right: 0 !important;
  }
  .pr-lg-none {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 75rem) {
  .mr-xl-none {
    margin-right: 0 !important;
  }
  .pr-xl-none {
    padding-right: 0 !important;
  }
}

.mb-none {
  margin-bottom: 0 !important;
}

.pb-none {
  padding-bottom: 0 !important;
}

@media screen and (min-width: 36rem) {
  .mb-sm-none {
    margin-bottom: 0 !important;
  }
  .pb-sm-none {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 48rem) {
  .mb-md-none {
    margin-bottom: 0 !important;
  }
  .pb-md-none {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 62rem) {
  .mb-lg-none {
    margin-bottom: 0 !important;
  }
  .pb-lg-none {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 75rem) {
  .mb-xl-none {
    margin-bottom: 0 !important;
  }
  .pb-xl-none {
    padding-bottom: 0 !important;
  }
}

.ml-none {
  margin-left: 0 !important;
}

.pl-none {
  padding-left: 0 !important;
}

@media screen and (min-width: 36rem) {
  .ml-sm-none {
    margin-left: 0 !important;
  }
  .pl-sm-none {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 48rem) {
  .ml-md-none {
    margin-left: 0 !important;
  }
  .pl-md-none {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 62rem) {
  .ml-lg-none {
    margin-left: 0 !important;
  }
  .pl-lg-none {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 75rem) {
  .ml-xl-none {
    margin-left: 0 !important;
  }
  .pl-xl-none {
    padding-left: 0 !important;
  }
}

.no-mrg {
  margin: 0 !important;
}

.no-pad {
  padding: 0 !important;
}

/*
* Hide only visually, but have it available for screen readers: h5bp.com/v
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.hide {
  visibility: hidden;
}

.show {
  display: block;
}

@media screen and (max-width: 35.9375rem) {
  .hide-xs-down {
    display: none;
  }
  .show-xs-down {
    display: block;
  }
}

@media screen and (min-width: 36rem) {
  .hide-sm-up {
    display: none;
  }
  .show-sm-up {
    display: block;
  }
}

@media screen and (max-width: 47.9375rem) {
  .hide-sm-down {
    display: none;
  }
  .show-sm-down {
    display: block;
  }
}

@media screen and (min-width: 48rem) {
  .hide-md-up {
    display: none;
  }
  .show-md-up {
    display: block;
  }
}

@media screen and (max-width: 61.9375rem) {
  .hide-md-down {
    display: none;
  }
  .show-md-down {
    display: block;
  }
}

@media screen and (min-width: 62rem) {
  .hide-lg-up {
    display: none;
  }
  .show-lg-up {
    display: block;
  }
}

@media screen and (max-width: 74.9375rem) {
  .hide-lg-down {
    display: none;
  }
  .show-lg-down {
    display: block;
  }
}

@media screen and (min-width: 75rem) {
  .hide-xl-up {
    display: none;
  }
  .show-xl-up {
    display: block;
  }
}

html, body {
  font-family: "Roboto", sans-serif;
  font-size: 100%;
  overflow-x: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

body {
  background-color: #EEEEEE;
  color: #333333;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 1.35;
}

@media print {
  body {
    background-color: #fff;
  }
}

* {
  box-sizing: border-box;
}

*::after {
  box-sizing: border-box;
}

*::before {
  box-sizing: border-box;
}

::-moz-selection {
  background-color: rgba(249, 161, 27, 0.3);
  color: #F9A11B;
}

::selection {
  background-color: rgba(249, 161, 27, 0.3);
  color: #F9A11B;
}

::-moz-selection {
  background-color: rgba(249, 161, 27, 0.3);
  color: #F9A11B;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #F9A11B inset;
  -webkit-text-fill-color: #fff !important;
}

img, svg {
  max-width: 100%;
  display: inline-block;
  height: auto;
}

a {
  text-decoration: none;
  color: #f49606;
}

a:hover {
  color: #aa6804;
}

.messages {
  margin-bottom: 1.875rem;
}

.block-local-tasks-block, nav#block-zemcak-account-menu, .block-velkyslider .paragraph--content, #block-zemcak-page-title .page-title, .block-views-blockreality-block-1,
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

@media screen and (min-width: 36rem) {
  .block-local-tasks-block, nav#block-zemcak-account-menu, .block-velkyslider .paragraph--content, #block-zemcak-page-title .page-title, .block-views-blockreality-block-1,
  .container {
    width: 33.75rem;
  }
}

@media screen and (min-width: 48rem) {
  .block-local-tasks-block, nav#block-zemcak-account-menu, .block-velkyslider .paragraph--content, #block-zemcak-page-title .page-title, .block-views-blockreality-block-1,
  .container {
    width: 45rem;
  }
}

@media screen and (min-width: 62rem) {
  .block-local-tasks-block, nav#block-zemcak-account-menu, .block-velkyslider .paragraph--content, #block-zemcak-page-title .page-title, .block-views-blockreality-block-1,
  .container {
    width: 60rem;
  }
}

@media screen and (min-width: 75rem) {
  .block-local-tasks-block, nav#block-zemcak-account-menu, .block-velkyslider .paragraph--content, #block-zemcak-page-title .page-title, .block-views-blockreality-block-1,
  .container {
    width: 71.25rem;
  }
}


h1, .h1 {
  font-weight: 500;
  font-size: 2.25rem;
}

h2, .h2 {
  font-size: 1.5rem;
  font-weight: 500;
}

h3, .h3 {
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 900;
}

footer[role=contentinfo] .region-footer .block:not(:last-child) h2, .block h2, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--label-above .field__label, .path-user .region-content .field__label {
  font-size: 1.125rem;
  position: relative;
  padding-bottom: 0;
  font-weight: 500;
  margin: 0.9375rem 0 0.625rem;
}

@media screen and (min-width: 48rem) {
  footer[role=contentinfo] .region-footer .block:not(:last-child) h2, .block h2, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--label-above .field__label, .path-user .region-content .field__label {
    margin: 0.9375rem 0 0.625rem;
  }
}

footer[role=contentinfo] .region-footer .block:not(:last-child) h2:after, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--label-above .field__label:after, .path-user .region-content .field__label:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  width: 1.875rem;
  background-color: #F9A11B;
}


.small {
  font-size: 0.875rem;
}

@media screen and (max-width: 47.9375rem) {
  
  .bigger {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 48rem) {
  
  .bigger {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}

@media screen and (max-width: 47.9375rem) {
  
  .big {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 48rem) {
  
  .big {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 62rem) {
  
  .big {
    font-size: 1.625rem;
  }
}

p {
  margin: 1rem 0px;
  line-height: 1.35;
}

.c-secondary {
  color: #333333 !important;
}

.c-yellow,
.c-primary {
  color: #F9A11B !important;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.align-items-right {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.align-items-center {
  -ms-flex-pack: center;
      justify-content: center;
}

.align-items-spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.align-items-justify {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.align-items-top {
  -ms-flex-align: start;
      align-items: flex-start;
}

.align-items-bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}

.align-items-middle {
  -ms-flex-align: center;
      align-items: center;
}

.align-self-left {
  margin-left: 0;
  margin-right: auto;
}

.align-self-right {
  margin-left: auto;
  margin-right: 0;
}

.align-self-center {
  margin-left: auto;
  margin-right: auto;
}

.align-self-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.align-self-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.align-self-middle {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.primary {
  color: #F9A11B;
}

.black {
  color: #000;
}

.white {
  color: #fff;
}

.link {
  color: #333333;
}

.link:hover {
  color: #F9A11B;
}

@media screen and (max-width: 61.9375rem) {
  .hide-md-down {
    display: none;
  }
}

.error {
  visibility: hidden;
  color: #F9A11B;
  font-weight: 700;
}

.show-error {
  visibility: visible;
}

.border-left {
  border-left: 0.0625rem solid rgba(249, 161, 27, 0.8);
}

.no-scroll-y {
  overflow-y: hidden;
}

.no-scroll-x {
  overflow-x: hidden;
}

.grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.grid--spaced {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.grid--spaced > * {
  padding: 0.9375rem;
}

.grid--1 > * {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.grid--2 > * {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.grid--3 > * {
  -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.grid--4 > * {
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}

@media screen and (min-width: 36rem) {
  .grid--sm-1 > * {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .grid--sm-2 > * {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .grid--sm-3 > * {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .grid--sm-4 > * {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 48rem) {
  .grid--md-1 > * {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .grid--md-2 > * {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .grid--md-3 > * {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .grid--md-4 > * {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 62rem) {
  .grid--lg-1 > * {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .grid--lg-2 > * {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .grid--lg-3 > * {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .grid--lg-4 > * {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 75rem) {
  .grid--xl-1 > * {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .grid--xl-2 > * {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .grid--xl-3 > * {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .grid--xl-4 > * {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
}

#views-exposed-form-reality-reality-1 .form--inline, .view-reality .view-content, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar .field--name-field-adresa .paragraph--type--adresa > .field,
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}


.row--form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

*[class*='col--'],
.col {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  max-width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.row--form *[class*='col--'], .row--form
.col {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}


.col--1 {
  -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%;
  max-width: 8.33333%;
}


.col--2 {
  -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
  max-width: 16.66667%;
}


.col--3 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}


.col--4 {
  -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
  max-width: 33.33333%;
}


.col--5 {
  -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
  max-width: 41.66667%;
}


.col--6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}


.col--7 {
  -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%;
  max-width: 58.33333%;
}


.col--8 {
  -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
  max-width: 66.66667%;
}


.col--9 {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  max-width: 75%;
}


.col--10 {
  -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
  max-width: 83.33333%;
}


.col--11 {
  -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%;
  max-width: 91.66667%;
}


.col--12 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}


.col--fill {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 100%;
}


.col--shrink {
  max-width: auto;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

@media screen and (min-width: 36rem) {
  
  .col--sm-1 {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  
  .col--sm-2 {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  
  .col--sm-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  
  .col--sm-4 {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  
  .col--sm-5 {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  
  .col--sm-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  
  .col--sm-7 {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  
  .col--sm-8 {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  
  .col--sm-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  
  .col--sm-10 {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  
  .col--sm-11 {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  
  .col--sm-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  
  .col--sm-fill {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  
  .col--sm-shrink {
    max-width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
}

@media screen and (min-width: 48rem) {
  
  .col--md-1 {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  
  .col--md-2 {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  
  .col--md-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  
  .col--md-4 {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  
  .col--md-5 {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  
  .col--md-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  
  .col--md-7 {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  
  .col--md-8 {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  
  .col--md-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  
  .col--md-10 {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  
  .col--md-11 {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  
  .col--md-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  
  .col--md-fill {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  
  .col--md-shrink {
    max-width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
}

@media screen and (min-width: 62rem) {
  
  .col--lg-1 {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  
  .col--lg-2 {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  
  .col--lg-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  
  .col--lg-4 {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  
  .col--lg-5 {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  
  .col--lg-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  
  .col--lg-7 {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  
  .col--lg-8 {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  
  .col--lg-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  
  .col--lg-10 {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  
  .col--lg-11 {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  
  .col--lg-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  
  .col--lg-fill {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  
  .col--lg-shrink {
    max-width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
}

@media screen and (min-width: 75rem) {
  
  .col--xl-1 {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  
  .col--xl-2 {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  
  .col--xl-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  
  .col--xl-4 {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  
  .col--xl-5 {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  
  .col--xl-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  
  .col--xl-7 {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  
  .col--xl-8 {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  
  .col--xl-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  
  .col--xl-10 {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  
  .col--xl-11 {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  
  .col--xl-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  
  .col--xl-fill {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
  
  .col--xl-shrink {
    max-width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
}

.ofst--center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.ofst--1 {
  margin-left: 8.33333%;
}

.ofst--2 {
  margin-left: 16.66667%;
}

.ofst--3 {
  margin-left: 25%;
}

.ofst--4 {
  margin-left: 33.33333%;
}

.ofst--5 {
  margin-left: 41.66667%;
}

.ofst--6 {
  margin-left: 50%;
}

.ofst--7 {
  margin-left: 58.33333%;
}

.ofst--8 {
  margin-left: 66.66667%;
}

.ofst--9 {
  margin-left: 75%;
}

.ofst--10 {
  margin-left: 83.33333%;
}

.ofst--11 {
  margin-left: 91.66667%;
}

.ofst--12 {
  margin-left: 100%;
}

.ofst--center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 36rem) {
  .ofst--sm-1 {
    margin-left: 8.33333%;
  }
  .ofst--sm-2 {
    margin-left: 16.66667%;
  }
  .ofst--sm-3 {
    margin-left: 25%;
  }
  .ofst--sm-4 {
    margin-left: 33.33333%;
  }
  .ofst--sm-5 {
    margin-left: 41.66667%;
  }
  .ofst--sm-6 {
    margin-left: 50%;
  }
  .ofst--sm-7 {
    margin-left: 58.33333%;
  }
  .ofst--sm-8 {
    margin-left: 66.66667%;
  }
  .ofst--sm-9 {
    margin-left: 75%;
  }
  .ofst--sm-10 {
    margin-left: 83.33333%;
  }
  .ofst--sm-11 {
    margin-left: 91.66667%;
  }
  .ofst--sm-12 {
    margin-left: 100%;
  }
  .ofst--sm-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 48rem) {
  .ofst--md-1 {
    margin-left: 8.33333%;
  }
  .ofst--md-2 {
    margin-left: 16.66667%;
  }
  .ofst--md-3 {
    margin-left: 25%;
  }
  .ofst--md-4 {
    margin-left: 33.33333%;
  }
  .ofst--md-5 {
    margin-left: 41.66667%;
  }
  .ofst--md-6 {
    margin-left: 50%;
  }
  .ofst--md-7 {
    margin-left: 58.33333%;
  }
  .ofst--md-8 {
    margin-left: 66.66667%;
  }
  .ofst--md-9 {
    margin-left: 75%;
  }
  .ofst--md-10 {
    margin-left: 83.33333%;
  }
  .ofst--md-11 {
    margin-left: 91.66667%;
  }
  .ofst--md-12 {
    margin-left: 100%;
  }
  .ofst--md-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 62rem) {
  .ofst--lg-1 {
    margin-left: 8.33333%;
  }
  .ofst--lg-2 {
    margin-left: 16.66667%;
  }
  .ofst--lg-3 {
    margin-left: 25%;
  }
  .ofst--lg-4 {
    margin-left: 33.33333%;
  }
  .ofst--lg-5 {
    margin-left: 41.66667%;
  }
  .ofst--lg-6 {
    margin-left: 50%;
  }
  .ofst--lg-7 {
    margin-left: 58.33333%;
  }
  .ofst--lg-8 {
    margin-left: 66.66667%;
  }
  .ofst--lg-9 {
    margin-left: 75%;
  }
  .ofst--lg-10 {
    margin-left: 83.33333%;
  }
  .ofst--lg-11 {
    margin-left: 91.66667%;
  }
  .ofst--lg-12 {
    margin-left: 100%;
  }
  .ofst--lg-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 75rem) {
  .ofst--xl-1 {
    margin-left: 8.33333%;
  }
  .ofst--xl-2 {
    margin-left: 16.66667%;
  }
  .ofst--xl-3 {
    margin-left: 25%;
  }
  .ofst--xl-4 {
    margin-left: 33.33333%;
  }
  .ofst--xl-5 {
    margin-left: 41.66667%;
  }
  .ofst--xl-6 {
    margin-left: 50%;
  }
  .ofst--xl-7 {
    margin-left: 58.33333%;
  }
  .ofst--xl-8 {
    margin-left: 66.66667%;
  }
  .ofst--xl-9 {
    margin-left: 75%;
  }
  .ofst--xl-10 {
    margin-left: 83.33333%;
  }
  .ofst--xl-11 {
    margin-left: 91.66667%;
  }
  .ofst--xl-12 {
    margin-left: 100%;
  }
  .ofst--xl-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

.row--space > *[class*='col--'],
.row--space > .col {
  margin-bottom: 0.9375rem;
}

@media screen and (min-width: 36rem) {
  .row--sm-space > *[class*='col--'],
  .row--sm-space > .col {
    margin-bottom: 0.9375rem;
  }
}

@media screen and (min-width: 48rem) {
  .row--md-space > *[class*='col--'],
  .row--md-space > .col {
    margin-bottom: 0.9375rem;
  }
}

@media screen and (min-width: 62rem) {
  .row--lg-space > *[class*='col--'],
  .row--lg-space > .col {
    margin-bottom: 0.9375rem;
  }
}

@media screen and (min-width: 75rem) {
  .row--xl-space > *[class*='col--'],
  .row--xl-space > .col {
    margin-bottom: 0.9375rem;
  }
}

@font-face {
  font-family: "icons";
  src: url("../fonts/icons/icons.eot?v1");
  src: url("../fonts/icons/icons.eot?#iefix") format("eot"), url("../fonts/icons/icons.woff2?v1") format("woff2"), url("../fonts/icons/icons.woff?v1") format("woff"), url("../fonts/icons/icons.ttf?v1") format("truetype"), url("../fonts/icons/icons.svg#icons") format("svg");
}

.icon-arrow-next:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-arrow-prev:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-calendar:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-check:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-close:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-envelope:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-envelope2:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-facebook:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-house:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-linkedin:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-location:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-mail:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-menu:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-money:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-pdf:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-phone:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-rozloha:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.icon-tag:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  content: "";
}

.region-header {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: #fff;
  box-shadow: 0.125rem 0.125rem 0.5rem 0rem rgba(0, 0, 0, 0.1);
}

.region-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between; /* ⬅️ rozloženie medzi logom a menu */
  position: relative; /* ⬅️ pre správne umiestnenie menu */
  height: auto; /* ⬅️ prispôsobenie výške loga * bolo predtym inherit*/
  padding: 0 2rem;
  /*flex-wrap: wrap; /* ⬅️ pre správne zobrazenie na menších obrazovkách */
}

.dialog-off-canvas-main-canvas {
  min-height: 100vh;
}

.layout-container {
  min-height: 100vh;
  margin: 0 !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.layout-container main {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}

.layout-container .region-content {
  background-color: #fff;
}

.path-frontpage .layout-container .region-content,
.path-reality .layout-container .region-content,
.path-blog .layout-container .region-content,
.path-makleri .layout-container .region-content {
  background: none;
}

.layout-container .region-content > .container {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  margin-bottom: 3.75rem;
}

.path-blog .layout-container .region-content > .container,
.page-node-type-article .layout-container .region-content > .container {
  padding-left: 0;
  padding-right: 0;
  width: 100% !important;
}

.layout-container .region-content-before .container {
  padding-left: 0;
  padding-right: 0;
  width: 100% !important;
}
body:not(.path-frondage) .region-content-before {
  padding: 0rem 0rem 0rem 0rem;
  /*background-color: #f8f8f8; /* voliteľné */
  text-align: auto;
}
.layout-container .region-content-after > .container {
  margin-bottom: 3.75rem;
}

footer[role=contentinfo] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
}

footer[role=contentinfo] .region-footer {
  background-color: #555555;
  color: #E6EAF0;
  font-size: 0.875rem;
  font-weight: 400;
  width: 100%;
  padding: 1.875rem 0;
}

footer[role=contentinfo] .region-footer a {
  color: #E6EAF0;
}

footer[role=contentinfo] .region-footer a.is-active {
  color: #E6EAF0;
}

footer[role=contentinfo] .region-footer a {
  color: #E6EAF0;
  transition: color 0.3s ease, opacity 0.3s ease;
}

footer[role=contentinfo] .region-footer a:hover {
  color: #F9A11B;
  text-decoration: underline;
}

footer[role=contentinfo] .region-footer .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
}

footer[role=contentinfo] .region-footer .container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 36rem) {
  footer[role=contentinfo] .region-footer .container {
    width: 33.75rem;
  }
}

@media screen and (min-width: 48rem) {
  footer[role=contentinfo] .region-footer .container {
    width: 45rem;
  }
}

@media screen and (min-width: 62rem) {
  footer[role=contentinfo] .region-footer .container {
    width: 60rem;
  }
}

@media screen and (min-width: 75rem) {
  footer[role=contentinfo] .region-footer .container {
    width: 71.25rem;
  }
}

footer[role=contentinfo] .region-footer .block:not(:last-child) {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.9375rem;
  margin-bottom: 0.9375rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

@media screen and (min-width: 36rem) {
  footer[role=contentinfo] .region-footer .block:not(:last-child) {
    margin-bottom: 0.9375rem;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}

footer[role=contentinfo] .region-footer #block-copyright {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  margin-bottom: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  order: 999;
}

footer[role=contentinfo] .region-footer nav.menu--main.block {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

@media screen and (min-width: 48rem) {
  footer[role=contentinfo] .region-footer .block:not(:last-child):first-child {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  footer[role=contentinfo] .region-footer .block:not(:last-child):nth-child(2) {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  footer[role=contentinfo] .region-footer .block:not(:last-child):nth-child(3) {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
}

/* === HLAVNÉ MENU – základné nastavenia === */
/* === MENU NA DESKTOP === */
.menu__btn {
  position:absolute;
  right:1.25rem;  /*transform: translateY(-50%); */ /* vertikálne centrovanie */
  z-index:1000;
  display:flex;             /* mobilný default */
  align-items:center;
  font-size:1.75rem;
  background:none;
  border:0;
  cursor:pointer;
}

.region-header nav.menu--main {
  display: flex;
  position: relative;
  margin-left: auto;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.region-header nav.menu--main .menu {
  display: flex;
  gap: 1rem;;
  right: 0;
  bottom: 0;
  display: flex;
  line-height: 1;
  margin: 0;
  padding: 0;
  margin-left: auto;
}

.region-header nav.menu--main .menu__item {
  display: inline-block;
  margin: 0 0.5rem;
}

.region-header nav.menu--main .menu__item a {
  display: block;
  color: #7D7C7C;
  font-size: 1.125rem;
  position: relative;
  padding: 1.25rem 0.75rem;
  text-decoration: none;
  overflow: hidden;
}
.menu__btn .icon:before {
  font-size: 2rem;
}

.icon-menu::before {
  content: "\2630"; /* ☰ */
}

.icon-close::before {
  content: "\2715"; /* ✕ */
}
/* Animované podčiarknutie zľava doprava */
.region-header nav.menu--main .menu__item a::after {
  content: "";
  display: block;
  height: 2px;
  width: 0%;
  background-color: #F9A11B;
  transition: width 0.3s ease-out;
  position: absolute;
  left: 0;
  bottom: 0.5rem;
}

.region-header nav.menu--main .menu__item:hover > a::after,
.region-header nav.menu--main .menu__item--active-trail > a::after,
.region-header nav.menu--main .menu__item > a.is-active::after,
.region-header nav.menu--main .menu__item > a[aria-current="page"]::after {
  width: 100%;
}
.region-header nav.menu--main .menu__item--active-trail > a,
.region-header nav.menu--main .menu__item > a.is-active,
.region-header nav.menu--main .menu__item > a[aria-current="page"],
.region-header nav.menu--main .menu__item:hover > a {
  color: #333333;
}

/* ----------------------------------------------------
   2.  DESKTOP  (≥ 48 rem)  – skryj tlačidlo
   ----------------------------------------------------*/
@media (min-width:48rem){
  .region-header .menu__btn{ 
    display:none; }      /* tlačidlo preč */
  .region-header nav.menu--main{                  /* necháva „desktop look“ */
    flex-basis:0; 
    flex-grow:1; 
    max-width:100%;
  }
}
/* === MOBILNÉ MENU (≤ 768px) === */
@media screen and (max-width: 47.9375rem) {
.region-header .menu__btn {
  display: flex;
  font-size: 2rem;
  justify-content: flex-end;
  align-items: center;
}
.region-header nav.menu--main {
  display: none;
  /*visibility: hidden;
  opacity: 0;
  pointer-events: none;*/
  position: absolute;
  top: 70px; /* výška hlavičky */
  right: 1rem;
  width: max-content;
  margin-left: auto;
  z-index: 999;
  padding: 1.5rem;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  border-radius: 1rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  flex-direction: column;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

.region-header nav.menu--main.is-open {
  display: flex;
  /*visibility: visible;*/
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.region-header nav.menu--main .menu {
  flex-direction: column;
  gap: 0.75rem;
  position: relative;
}

.region-header nav.menu--main .menu__item {
  display: block;
}
.region-header nav.menu--main .menu__item a {
  padding: 0.75rem 1rem;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #333333;
  border-radius: 0.5rem;
  text-decoration: none;
  border-radius: 0.5rem;
  text-decoration: none;
}

.region-header nav.menu--main .menu__item a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
}

/* === Velky hero slider === */

/* slide presne ako full-screen hero */
.hero-slide {
  width: 100%;
  min-height: 60vh;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: flex-end;           /* zarovnanie do spodnej časti */
  justify-content: flex-start;     /* zarovnanie doľava */
  padding: 3rem 2rem;              /* padding od kraja */
  box-sizing: border-box;
}

.hero-slide::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .35);  /* tmavý filter na celý obrázok */
  z-index: 1;
}

.hero-inner {
  position: absolute;
  z-index: 2;
  bottom: 4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;        /* zarovnanie doľava */
  text-align: left;
  left: 50%;
  transform: translateX(-50%);
  text-shadow: 0 2px 10px rgba(0, 0, 0, .4);
  max-width: 100%;
    /* zarovnanie ako container – napr. šírka 1140px + auto margin */
  max-width: 1140px;
  width: 100%;
  padding: 0 2rem;
  box-sizing: border-box;
  margin: 0 auto;
}

.hero-title {
  font-size: clamp(1.5rem, 4vw + .5rem, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 1rem;
}

.hero-btn {
  display: inline-block;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: #000;
  background: #F9A11B;
  border-radius: 4px;
  transition: background .25s ease; /*transform .25s ease;*/
  text-decoration: none;
}

/*.hero-btn:hover {
  background: #d48818;
}*/
@media screen and (max-width:767px) {
.hero-inner {
    left: 0;
    transform: none;
    padding: 0 1rem;
}
}
/* === Region päty === */

.region-footer nav.menu--main .menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.region-footer nav.menu--main .menu li {
  -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
  max-width: 33.33333%;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 36rem) and (max-width: 47.9375rem) {
.region-footer nav.menu--main .menu li {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
  }
}

.region-footer nav.menu--main .menu li a {
   padding: 0.875rem 0 0.875rem 0.9375rem;
   display: block;
   margin: 0;
}

/* removed duplicate .menu__btn definitions to avoid conflicts */

/* -------------------blok swiper---------------------*/

.swiper {
  width: 100%;
  height: auto;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 1) HLAVNÝ SLIDER — pevný pomer strán */
.gallery-main {          /* obal Swipera */
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #fafafa; 
  overflow: hidden;
}

.gallery-main .swiper-slide {
  position: relative;
  width: 100%;  /* vždy plná šírka */
  aspect-ratio: inherit;  /* dedí z rodiča */
  display: flex;
  justify-content: center;
  align-items: center; 
  overflow: hidden;         /* vyplní aspect-ratio box */
}

.gallery-main .swiper-slide img {
  /*position: absolute;         /* ukotví do rámu bez ovplyvnenia layoutu */
  inset: 0;                   /* top/right/bottom/left: 0 */
  /*margin: auto;               /* zarovná stred */
  max-width: 100%;
  max-height: 100%;
  /*width: auto;                /* kľúčové: nechaj prepočet podľa pomeru */
  height: auto;
  /*object-fit: contain;        /* zmestí celé bez orezu */
  display: block;             /* odstráni inline medzery */
}

/* mobil – prepneme na 4:3 */
@media (max-width:767px){
  .gallery-main .swiper-slide{aspect-ratio:4 / 3;}
}
/*Swiper hlavný wrapper nech nemení výšku medzi slidami */
.js-gallery-main.swiper {
  height: auto;         /* nech riadi výšku aspect-ratio na slide */
}
/* 2) THUMBS — rovnaké náhľady */
.gallery-thumbs {
  padding: .5rem 2.5rem;          /* miesto pre šípky */
}

/* Náhľady – fixná veľkosť + efekty */
.gallery-thumbs .swiper-slide {
  flex:0 0 88px;             /* vždy rovnaká šírka */
  aspect-ratio:1/1;          /* štvorcové náhľady */
  opacity:.4;                /* mliečne prekrytie */
  transition:opacity .3s ease;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  outline: 1px solid #F9A11B;
  padding: 2px;                /* zlatý orámovací „ring“ */
  box-shadow: 0 0 0 2px rgba(249, 161, 27, 0.5) inset; /* zlatý orámovací „ring“ */
}

.gallery-thumbs img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.gallery-top .swiper-slide img,
.gallery-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity .3s ease;
}

/* šípky v malom slideri – zmenšiť a posunúť k okrajom */
.gallery-thumbs .thumbs-prev,
.gallery-thumbs .thumbs-next {
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  color: #333;
  opacity: .85;
}

.gallery-thumbs .thumbs-prev { left: 0; }   /* jemne von z náhľadovej lišty */
.gallery-thumbs .thumbs-next { right: 0; }

/* 3) Vizuál aktívneho vs. ostatných */
.gallery-thumbs .swiper-slide-thumb-active {        /* trieda pridá Swiper */
  transform: scale(1.05);
}

.gallery-thumbs .swiper-slide-thumb-active img {
  opacity: 1;
  box-shadow: 0 0 0 2px #F9A11B inset;             /* zlatý orámovací „ring“ */
}
  /* mliečny závoj nad neaktívnymi */
.gallery-thumbs .swiper-slide:not(.swiper-slide-thumb-active)::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .25);
  transition: opacity .3s ease;
}

.gallery-thumbs .swiper-slide-thumb-active::before {
  opacity: 0;                                      /* závoj preč */
}

/* 5) Šípky v hlavnom slidere – decentný vzhľad */
.gallery-main .main-prev,
.gallery-main .main-next {
  width: 36px;
  height: 36px;
  color: #F9A11B;
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
  backdrop-filter: blur(2px);
}

.gallery-main .main-prev:hover,
.gallery-main .main-next:hover {
  background: rgba(0, 0, 0, .0);
}

/* Šípky mobil/desktop */
@media (max-width: 767px) {
  .gallery-thumbs { display: none; }   /* čisté mobilné UI */
}

/* Pagination strip medzi main a thumbs */
.gallery-pagination {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .5rem;
  background: #fff;
  /*border-top: 1px solid rgba(0,0,0,.06);
  border-bottom: 1px solid rgba(0,0,0,.06);*/
}

.gallery-pagination .swiper-pagination {
  display: flex;
  gap: .5rem;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.gallery-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(0,0,0,.3);
  opacity: 1;
  position: relative;
}

.gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #F9A11B; /* firemná farba */
}

.gallery-pagination .swiper-pagination-bullet:focus-visible {
  outline: 2px solid #F9A11B;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #fff;
}

/* ------------------- koniec blok swiper---------------------*/
/* ------------------- koniec blok karta makléra---------------------*/
.agent-wrapper { 
  margin:2rem 0; 
  font-size:0.9375rem; 
}
.agent-lead, .agent-sub { 
  font-weight:500; 
  margin:0 0 .5rem; 
}
.agent-card { 
  display:block;   
  gap: 1.25em;
  align-items:center;
  background:#fff;
  border:1px solid rgba(0,0,0,.07); 
  /*border:1px solid hsla(36, 95%, 54%, 0.25);  #f9a11b s 25 % krytím */
  border-radius: 16px;  
  padding:1rem; 
  box-shadow:0 2px 6px rgba(0,0,0,.08); 
}
/* úvodné odstavce: celé šírky */
.agent-lead,
.agent-sub{
  text-align:left;
  margin:0;
}

.agent-sub{
  margin-bottom:1rem;   /* ponechajte odstup, ak ho potrebujete */
}

/* horizontálne zarovnanie len pre foto + údaje */
.agent-card__body{
  display:flex;
  align-items:center;
  gap:1rem;
}

.agent-photo img { 
  width:96px; 
  height:96px; 
  object-fit:cover; 
  border-radius:60%; 
}
.agent-name { 
  font-size:1.125rem; 
  font-weight:600; 
  margin:.25rem 0; 
}
.agent-tel, .agent-mail { 
  display:block; 
  color:#333; 
  line-height:1.4; 
}
.agent-actions { 
  margin-top:.5rem; 
  display:flex; 
  gap:.5rem; 
  flex-wrap:wrap; 
}

.agent-data {
  flex:1 1 auto;
}

@media (max-width:600px){
  .agent-card { 
    flex-direction:column; 
    text-align:center; 
  }
  .agent-photo img { 
    margin:auto; 
  }
}
/* ------------------- koniec blok karta makléra---------------------*/
nav#block-zemcak-account-menu {
  padding: 0.9375rem 0 0.9375rem;
}

nav#block-zemcak-account-menu .menu__item {
  display: inline-block;
}

#block-zemcak-branding {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
/*
#block-velkyslider {
  height: 28.125rem;
}

#block-velkyslider .field--name-field-velky-slider-slide,
#block-velkyslider .slick-list,
#block-velkyslider .slick-track {
  height: inherit;
  position: relative;
}

#block-velkyslider .slick-slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#block-velkyslider .paragraph--type--velky-slider {
  height: inherit;
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 8%, rgba(0, 0, 0, 0.35) 70%);
}

#block-velkyslider .paragraph--content {
  height: inherit;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-bottom: 3.75rem;
}

#block-velkyslider .paragraph--content .field--name-field-nadpis {
  font-size: 2.625rem;
  color: #fff;
  font-weight: 500;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
  position: relative;
  margin-bottom: 0.9375rem;
  padding-bottom: 0.625rem;
}

#block-velkyslider .paragraph--content .field--name-field-nadpis:after {
  content: ' ';
  height: 0.25rem;
  width: 3.125rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #F9A11B;
}

#block-velkyslider .slick-dots {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  bottom: 3.75rem;
  margin-bottom: 0.9375rem;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
}

#block-velkyslider .slick-dots li {
  margin: 0.25rem;
}

#block-velkyslider .slick-dots li:hover button::before, #block-velkyslider .slick-dots li.slick-active button::before {
  background: #fff;
}

#block-velkyslider .slick-dots li button::before {
  content: "";
  opacity: 1;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 2px solid #fff;
  box-sizing: content-box;
}*/
/****************************************************/
/*--------------zaciatok swiper------------------*/
/* Základný kontajner slidera */
/*.velky-slider {
  position: relative;
  width: 100%;
  height: 28.125rem; 
  overflow: hidden;
}

@media (max-width: 768px) {
  .velky-slider {
    height: 18rem; 
  }
} 
/* Swiper wrapper 
.velky-slider .swiper-wrapper {
  height: 100%;
}

.swiper.velky-slider {
  width: 100%;
  min-height: 600px;
  position: relative;
  overflow: hidden;
}

/* Každý slide /
.velky-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-size: cover;
  background-position: center;
}

/* Vnútro slidu /
.velkyslider__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
  padding: 2rem;
}

/* Nadpis /
.velkyslider__title {
  font-size: 2.625rem;
  font-weight: 500;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
  position: relative;
  margin-bottom: 1rem;
  padding-bottom: 0.625rem;
}

.velkyslider__title::after {
  content: "";
  height: 0.25rem;
  width: 3.125rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #F9A11B;
}

/*.velkyslider__title::before {
  content: '—';
}*/

/* Obrázok v slidu /
.velkyslider__image img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Odkaz v slidu /
.velkyslider__link a {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  background-color: #F9A11B;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  border-radius: 0.25rem;
  transition: background-color 0.3s ease;
}
.velkyslider__link a:hover {
  background-color: #d48818;
}

/* Šípky /
.velky-slider .swiper-button-prev,
.velky-slider .swiper-button-next {
  color: white;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

/* Pagination body /
.velky-slider .swiper-pagination {
  position: absolute;
  bottom: 1rem;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  margin: 0 4px;
}

.swiper-pagination-bullet-active {
  background: #fff;
}
 ------------------------koniec swiper----------------*/

#block-zemcak-page-title .page-title {
  margin-top: 3.75rem;
  margin-bottom: 0.9375rem;
}

.region-footer #block-kontakt {
  line-height: 1.6;
}

.region-footer #block-kontakt [class*=" icon-"],
.region-footer #block-kontakt [class^="icon-"] {
  -ms-flex-align: center;
      align-items: center;
}

.region-footer #block-kontakt [class*=" icon-"]:before,
.region-footer #block-kontakt [class^="icon-"]:before {
  margin-right: 0.625rem;
  line-height: 1.6;
}

.region-footer #block-kontakt .social {
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.625rem;
}

.region-footer #block-kontakt .social a {
  padding-right: 0;
}

.region-footer #block-kontakt .social [class*=" icon-"]:before,
.region-footer #block-kontakt .social [class^="icon-"]:before {
  line-height: 1;
  padding: 0;
  font-size: 1.625rem;
}

.region-footer #block-copyright {
  width: 100%;
  padding: 0.9375rem 0.9375rem;
  border-top: 1px solid #7D7C7C;
  margin: 0;
  font-size: 0.8125rem;
  box-sizing: border-box;
}

.region-footer #block-copyright .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

#block-views-block-content-recent-block-1 .item-list li {
  margin-left: 0;
}

#block-views-block-content-recent-block-1 .item-list li .field-content {
  line-height: 1.35;
}

#block-views-block-content-recent-block-1 .item-list li .field-content a {
  display: block;
  color: #333333;
}

#block-views-block-content-recent-block-1 .item-list li .field-content a:hover {
  color: #F9A11B;
}
/*
.paragraph--type--citacie {
  background-color: #8896AC;
  color: #fff;
}

.paragraph--type--citacie .slick-dots {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  bottom: 3.75rem;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
}

.paragraph--type--citacie .slick-dots li {
  margin: 0.25rem;
}

.paragraph--type--citacie .slick-dots li:hover button::before, .paragraph--type--citacie .slick-dots li.slick-active button::before {
  background: #fff;
}

.paragraph--type--citacie .slick-dots li button::before {
  content: "";
  opacity: 1;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 2px solid #fff;
  box-sizing: content-box;
}
*/
.paragraph--type--citacie {
  background-color: #8896AC;
  color: #fff;
  position: relative;
  padding: 2rem;
}
/*---------citacie swiper-----------*/
/* Swiper pagination (body) */
/* Swiper kontajnery */

.paragraph--type--citacie .swiper-pagination {
  position: relative;
  bottom: auto;
  margin-top: 2rem;
  /*left: 0;
  width: 100%;
  display: flex;*/
  justify-content: center;
  /*z-index: 10;*/
}

/* Body (bullets) */
.paragraph--type--citacie .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.25rem;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 50%;
  opacity: 1;
  box-sizing: content-box;
  transition: background-color 0.3s ease;
}

.paragraph--type--citacie .swiper-pagination-bullet-active,
.paragraph--type--citacie .swiper-pagination-bullet:hover {
  background: #fff;
}
/*-------------------koniec citacie swiper----------*/
.paragraph--type--citacia {
  background-color: #8896AC;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 3.75rem 0px;
  margin-bottom: 3.75rem;
}

.paragraph--type--citacia .field--name-field-citacia-fotografia {
  margin-bottom: 0.9375rem;
}

.paragraph--type--citacia .field--name-field-citacia-fotografia img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.paragraph--type--citacia .field--name-field-meno {
  font-size: 1.375rem;
  text-align: center;
  margin-bottom: 0.9375rem;
}

.paragraph--type--citacia .field--name-field-citacia {
  -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%;
  max-width: 83.33333%;
  text-align: center;
  font-size: 1.125rem;
  font-style: italic;
}
.citacie-swiper {
  min-height: auto;
}
.citacie-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
  font-size: 1.25rem;
  line-height: 1.6;
  font-style: italic;
  text-align: center;
  height: auto;
}


@media screen and (min-width: 48rem) {
  .paragraph--type--citacia .field--name-field-citacia {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}

.paragraph--type--text {
  padding: 1.875rem 1.875rem;
}

.paragraph--type--text [class^="icon-"],
.paragraph--type--text [class*=" icon-"] {
  color: #fff;
  display: inline-block;
  font-size: 2.5rem;
  position: relative;
  z-index: 1;
  background-color: #F9A11B;
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  line-height: 6.25rem;
  padding: 0;
}

.paragraph--type--text [class^="icon-"]:before,
.paragraph--type--text [class*=" icon-"]:before {
  font-size: 2.5rem;
  margin: 0;
}

#views-exposed-form-reality-reality-1 .form--inline {
  margin: 0;
}

#views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria {
  margin: 0 0 1.875rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

@media screen and (min-width: 48rem) {
  #views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
}

#views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria #edit-kategoria {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria #edit-kategoria a {
  color: #333333;
  margin-right: 0.125rem;
  margin-bottom: 0.125rem;
}

#views-exposed-form-reality-reality-1 .form--inline .form-item-field-okres-value {
  margin: 0 0 1.875rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  text-align: left;
}

@media screen and (min-width: 48rem) {
  #views-exposed-form-reality-reality-1 .form--inline .form-item-field-okres-value {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
    text-align: right;
  }
}

#views-exposed-form-reality-reality-1 .form--inline .form-item-field-okres-value label {
  display: inline-block;
}

.view-reality .view-content .realita {
  position: relative;
  background-color: #fff;
  box-shadow: 0.125rem 0.125rem 0.5rem 0rem rgba(0, 0, 0, 0.1);
  transition: all 0.15s ease-out;
  overflow: hidden;
  height: 15.625rem;
}

@media screen and (min-width: 48rem) {
  .view-reality .view-content .realita {
    height: 23.75rem;
  }
}

.view-reality .view-content .realita.sold {
  color: #9e9e9e;
}

.view-reality .view-content .realita.sold .realita__photo img {
  filter: grayscale(1);
  opacity: 0.75 !important;
}

.view-reality .view-content .realita:hover {
  box-shadow: 0.125rem 0.125rem 0.5rem 0rem rgba(0, 0, 0, 0.3);
}

.view-reality .view-content .realita__link {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}

.view-reality .view-content .realita__header {
  padding: 0.9375rem 0.9375rem;
  font-size: 1rem;
}

.view-reality .view-content .realita__header .nazov {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.3125rem;
}

.view-reality .view-content .realita__footer {
  padding: 0.9375rem 0.9375rem;
  position: absolute;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #fff;
}

.view-reality .view-content .realita__footer--info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.view-reality .view-content .realita__footer--cena {
  font-size: 1.125rem;
  font-weight: 600;
}

/*.view-reality .view-content .realita__footer .badge {
  position: absolute;
  padding: 0.625rem 0.9375rem;
  right: 0.625rem;
  bottom: 1.875rem;
}

.view-reality .view-content .realita__footer .badge:before, .view-reality .view-content .realita__footer .badge:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-color: transparent;
  border-style: solid;
}

.view-reality .view-content .realita__footer .badge:before {
  border-width: 8px;
  border-left-color: rgba(0, 0, 0, 0.15);
  border-top-color: rgba(0, 0, 0, 0.15);
}

.view-reality .view-content .realita__footer .badge--red, .view-reality .view-content .realita__footer .badge--1 {
  background-color: #F75E5F;
  color: #fff;
}

.view-reality .view-content .realita__footer .badge--2 {
  background-color: #F9A11B;
  color: #fff;
}

.view-reality .view-content .realita__footer .badge--3 {
  color: #555555;
  background-color: #9e9e9e;
}
*/
.view-reality .view-content .realita__photo {
  height: 9.375rem;
}

@media screen and (min-width: 48rem) {
  .view-reality .view-content .realita__photo {
    height: 15.625rem;
  }
}

.view-reality .view-content .realita__photo img {
  width: 100%;
  height: inherit;
  object-fit: cover;
}

form .form-item label:not(.option) {
  display: block;
}

form fieldset {
  position: relative;
  border: 1px solid #DCE1EA;
  padding: 3.75rem 1.875rem 0.9375rem;
}

form fieldset:not(.fieldgroup) > legend {
  position: absolute;
  top: 0.9375rem;
}

form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="week"],
form input[type="tel"],
form input[type="color"],
form input[type="number"],
form input[type="search"],
form input[type="text"],
form select,
form textarea {
  padding: 0.625rem 0.9375rem;
  border: 1px solid #DCE1EA;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  box-sizing: border-box;
}

form input[type="submit"] {
  border: none;
}

form input[type="submit"].button--primary {
  padding: 0.625rem 2rem;
}

form input:disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.field--name-field-kontakt form input[type="password"],
.field--name-field-kontakt form input[type="email"],
.field--name-field-kontakt form input[type="url"],
.field--name-field-kontakt form input[type="date"],
.field--name-field-kontakt form input[type="month"],
.field--name-field-kontakt form input[type="time"],
.field--name-field-kontakt form input[type="datetime"],
.field--name-field-kontakt form input[type="datetime-local"],
.field--name-field-kontakt form input[type="week"],
.field--name-field-kontakt form input[type="tel"],
.field--name-field-kontakt form input[type="color"],
.field--name-field-kontakt form input[type="number"],
.field--name-field-kontakt form input[type="search"],
.field--name-field-kontakt form input[type="text"],
.field--name-field-kontakt form select,
.field--name-field-kontakt form textarea {
  width: 100%;
}

nav#block-zemcak-account-menu .menu__item a, #block-velkyslider .paragraph--content .field--name-field-odkaz a, #views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria #edit-kategoria a, form input[type="submit"],
.btn {
  font-size: 0.9375rem;
  padding: 0.5rem 1.375rem;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}

#block-velkyslider .paragraph--content .field--name-field-odkaz a, #views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria #edit-kategoria a.bef-link-active, #views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria #edit-kategoria a:hover, form input.button--primary[type="submit"],
.btn--primary {
  background-color: #F9A11B;
  color: #fff;
  border-color: #F9A11B;
}

#block-velkyslider .paragraph--content .field--name-field-odkaz a:hover, #views-exposed-form-reality-reality-1 .form--inline .form-item-kategoria #edit-kategoria a:hover, form input.button--primary:hover[type="submit"],
.btn--primary:hover {
  color: #fff;
  background-color: rgba(249, 161, 27, 0.9);
}

nav#block-zemcak-account-menu .menu__item a,
.btn--secondary {
  background-color: #333333;
  color: #fff;
}

nav#block-zemcak-account-menu .menu__item a:hover,
.btn--secondary:hover {
  background-color: rgba(51, 51, 51, 0.9);
}


.btn--hollow {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
}


.btn--hollow:hover {
  color: #333333;
  background: #fff;
}


.btn--primary-hollow {
  border-color: #F9A11B;
  color: #F9A11B;
  background-color: transparent;
}


.btn--primary-hollow:hover {
  color: #fff;
  background: #F9A11B;
}


.btn--primary-big {
  background-color: #F9A11B;
  position: relative;
  max-width: 22.5rem;
  width: 100%;
  padding: 1.875rem 0.9375rem;
  color: #fff;
  font-weight: 900;
  font-size: 1.125rem;
}


.btn--primary-big:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 6.25rem;
  transition: all 0.3s ease-out;
  height: 0.25rem;
  background-color: #F9A11B;
}


.btn--primary-big:hover {
  background-color: rgba(249, 161, 27, 0.9);
}


.btn--primary-big:hover:after {
  width: 100%;
}

[class^=icon-],
[class*=icon-] {
  font-size: 0.875rem;
  padding-right: 0.9375rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}

[class^=icon-]:before,
[class*=icon-]:before {
  font-size: 0.9375rem;
  margin-right: 0.3125rem;
}

[class^=icon-] sup,
[class*=icon-] sup {
  font-size: 0.75rem;
  top: 0.125rem;
}

.card {
  background-color: #fff;
  box-shadow: 0.125rem 0.125rem 0.5rem 0rem rgba(0, 0, 0, 0.1);
  transition: all 0.15s ease-out;
  overflow: hidden;
  margin-bottom: 1.875rem;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 447.9375rem) {
  .card {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.card__image {
  height: 15.625rem;
}

@media screen and (min-width: 36rem) {
  .card__image {
    height: 25rem;
  }
}

@media screen and (min-width: 48rem) {
  .card__image {
    height: auto;
  }
}

.card__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.card__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 1.875rem 1.875rem;
}

.card__title {
  font-size: 1.375rem;
  font-weight: 500;
  color: #333333;
}

.card__title a {
  display: block;
  color: #333333;
}

.card__title a:hover {
  color: #F9A11B;
}

.card__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: baseline;
      align-items: baseline;
}

@media screen and (max-width: 47.9375rem) {
  .card__actions {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  .card__actions > *:not(:first-child) {
    margin-bottom: 0.9375rem;
  }
}

.card__actions .field {
  text-transform: capitalize;
}

.card__actions > *:not(:last-child) {
  margin-right: 1.875rem;
}

@media print {
  .block-share-everywhere {
    display: none;
  }
}

.block-share-everywhere .se-links-container {
  height: 32px !important;
  width: 100% !important;
}

.block-share-everywhere .se-links-container .se-links {
  height: 32px !important;
}

.block-share-everywhere .se-links-container .se-links .se-link {
  background-color: #4765BA;
  position: relative !important;
}

.block-share-everywhere .se-links-container .se-links .se-link a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
}

.block-share-everywhere .se-links-container .se-links .se-link a img {
  height: 32px !important;
  max-height: unset !important;
}

.block-share-everywhere .se-links-container .se-links .se-link a span {
  font-size: 1rem;
  padding-right: 12px;
}

.path-frontpage .region-content .container {
  position: relative;
  bottom: 3.75rem;
  padding: 0;
  margin-bottom: 0;
}

.path-frontpage .region-content .container .node {
  background-color: #fff;
}

.page-node-type-realita .layout-container .region-content > .container {
  padding-bottom: 0;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita {
  background-color: #fff;
  font-size: 0.9375rem;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar {
  margin-top: 1.875rem;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field {
  -ms-flex-align: baseline;
      align-items: baseline;
  margin: 0;
  line-height: 1.5;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field > .field__label {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  font-weight: 400;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field > .field__label:after {
  display: none;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field > .field__item {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  font-weight: 500;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field:first-child, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar > .field:last-child {
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem;
  border-bottom: 1px solid #F9A11B;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar .field--name-field-cena .field__item {
  font-size: 1.375rem;
  font-weight: 700;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar .field--name-field-adresa {
  margin-top: 1.875rem;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .realita__sumar .field--name-field-adresa .paragraph--type--adresa > .field {
  margin: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--name-field-vybavenie .field__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--name-field-vybavenie .field__item {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
  line-height: 1.6;
}

@media screen and (min-width: 48rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--name-field-vybavenie .field__item {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .field--name-field-vybavenie .field__item:before {
  line-height: 1.3;
  color: #F9A11B;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .galeria {
  background-color: #EEEEEE;
}

@media print {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .galeria .field--name-field-fotografia img {
    width: 300px;
    height: auto;
  }
}

@media print {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .galeria-nav {
    display: none;
  }
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__content .galeria-nav .field--name-field-fotografia .field__item {
  padding: 0.75rem 0.375rem;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta {
  position: relative;
  background-color: #EEEEEE;
  padding-top: 1.875rem;
  margin-top: 1.875rem;
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:before, .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #EEEEEE;
  height: 100%;
}

@media screen and (max-width: 47.9375rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:before {
    width: 0.9375rem;
    left: 0;
  }
}

@media screen and (min-width: 36rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:before {
    right: 50%;
    width: 100%;
    left: auto;
    margin-right: 15.9375rem;
  }
}

@media screen and (min-width: 48rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:before {
    margin-right: 21.5625rem;
  }
}

@media screen and (min-width: 62rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:before {
    margin-right: 29.0625rem;
  }
}

@media screen and (min-width: 75rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:before {
    margin-right: 34.6875rem;
  }
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
  padding-left: 3.125rem;
}

@media screen and (max-width: 47.9375rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
    width: 0.9375rem;
    right: 0;
  }
}

@media screen and (min-width: 36rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
    left: 50%;
    width: 100%;
    right: auto;
    margin-left: 15.9375rem;
  }
}

@media screen and (min-width: 48rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
    margin-left: 21.5625rem;
  }
}

@media screen and (min-width: 62rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
    margin-left: 29.0625rem;
  }
}

@media screen and (min-width: 75rem) {
  .page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta:after {
    margin-left: 34.6875rem;
  }
}

.page-node-type-realita .layout-container .region-content > .container .node--type-realita .node__meta .profile > .row {
  margin: 0;
}

.page-node-type-article .node--type-article .node__content {
  padding: 0 1.875rem 1.875rem;
}

.page-node-type-article .node--type-article .node__meta {
  padding: 0 1.875rem;
}

.page-node-type-article .node--type-article .field--name-field-image {
  margin: -1.875rem;
  margin-bottom: 1.875rem;
  max-height: 31.25rem;
  overflow: hidden;
}

.page-node-type-article .node--type-article .field--name-field-image img {
  width: 100%;
  object-fit: cover;
}

/* --------- filtre pre nehnutelnosti -----------*/
.bef-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem; /* odstupy medzi prvkami */
  padding: 0;
  margin: 0;
  list-style: none;
}

.bef-links li {
  margin: 0;
}

.bef-links a {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #e6e6e6;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: background 0.2s ease;
}

.bef-links a:hover,
.bef-links a.bef-link--selected {
  background: #F9A11B;
  color: white;
}

/* =====================================================================
   MODULE: Premium Listing Cards (Reality + Blog)
   AUTHOR: Slawcen
   DATE: 2025-08-22
   PURPOSE:
     - Zjednotený, prémiový vzhľad kariet pre /reality a /blog
     - Stabilná responzívna mriežka bez "zlisovania" stĺpcov
     - Žiadne pevné výšky, žiadne absolute na footri, čisté tiene
   ===================================================================== */

/* -----------------------------
   1) Design Tokens (CSS vars)
   ----------------------------- */
:root {
  /* mriezka: minimálna šírka karty => počet stĺpcov */
  --card-min: 340px;                 /* odporúčané 320–380px */
  --card-gap: 1.25rem;

  /* farby */
  --card-bg: #fff;
  --card-txt: #222;
  --card-muted: #7D7C7C;
  --card-border: rgba(0,0,0,.06);
  --card-border-hover: rgba(0,0,0,.10);

  /* tiene */
  --elev-1: 0 1px 2px rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.06);
  --elev-2: 0 2px 6px rgba(0,0,0,.06), 0 12px 28px rgba(0,0,0,.10);

  /* značka */
  --brand: #F9A11B;

  /* rádius */
  --radius-lg: 16px;
}

/* drobný fallback pre extra úzke telefóny */
@media (max-width: 380px) { :root { --card-min: 300px; } }

/* -----------------------------
   2) Mriežka pre listingy
   ----------------------------- */
.path-reality .view-reality .view-content,
.path-blog    .view-content {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-min), 1fr)) !important;
  gap: var(--card-gap) !important;
  align-items: stretch;
}

/* Views vie vnucovať flex/šírky – neutralizuj, nech vládne grid */
.path-reality .view-reality .view-content > *,
.path-blog    .view-content > * {
  width: auto !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

/* ------------------------------------------------------------
   3) Bazálna karta (zdieľané – box, border, tieň, prechody)
   ------------------------------------------------------------ */
.path-reality .view-reality .view-content .realita,
.path-blog    .views-row .card {
  display: flex;
  flex-direction: column;
  background: var(--card-bg);
  color: var(--card-txt);
  border: 1px solid var(--card-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--elev-1);
  overflow: hidden;
  height: auto !important;             /* zrušenie legacy výšok */
  transition: box-shadow .18s ease, border-color .18s ease; /* bez posunu karty */
}

.path-reality .view-reality .view-content .realita:hover,
.path-blog    .views-row .card:hover {
  box-shadow: var(--elev-2);
  border-color: var(--card-border-hover);
}

/* klikacia plocha – nech neruší UI prvky */
.path-reality .realita .realita__link { z-index: 1; }

/* ------------------------------------------------------------
   4) Media: obrázok hore + jednotný pomer strán (obe sekcie)
   ------------------------------------------------------------ */
.path-reality .realita .realita__photo,
.path-blog    .card   .card__image {
  order: 0;
  aspect-ratio: 16 / 9;
  background: #f3f3f3;
  overflow: hidden;
  height: auto !important;             /* zrušenie legacy výšok */
  position: relative;
}

@media (max-width: 47.9375rem) {
  .path-reality .realita .realita__photo,
  .path-blog    .card   .card__image { aspect-ratio: 4 / 3; }
}

.path-reality .realita .realita__photo img,
.path-blog    .card   .card__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: transform .35s ease, filter .35s ease;
}

/* jemný zoom obrázka na hover – iba na zariadeniach s myšou */
@media (hover: hover) and (pointer: fine) {
  .path-reality .view-reality .view-content .realita:hover .realita__photo img,
  .path-blog    .views-row .card:hover .card__image img {
    transform: scale(1.04);
    filter: brightness(1.03);
  }
}

/* dotykové zariadenia: bez "falošného" hoveru */
@media (hover: none) and (pointer: coarse) {
  .path-reality .realita .realita__photo img,
  .path-blog    .card   .card__image img { transition: none; }
}

/* rešpektuj preferenciu zníženého pohybu */
@media (prefers-reduced-motion: reduce) {
  .path-reality .view-reality .view-content .realita,
  .path-blog    .views-row .card,
  .path-reality .realita .realita__photo img,
  .path-blog    .card   .card__image img { transition: none !important; }
}

/* ------------------------------------------------------------
   5) Obsah hlavičky (pod fotkou) – názov + sekundárne info
   ------------------------------------------------------------ */
.path-reality .realita .realita__header,
.path-blog    .card   .card__content {
  order: 1;
  padding: 1rem 1rem .5rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  border-top: none;
}

/* názov: profesionálna typografia, 2 riadky max + rezervácia výšky */
.path-reality .realita .nazov,
.path-blog    .card   .card__title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--card-txt);
  margin: 0 0 .25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;                 /* max 2 riadky */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  min-height: calc(1.3em * 2);           /* rezervácia priestoru na 2 riadky */
}

.path-blog .card .card__title a { color: inherit; }
.path-blog .card .card__title a:hover { color: var(--brand); }

.path-reality .realita .icon-location,
.path-blog    .card time.datetime {
  color: var(--card-muted);
  font-size: .875rem;
}

/* ------------------------------------------------------------
   6) Footer – vždy naspodku, oddelený jemnou linkou
   ------------------------------------------------------------ */
.path-reality .realita .realita__footer,
.path-blog    .card   .card__actions {
  order: 2;
  margin-top: auto;
  position: static !important;           /* zrušenie legacy absolute */
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .75rem 1rem 1rem;
  background: #fff;
  border-top: 1px solid var(--card-border);
  width: 100%;
  flex-wrap: wrap;
}

.path-reality .realita .realita__footer--info { display: flex; gap: .75rem; color: #333; }
.path-reality .realita .realita__footer--cena { margin-left: auto; font-size: 1.125rem; font-weight: 700; color: #111; }
.path-blog    .card   .card__actions .btn { padding: .5rem .875rem; }

/* ------------------------------------------------------------
   7) Badges (Reality)
   ------------------------------------------------------------ */
.path-reality .realita { position: relative; }

/* 3) Kontajner badge – hore vľavo, pekné stohovanie */
.path-reality .realita .realita__badges{
  position: absolute;
  top: .75rem;
  left: .75rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;             /* rozstup medzi štítkami */
  z-index: 2;
}

/* 4) Jednotný vzhľad badge */
.path-reality .realita .badge{
  position: static;       /* kľúč: už NIE absolute na každom badge */
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 .625rem;
  border-radius: 8px;     /* 999px = „pill“ */
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1;
  white-space: nowrap;
  color: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

/* 5) Firemné stavy/farby */
.path-reality .realita .badge--red,
.path-reality .realita .badge--1 { background-color: #F75E5F; }
.path-reality .realita .badge--2 { background-color: var(--brand, #F9A11B); }
.path-reality .realita .badge--3 { background-color: #9e9e9e; }

/* ==================== SCROLL TO TOP BUTTON ==================== */
.scroll-to-top-btn {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: #F9A11B;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  font-size: 0;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 999;
}

.scroll-to-top-btn::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transform: rotate(-45deg) translate(-2px, 2px);
  margin: auto;
}

.scroll-to-top-btn:hover {
  background-color: #d48818;
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.scroll-to-top-btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.scroll-to-top-btn.is-visible {
  opacity: 1;
  visibility: visible;
}

/* Tablet */
@media (max-width: 768px) {
  .scroll-to-top-btn {
    width: 3.2rem;
    height: 3.2rem;
    bottom: 1.5rem;
    right: 1.5rem;
  }
  
  .scroll-to-top-btn::before {
    width: 14px;
    height: 14px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    transform: rotate(-45deg) translate(-1.5px, 1.5px);
    margin: auto;
  }
}

/* Mobil */
@media (max-width: 480px) {
  .scroll-to-top-btn {
    width: 3rem;
    height: 3rem;
    bottom: 1.2rem;
    right: 1.2rem;
  }
  
  .scroll-to-top-btn::before {
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(-45deg) translate(-1px, 1px);
    margin: auto;
  }
}


/* SOLD stav */
.path-reality .view-reality .view-content .realita.sold { color: #9e9e9e; }
.path-reality .view-reality .view-content .realita.sold .realita__photo img {
  filter: grayscale(1);
  opacity: .75 !important;
}

/* 6) Mobil – jemnejšie odsadenie */
@media (max-width: 480px){
  .path-reality .realita .realita__badges{ top: .5rem; left: .5rem; gap: .4rem; }
  .path-reality .realita .badge{ height: 26px; padding: 0 .5rem; font-size: .72rem; }
}
/* ------------------------------------------------------------
   8) Jemné legacy overrides (bez mazania pôvodného CSS)
   ------------------------------------------------------------ */
/* Reality – vypnúť staré tiene/height/absolute */
.view-reality .view-content .realita         { 
  height: auto !important; 
  box-shadow: none !important; 
}
.view-reality .view-content .realita__footer { 
  position: static !important; 
  width: 100% !important; 
}
.view-reality .view-content .realita__photo  { 
  height: auto !important; 
}

/* Blog – vypnúť staré horizontálne karty/border/tieň */
.path-blog .card            { flex-direction: column !important; margin-bottom: 0 !important; box-shadow: none !important; border: none !important; }
.path-blog .card__image     { height: auto !important; }
@media (min-width: 48rem) { .path-blog .views-row .card .col--md-8 { width: 100%; max-width: 100%; } }

/* ------------------------------------------------------------
   9) Prístupnosť – focus ring pri klávesovej navigácii
   ------------------------------------------------------------ */
.path-reality .realita:focus-within,
.path-blog    .card:focus-within {
  outline: 2px solid color-mix(in oklab, var(--brand) 60%, white);
  outline-offset: 2px;
}


/* ========================================================================
   ZEMČÁK Reality – V4 footer desktop fix
   Desktop: päta v 3 stĺpcoch + copyright cez celú šírku.
   Mobil ostáva jednoduchý a čitateľný.
   ======================================================================== */

footer[role="contentinfo"] {
  margin-top: 0 !important;
  background: #4b4b4b !important;
}

footer[role="contentinfo"] .region-footer {
  background: #4b4b4b !important;
  color: #f3f4f6 !important;
  padding: 3rem 0 1.6rem !important;
}

footer[role="contentinfo"] .region-footer .container {
  width: min(100% - 2rem, 72rem) !important;
  max-width: 72rem !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  display: block !important;
}

footer[role="contentinfo"] .region-footer .row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 2.2rem 3rem !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer[role="contentinfo"] .region-footer .block,
footer[role="contentinfo"] .region-footer .block:not(:last-child),
footer[role="contentinfo"] .region-footer nav.menu--main.block {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  flex-basis: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f3f4f6 !important;
}

footer[role="contentinfo"] .region-footer .block h2,
footer[role="contentinfo"] .region-footer .block:not(:last-child) h2 {
  margin: 0 0 .9rem !important;
  color: #ffffff !important;
  font-size: 1.18rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

footer[role="contentinfo"] .region-footer .block h2::after,
footer[role="contentinfo"] .region-footer .block:not(:last-child) h2::after {
  display: none !important;
}

footer[role="contentinfo"] .region-footer p {
  margin: 0 !important;
  color: #f3f4f6 !important;
  line-height: 1.65 !important;
}

footer[role="contentinfo"] .region-footer a {
  color: #ffffff !important;
  text-decoration: none !important;
}

footer[role="contentinfo"] .region-footer a:hover {
  color: #f9a11b !important;
  text-decoration: none !important;
}

footer[role="contentinfo"] .region-footer nav.menu--main {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  background: transparent !important;
  height: auto !important;
  width: auto !important;
  box-shadow: none !important;
}

footer[role="contentinfo"] .region-footer nav.menu--main .menu,
footer[role="contentinfo"] .region-footer .menu {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .38rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

footer[role="contentinfo"] .region-footer nav.menu--main .menu li,
footer[role="contentinfo"] .region-footer .menu li {
  flex: none !important;
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

footer[role="contentinfo"] .region-footer nav.menu--main .menu li a,
footer[role="contentinfo"] .region-footer .menu li a {
  display: inline-flex !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}

footer[role="contentinfo"] .region-footer #block-kontakt .social {
  display: flex !important;
  gap: .75rem !important;
  align-items: center !important;
  margin-top: .85rem !important;
}

footer[role="contentinfo"] .region-footer #block-kontakt .social a {
  width: 2.15rem !important;
  height: 2.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: .35rem !important;
  background: rgba(255,255,255,.92) !important;
  color: #4b4b4b !important;
}

footer[role="contentinfo"] .region-footer #block-copyright {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  flex-basis: auto !important;
  margin: .3rem 0 0 !important;
  padding: 1rem 0 0 !important;
  border-top: 1px solid rgba(255,255,255,.22) !important;
  color: #ffffff !important;
  font-size: .82rem !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

@media (max-width: 47.98rem) {
  footer[role="contentinfo"] .region-footer {
    padding: 2.2rem 0 1.4rem !important;
  }

  footer[role="contentinfo"] .region-footer .container {
    width: min(100% - 1.5rem, 100%) !important;
  }

  footer[role="contentinfo"] .region-footer .row {
    grid-template-columns: 1fr !important;
    gap: 1.45rem !important;
  }

  footer[role="contentinfo"] .region-footer #block-copyright {
    text-align: left !important;
  }
}


/* ========================================================================
   ZEMČÁK Reality – V5 footer polish
   Cieľ: desktop profesionálne centrovaný 3-stĺpcový footer,
   krajšie sociálne ikony a copyright cez celú šírku.
   ======================================================================== */

footer[role="contentinfo"] .region-footer {
  background: #4b4b4b !important;
  color: #f8fafc !important;
  padding: 3.25rem 0 1.65rem !important;
}

footer[role="contentinfo"] .region-footer .container {
  width: min(100% - 2rem, 72rem) !important;
  max-width: 72rem !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
}

footer[role="contentinfo"] .region-footer .row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 2.5rem !important;
  align-items: start !important;
  justify-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer[role="contentinfo"] .region-footer .block,
footer[role="contentinfo"] .region-footer .block:not(:last-child),
footer[role="contentinfo"] .region-footer nav.menu--main.block {
  width: 100% !important;
  max-width: 22rem !important;
  min-width: 0 !important;
  flex: none !important;
  flex-basis: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  color: #f8fafc !important;
}

footer[role="contentinfo"] .region-footer .block h2,
footer[role="contentinfo"] .region-footer .block:not(:last-child) h2 {
  margin: 0 0 .85rem !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 1.18rem !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  letter-spacing: -.015em !important;
  text-align: center !important;
}

footer[role="contentinfo"] .region-footer .block h2::after,
footer[role="contentinfo"] .region-footer .block:not(:last-child) h2::after {
  display: none !important;
}

footer[role="contentinfo"] .region-footer p,
footer[role="contentinfo"] .region-footer div,
footer[role="contentinfo"] .region-footer li {
  color: #f8fafc !important;
}

footer[role="contentinfo"] .region-footer p {
  max-width: 23rem !important;
  margin: 0 auto !important;
  line-height: 1.65 !important;
  text-align: center !important;
}

footer[role="contentinfo"] .region-footer a {
  color: #fff !important;
  text-decoration: none !important;
}

footer[role="contentinfo"] .region-footer a:hover {
  color: #f9a11b !important;
  text-decoration: none !important;
}

/* Menu vo footeri musí byť normálne statické, nie mobilný overlay. */
footer[role="contentinfo"] .region-footer nav.menu--main {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
}

footer[role="contentinfo"] .region-footer nav.menu--main .menu,
footer[role="contentinfo"] .region-footer .menu {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .42rem !important;
  justify-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

footer[role="contentinfo"] .region-footer nav.menu--main .menu li,
footer[role="contentinfo"] .region-footer .menu li {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

footer[role="contentinfo"] .region-footer nav.menu--main .menu li a,
footer[role="contentinfo"] .region-footer .menu li a {
  display: inline-flex !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

/* Kontakt + ikony */
footer[role="contentinfo"] .region-footer #block-kontakt,
footer[role="contentinfo"] .region-footer [id*="kontakt"] {
  line-height: 1.6 !important;
}

footer[role="contentinfo"] .region-footer #block-kontakt [class*=" icon-"],
footer[role="contentinfo"] .region-footer #block-kontakt [class^="icon-"],
footer[role="contentinfo"] .region-footer [id*="kontakt"] [class*=" icon-"],
footer[role="contentinfo"] .region-footer [id*="kontakt"] [class^="icon-"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

footer[role="contentinfo"] .region-footer #block-kontakt [class*=" icon-"]::before,
footer[role="contentinfo"] .region-footer #block-kontakt [class^="icon-"]::before,
footer[role="contentinfo"] .region-footer [id*="kontakt"] [class*=" icon-"]::before,
footer[role="contentinfo"] .region-footer [id*="kontakt"] [class^="icon-"]::before {
  margin-right: .45rem !important;
  color: #fff !important;
}

/* Sociálne siete – čisté ikony bez rozbitých bielych štvorcov. */
footer[role="contentinfo"] .region-footer #block-kontakt .social,
footer[role="contentinfo"] .region-footer [id*="kontakt"] .social {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: .75rem !important;
  margin-top: 1rem !important;
}

footer[role="contentinfo"] .region-footer #block-kontakt .social a,
footer[role="contentinfo"] .region-footer [id*="kontakt"] .social a {
  width: 2.35rem !important;
  height: 2.35rem !important;
  min-width: 2.35rem !important;
  min-height: 2.35rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: .7rem !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

footer[role="contentinfo"] .region-footer #block-kontakt .social a::before,
footer[role="contentinfo"] .region-footer #block-kontakt .social a [class*="icon-"]::before,
footer[role="contentinfo"] .region-footer #block-kontakt .social a [class^="icon-"]::before,
footer[role="contentinfo"] .region-footer [id*="kontakt"] .social a::before,
footer[role="contentinfo"] .region-footer [id*="kontakt"] .social a [class*="icon-"]::before,
footer[role="contentinfo"] .region-footer [id*="kontakt"] .social a [class^="icon-"]::before {
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 1.18rem !important;
  line-height: 1 !important;
}

footer[role="contentinfo"] .region-footer #block-kontakt .social a:hover,
footer[role="contentinfo"] .region-footer [id*="kontakt"] .social a:hover {
  border-color: #f9a11b !important;
  background: #f9a11b !important;
  color: #111827 !important;
}

footer[role="contentinfo"] .region-footer #block-kontakt .social a:hover::before,
footer[role="contentinfo"] .region-footer #block-kontakt .social a:hover [class*="icon-"]::before,
footer[role="contentinfo"] .region-footer #block-kontakt .social a:hover [class^="icon-"]::before,
footer[role="contentinfo"] .region-footer [id*="kontakt"] .social a:hover::before,
footer[role="contentinfo"] .region-footer [id*="kontakt"] .social a:hover [class*="icon-"]::before,
footer[role="contentinfo"] .region-footer [id*="kontakt"] .social a:hover [class^="icon-"]::before {
  color: #111827 !important;
}

/* Copyright cez celú šírku a vycentrovaný. Používam aj wildcard,
   lebo na produkcii sa block id môže líšiť od #block-copyright. */
footer[role="contentinfo"] .region-footer #block-copyright,
footer[role="contentinfo"] .region-footer [id*="copyright"],
footer[role="contentinfo"] .region-footer [class*="copyright"] {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  flex-basis: auto !important;
  margin: .35rem 0 0 !important;
  padding: 1.05rem 0 0 !important;
  border-top: 1px solid rgba(255,255,255,.22) !important;
  color: #fff !important;
  text-align: center !important;
  font-size: .82rem !important;
  line-height: 1.45 !important;
}

footer[role="contentinfo"] .region-footer #block-copyright *,
footer[role="contentinfo"] .region-footer [id*="copyright"] *,
footer[role="contentinfo"] .region-footer [class*="copyright"] * {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
  text-align: center !important;
  color: #fff !important;
}

@media (max-width: 47.98rem) {
  footer[role="contentinfo"] .region-footer {
    padding: 2.25rem 0 1.4rem !important;
  }

  footer[role="contentinfo"] .region-footer .container {
    width: min(100% - 1.5rem, 100%) !important;
  }

  footer[role="contentinfo"] .region-footer .row {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }

  footer[role="contentinfo"] .region-footer .block,
  footer[role="contentinfo"] .region-footer .block:not(:last-child),
  footer[role="contentinfo"] .region-footer nav.menu--main.block {
    max-width: 100% !important;
  }
}


/* ========================================================================
   ZEMČÁK Reality – V6 footer alignment
   Tri hlavné stĺpce päty sú na desktope zarovnané vľavo.
   Copyright ostáva samostatný riadok cez celú šírku.
   ======================================================================== */

@media (min-width: 48rem) {
  footer[role="contentinfo"] .region-footer .row {
    justify-items: stretch !important;
    text-align: left !important;
  }

  footer[role="contentinfo"] .region-footer .block,
  footer[role="contentinfo"] .region-footer .block:not(:last-child),
  footer[role="contentinfo"] .region-footer nav.menu--main.block {
    max-width: none !important;
    text-align: left !important;
    justify-self: stretch !important;
  }

  footer[role="contentinfo"] .region-footer .block h2,
  footer[role="contentinfo"] .region-footer .block:not(:last-child) h2 {
    text-align: left !important;
  }

  footer[role="contentinfo"] .region-footer p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }

  footer[role="contentinfo"] .region-footer nav.menu--main .menu,
  footer[role="contentinfo"] .region-footer .menu {
    justify-items: start !important;
    text-align: left !important;
  }

  footer[role="contentinfo"] .region-footer nav.menu--main .menu li a,
  footer[role="contentinfo"] .region-footer .menu li a {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  footer[role="contentinfo"] .region-footer #block-kontakt .social,
  footer[role="contentinfo"] .region-footer [id*="kontakt"] .social {
    justify-content: flex-start !important;
  }

  footer[role="contentinfo"] .region-footer #block-kontakt,
  footer[role="contentinfo"] .region-footer [id*="kontakt"] {
    text-align: left !important;
  }

  /* Copyright nech je čistý samostatný spodný riadok, nie štvrtý stĺpec. */
  footer[role="contentinfo"] .region-footer #block-copyright,
  footer[role="contentinfo"] .region-footer [id*="copyright"],
  footer[role="contentinfo"] .region-footer [class*="copyright"] {
    text-align: center !important;
  }

  footer[role="contentinfo"] .region-footer #block-copyright *,
  footer[role="contentinfo"] .region-footer [id*="copyright"] *,
  footer[role="contentinfo"] .region-footer [class*="copyright"] * {
    text-align: center !important;
  }
}


/* ========================================================================
   ZEMČÁK Reality – V7 footer desktop distribution + mobile centered
   Desktop: 3 stĺpce rovnomerne cez šírku, obsah v stĺpcoch zarovnaný vľavo.
   Mobil: stĺpce pod sebou a centrované.
   ======================================================================== */

@media (min-width: 48rem) {
  footer[role="contentinfo"] .region-footer .container {
    width: min(100% - 4rem, 72rem) !important;
    max-width: 72rem !important;
  }

  footer[role="contentinfo"] .region-footer .row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: clamp(3rem, 7vw, 7rem) !important;
    row-gap: 2.1rem !important;
    align-items: start !important;
    justify-items: stretch !important;
  }

  footer[role="contentinfo"] .region-footer .row > .block,
  footer[role="contentinfo"] .region-footer .row > nav.menu--main.block {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  /* Rozloženie: prvý stĺpec vľavo, druhý približne stred, tretí vpravo,
     ale text v každom stĺpci ostáva zarovnaný vľavo. */
  footer[role="contentinfo"] .region-footer .row > .block:nth-child(1) {
    justify-self: start !important;
  }

  footer[role="contentinfo"] .region-footer .row > .block:nth-child(2) {
    justify-self: center !important;
  }

  footer[role="contentinfo"] .region-footer .row > .block:nth-child(3),
  footer[role="contentinfo"] .region-footer .row > nav.menu--main.block:nth-child(3) {
    justify-self: end !important;
  }

  footer[role="contentinfo"] .region-footer .block h2,
  footer[role="contentinfo"] .region-footer .block:not(:last-child) h2,
  footer[role="contentinfo"] .region-footer p,
  footer[role="contentinfo"] .region-footer #block-kontakt,
  footer[role="contentinfo"] .region-footer [id*="kontakt"] {
    text-align: left !important;
  }

  footer[role="contentinfo"] .region-footer p {
    max-width: 25rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  footer[role="contentinfo"] .region-footer nav.menu--main .menu,
  footer[role="contentinfo"] .region-footer .menu {
    justify-items: start !important;
    text-align: left !important;
  }

  footer[role="contentinfo"] .region-footer #block-kontakt .social,
  footer[role="contentinfo"] .region-footer [id*="kontakt"] .social {
    justify-content: flex-start !important;
  }

  /* Copyright ostáva samostatný spodný pás cez celú šírku. */
  footer[role="contentinfo"] .region-footer #block-copyright,
  footer[role="contentinfo"] .region-footer [id*="copyright"],
  footer[role="contentinfo"] .region-footer [class*="copyright"] {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .region-footer #block-copyright *,
  footer[role="contentinfo"] .region-footer [id*="copyright"] *,
  footer[role="contentinfo"] .region-footer [class*="copyright"] * {
    text-align: center !important;
  }
}

/* Mobil zámerne centrovaný – na úzkej šírke je to čitateľnejšie. */
@media (max-width: 47.98rem) {
  footer[role="contentinfo"] .region-footer .row {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .region-footer .block,
  footer[role="contentinfo"] .region-footer .block:not(:last-child),
  footer[role="contentinfo"] .region-footer nav.menu--main.block {
    max-width: 26rem !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .region-footer .block h2,
  footer[role="contentinfo"] .region-footer .block:not(:last-child) h2,
  footer[role="contentinfo"] .region-footer p,
  footer[role="contentinfo"] .region-footer #block-kontakt,
  footer[role="contentinfo"] .region-footer [id*="kontakt"] {
    text-align: center !important;
  }

  footer[role="contentinfo"] .region-footer p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  footer[role="contentinfo"] .region-footer nav.menu--main .menu,
  footer[role="contentinfo"] .region-footer .menu {
    justify-items: center !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .region-footer #block-kontakt .social,
  footer[role="contentinfo"] .region-footer [id*="kontakt"] .social {
    justify-content: center !important;
  }
}


/* ========================================================================
   ZEMČÁK Reality – V8 global fixes
   - Footer na mobile aj desktope zarovnaný vľavo.
   - Copyright značka na rovnakom riadku pred názvom firmy.
   - Page title Kontakt/Blog bez sivého pásu, vizuálne ako /reality.
   ======================================================================== */

/* Kontakt a Blog: zrušiť sivý title pás a držať titul v rovnakej línii ako /reality. */
body.path-kontakt #block-zemcak-page-title,
body.path-blog #block-zemcak-page-title,
body.path-kontakt .block-page-title-block,
body.path-blog .block-page-title-block {
  width: min(100% - 2rem, 72rem) !important;
  max-width: 72rem !important;
  margin: 1.25rem auto 1rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.path-kontakt #block-zemcak-page-title .page-title,
body.path-blog #block-zemcak-page-title .page-title,
body.path-kontakt .page-title,
body.path-blog .page-title {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #f9a11b !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

/* Ak starý layout vytvára sivý wrapper okolo page-title. */
body.path-kontakt main > .region-content > .container:first-child,
body.path-blog main > .region-content > .container:first-child {
  background: transparent !important;
}

/* Footer: zarovnanie vľavo aj na mobile. */
footer[role="contentinfo"] .region-footer .row {
  text-align: left !important;
}

footer[role="contentinfo"] .region-footer .block,
footer[role="contentinfo"] .region-footer .block:not(:last-child),
footer[role="contentinfo"] .region-footer nav.menu--main.block {
  text-align: left !important;
}

footer[role="contentinfo"] .region-footer .block h2,
footer[role="contentinfo"] .region-footer .block:not(:last-child) h2,
footer[role="contentinfo"] .region-footer p,
footer[role="contentinfo"] .region-footer #block-kontakt,
footer[role="contentinfo"] .region-footer [id*="kontakt"] {
  text-align: left !important;
}

footer[role="contentinfo"] .region-footer p {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

footer[role="contentinfo"] .region-footer nav.menu--main .menu,
footer[role="contentinfo"] .region-footer .menu {
  justify-items: start !important;
  text-align: left !important;
}

footer[role="contentinfo"] .region-footer nav.menu--main .menu li a,
footer[role="contentinfo"] .region-footer .menu li a {
  justify-content: flex-start !important;
  text-align: left !important;
}

footer[role="contentinfo"] .region-footer #block-kontakt .social,
footer[role="contentinfo"] .region-footer [id*="kontakt"] .social {
  justify-content: flex-start !important;
}

/* Mobile footer: už nie centrovať. */
@media (max-width: 47.98rem) {
  footer[role="contentinfo"] .region-footer .container {
    width: min(100% - 2rem, 100%) !important;
  }

  footer[role="contentinfo"] .region-footer .row {
    grid-template-columns: 1fr !important;
    justify-items: stretch !important;
    text-align: left !important;
  }

  footer[role="contentinfo"] .region-footer .block,
  footer[role="contentinfo"] .region-footer .block:not(:last-child),
  footer[role="contentinfo"] .region-footer nav.menu--main.block {
    width: 100% !important;
    max-width: none !important;
    text-align: left !important;
    justify-self: stretch !important;
  }

  footer[role="contentinfo"] .region-footer .block h2,
  footer[role="contentinfo"] .region-footer .block:not(:last-child) h2,
  footer[role="contentinfo"] .region-footer p,
  footer[role="contentinfo"] .region-footer #block-kontakt,
  footer[role="contentinfo"] .region-footer [id*="kontakt"] {
    text-align: left !important;
  }

  footer[role="contentinfo"] .region-footer nav.menu--main .menu,
  footer[role="contentinfo"] .region-footer .menu {
    justify-items: start !important;
  }

  footer[role="contentinfo"] .region-footer #block-kontakt .social,
  footer[role="contentinfo"] .region-footer [id*="kontakt"] .social {
    justify-content: flex-start !important;
  }
}

/* Copyright: znak © nesmie byť samostatný centrovaný riadok.
   Vynútime inline tok obsahu, aby bol pred názvom firmy. */
footer[role="contentinfo"] .region-footer #block-copyright,
footer[role="contentinfo"] .region-footer [id*="copyright"],
footer[role="contentinfo"] .region-footer [class*="copyright"] {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: .5rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid rgba(255,255,255,.22) !important;
  text-align: left !important;
  white-space: normal !important;
}

footer[role="contentinfo"] .region-footer #block-copyright *,
footer[role="contentinfo"] .region-footer [id*="copyright"] *,
footer[role="contentinfo"] .region-footer [class*="copyright"] * {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  white-space: normal !important;
}

footer[role="contentinfo"] .region-footer #block-copyright br,
footer[role="contentinfo"] .region-footer [id*="copyright"] br,
footer[role="contentinfo"] .region-footer [class*="copyright"] br {
  display: none !important;
}

@media (min-width: 48rem) {
  footer[role="contentinfo"] .region-footer #block-copyright,
  footer[role="contentinfo"] .region-footer [id*="copyright"],
  footer[role="contentinfo"] .region-footer [class*="copyright"] {
    text-align: center !important;
  }

  footer[role="contentinfo"] .region-footer #block-copyright *,
  footer[role="contentinfo"] .region-footer [id*="copyright"] *,
  footer[role="contentinfo"] .region-footer [class*="copyright"] * {
    text-align: center !important;
  }
}


/* ========================================================================
   ZEMČÁK Reality – V9 page title unification
   Problém: Drupal vypisoval starý sivý page-title pás „Kontakt“/„Blog“.
   Riešenie: na /kontakt a /blog ho úplne skryť. Stránky majú používať
   vlastný oranžový eyebrow/label ako /reality, nie samostatný sivý banner.
   ======================================================================== */

/* Tvrdé skrytie Drupal page-title bloku na Kontakt a Blog. */
body.path-kontakt #block-zemcak-page-title,
body.path-kontakt .block-page-title-block,
body.path-kontakt [id*="page-title"],
body.path-kontakt [class*="page-title"],
body.path-kontakt h1.page-title,
body.path-kontakt .page-title,
body.path-blog #block-zemcak-page-title,
body.path-blog .block-page-title-block,
body.path-blog [id*="page-title"],
body.path-blog [class*="page-title"],
body.path-blog h1.page-title,
body.path-blog .page-title {
  display: none !important;
}

/* Sivý pás býva v téme ako prvý wrapper v content regióne.
   Keď obsahuje len page-title, skryjeme ho. */
body.path-kontakt main > .region-content:first-child,
body.path-kontakt .region-content > .container:first-child:has(.page-title),
body.path-kontakt .region-content > .container:first-child:has([id*="page-title"]),
body.path-kontakt .layout-container main > .container:first-child:has(.page-title),
body.path-blog main > .region-content:first-child,
body.path-blog .region-content > .container:first-child:has(.page-title),
body.path-blog .region-content > .container:first-child:has([id*="page-title"]),
body.path-blog .layout-container main > .container:first-child:has(.page-title) {
  display: none !important;
}

/* Ak browser nepodporí :has(), aspoň zruš vizuál sivého pásu. */
body.path-kontakt main,
body.path-blog main {
  background: #ffffff !important;
}

body.path-kontakt .layout-container main > div:first-child,
body.path-blog .layout-container main > div:first-child {
  background: transparent !important;
  box-shadow: none !important;
}

/* Kontakt/BLOG vlastný horný label – jednotný s /reality. */
body.path-kontakt .zr-contact-hero,
body.path-blog .zr-blog-page,
body.path-blog .view-content {
  margin-top: 1.25rem !important;
}

/* Kontakt hero nech nezačína pod starým sivým pásom a je čitateľný. */
body.path-kontakt .zr-contact-hero {
  width: min(100% - 2rem, 72rem) !important;
  max-width: 72rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Mobil: po skrytí titulku zmenšiť hornú medzeru. */
@media (max-width: 47.98rem) {
  body.path-kontakt .zr-contact-hero {
    margin-top: 1rem !important;
  }
}


/* ========================================================================
   ZEMČÁK Reality – V10 unified premium header/page title
   Cieľ: /kontakt, /blog a /reality majú mať rovnaký prémiový jazyk:
   - biely podklad, žiadny sivý page-title pás,
   - čitateľnejší oranžový label,
   - konzistentné odsadenie od loga.
   ======================================================================== */

/* Zjednotenie šírky obsahu. */
:root {
  --zr-page-max: 72rem;
}

/* Starý sivý page-title pás z témy – skryť tvrdšie, aj keď Drupal zmení ID/triedy. */
body.path-kontakt .layout-container main > .region-content:first-child,
body.path-kontakt .layout-container main > .region-content > .container:first-child,
body.path-kontakt .layout-container main > .container:first-child,
body.path-kontakt .layout-container main > section:first-child.page-title,
body.path-kontakt .layout-container main > section:first-child[class*="title"],
body.path-kontakt .layout-container main > div:first-child:has(h1),
body.path-kontakt .layout-container main > div:first-child:has(.page-title),
body.path-kontakt .layout-container main > div:first-child:has([id*="page-title"]),
body.path-blog .layout-container main > .region-content:first-child,
body.path-blog .layout-container main > .region-content > .container:first-child,
body.path-blog .layout-container main > .container:first-child,
body.path-blog .layout-container main > section:first-child.page-title,
body.path-blog .layout-container main > section:first-child[class*="title"],
body.path-blog .layout-container main > div:first-child:has(h1),
body.path-blog .layout-container main > div:first-child:has(.page-title),
body.path-blog .layout-container main > div:first-child:has([id*="page-title"]) {
  display: none !important;
}

/* Fallback: ak sa nedá skryť wrapper, tak aspoň skry samotné H1 v sivom páse. */
body.path-kontakt main h1.page-title,
body.path-kontakt main .page-title,
body.path-kontakt main [id*="page-title"],
body.path-kontakt main [class*="page-title"],
body.path-blog main h1.page-title,
body.path-blog main .page-title,
body.path-blog main [id*="page-title"],
body.path-blog main [class*="page-title"] {
  display: none !important;
}

/* Zrušiť sivé pozadie v hlavných wrapperoch na Kontakt/Blog. */
body.path-kontakt main,
body.path-blog main,
body.path-kontakt .layout-container main,
body.path-blog .layout-container main {
  background: #fff !important;
}

/* Nový jednotný heading label. */
.zr-page-unified-heading,
body.path-reality .zr-listings-hero {
  width: 100% !important;
  background: #fff !important;
  padding: clamp(1.35rem, 2.4vw, 2.15rem) 0 clamp(.95rem, 1.8vw, 1.35rem) !important;
  margin: 0 !important;
}

.zr-page-unified-container,
body.path-reality .zr-listings-container {
  width: min(100% - 2rem, var(--zr-page-max)) !important;
  max-width: var(--zr-page-max) !important;
  margin-inline: auto !important;
}

.zr-page-unified-label,
body.path-reality .zr-listings-eyebrow,
body.path-kontakt .zr-contact-hero .zr-contact-eyebrow,
body.path-kontakt .zr-contact-hero .zr-overline,
body.path-kontakt .zr-section-label {
  margin: 0 !important;
  color: #f9a11b !important;
  font-size: clamp(.88rem, 1vw, 1rem) !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

/* Kontakt hero nech ide hneď po jednotnom labeli a nech je čitateľnejšie. */
body.path-kontakt .zr-contact-hero {
  width: min(100% - 2rem, var(--zr-page-max)) !important;
  max-width: var(--zr-page-max) !important;
  margin: .7rem auto 1.35rem !important;
  padding-top: clamp(1.8rem, 3vw, 2.6rem) !important;
}

body.path-kontakt .zr-contact-hero h1 {
  font-size: clamp(2rem, 4vw, 3.6rem) !important;
  line-height: 1.02 !important;
}

body.path-kontakt .zr-contact-hero p {
  font-size: clamp(1rem, 1.1vw, 1.12rem) !important;
  line-height: 1.65 !important;
}

/* Blog content spacing po skrytí starého title pásu. */
body.path-blog .region-content,
body.path-blog .view-content {
  margin-top: .7rem !important;
}

/* Header/logo – všetky stránky rovnaký čistý prémiový odstup. */
header[role="banner"] .region-header .container {
  width: min(100% - 2rem, var(--zr-page-max)) !important;
  max-width: var(--zr-page-max) !important;
  margin-inline: auto !important;
}

/* Filter na /reality trochu väčší a čitateľnejší. */
body.path-reality .views-exposed-form select,
body.path-reality #views-exposed-form-reality-reality-1 select,
body.path-reality .zr-filter-force select,
body.path-reality .views-exposed-form #edit-kategoria a,
body.path-reality #views-exposed-form-reality-reality-1 #edit-kategoria a,
body.path-reality .views-exposed-form .bef-links a,
body.path-reality #views-exposed-form-reality-reality-1 .bef-links a,
body.path-reality .zr-filter-chip-force {
  min-height: 3rem !important;
  height: 3rem !important;
  font-size: .95rem !important;
}

/* Mobil: jednotný label dobre čitateľný a nie nalepený pod logo. */
@media (max-width: 47.98rem) {
  .zr-page-unified-heading,
  body.path-reality .zr-listings-hero {
    padding: 1.25rem 0 .95rem !important;
  }

  .zr-page-unified-label,
  body.path-reality .zr-listings-eyebrow,
  body.path-kontakt .zr-contact-hero .zr-contact-eyebrow,
  body.path-kontakt .zr-contact-hero .zr-overline,
  body.path-kontakt .zr-section-label {
    font-size: .86rem !important;
    letter-spacing: .105em !important;
  }

  body.path-kontakt .zr-contact-hero {
    margin-top: .6rem !important;
  }

  body.path-kontakt .zr-contact-hero h1 {
    font-size: clamp(1.85rem, 7vw, 2.45rem) !important;
  }
}


/* ========================================================================
   ZEMČÁK Reality – V11 Kontakt + Blog cleanup
   - /kontakt: definitívne bez starého sivého page-title pásu.
   - /blog: články ako samostatné prémiové karty + čistý sidebar.
   ======================================================================== */

/* /kontakt: ak sa starý page-title predsa len dostane do DOM, skryť ho. */
body.path-kontakt main .block-page-title-block,
body.path-kontakt main #block-zemcak-page-title,
body.path-kontakt main h1.page-title,
body.path-kontakt main .page-title {
  display: none !important;
}

/* Kontakt: jednotný rozmer labelu a kontakt hero. */
body.path-kontakt .zr-page-unified-heading {
  width: min(100% - 2rem, 74rem) !important;
  max-width: 74rem !important;
  margin: 0 auto !important;
  padding: clamp(1.45rem, 2.2vw, 2.1rem) 0 .6rem !important;
  background: #fff !important;
}

body.path-kontakt .zr-page-unified-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body.path-kontakt .zr-contact-clean {
  padding-top: .8rem !important;
}

body.path-kontakt .zr-contact-clean__container {
  width: min(100% - 2rem, 74rem) !important;
  max-width: 74rem !important;
}

body.path-kontakt .zr-contact-cta {
  margin-top: 0 !important;
}

/* ------------------------------------------------------------------------
   BLOG – layout
   ------------------------------------------------------------------------ */

body.path-blog main,
body.path-blog .layout-container main {
  background: #fff !important;
}

body.path-blog .zr-blog-page {
  --zr-orange: #f9a11b;
  --zr-navy: #101827;
  --zr-ink: #172033;
  --zr-muted: #667085;
  --zr-line: rgba(16,24,39,.11);
  --zr-soft: #f8fafc;
  --zr-radius: 1.35rem;
  --zr-shadow: 0 1rem 2.4rem rgba(16,24,39,.085);
  background: linear-gradient(180deg, #fff 0%, #f8fafc 58%, #fff 100%) !important;
  padding: 0 0 clamp(3rem, 6vw, 5rem) !important;
}

body.path-blog .zr-blog-container {
  width: min(100% - 2rem, 74rem) !important;
  max-width: 74rem !important;
  margin-inline: auto !important;
}

body.path-blog .zr-blog-heading {
  width: 100% !important;
  max-width: none !important;
  padding: clamp(1.45rem, 2.2vw, 2.1rem) 0 clamp(1.1rem, 2vw, 1.55rem) !important;
  margin: 0 !important;
  background: transparent !important;
}

body.path-blog .zr-blog-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem) !important;
  gap: clamp(1.4rem, 3vw, 2.4rem) !important;
  align-items: start !important;
}

body.path-blog .zr-blog-main,
body.path-blog .zr-blog-sidebar {
  min-width: 0 !important;
}

/* Vypnúť staré grid/listing pravidlá, ktoré blog rozbíjali. */
body.path-blog .view-content {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
}

/* Každý článok musí byť samostatná karta. Podporujeme viac Drupal výstupov:
   .views-row, article.node--type-article aj legacy .card. */
body.path-blog .views-row,
body.path-blog article.node--type-article,
body.path-blog .views-row .card {
  background: #fff !important;
  border: 1px solid var(--zr-line) !important;
  border-radius: var(--zr-radius) !important;
  box-shadow: var(--zr-shadow) !important;
  overflow: hidden !important;
}

body.path-blog .views-row {
  margin: 0 0 clamp(1.25rem, 2.6vw, 2rem) !important;
}

body.path-blog article.node--type-article {
  padding: clamp(1rem, 2vw, 1.35rem) !important;
}

body.path-blog .views-row article.node--type-article {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
}

/* Ak je vnútri legacy card, nech nerobí kartu v karte. */
body.path-blog .views-row .card {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

body.path-blog article.node--type-article h2,
body.path-blog .card__title {
  margin: .95rem 0 .65rem !important;
  color: var(--zr-navy) !important;
  font-size: clamp(1.15rem, 1.6vw, 1.55rem) !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
  letter-spacing: -.025em !important;
}

body.path-blog article.node--type-article h2 a,
body.path-blog .card__title a {
  color: inherit !important;
  text-decoration: none !important;
}

body.path-blog article.node--type-article h2 a:hover,
body.path-blog .card__title a:hover {
  color: var(--zr-orange) !important;
}

body.path-blog article.node--type-article img,
body.path-blog .views-row img,
body.path-blog .card__image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 28rem !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: calc(var(--zr-radius) - .25rem) !important;
}

body.path-blog article.node--type-article .node__content,
body.path-blog .card__content {
  color: var(--zr-ink) !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

body.path-blog article.node--type-article .node__content p,
body.path-blog .card__content p {
  margin: .7rem 0 0 !important;
  color: var(--zr-ink) !important;
}

body.path-blog .node__meta,
body.path-blog .card__actions,
body.path-blog article.node--type-article footer {
  margin-top: 1rem !important;
  padding-top: .9rem !important;
  border-top: 1px solid var(--zr-line) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .8rem 1rem !important;
  color: var(--zr-muted) !important;
  font-size: .9rem !important;
}

body.path-blog .node-readmore a,
body.path-blog .links a,
body.path-blog .card__actions .btn,
body.path-blog .more-link a,
body.path-blog a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.45rem !important;
  padding: .55rem 1rem !important;
  border-radius: 999px !important;
  background: var(--zr-orange) !important;
  color: #111827 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  border: 0 !important;
}

/* Sidebar ako samostatný profesionálny panel. */
body.path-blog .zr-blog-sidebar {
  position: sticky !important;
  top: 6rem !important;
}

body.path-blog .zr-blog-sidebar > *,
body.path-blog .zr-blog-sidebar .block {
  background: #fff !important;
  border: 1px solid var(--zr-line) !important;
  border-radius: 1.2rem !important;
  box-shadow: 0 .7rem 1.8rem rgba(16,24,39,.065) !important;
  padding: 1.1rem !important;
  margin: 0 0 1rem !important;
}

body.path-blog .zr-blog-sidebar h2,
body.path-blog .zr-blog-sidebar h3 {
  margin: 0 0 .85rem !important;
  color: var(--zr-navy) !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

body.path-blog .zr-blog-sidebar ul,
body.path-blog .zr-blog-sidebar .item-list ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.path-blog .zr-blog-sidebar li {
  margin: 0 !important;
  padding: .55rem 0 !important;
  border-bottom: 1px solid rgba(16,24,39,.08) !important;
}

body.path-blog .zr-blog-sidebar li:last-child {
  border-bottom: 0 !important;
}

body.path-blog .zr-blog-sidebar a {
  color: var(--zr-ink) !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
}

body.path-blog .zr-blog-sidebar a:hover {
  color: var(--zr-orange) !important;
}

/* Mobil */
@media (max-width: 61.98rem) {
  body.path-blog .zr-blog-layout {
    grid-template-columns: 1fr !important;
  }

  body.path-blog .zr-blog-sidebar {
    position: static !important;
  }
}

@media (max-width: 47.98rem) {
  body.path-kontakt .zr-page-unified-heading,
  body.path-kontakt .zr-contact-clean__container,
  body.path-blog .zr-blog-container {
    width: min(100% - 1.25rem, 100%) !important;
  }

  body.path-blog article.node--type-article,
  body.path-blog .views-row article.node--type-article {
    padding: 1rem !important;
  }

  body.path-blog article.node--type-article img,
  body.path-blog .views-row img,
  body.path-blog .card__image img {
    max-height: 22rem !important;
  }
}