/* =================================
   HOME PAGE
================================= */

#custom-pc-pad {
  padding-bottom: 40px;
}

/* Featured Section */
main .featured {
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover;
  height: clamp(250px, 6.279rem + 20.769vw, 412px); /* 250px → 412px */
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-purple);
}

main .featured .featured-content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: clamp(220px, 6.25rem + 16.667vw, 350px); /* 220px → 350px */
  margin: auto 0 auto clamp(80px, 3.269rem + 3.846vw, 110px); /* 80px → 110px */
  padding-bottom: clamp(20px, 0.385rem + 1.923vw, 35px); /* 20px → 35px */
}

main .featured .featured-content h1 {
  text-align: center;
  display: inline-block;
  margin: 0;
  font-family: "good-timing";
  font-weight: 500;
  font-size: clamp(32px, 1.308rem + 1.538vw, 44px); /* 32px → 44px */
  padding-bottom: clamp(20px, 0.385rem + 1.923vw, 35px); /* 20px → 35px */
  background: linear-gradient(90deg, var(--white), #e6b24d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

main .featured .featured-content a {
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  font-family: mont-bold;
  font-size: clamp(14px, 0.644rem + 0.513vw, 18px); /* 14px → 18px */
  align-items: center;
  border-radius: clamp(12px, 0.519rem + 0.513vw, 16px); /* 12px → 16px */
  padding: clamp(8px, 0.385rem + 0.256vw, 10px) clamp(20px, 0.673rem + 1.282vw, 30px); /* 8px → 10px, 20px → 30px */
  background: var(--gradient-box-alt);
  border: 3px solid var(--gold);
  filter: drop-shadow(var(--shadow-gold));
  color: #fff;
  transition: var(--transition);
}

main .featured .featured-content a:hover {
  color: var(--gold);
}


/* =================================
   FEATURES & LISTS
================================= */
main .features-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

main .features-list .features-list-item {
  display: flex;
  flex: 1 1 calc(50% - 15px);
  background: var(--gradient-box-alt);
  border-radius: var(--radius-medium);
  padding: 25px;
}

main .features-list .features-list-item .features-list-icon {
  padding-right: 35px;
}

main .features-list .features-list-item .features-list-icon img {
  filter: drop-shadow(var(--shadow-gold));
}

main .features-list .features-list-item .features-list-content h3 {
  font-size: clamp(18px, 1.066rem + 0.196vw, 20px); /* 18px → 20px */
  margin: 0;
  font-family: mont-bold;
  padding-bottom: 15px;
}

main .features-list .features-list-item .features-list-content p {
  font-size: 16px;
  margin: 0;
  line-height: 1.5;
  color: var(--grey);
}

/* Testimonials */
main .testimonials-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

main .testimonials-list .testimonials-list-item {
  flex: 1 1 calc(33.333% - 27px);
  min-width: 250px;
  max-width: 500px;
  box-sizing: border-box;
  text-align: center;
  background: var(--gradient-box);
  border-radius: var(--radius-medium);
  padding: 30px;
}

main .testimonials-list .testimonials-list-item .testimonials-list-icon {
  padding-bottom: 20px;
}

main .testimonials-list .testimonials-list-item .testimonials-list-rating img {
  filter: drop-shadow(var(--shadow-gold));
  padding: 10px 0 40px 0;
}

main .testimonials-list .testimonials-list-item .testimonials-list-rating h3 {
  font-size: clamp(18px, 1.066rem + 0.196vw, 20px); /* 18px → 20px */
  margin: 0;
  font-family: mont-bold;
}

main .testimonials-list .testimonials-list-item .testimonials-list-content p {
  font-size: 16px;
  margin: 0;
  line-height: 1.5;
  color: var(--grey);
}
/* Tier 3: stack testimonials at 1023px */
@media (max-width: 1023px) {
  main .testimonials-list {
    flex-direction: column;
    align-items: center;
  }
}

/* Tier 4: centre featured content and stack feature items at 699px */
@media (max-width: 699px) {
  main .featured {
    background-position: center;
  }
  main .featured .featured-content {
    align-items: center;
    margin: auto;
    max-width: 250px;
    text-align: center;
  }
  main .featured .featured-content h1 {
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.95)) drop-shadow(0 2px 3px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.7));
  }
  main .features-list .features-list-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  main .features-list .features-list-item .features-list-icon {
    padding-right: 0;
    padding-bottom: 15px;
  }
  main .testimonials-list .testimonials-list-item {
    flex: 1 1 100%;
    min-width: 0;
  }
}