#nmk{color:#000;padding-left:22px;}
  
  
  /* 💡 Vložený CSS z předchozí odpovědi */
    .sluzby-flex {
      display: flex;
      gap: 30px;
      flex-wrap: wrap;
      justify-content: center;
      padding: 0px;
    }

    .sluzba-box {
      text-align: center;
      width: 50px;
      margin: 20px;
    }

    .sluzba-box a:first-child {
      display: block;
      margin-bottom: 12px;
      font-weight: bold;
      color: #246bfd;
      text-decoration: none;
    }

    .hexagon-wrapper {
      width: 100px;
height: 100px;
     /* aspect-ratio: 1;*/
      position: relative;
     /* clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0% 50%);*/
      background: linear-gradient(-135deg, #000,  #fceabb, #f8b500, #fceabb, #f8b500, #000);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background-color 0.3s ease;
    }

    .hexagon-wrapper:hover {
      background-color: #1e4fb;
    }

    .hexagon-wrapper img {
     /* width: 100%;*/
     /* height: 100%;*/
      object-fit: cover;
      clip-path: inherit;
      background-color: #f8f8f8;
      display: block;
      transition: transform 0.6s ease;
      transform-origin: center;
    }

    .hexagon-wrapper:hover img {
     /* transform: rotate(260deg);*/
    }
  


   

   
    @media (max-width: 468px) {
      .radek-obrazku {
        flex-direction: column;
        align-items: center;
      }

      .mini-obrazek {
        width: 100%;
        max-width: 300px;
        height: auto;
      }
    }
  

    body {
      margin: 0px;
      font-family: sans-serif;
      padding:0px;
    }