/**
 * Smooth page content entrance (matches free sample kit page feel).
 * Applied site-wide via body.cfp-smooth-page-enter from index-header.php.
 *
 * Primary: #cfp-page-content wraps all page body between header and footer.
 * Fallback selectors cover pages that omit the shared footer wrapper.
 */
body.cfp-smooth-page-enter #cfp-page-content,
body.cfp-smooth-page-enter .page-shell,
body.cfp-smooth-page-enter .main-content,
body.cfp-smooth-page-enter #ccf-isolated-container,
body.cfp-smooth-page-enter #page-content,
body.cfp-smooth-page-enter .cf-container,
body.cfp-smooth-page-enter .printing-products-container,
body.cfp-smooth-page-enter .about-container,
body.cfp-smooth-page-enter [data-cfp-page-enter],
body.cfp-smooth-page-enter .cfp-page-enter-auto,
body.cfp-smooth-page-enter [id^="cfp-banner-root"],
body.cfp-smooth-page-enter .my-account-layout-container,
body.cfp-smooth-page-enter .printcart-cart-container {
    opacity: 0;
    transform: translateY(10px);
    animation: cfpPageEnter 0.5s ease-out 0.15s forwards;
}

/* When the universal wrapper is present, animate it only (not nested blocks). */
body.cfp-smooth-page-enter #cfp-page-content .page-shell,
body.cfp-smooth-page-enter #cfp-page-content .main-content,
body.cfp-smooth-page-enter #cfp-page-content #ccf-isolated-container,
body.cfp-smooth-page-enter #cfp-page-content .printing-products-container,
body.cfp-smooth-page-enter #cfp-page-content .about-container,
body.cfp-smooth-page-enter #cfp-page-content [data-cfp-page-enter],
body.cfp-smooth-page-enter #cfp-page-content .cfp-page-enter-auto {
    animation: none;
    opacity: 1;
    transform: none;
}

/* When a page-shell wraps main-content, animate the shell only (keeps banner + body together). */
body.cfp-smooth-page-enter .page-shell .main-content {
    animation: none;
    opacity: 1;
    transform: none;
}

@keyframes cfpPageEnter {
    to {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.cfp-smooth-page-enter #cfp-page-content,
    body.cfp-smooth-page-enter .page-shell,
    body.cfp-smooth-page-enter .main-content,
    body.cfp-smooth-page-enter #ccf-isolated-container,
    body.cfp-smooth-page-enter #page-content,
    body.cfp-smooth-page-enter .cf-container,
    body.cfp-smooth-page-enter .printing-products-container,
    body.cfp-smooth-page-enter .about-container,
    body.cfp-smooth-page-enter [data-cfp-page-enter],
    body.cfp-smooth-page-enter .cfp-page-enter-auto,
    body.cfp-smooth-page-enter [id^="cfp-banner-root"],
    body.cfp-smooth-page-enter .my-account-layout-container,
    body.cfp-smooth-page-enter .printcart-cart-container {
        animation: none;
        opacity: 1;
        transform: none;
    }

    body.cfp-smooth-page-enter #cfp-page-content .page-shell,
    body.cfp-smooth-page-enter #cfp-page-content .main-content,
    body.cfp-smooth-page-enter .page-shell .main-content {
        animation: none;
        opacity: 1;
        transform: none;
    }
}