/* Tombol "Belanja online" menempel di tepi kanan, ikut saat digulir, menuju /lp/belanja.html */
.cta-belanja {
  position: fixed; z-index: 46; right: 0; top: 50%; transform: translateY(-50%);
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  width: 74px; padding: 14px 6px 12px;
  background: var(--cyan, #009FE3); color: var(--paper, #FFFFFF); text-decoration: none;
  border-radius: 14px 0 0 14px; border: 1px solid rgba(255,255,255,.35); border-right: 0;
  box-shadow: 0 12px 30px rgba(10,31,54,.35);
  font: 700 13px/1.15 var(--display, "Poppins", "Segoe UI", system-ui, sans-serif); text-align: center;
  transition: background .2s ease, transform .2s ease;
}
.cta-belanja svg { width: 26px; height: 26px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.cta-belanja small { font: 500 11.5px/1.1 var(--body, "Figtree", "Segoe UI", system-ui, sans-serif); opacity: .92; }
.cta-belanja:hover { background: var(--cyan-dark, #0B8FCC); transform: translate(-4px, -50%); }

/* Kaki halaman: kolom Belanja online jadi satu ajakan */
.foot-col .shop-all { margin: 0 0 14px; font-size: 14px; max-width: 30ch; }
.foot-col a.ghost-sm { border: 1.5px solid var(--sky, #5EC8FF); border-radius: 10px; padding: 10px 14px; font: 600 14px/1.2 var(--display, "Poppins", "Segoe UI", system-ui, sans-serif); }
.foot-col a.ghost-sm:hover { text-decoration: none; background: rgba(94,200,255,.12); }

@media (max-width: 760px) {
  .cta-belanja { top: 44%; width: 58px; padding: 10px 4px; gap: 4px; font-size: 11.5px; border-radius: 12px 0 0 12px; }
  .cta-belanja svg { width: 22px; height: 22px; }
  .cta-belanja small { display: none; }
  .cta-belanja:hover { transform: translateY(-50%); }
}