/* ── DIVESHACK SHARED FOOTER ── */
footer {
  background: var(--deep, #0a1829);
  border-top: 1px solid rgba(30,115,190,0.2);
  padding: 2rem 2.5rem 0;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.6fr 0.85fr 1fr 0.75fr 1.6fr 1fr;
  gap: 1.8rem;
  margin-bottom: 1.4rem;
}
.footer-brand img { height: 26px; margin-bottom: .8rem; display: block; }
.footer-brand p { font-size: .78rem; line-height: 1.65; color: var(--text, #8aaccc); max-width: 240px; margin-bottom: .8rem; }
.cert-row { display: flex; gap: .4rem; flex-wrap: wrap; }
.cert {
  font-family: 'Roboto Mono', monospace; font-size: .4rem; letter-spacing: .12em;
  text-transform: uppercase; color: var(--blue, #1e73be);
  border: 1px solid rgba(30,115,190,0.25); padding: .2rem .5rem;
}
.footer-col h4 {
  font-size: .6rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--electric, #00bfff); margin-bottom: .55rem;
}
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: .28rem; }
.footer-col li { font-size: .78rem; color: var(--text, #8aaccc); }
.footer-col a { color: var(--text, #8aaccc); text-decoration: none; transition: color .2s; }
.footer-col a:hover { color: var(--electric, #00bfff); }

/* Marine life category 2-col mini grid */
.footer-cats { display: grid !important; flex-direction: unset !important; grid-template-columns: 1fr 1fr; gap: .22rem .5rem; }
.footer-cats li { font-size: .74rem; }

.footer-bottom {
  display: flex; justify-content: space-between; align-items: center;
  padding: 1.1rem 0; border-top: 1px solid rgba(30,115,190,0.1);
  font-size: .7rem; color: var(--text, #8aaccc);
}
.ft-social { display: flex; gap: .6rem; }
.soc-btn {
  width: 28px; height: 28px; border: 1px solid rgba(30,115,190,0.2);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Roboto Mono', monospace; font-size: .46rem; color: var(--text, #8aaccc);
  text-decoration: none; transition: all .2s; text-transform: uppercase;
}
.soc-btn:hover { border-color: var(--electric, #00bfff); color: var(--electric, #00bfff); }

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; gap: 1.5rem; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-resources { grid-column: 1 / 3; }
  .footer-contact { grid-column: 3; grid-row: 2; }
}
@media (max-width: 660px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 1.4rem; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-resources { grid-column: 1 / -1; }
  .footer-contact { grid-column: 1 / -1; }
  .footer-cats { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 420px) {
  footer { padding: 1.8rem 1.2rem 0; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-cats { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-direction: column; gap: .7rem; text-align: center; }
}