main article { 
  max-width: 660px;
  margin: 2.5rem auto;
}

#services {
  padding: 0 2rem;
  max-width: 520px;
}

main h2 {
  font-size: clamp(1.6rem, 2.2vw, 3.5rem);
}

.services-item {
  display: flex;
  align-items: center;
  min-height: 16vh;
  margin-top: 1rem;
  background-image: 
    linear-gradient( 
      to right,
      var(--lch-white),
      var(--lch-light-grey)
    );
    border-radius: 0.75rem;
}

.services-item a {
  display: flex;
  align-items: center;
  min-height: 7rem;
  padding-right: 1rem;
  padding-left: 2rem;
  font-size: 1rem;
  text-decoration: none;
}

.services-item img {
  flex: 1;
  min-width: 2.5rem;
}

.services-item p {
  flex: 6;
  margin: 0;
  padding-left: 2rem;
  text-align: left;
  font-size: clamp(1.3rem, 1.5vw, 3rem);
}

.services-item p:hover, .services-item p:active {
  color: var(--lch-hover);
}

.member {
  margin: 3rem 0; /* Margin len hore a dole, boky sú 0 */
}

/* Pridaj margin bokom len konkrétnym prvkom vo vnútri */
.member h3, 
.member .profile-picture, 
.member .position, 
.member .about,
.member .workshops {
  margin-left: 3rem;
  margin-right: 3rem;
}

.member h3 {
  font-weight: 750;
}

.profile-picture {
  width: 50%;
  border-radius: 50%;
  margin-bottom: 1rem;
}

.position {
  font-weight: 600;
  color: var(--lch-brand-red);
}

.about {
  font-style: italic;
  font-size: 85%;
}

/* --- DROPDOWN SEKICA --- */

.dropdown-header {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 2rem auto;
  color: var(--lch-brand-red);
  cursor: pointer;
  max-width: 20rem;
}

.dropdown-btn {
  background: none;
  border: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  padding: 0;
}

.dropdown-header span {
  display: inline-block;
  transition: transform 0.3s ease;
  user-select: none;
}

.dropdown-header.active span {
  transform: rotate(90deg);
}

/* Kľúčová oprava: Kontajner musí mať striktne skrytý overflow */
.dropdown-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease-out, visibility 0.4s;
  overflow: hidden;
  visibility: hidden; /* Zabezpečí, že skrytý text nepresvitá */
}

.dropdown-content.show {
  grid-template-rows: 1fr;
  visibility: visible;
}

.workshops {
  min-height: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

.workshops li {
  margin-bottom: 2rem;
  padding-top: 1rem; /* Pridaný padding namiesto marginu na vrchu pre hladší štart */
}

.workshops div {
  font-size: 90%;
  font-weight: 500;
  text-align: left;
}

.workshops div::before {
  content: "•";
  margin-right: 0.2rem;
}

.workshops p {
  text-align: left;
  padding-left: 1rem;
  font-size: 80%;
  margin-top: 0.45rem;
}

/* --- KONIEC DROPDOWN SEKCIU --- */

#team hr {
  width: 80%;
}

.office-hours {
  width: 95%;
  border-collapse: collapse;
  margin: auto;
  font-family: "Montserrat", sans-serif;
  color: #444;
  font-size: 0.9rem;
}

.office-hours thead {
  text-align: center;
  font-size: 0.65rem;
}

.office-hours th:nth-child(1) {
  text-align-last: left;
}

.office-hours tr td {
  text-align: center;
}

.office-hours tr td:nth-child(1) {
  font-weight: bold;
  width: 33%;
  text-align-last: left;
}

table.office-hours tr td, thead {
  border-bottom: 1px solid #444;
}

#adress p {
  font-weight: 500;
}

.navigate {
  display: grid;
  place-content: center;
  grid-template-columns: 1fr 3fr;
  width: fit-content;
  margin: auto;
  padding: 0.6rem;
  border-radius: 1rem;
  background: var(--lch-brand-red);
  text-decoration: none;
  color: var(--lch-white);
}

.pin-svg {
  width:22px;
  height:22px;
  fill:var(--lch-white);
  transform: scale(1.2);
}

.navigate span {
  margin: auto;
}

iframe {
  width: 95%;
  height: clamp(15rem, 80vw, 30rem);
}

#contact a {
  display: block;
  margin-bottom: 1rem;
  padding: 0.25rem;
}