.product-reveal{transition:opacity .8s ease var(--product-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--product-delay,0ms)}
.product-reveal.product-reveal-pending{opacity:0;transform:translateY(38px)}
@media(prefers-reduced-motion:reduce){.product-reveal,.product-reveal.product-reveal-pending{opacity:1;transform:none;transition:none}}
@media print{.product-reveal.product-reveal-pending{opacity:1;transform:none}}

/* Deeper entrances and tactile movement in the product assurance sections. */
.product-reveal-pop.product-reveal-pending{transform:translateY(42px) scale(.96)}
@media(prefers-reduced-motion:no-preference){
 .pd-import #products_benefits_cont>div,.pd-import .products_why_customer,.pd-import .products_why_value_box,.pd-import #products_summary>div{transition:opacity .8s ease var(--product-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--product-delay,0ms),translate .3s ease,box-shadow .3s ease}
 .pd-import #products_why_third_certificate img{animation:product-certificate-float 6s ease-in-out infinite;animation-play-state:paused}
 .pd-import #products_why_third.product-motion-active #products_why_third_certificate img{animation-play-state:running}
 .pd-import #products_why_value_saving{animation:product-saving-float 5s ease-in-out infinite;animation-play-state:paused}
 .pd-import #products_why_value_bg.product-motion-active #products_why_value_saving{animation-play-state:running}
 .pd-import #products_why_guarantee_satisfaction::before{transition:scale .35s ease}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .pd-import #products_benefits_cont>div:hover{translate:0 -8px;box-shadow:0 18px 38px #38234b18}
 .pd-import .products_why_customer:hover,.pd-import .products_why_value_box:hover{translate:0 -5px}
 .pd-import #products_summary>div:hover{translate:0 -4px}
 .pd-import #products_why_guarantee_satisfaction:hover::before{scale:1.07}
 .pd-import #products_why_third a{transition:translate .25s ease,box-shadow .25s ease}
 .pd-import #products_why_third a:hover{translate:0 -3px;box-shadow:0 8px 22px #0003}
}
@keyframes product-certificate-float{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -9px;rotate:1deg}}
@keyframes product-saving-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(prefers-reduced-motion:reduce){.product-reveal-pop.product-reveal-pending{opacity:1;transform:none}}
@media print{.product-reveal-pop.product-reveal-pending{opacity:1;transform:none}.pd-import #products_why_third_certificate img,.pd-import #products_why_value_saving{animation:none}}