/* Ontala board update animations */
@media (prefers-reduced-motion: reduce){
    .bb-card,
    .bb-last,
    .bb-slogan,
    .bb-footer-top{
        animation:none !important;
        transition:none !important;
    }
}

@media (min-width: 1200px) and (min-height: 650px) and (prefers-reduced-motion: no-preference){
    .bb-card.bb-price-updated{
        position:relative;
        box-shadow:
            0 0 0 3px rgba(255, 214, 102, .70),
            0 18px 40px rgba(66, 42, 6, .22) !important;
    }

    .bb-card.bb-price-updated:after{
        content:"";
        position:absolute;
        inset:0;
        border-radius:inherit;
        pointer-events:none;
        background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.38) 45%, transparent 80%);
        transform:translateX(120%);
        animation:ontalaUpdateShine 900ms ease-out 1;
    }

    .bb-last.bb-last-updated{
        box-shadow:
            0 0 0 3px rgba(255, 214, 102, .44),
            0 18px 40px rgba(66, 42, 6, .18) !important;
    }

    .bb-soft-cycle{
        will-change:transform, filter;
    }

    .bb-slogan.bb-soft-cycle,
    .bb-footer-top.bb-soft-cycle{
        box-shadow:
            0 0 0 2px rgba(255, 225, 135, .22),
            0 14px 34px rgba(55, 34, 6, .12) !important;
    }
}

@keyframes ontalaUpdateShine{
    0%{ transform:translateX(120%); opacity:0; }
    18%{ opacity:1; }
    100%{ transform:translateX(-120%); opacity:0; }
}

/* Flip animation for price updated cards on desktop */
@media (min-width: 1200px) and (min-height: 650px) and (prefers-reduced-motion: no-preference){
    .bb-grid{
        perspective:1400px !important;
    }

    .bb-card.bb-price-updated{
        transform-style:preserve-3d !important;
        backface-visibility:hidden !important;
        transform-origin:center center !important;
        animation-duration:850ms !important;
        animation-timing-function:cubic-bezier(.2,.7,.2,1) !important;
    }

    .bb-card.bb-price-updated:after{
        animation:ontalaUpdateShine 760ms ease-out 1 !important;
    }
}

@media (max-width:1199px), (max-height:649px), (prefers-reduced-motion: reduce){
    .bb-card.bb-price-updated{
        animation:none !important;
        transform:none !important;
    }
}