/* Hlavní kontejner - PC (Základní nastavení) */
  .pg-srovnani-wrapper {
    box-sizing: border-box;
    border-radius: 30px;
    color: #ffffff;
    margin: 0 0 28px;
    padding: 34px 30px;
    background:
        radial-gradient(circle at 20% 20%, rgba(87,194,78,0.12) 0%, rgba(87,194,78,0.03) 22%, rgba(0,0,0,0) 42%),
        radial-gradient(circle at 80% 70%, rgba(87,194,78,0.08) 0%, rgba(87,194,78,0.02) 20%, rgba(0,0,0,0) 40%),
        linear-gradient(135deg, #050505 0%, #0b0b0c 45%, #101712 100%);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow:
        0 24px 60px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.05);
    overflow: hidden;
  }

  .pg-srovnani-wrapper h2 {
    margin: 0 0 22px;
    font-size: clamp(24px, 3vw, 36px); /* Mírně zmenšeno pro lepší čitelnost */
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #ffffff;
    text-shadow: 0 8px 22px rgba(0,0,0,0.18);
  }

  .pg-parametr-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(87, 194, 78, 0.2);
    border-radius: 18px;
    margin-bottom: 16px;
    overflow: hidden;
    transition: background 0.3s ease;
  }

  .pg-row {
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  .pg-row:last-child {
    border-bottom: none;
  }

  .pg-header-row {
    background: linear-gradient(90deg, rgba(87,194,78,0.22) 0%, rgba(87,194,78,0.12) 35%, rgba(87,194,78,0.08) 100%);
    padding: 14px 16px;
  }

  .pg-tabulka-green {
    color: #57c24e !important;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 4px;
    display: block;
  }

  .pg-main-text {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    display: block;
  }

  .pg-sub-text {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
    display: block;
    line-height: 1.4;
  }

  .pg-parametr-card .pg-row:hover {
    background: rgba(255,255,255,0.05);
  }

  /* --- OPTIMALIZACE PRO TABLETY A MOBILY (do 768px) --- */
  @media screen and (max-width: 768px) {
    .pg-srovnani-wrapper {
      padding: 24px 18px; /* Menší vnější okraje */
      border-radius: 20px; /* Trochu menší zaoblení aby to sedělo k displeji */
    }

    .pg-tabulka-green {
      font-size: 11px; /* Zmenšení o 3px */
    }

    .pg-main-text {
      font-size: 15px; /* Zmenšení o 3px */
    }

    .pg-sub-text {
      font-size: 13px; /* Zmenšení o 3px */
    }
    
    .pg-header-row, .pg-row {
      padding: 10px 14px; /* Kompaktnější vnitřní řádky */
    }
  }

  /* --- SPECIFICKY PRO MALÉ MOBILY (do 480px) --- */
  @media screen and (max-width: 480px) {
    .pg-srovnani-wrapper h2 {
      font-size: 22px;
      margin-bottom: 16px;
    }
    
    .pg-parametr-card {
      border-radius: 14px;
    }
  }