.online-wedding-page {
    color: #343735;
    font-size: 14px;
}

.online-wedding-page .sale-bar {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

.online-wedding-page .online-hero p,
.online-wedding-page .collection-title p,
.online-wedding-page .online-cta p {
    color: #626762;
    font-size: 14px;
}

.online-wedding-page .online-hero a,
.online-wedding-page .online-cta a,
.online-wedding-page .card-actions a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
}

.online-wedding-page .features-strip strong {
    font-size: 12px;
}

.online-wedding-page .features-strip small,
.online-wedding-page .online-layout aside,
.online-wedding-page .online-info p {
    color: #626762;
    font-size: 11px;
}

.online-wedding-page .online-info > span {
    color: #626762;
    font-size: 9px;
}

.online-wedding-page .online-info h3 {
    font-size: 22px;
}

.online-wedding-page .online-card {
    min-width: 0;
}

.online-wedding-page .heart {
    min-width: 40px;
    min-height: 40px;
    font-size: 19px;
}

.online-wedding-page .online-reveal {
    opacity: 0;
    transform: translate3d(0, 42px, 0);
    transition:
        opacity .85s cubic-bezier(.22, 1, .36, 1),
        transform .85s cubic-bezier(.22, 1, .36, 1);
    transition-delay: var(--online-reveal-delay, 0ms);
    will-change: opacity, transform;
}

.online-wedding-page .online-reveal.from-left {
    transform: translate3d(-46px, 0, 0);
}

.online-wedding-page .online-reveal.from-right {
    transform: translate3d(46px, 0, 0);
}

.online-wedding-page .online-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

@media (max-width: 700px) {
    .online-wedding-page .online-hero {
        padding-top: 54px;
    }

    .online-wedding-page .online-products {
        grid-template-columns: 1fr;
        gap: 48px;
    }
}

@media (max-width: 480px) {
    .online-wedding-page .sale-bar {
        padding-inline: 14px;
        line-height: 1.45;
    }
}

@media (prefers-reduced-motion: reduce) {
    .online-wedding-page .online-reveal {
        opacity: 1;
        transform: none;
        transition: none;
        will-change: auto;
    }
}