:root {
	--blue: #1676dd;
	--darkblue: #151e55;
	
	--barva1: var(--darkblue);
	--barva2: var(--blue);
	--barva2_opacity: #1676dddd;
	--barva2_opacity_50: #1676dd77;
	--barva1_opacity: #151e55dd;
	--barva1_opacity_50: #151e5577;
}

h1, h2, h3 { color: var(--darkblue); }

#float_icons_part_1 {
	text-align: left;
	margin: 60px 0 0;
}
.subpage #float_icons_part_1 { margin-top: 0; }
#head_grid_2 {
	display: block;
}
#float_icons_part_5 {
  margin: 30px 0 0 21px;
}
#float_icons_part_6 {
	max-width: 460px;
	margin-top: 30px;
}
ul#m0 li a {
	padding: 0.5em;
}

a.tlacitko { color: #FFF; background-color: var(--blue); border-color:var(--blue);}
a.tlacitko:hover { background-color: var(--darkblue); }
a.tlacitko.white { color: var(--blue); background-color: #FFF; border-color:var(--blue);}
a.tlacitko.white:hover { color: #FFF; background-color: var(--darkblue);}
a.tlacitko.darkblue { color: #FFF; background-color: var(--darkblue); border-color:var(--darkblue);}
a.tlacitko.darkblue:hover { background-color: var(--blue); }

.marker { color: var(--blue); }
.marker2 { color: var(--darkblue); }


/* === STOMATO BOX GRID (self-contained) === */
  .stomo-grid {
    --line: #BFD6FF;
    --blue: #2D6CFF;
    --text: #1F2A37;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    max-width: 980px;
    margin: 0 auto;
    padding: 10px 0;
  }

  .stomo-grid a {
    border: 2px solid var(--line);
    border-radius: 18px;
    background: #fff;
    padding: 26px 22px;
    text-decoration: none;
    color: var(--text);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 150px;

    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  }

  .stomo-grid a:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(31,42,55,0.08);
    border-color: #9FC1FF;
  }

  .stomo-grid a img {
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
    color: var(--blue);
  }

  .stomo-grid p {
    text-align: center;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin: 0;
  }

  /* Tablet: 2 sloupce */
  @media (max-width: 992px) {
    .stomo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  /* Mobil: 1 sloupec + menší boxy */
  @media (max-width: 576px) {
    .stomo-grid { grid-template-columns: 1fr; gap: 14px; }
    .stomo-grid a { padding: 18px 16px; min-height: 120px; border-radius: 16px; }
    .stomo-grid a img { width: 34px; height: 34px; margin-bottom: 10px; }
    .stomo-grid p { font-size: 16px; }
  }