/**
 * NFC shop page (nfc.php) — Abutic Dot shell (abutic-dot-home.css + sticky nav).
 */
body.ab-dot-home.ab-dot-nfc {
  background: transparent !important;
  background-color: transparent !important;
  text-align: left;
}

body.ab-dot-home.ab-dot-nfc .main-content {
  background: transparent !important;
  background-image: none !important;
}

/* Space below sticky Dot nav (replaces legacy .nfc-hero margin-top for old navbar) */
body.ab-dot-home.ab-dot-nfc .nfc-hero {
  margin-top: 0 !important;
  padding-top: 0.5rem;
}

@media (min-width: 1024px) {
  body.ab-dot-home.ab-dot-nfc .nfc-hero {
    padding-top: 0.75rem;
  }
}

/* Shop control matches primary “current” treatment on this page */
body.ab-dot-home.ab-dot-nfc .ab-dot-navbar-shop.ab-dot-navbar-shop--current {
  color: #0066cc !important;
  opacity: 1 !important;
}

body.ab-dot-home.ab-dot-nfc .ab-dot-navbar-shop.ab-dot-navbar-shop--current:hover {
  opacity: 0.85 !important;
}

/* Lightweight scroll reveal — one IntersectionObserver, opacity + small lift only */
body.ab-dot-nfc.nfc-scroll-fx--on .nfc-reveal:not(.is-in-view) {
  opacity: 0;
  transform: translate3d(0, 12px, 0);
}

body.ab-dot-nfc.nfc-scroll-fx--on .nfc-reveal {
  transition:
    opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

body.ab-dot-nfc.nfc-scroll-fx--on .nfc-reveal.is-in-view {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  body.ab-dot-nfc.nfc-scroll-fx--on .nfc-reveal:not(.is-in-view) {
    opacity: 1;
    transform: none;
  }

  body.ab-dot-nfc.nfc-scroll-fx--on .nfc-reveal {
    transition: none;
  }
}