.intro-icon-benefits__icon-box {
    width: 4rem;
    height: 4rem;
}

.intro-icon-benefits__decor-top {
    width: 5rem;
    height: 5rem;
    top: 2.5rem;
    left: 2.5rem;
}

.intro-icon-benefits__decor-bottom {
    width: 8rem;
    height: 8rem;
    bottom: 2.5rem;
    right: 2.5rem;
}

.intro-icon-benefits__decor-mid {
    width: 4rem;
    height: 4rem;
    top: 50%;
    left: 25%;
}

.tips-interactive__badge {
    z-index: 20;
}

.tips-interactive__inner {
    z-index: 10;
}

.tips-interactive__panel {
    z-index: 50;
}

.tips-interactive__thumb {
    width: 4rem;
    height: 4rem;
}

.tips-interactive__thumb--sm {
    width: 3rem;
    height: 3rem;
}

.tips-interactive__panel--collapsed {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-1rem);
}

.tips-interactive__panel--open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.header-ui__box-10 { width: 2.5rem; height: 2.5rem; }
.header-ui__box-12 { width: 3rem; height: 3rem; }

.faq-sift__glass { transform: translateY(-50%); top: 50%; }
.faq-sift__input { appearance: none; -webkit-appearance: none; }

.faq-sift__toggle { appearance: none; -webkit-appearance: none; font: inherit; cursor: pointer; }
.faq-sift__plus { transition: transform 300ms cubic-bezier(.2, .8, .2, 1); }
.faq-sift__item.is-open .faq-sift__plus { transform: rotate(135deg); }

.faq-sift__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 380ms cubic-bezier(.2, .8, .2, 1); }
.faq-sift__item.is-open .faq-sift__panel { grid-template-rows: 1fr; }
.faq-sift__inner { overflow: hidden; min-height: 0; }
.faq-sift__inner p { opacity: 0; transform: translateY(-.5rem); transition: opacity 300ms ease, transform 300ms ease; }
.faq-sift__item.is-open .faq-sift__inner p { opacity: 1; transform: none; transition-delay: 100ms; }


@media (prefers-reduced-motion: reduce) {
    .faq-sift__panel, .faq-sift__plus, .faq-sift__inner p { transition: none; }
}

/* wpg-hidden: utility classes are renamed in production builds, so hidden states must not rely on .hidden / .d-none alone */
.faq-sift[hidden], .faq-sift [hidden], .faq-sift .hidden.d-none { display: none !important; }

.optin-bullet-row__shell {
    max-width: 48rem;
}

.optin-bullet-row__mark {
    width: 1.5rem;
    height: 1.5rem;
}