.spi-conditions {
  position: relative;
  z-index: 8;
  color: #e9fbff;
  background: linear-gradient(100deg, #062f41 0%, #075f6b 52%, #087f78 100%);
  border-bottom: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 .8rem 2rem rgba(4,47,66,.14);
}

.spi-conditions__inner {
  display: grid;
  grid-template-columns: minmax(9rem, 1.1fr) repeat(5, minmax(9.5rem, 1fr));
  width: min(100% - 2rem, 82rem);
  margin-inline: auto;
  gap: 1px;
  overflow-x: auto;
  scrollbar-width: none;
  background: rgba(255,255,255,.14);
}

.spi-conditions__inner::-webkit-scrollbar { display: none; }

.spi-conditions__intro,
.spi-condition {
  display: grid;
  align-content: center;
  min-height: 4.65rem;
  padding: .7rem 1rem;
  box-sizing: border-box;
  background: rgba(3,47,61,.88);
}

.spi-conditions__intro span,
.spi-condition span {
  color: #9ce8e6;
  font-size: .67rem;
  font-weight: 850;
  letter-spacing: .1em;
  line-height: 1.2;
  text-transform: uppercase;
}

.spi-conditions__intro strong,
.spi-condition strong {
  margin-top: .3rem;
  color: #fff;
  font-size: .83rem;
  line-height: 1.35;
}

.spi-condition {
  position: relative;
  color: inherit !important;
  text-decoration: none !important;
  transition: background .16s ease, transform .16s ease;
}

.spi-condition::after {
  content: "↗";
  position: absolute;
  top: .55rem;
  right: .65rem;
  color: #fde68a;
  font-size: .75rem;
  opacity: .75;
}

.spi-condition:hover,
.spi-condition:focus-visible {
  z-index: 1;
  background: #087681;
  transform: translateY(-1px);
}

.spi-condition:focus-visible {
  outline: 3px solid #fde68a;
  outline-offset: -3px;
}

@media (max-width: 64rem) {
  .spi-conditions__inner {
    grid-template-columns: 9rem repeat(5, 12.5rem);
    width: 100%;
  }
  .spi-conditions__intro,
  .spi-condition { min-height: 4.35rem; padding-inline: .85rem; }
}

@media (max-width: 38rem) {
  .spi-conditions__inner { grid-template-columns: 8rem repeat(5, 11.5rem); }
  .spi-conditions__intro,
  .spi-condition { min-height: 4.1rem; }
}

/* Destination footer supplement. Theme Studio still owns and renders the
   final brand row; this deeper map makes a 300+ URL guide genuinely usable. */
.luperiq-theme-footer { position: relative; overflow: hidden; color: #e6f7f8 !important; background: #052f3e !important; }
.luperiq-theme-footer::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 12% 18%, rgba(45,212,191,.2), transparent 28rem), radial-gradient(circle at 92% 70%, rgba(14,165,233,.18), transparent 24rem); }
.spi-destination-footer,
.luperiq-theme-footer .luperiq-ts-layout--footer { position: relative; z-index: 1; }
.spi-destination-footer { width: min(100% - 2rem, 82rem); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0 2.5rem; }
.spi-destination-footer__lead { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(14rem, .8fr); align-items: end; gap: .5rem 3rem; padding-bottom: clamp(2rem, 5vw, 4rem); border-bottom: 1px solid rgba(255,255,255,.16); }
.spi-destination-footer__eyebrow { grid-column: 1 / -1; margin: 0; color: #84f4e4; font-size: .72rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.spi-destination-footer__lead h2 { max-width: 15ch; margin: .35rem 0 0; color: #fff; font: 700 clamp(2rem, 5vw, 4.4rem)/1.02 Georgia, 'Times New Roman', serif; letter-spacing: -.025em; }
.spi-destination-footer__lead p:not(.spi-destination-footer__eyebrow) { max-width: 32rem; margin: 0 0 .8rem; color: #cbe9eb; line-height: 1.65; }
.spi-destination-footer__lead > a { justify-self: start; min-height: 2.9rem; padding: .72rem 1rem; border-radius: 999px; color: #073b4c !important; background: #fde68a; font-weight: 900; text-decoration: none; }
.spi-destination-footer__nav { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 2rem; padding-top: clamp(2rem, 5vw, 4rem); }
.spi-destination-footer__nav section { display: grid; align-content: start; gap: .18rem; }
.spi-destination-footer__nav h3 { margin: 0 0 .75rem; color: #fff; font: 700 1.05rem/1.3 Georgia, 'Times New Roman', serif; }
.spi-destination-footer__nav a { display: inline-flex; width: fit-content; min-height: 2.35rem; align-items: center; color: #bfe8e9 !important; font-size: .9rem; text-decoration: none; }
.spi-destination-footer__nav a:hover { color: #fde68a !important; transform: translateX(.2rem); }
.luperiq-theme-footer .luperiq-ts-layout--footer { width: min(100% - 2rem, 82rem); margin-inline: auto; padding-top: 2rem !important; border-top: 1px solid rgba(255,255,255,.14); background: transparent !important; }
.luperiq-theme-footer .luperiq-ts-layout--footer .luperiq-ts-layout-row { color: #d8eff0 !important; background: transparent !important; }
.luperiq-theme-footer .luperiq-ts-layout--footer .luperiq-ts-heading { color: #fff !important; }
.luperiq-theme-footer .luperiq-ts-layout--footer a { color: #bfe8e9 !important; }

@media (max-width: 58rem) {
  .spi-destination-footer__lead { grid-template-columns: 1fr; }
  .spi-destination-footer__nav { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 34rem) {
  .spi-destination-footer { width: min(100% - 1.5rem, 82rem); }
  .spi-destination-footer__nav { grid-template-columns: 1fr; gap: 1.5rem; }
}