/* Reusable UI components */
.btn:focus-visible,
.nav-links a:focus-visible,
button:focus-visible,
input:focus-visible,
summary:focus-visible {
    outline: 2px solid #f3c77f;
    outline-offset: 4px
}

.product-card,
.panel-card,
.faq-list details {
    will-change: transform
}

.hero-copy,
.immersive-copy,
.section-heading,
.benefit,
.ingredient-copy,
.statement-inner,
.testimonial-section>div,
.shop-copy,
.shop-products {
    contain: layout paint
}