/* Planit Guides — página inicial da loja (store/index.html) */
/* Este ficheiro só acrescenta o necessário para os guias em destaque e os números.        */
/* Toda a restante identidade visual (nav, hero, secções, footer) vem de ../css/about.css. */

/* Nav da loja com mais itens: reduzir um pouco o espaçamento horizontal em ecrãs médios */
@media (max-width:1080px) {
  .about-header .nav-links a { padding:0 14px; font-size:8.5px; }
}

/* Lista de guias em destaque, dentro da secção "founders" (fundo escuro) */
.guide-list {
  list-style:none;
  margin:30px 0 0;
  padding:0;
  border-top:1px solid rgba(255,255,255,.2);
}
.guide-list li {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.2);
}
.guide-list li span {
  font-family:"Montserrat",sans-serif;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.03em;
}
.guide-list li b {
  color:var(--gold-light);
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
.guide-list__link {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  color:#fff;
  text-decoration:none;
}
.guide-list__link:hover span { color:var(--gold-light); }
.guide-list__cta {
  display:inline-flex;
  margin-top:27px;
  padding-bottom:5px;
  border-bottom:1px solid #fff;
  color:#fff;
  font-size:12px;
  font-weight:700;
}

.guide-showcase-photo { position:relative; height:min(60vw,540px); min-height:380px; overflow:hidden; }
.guide-showcase-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* Grelha de números com 4 colunas em vez das 5 do about.html */
.trust-grid--store { grid-template-columns:repeat(4,1fr); }

@media (max-width:850px) {
  .trust-grid--store { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:650px) {
  .guide-showcase-photo { height:70vw; min-height:280px; }
}