:root {
  --green-main: #198754;
  --green-dark: #14532d;
}
body {margin:0; font-family: Arial, sans-serif;}

/* Quick Select */
.quick-select {color: white; text-align:center;}
.quick-select .btn {margin:5px; cursor:pointer;}

/* Hero */
.hero {
  background-image: url('https://images.pexels.com/photos/1108099/pexels-photo-1108099.jpeg?auto=compress&cs=tinysrgb&w=1200');
  background-size: cover; background-position: center; min-height: 70vh; display:flex; align-items:center; color:white; position:relative;
}
.content-site .hero { min-height: 50vh; }

.hero-overlay {background: rgba(0,0,0,0.5); width:100%; height:100%; position:absolute; top:0; left:0;}
.hero-content {position:relative; z-index:2; text-align:center;}

/* Karty */
.card-img-top {height:200px; object-fit:cover;}
.section-bg-overlay {background: rgba(0,0,0,0.5); padding:50px 0; color:white;}

/* International */
.international {background-image: url('https://images.pexels.com/photos/4161607/pexels-photo-4161607.jpeg?auto=compress&cs=tinysrgb&w=1200'); background-size: cover; background-position: center; color:white;}

/* Map */
#map {width:100%; height:400px; border:3px solid #ddd; border-radius:8px; margin-bottom:30px;}

/* Kontakt */
.contact-main {margin-bottom:20px; font-size:1.1rem;}
.cards.small .card {display:inline-block; margin:10px; padding:15px; text-align:center; min-width:200px; box-shadow:0 2px 8px rgba(0,0,0,0.2);}
.cards.small .card h3 {font-size:1.1rem;}




  #map {
    height:520px;
    border-radius:14px;
    overflow:hidden;
    background:#f2f2f2;
  }

  .marker-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    white-space: nowrap;
  }

  .pulse-marker {
    position: relative;
    width: 14px;
    height: 14px;
    background: #e53935;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(229,57,53, 0.6);
    animation: pulse 2s infinite;
    flex-shrink: 0;
  }

  .pulse-marker::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #e53935;
    border-radius: 50%;
  }

  .marker-label {
    background: rgba(255,255,255,0.9);
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 13px;
    color: #222;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  }

  @keyframes pulse {
    0%   { box-shadow: 0 0 0 0 rgba(229,57,53,0.6); }
    70%  { box-shadow: 0 0 0 16px rgba(229,57,53,0); }
    100% { box-shadow: 0 0 0 0 rgba(229,57,53,0); }
  }