.paticka {
  max-width: var(--sirka-obsahu);
  margin: 0 auto;
  padding: var(--s5) var(--s4);
}

.paticka__mrizka {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--s4);
  margin: 0;
}

/* dd má v prohlížeči odsazení zleva; návěst musí stát nad hodnotou v ose. */
.paticka__hodnota {
  margin: var(--s2) 0 0;
  font-size: var(--t-s);
}

.paticka__seznam {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Podtržení nese text-decoration, ne spodní rámeček — svislý padding tvoří
   dotykový cíl a rámeček by se od textu odlepil až dolů pod něj.
   §16.2 chce 44 px: 15 px × 1,6 řádkování ≈ 24 px plus 2 × 10 px = 44 px.
   Telefon a e-mail jsou cesta k člověku, když si zákazník něčím není jistý;
   ty se musí dát trefit palcem. */
.paticka__odkaz {
  display: inline-block;
  padding: 10px 0;
  color: var(--tus);
  text-decoration: underline;
  text-decoration-color: var(--tlum);
  text-underline-offset: 3px;
}

.paticka__zaver {
  margin-top: var(--s4);
  padding-top: var(--s3);
  border-top: 1px solid var(--linka);
  font-size: var(--t-s);
}

@media (max-width: 900px) {
  .paticka__mrizka {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--s3) var(--s4);
  }
}

@media (max-width: 460px) {
  .paticka {
    padding: var(--s4) var(--s3);
  }

  .paticka__mrizka {
    grid-template-columns: 1fr;
  }
}