.fcm {
  --fcm-accent: #F97316;
  --fcm-country: #e0e4e8;
  --fcm-contact-country: #FED7AA;
  --fcm-border: #ffffff;
  width: 100%;
  container-type: inline-size;
  container-name: fairino-map;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  color: inherit;
  font: inherit;
}
.fcm *, .fcm *::before, .fcm *::after { box-sizing: border-box; }
.fcm .fcm-map { position: relative; width: 100%; min-width: 0; aspect-ratio: 1 / 1; grid-column: 1; }
.fcm .fcm-svg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: hidden; touch-action: pan-y; }
.fcm .fcm-svg.is-zoomed { touch-action: none; cursor: grab; }
.fcm .fcm-svg.is-dragging { cursor: grabbing; }
.fcm .fcm-country { fill: var(--fcm-country); cursor: pointer; outline: none; }
.fcm .fcm-country.has-contacts { fill: var(--fcm-contact-country); }
.fcm .fcm-country path, .fcm .fcm-country .fcm-pin {
  stroke: var(--fcm-border); stroke-width: 1.1; stroke-linejoin: round;
  vector-effect: non-scaling-stroke; transition: fill .15s ease;
}
.fcm .fcm-country:hover, .fcm .fcm-country:focus-visible,
.fcm .fcm-country[aria-pressed="true"] { fill: var(--fcm-accent); }
.fcm .fcm-country:focus-visible path, .fcm .fcm-country:focus-visible .fcm-pin {
  stroke: #1a2433; stroke-width: 2.2;
}
.fcm .fcm-hit { fill: transparent; stroke: none; }
.fcm .fcm-controls { position: absolute; inset: 12px 12px auto auto; display: flex; gap: 5px; }
.fcm .fcm-controls button {
  appearance: none; display: grid; place-items: center; width: 40px; height: 40px;
  margin: 0; padding: 0; border: 1px solid #d4d9df; border-radius: 6px;
  background: #fff; color: #26303b; font: 24px/1 Arial, sans-serif; cursor: pointer;
}
.fcm .fcm-controls button:hover { background: #f2f4f6; }
.fcm .fcm-controls button:focus-visible { outline: 2px solid var(--fcm-accent); outline-offset: 2px; }
.fcm .fcm-controls button:disabled { opacity: .4; cursor: default; }
.fcm .fcm-contacts { grid-column: 2; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
@container fairino-map (width < 400px) {
  .fcm .fcm-map, .fcm .fcm-contacts { grid-column: 1 / -1; }
}
.fcm .fcm-contacts:empty { display: none; }
.fcm .fcm-contact { min-width: 0; overflow-wrap: anywhere; }
.fcm .fcm-contact img, .fcm .fcm-contact video, .fcm .fcm-contact iframe { max-width: 100%; }
.fcm .fcm-contact img { height: auto; }
.fcm .fcm-contact table { display: block; max-width: 100%; overflow-x: auto; }
@media (prefers-reduced-motion: reduce) {
  .fcm .fcm-country path, .fcm .fcm-country .fcm-pin { transition: none; }
}

.fcm .fcm-contact h3 { margin: 0 0; padding:10px 0 0 0;font-size:var(--fs-h4);}
.fcm .fcm-contact p { margin: 0; padding:0 0 10px 0;}



.fcm .fcm-contact-button {
box-sizing: border-box;
background-color: var(--zluta);
color:white !important;
text-align: center;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin:0px;
padding:10px 20px;
bordeR:0;
border-radius:5px;
font-weight: 600;
display: inline-block;
position: relative;

transition:top 100ms ease-in !important;
top:0;
font-size:var(--fs-button-text);
}

.fcm .fcm-contact-button:hover {
top:-3px !important;
}