/* Progressive enhancement: content is visible before JS and after every animation. */
body.dip-design-motion .dip-motion-card {isolation:isolate;}
body.dip-design-motion .dip-motion-stage-hero {isolation:isolate;}
.dip-motion-aura {position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;overflow:hidden;}
.dip-motion-light,.dip-motion-sheen {position:absolute;inset:0;pointer-events:none;}
.dip-motion-light {opacity:var(--dip-motion-light-opacity,.38);background:radial-gradient(ellipse at var(--dip-motion-light-position,78% 12%),rgba(var(--dip-motion-rgb,242,214,75),.55),transparent var(--dip-motion-spread,60%));animation:dip-aura-in .9s ease-out backwards;}
.dip-motion-aura[data-style=wash] .dip-motion-light {background:linear-gradient(130deg,rgba(var(--dip-motion-rgb,242,214,75),.5),transparent var(--dip-motion-spread,60%));}
.dip-motion-aura[data-style=spotlight] .dip-motion-light {background:radial-gradient(circle at var(--dip-motion-light-position,78% 12%),rgba(var(--dip-motion-rgb,242,214,75),.7),transparent calc(var(--dip-motion-spread,60%) * .65));}
.dip-motion-aura[data-style=edge] .dip-motion-light {background:none;box-shadow:inset 0 0 var(--dip-motion-glow-radius,60px) rgba(var(--dip-motion-rgb,242,214,75),.65);}
.dip-motion-sheen {opacity:0;background:linear-gradient(110deg,transparent 25%,rgba(var(--dip-motion-rgb,242,214,75),.24) 48%,transparent 70%);animation:dip-gold-pass 2.4s ease-in-out both;}
.dip-motion-preview-adjusting .dip-motion-light {animation:none;}
.dip-motion-preview-adjusting .dip-motion-sheen {animation:none;opacity:var(--dip-motion-sheen-opacity,.75);transform:none;}
@keyframes dip-aura-in {from{opacity:0;}}
@keyframes dip-gold-pass {from{transform:translateX(-100%);opacity:0;}30%{opacity:var(--dip-motion-sheen-opacity,.75);}to{transform:translateX(100%);opacity:0;}}
@keyframes dip-title-rise {from{translate:0 var(--dip-motion-distance,28px);}to{translate:0 0;}}
@keyframes dip-title-glide {from{translate:var(--dip-motion-x,-20px) 0;}to{translate:0 0;}}
@keyframes dip-title-zoom {from{scale:var(--dip-motion-scale,.96);}to{scale:1;}}
@keyframes dip-title-tilt {from{rotate:var(--dip-motion-tilt,-1deg);translate:0 calc(var(--dip-motion-distance,28px) * .5);}to{rotate:0deg;translate:0 0;}}
@keyframes dip-title-cascade {from{translate:0 var(--dip-motion-distance,28px);scale:var(--dip-motion-scale,.96);}to{translate:0 0;scale:1;}}
@keyframes dip-title-minimal {from{translate:0 calc(var(--dip-motion-distance,28px) * .25);}to{translate:0 0;}}
@keyframes dip-page-rise {from{transform:translateY(12px);}to{transform:translateY(0);}}
@keyframes dip-page-zoom {from{transform:scale(1.015);}to{transform:scale(1);}}
@keyframes dip-page-wipe {from{clip-path:inset(0 0 16% 0);}to{clip-path:inset(0);}}
@supports (translate:0 1px) and (animation-composition:add) {
    @media(prefers-reduced-motion:no-preference) {
        html.dip-motion-early body.dip-motion-hero #main :is(.dip-hero h1,.dip-hero-subtitle,.dip-hero .dip-actions,.product_title,.page-title,.hero-section h1,.entry-title,.dip-rewards-info-hero h2),
        html.dip-motion-early body.dip-motion-reveals.dip-motion-context-catalog #main :is(.products>.product,.wc-block-product-template>li):nth-child(-n+4):not(:has(form)) {animation:var(--dip-motion-name,none) var(--dip-motion-duration,1100ms) var(--dip-motion-easing,ease) min(480ms,calc(var(--dip-motion-item,0) * var(--dip-motion-stagger,90ms))) backwards;animation-composition:add;}
        html.dip-motion-early .dip-hero-subtitle {--dip-motion-item:1;}
        html.dip-motion-early .dip-hero .dip-actions {--dip-motion-item:2;}
        html.dip-motion-early body.dip-motion-context-catalog #main :is(.products>.product,.wc-block-product-template>li):nth-child(2) {--dip-motion-item:1;}
        html.dip-motion-early body.dip-motion-context-catalog #main :is(.products>.product,.wc-block-product-template>li):nth-child(3) {--dip-motion-item:2;}
        html.dip-motion-early body.dip-motion-context-catalog #main :is(.products>.product,.wc-block-product-template>li):nth-child(4) {--dip-motion-item:3;}
        html.dip-motion-early .dip-hero .dip-actions:focus-within {animation-play-state:paused!important;}
    }
}
@media(hover:hover) and (pointer:fine) and (min-width:768px) and (prefers-reduced-motion:no-preference) {
    body.dip-motion-hovers .dip-motion-card {transition:translate var(--dip-motion-hover-duration,480ms) var(--dip-motion-easing,ease),rotate var(--dip-motion-hover-duration,480ms) var(--dip-motion-easing,ease);outline:1px solid transparent;outline-offset:-1px;}
    body.dip-motion-hovers .dip-motion-card:hover {outline-color:rgba(var(--dip-motion-rgb,242,214,75),var(--dip-motion-hover-opacity,.35));}
    body.dip-motion-hovers:is([data-dip-motion-hover=lift],[data-dip-motion-hover=lift-zoom]) .dip-motion-card:hover {translate:0 var(--dip-motion-hover-lift,-5px);}
    body.dip-motion-hovers[data-dip-motion-hover=tilt] .dip-motion-card:hover {rotate:var(--dip-motion-hover-tilt,.45deg);}
    body.dip-motion-hovers .dip-motion-image {transition:scale var(--dip-motion-hover-duration,480ms) var(--dip-motion-easing,ease);transform-origin:50% 50%;}
    body.dip-motion-hovers:is([data-dip-motion-hover=zoom],[data-dip-motion-hover=lift-zoom]) .dip-motion-card:hover .dip-motion-image {scale:var(--dip-motion-hover-scale,1.04);}
    body.dip-motion-hovers .dip-motion-card:focus-within {translate:none;rotate:none;outline-color:#f2d64b;}
    body.dip-motion-hovers .dip-motion-card:focus-within .dip-motion-image {scale:none;}
}
body.dip-motion-preview {padding-bottom:calc(var(--dip-preview-bar-height,52px) + 12px)!important;}
#dip-motion-preview-bar {position:fixed;inset:auto 8px 8px;z-index:2147483600;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;padding:10px 16px;border:1px solid #f2d64b88;border-radius:10px;background:#11120ff5;color:#f4f0dc;font:12px/1.45 system-ui,sans-serif;box-shadow:0 6px 28px #0008;}
#dip-motion-preview-bar strong {color:#f2d64b;font-size:12px;}
#dip-motion-preview-status {flex:1;min-width:140px;}
#dip-motion-preview-bar a {flex:none;color:#f2d64b!important;text-decoration:underline;text-underline-offset:3px;padding:4px;}
#dip-motion-preview-bar a:focus-visible {outline:2px solid #f2d64b;outline-offset:3px;}
@media(max-width:600px) {#dip-motion-preview-bar{gap:5px 12px;padding:9px 12px;}#dip-motion-preview-status{order:3;flex-basis:100%;font-size:11px;}#dip-motion-preview-bar a{margin-left:auto;}}
@media(prefers-reduced-motion:reduce) {
    body.dip-design-motion .dip-motion-card,body.dip-design-motion .dip-motion-image {transition:none!important;translate:none!important;rotate:none!important;scale:none!important;}
    .dip-motion-aura,.dip-motion-sheen {display:none!important;animation:none!important;}
}