/* Touch navigation is a tap-controlled, aligned list. */
body .mg-menu-body .mz-mega65 .sv-submenu59{grid-template-columns:1fr;max-width:none;padding:8px;gap:0}
body .mg-menu-body .mz-mega65 .sv-submenu59 a{flex-direction:row;align-items:center;justify-content:flex-start;min-height:58px;padding:10px 12px!important;gap:14px!important;text-align:left}
body .mg-menu-body .mz-mega-copy65{flex:1}
body .mg-menu-body .mz-mega-copy65 strong{font-size:14px!important;line-height:1.4!important}
body .mg-menu-body .mz-mega-copy65 small{display:none}
body .mg-menu-body .mz-mega-icon65{width:34px;height:34px;flex:0 0 34px}
body .mg-menu-body .sv-menu59>summary{display:flex;align-items:center;gap:14px}
body .mg-menu-body .sv-menu59>summary .sv-chevron59{margin-left:auto}
/* Quiet device frames; motion belongs to the interface, not the device. */
#mp-page .m102-desktop{border-color:#ffffff24;border-radius:14px;background:#10131d;box-shadow:0 24px 50px #0005}
#mp-page .m102-chrome{height:30px;background:#1a1d29;border-bottom-color:#ffffff0a}
#mp-page .m102-chrome i{background:#63677d;width:4px;height:4px}
#mp-page .m102-phone{animation:none;border:4px solid #363b4d;box-shadow:0 24px 45px #0009;border-radius:22px;bottom:-4px;padding-top:25px;background:#11151f}
#mp-page .m102-notch{background:#363b4d}
#mp-page .m102-hero h4,#mp-page .m102-phone h4{animation:none}
#mp-page .m102-sculpture{position:relative;align-items:center;gap:0;overflow:hidden;background:radial-gradient(ellipse at center,#9877ff25,transparent 70%)}
#mp-page .m102-sculpture i{position:absolute;width:65%;height:65%;border-radius:28%;border:1px solid #d4c4ff70;background:linear-gradient(140deg,#d8caff90,#8961f445 55%,#20163e);box-shadow:inset 0 1px 5px #fff3,12px 18px 30px #0003;animation:m106-orbit 16s cubic-bezier(.45,0,.55,1) infinite;transform-origin:center}
#mp-page .m102-sculpture i:nth-child(2){width:49%;height:49%;animation-delay:-2s;background:linear-gradient(140deg,#b9a2ff,#6940bd80)}
#mp-page .m102-sculpture i:nth-child(3){width:32%;height:32%;animation-delay:-4s;background:linear-gradient(140deg,#d3bfff,#8b61d5)}
#mp-page .m102-sculpture i:nth-child(4){width:15%;height:15%;animation-delay:-6s;background:#c3ff70;border-color:#e4ffb5}
@keyframes m106-orbit{0%,100%{transform:rotate(-18deg) translateY(3px)}50%{transform:rotate(28deg) translateY(-3px)}}
/* A coordinated shopping sequence with a settled confirmation state. */
#mp-page .m102-store{border:1px solid #ffffff25;border-radius:18px;background:#121521;box-shadow:0 24px 50px #0005}
#mp-page .m102-shopbody{padding:24px 20px;min-height:300px;background:radial-gradient(ellipse at 50% 30%,#7d50d51c,transparent 70%)}
#mp-page .m102-shopbody h4{font-size:28px;margin:12px 0 24px}
#mp-page .m102-products{gap:28px;height:86px}
#mp-page .m102-item{animation:m106-add 16s cubic-bezier(.4,0,.2,1) infinite}
#mp-page .m102-item2{animation-delay:1.4s}#mp-page .m102-item3{animation-delay:2.8s}
#mp-page .m102-item span{display:none}
#mp-page .m102-cart{width:210px;height:56px;border:1px solid #a586ff50;border-radius:14px;background:#211c32;color:#eee8ff;animation:none;gap:14px}
#mp-page .m102-cart svg{width:25px;height:25px;stroke-width:2}
#mp-page .m102-count{font-size:20px;width:17px;height:25px;color:#c2ff68}
#mp-page .m102-count span{animation-duration:16s}
#mp-page .m102-count span:nth-child(1){animation-name:m106-n0}#mp-page .m102-count span:nth-child(2){animation-name:m106-n1}#mp-page .m102-count span:nth-child(3){animation-name:m106-n2}#mp-page .m102-count span:nth-child(4){animation-name:m106-n3}
#mp-page .m102-confirm{bottom:62px;width:210px;padding:19px 10px;border-radius:14px;background:#c3ff70;font-size:11px;box-shadow:0 8px 25px #0003;animation:m106-done 16s cubic-bezier(.4,0,.2,1) infinite}
#mp-page .m102-shopline{margin-top:20px;font-size:9px;color:#9995ac}
@keyframes m106-add{0%,12%{transform:translateY(0) scale(1);opacity:1}24%,65%{transform:translateY(75px) scale(.4);opacity:0}78%,100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes m106-n0{0%,85%,100%{opacity:1}24%,84%{opacity:0}}
@keyframes m106-n1{0%,33%,100%{opacity:0}24%,32%{opacity:1}}
@keyframes m106-n2{0%,42%,100%{opacity:0}33%,41%{opacity:1}}
@keyframes m106-n3{0%,85%,100%{opacity:0}42%,84%{opacity:1}}
@keyframes m106-done{0%,53%,83%,100%{opacity:0;transform:translateX(-50%) translateY(5px) scale(.97)}59%,76%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#mp-page .m102-responsive *,#mp-page .m102-store *{animation:none!important}}