/* Additive motion layer; existing layout, branding and actions are preserved. */
:root{--motion-gold:#e9b13e;--motion-ease:cubic-bezier(.22,1,.36,1)}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 44%,#edbb4830,transparent 52%),linear-gradient(120deg,transparent 38%,#ffffff75 55%,transparent 72%);background-size:100% 100%,200% 100%;opacity:.65}
.hero-copy,.hero-image{position:relative}
.hero-image{border-radius:12px;transition:filter .3s ease}
.hero-image .hero-art{transform-origin:55% 70%;will-change:auto}
.motion-enabled:not(.motion-paused) .hero-image .hero-art{animation:product-float 6s ease-in-out infinite}
.motion-enabled:not(.motion-paused) .hero::before{animation:hero-light 9s ease-in-out infinite alternate}
@keyframes product-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.35deg)}}
@keyframes hero-light{from{background-position:0 0,100% 0;opacity:.4}to{background-position:0 0,0 0;opacity:.8}}
.category,.phone-category{position:relative;transition:transform .28s var(--motion-ease),box-shadow .28s ease,border-color .28s ease}
.category-art,.phone-category-art{transition:transform .45s var(--motion-ease)}
.category b:after{display:inline-block;transition:transform .25s ease}
.gold,.upload-actions button,.phone-upload button,.whatsapp,.steps button{transition:transform .22s var(--motion-ease),box-shadow .22s ease,background-color .22s ease}
.gold{position:relative;overflow:hidden}
.gold::after{content:"";position:absolute;inset:-50% auto -50% -70%;width:40%;background:linear-gradient(100deg,transparent,#fff6,transparent);transform:skewX(-20deg);pointer-events:none}
.search,.phone-search-field{transition:box-shadow .22s ease,border-color .22s ease}
.search:focus-within,.phone-search-field:focus-within{border-color:#bf8c25;box-shadow:0 0 0 4px #e9b13e24}
.search input:focus-visible,.phone-search input:focus-visible{outline:0}
.upload-actions button:focus-visible,.phone-upload button:focus-visible{background:#fff7e5}
.list-banner{position:relative;overflow:hidden;isolation:isolate}
.list-banner:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0 35px,#ffffff04 35px 36px),radial-gradient(ellipse at 100% 50%,#e9b13e20,transparent 65%)}
.motion-reveal{opacity:1;transform:none}
.motion-enabled .motion-reveal.is-pending{opacity:0;transform:translateY(16px)}
.motion-enabled .motion-reveal{transition:opacity .6s var(--motion-ease),transform .6s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
.motion-enabled dialog[open]{animation:dialog-enter .22s var(--motion-ease)}
@keyframes dialog-enter{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
.motion-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #c8cbcb;border-radius:30px;padding:7px 11px!important;font-size:12px!important;color:#515b64;background:#fff;white-space:nowrap}
.motion-toggle::before{content:"";width:6px;height:6px;border-radius:50%;background:#bc881b}
.motion-toggle[aria-pressed="true"]::before{background:#92989d}
.motion-paused .hero-image .hero-art,.motion-paused .hero::before{animation-play-state:paused!important}
.motion-paused .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}
@media(hover:hover) and (pointer:fine){
 .category:hover,.phone-category:hover{transform:translateY(-4px);border-color:#d5b363;box-shadow:0 8px 20px #222b3510}
 .category:hover .category-art,.phone-category:hover .phone-category-art{transform:scale(1.035)}
 .category:hover b:after{transform:translateX(4px)}
 .gold:hover,.whatsapp:hover{transform:translateY(-2px);box-shadow:0 5px 12px #161e2720}
 .motion-enabled:not(.motion-paused) .gold:hover::after{animation:button-glint .65s ease}
 .upload-actions button:hover,.phone-upload button:hover{background:#fff8e8;border-color:#b58a31;transform:translateY(-2px)}
 .steps button:hover{color:#a46c05;transform:translateY(-2px)}
}
@keyframes button-glint{to{left:135%}}
.gold:active,.category:active,.phone-category:active,.whatsapp:active{transform:scale(.985)}
@media(max-width:700px){.motion-enabled:not(.motion-paused) .hero-image .hero-art{animation-duration:8s}.motion-toggle{margin-top:10px}.hero::before{opacity:.45}}
@media(prefers-reduced-motion:reduce){
 .hero::before,.hero-image .hero-art,.gold::after,dialog[open]{animation:none!important}
 .motion-reveal,.motion-reveal.is-pending{opacity:1!important;transform:none!important;transition:none!important}
 .category,.phone-category,.category-art,.phone-category-art,.category b:after,.gold,.upload-actions button,.phone-upload button,.whatsapp,.steps button,.search,.phone-search-field{transition:none!important;transform:none!important}
 html{scroll-behavior:auto!important}
}
.motion-paused .category,.motion-paused .phone-category,.motion-paused .category-art,.motion-paused .phone-category-art,.motion-paused .gold,.motion-paused .whatsapp,.motion-paused .upload-actions button,.motion-paused .phone-upload button,.motion-paused .steps button{transition:none!important;transform:none!important}
.motion-paused dialog[open]{animation:none!important}