/* Pieces of the ported product page that replace Shopify's header, footer and apps. */
.spx-header { background: #fff; }
.spx-announce {
  background: #174d1f;
  color: #fff;
  font-family: var(--font-heading--family, Poppins, sans-serif);
  font-weight: 800;
  font-size: 15px;
  line-height: 1.25;
  text-align: center;
  padding: 9px 16px;
}
.spx-logo { display: flex; justify-content: center; padding: 12px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
.spx-logo img { height: 25px; width: auto; }
@media (min-width: 750px) { .spx-logo img { height: 40px; } }

.spx-footer {
  padding: 32px 16px 110px;
  text-align: center;
  font-size: 13px;
  color: #555;
  background: #f6f7f4;
}
.spx-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; margin-bottom: 12px; }
.spx-footer a { color: inherit; }

.spx-whatsapp {
  position: fixed;
  right: 16px;
  bottom: 96px;
  z-index: 60;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #25d366;
  color: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}
.spx-whatsapp svg { width: 30px; height: 30px; }

/* Horizon only lays the gallery out once its JS defines the element. */
slideshow-slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
slideshow-slides::-webkit-scrollbar { display: none; }
slideshow-slide { flex: 0 0 100%; scroll-snap-align: start; }