.ic { 
background:none;
border:none;
}
#sluzbyy { 
color:black;
}
article.card {
    background: #fff;
    color: black;
}
  a {text-decoration:none;color:black;}
    :root{
      --bg:#f6f8fb; --bg-soft:#ffffff; --fg:#0f172a; --muted:#475569;
      --brand:#2563eb; --accent:#16a34a; --card:#ffffff; --border:rgba(2,6,23,.08);
      --wrap:1200px;
    }
    body{justify-content: space-around;background:linear-gradient(180deg,var(--bg),var(--bg-soft));padding:0px;margin:0px;}
    .eyebrow{background:#eaf2ff;border:1px solid #dbe7ff;color:#1d4ed8}
    .btn{border:1px solid #dbe7ff;background:var(--brand);box-shadow:0 6px 16px rgba(37,99,235,.25)}
    .btn.secondary{background:#f1f5ff;color:#1e293b;border-color:#dbe7ff}
    .badge{background:#e9f9ef;color:#166534;border:1px solid #c7f0d5}

    /* --- KONTEJNER --- */
    .wrap{max-width:var(--wrap); margin:0 auto; padding:16px;}

    /* --- GRID: 1 / 2 / 3 / 4 sloupce podle šířky --- */
    .grid{
      display:grid;
      grid-template-columns: 1fr;   /* mobily */
      gap:16px;
    }
    @media (min-width: 600px){
      .grid{ grid-template-columns: repeat(2, 1fr); } /* menší tablety */
    }
    @media (min-width: 900px){
      .grid{ grid-template-columns: repeat(3, 1fr); } /* tablety / menší notebooky */
    }
    @media (min-width: 1200px){
      .grid{ grid-template-columns: repeat(4, 1fr); } /* velké displeje */
    }

    /* --- KARTY --- */
    .card{
      /* odstraněno: height, width */
     /* background:var(--card);*/
      border:0.5px solid black; /* klidně změňte na var(--border) pro jemnější vzhled */
      border-radius:18px;
      padding:22px 18px;
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
      gap:10px;
      transition:transform .15s ease, box-shadow .15s ease;
      height:120px;
      width:270px;
	 
    }
    .card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(2,6,23,.08);}
    
section.grid{ justify-content: space-around}
    .ic{
      font-size:30px; line-height:1;
      width:60px; height:60px;
     /* display:grid;*/ place-items:center; justify-content: space-around;
     /* background:#f2f6ff;*/ /*border:1px solid #dbe7ff; *//*border-radius:14px;*/
    }
    .card h3{margin:.2rem 0 .1rem; font-size:18px; line-height:1.25}
    .sub{font-size:15px; color:var(--fg);} /* klidně dejte var(--muted) pro tišší text */

    .showcase{background:#f8fafc; color:#0f172a}
    footer{color:#475569}

    /* volitelné: sjednocení vnitřního odsazení na mobilech */
    @media (max-width: 420px){
      .card{ padding:18px 14px; }
      .ic{ width:52px; height:52px; font-size:26px; }
    }