.mbai3d{--bai-accent:#ff6b00;--bai-bg:#10131a;color:#fff;background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--bai-accent) 24%,transparent),transparent 32%),linear-gradient(135deg,var(--bai-bg),#050609);padding:clamp(26px,5vw,64px) 0;overflow:hidden;isolation:isolate}.mbai3d[hidden]{display:none}.mbai3d__inner{width:min(1380px,94%);margin:auto}.mbai3d__heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.mbai3d__eyebrow{font:700 11px/1.2 system-ui;letter-spacing:.2em;color:var(--bai-accent)}.mbai3d h2{margin:5px 0 0;font:800 clamp(24px,4vw,46px)/1.05 system-ui;color:#fff}.mbai3d__viewport{position:relative}.mbai3d__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:16px 4px 28px;scrollbar-width:none;perspective:1200px}.mbai3d__track::-webkit-scrollbar{display:none}.mbai3d__card{scroll-snap-align:start;min-width:0;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.16);border-radius:22px;overflow:hidden;box-shadow:0 22px 45px rgba(0,0,0,.36);transform:rotateY(-4deg) translateY(8px);transition:transform .3s ease,border-color .3s ease;backdrop-filter:blur(12px)}.mbai3d__card:hover{transform:rotateY(0) translateY(-7px) scale(1.015);border-color:color-mix(in srgb,var(--bai-accent) 65%,white)}.mbai3d__image{display:block;aspect-ratio:1.25;background:#fff;overflow:hidden}.mbai3d__image img{width:100%;height:100%;object-fit:contain;transition:transform .45s ease}.mbai3d__card:hover img{transform:scale(1.07)}.mbai3d__content{padding:17px}.mbai3d__category{height:18px;overflow:hidden;font:600 10px/1.3 system-ui;text-transform:uppercase;letter-spacing:.08em;color:#aeb4bf}.mbai3d__category a{color:inherit;text-decoration:none}.mbai3d h3{height:48px;overflow:hidden;margin:5px 0 11px;font:700 17px/1.4 system-ui}.mbai3d h3 a{color:#fff;text-decoration:none}.mbai3d__price{min-height:29px;font:800 18px/1.4 system-ui;color:var(--bai-accent)}.mbai3d__price del{font-size:13px;color:#aeb4bf}.mbai3d__button{display:block;margin-top:13px;padding:11px 14px;border-radius:12px;background:var(--bai-accent);color:#fff!important;text-align:center;text-decoration:none!important;font:750 13px/1.2 system-ui}.mbai3d__nav{position:absolute;z-index:3;top:45%;width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(5,6,9,.84);color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.3)}.mbai3d__prev{left:-18px}.mbai3d__next{right:-18px}.mbai3d__status{padding:30px 0;color:#c6cad1;font:500 14px system-ui}.mbai3d:not(.is-ready) .mbai3d__track{min-height:340px}.mbai3d.is-ready .mbai3d__card{animation:bai-rise .55s both;animation-delay:calc(var(--i) * 70ms)}@keyframes bai-rise{from{opacity:0;transform:translateY(28px) rotateY(-10deg)}to{opacity:1;transform:translateY(8px) rotateY(-4deg)}}@media(max-width:680px){.mbai3d__track{grid-auto-columns:76%;gap:13px}.mbai3d__nav{display:none}.mbai3d__heading{display:block}.mbai3d__card{transform:none}.mbai3d__inner{width:92%}}@media(prefers-reduced-motion:reduce){.mbai3d *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


.mbai3d{padding:20px 0 12px;background:radial-gradient(circle at 12% 20%,rgba(22,184,255,.42),transparent 34%),radial-gradient(circle at 88% 70%,rgba(74,91,255,.38),transparent 36%),linear-gradient(125deg,#03142f,#063b78,#071b4e,#004d86);background-size:160% 160%;animation:bai3d-blue-flow 9s ease-in-out infinite}
.mbai3d:before{content:"";position:absolute;inset:-40%;z-index:-1;background:conic-gradient(from 0deg,transparent,rgba(31,207,255,.16),transparent 35%);animation:bai3d-orbit-glow 14s linear infinite;pointer-events:none}
.mbai3d__inner{position:relative}.mbai3d__heading{position:absolute!important;z-index:20;top:10px;left:clamp(12px,3vw,36px);display:block;width:auto;max-width:330px;min-height:0;margin:0;padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(2,24,64,.62);text-align:left;backdrop-filter:blur(8px);pointer-events:none}.mbai3d__heading h2{margin:0!important;padding:0!important;max-width:none;color:#fff!important;font-size:14px!important;line-height:1.2!important;font-weight:750;letter-spacing:0;text-align:left!important;text-transform:none!important;text-shadow:0 2px 8px rgba(0,0,0,.35)}.mbai3d__button{background:linear-gradient(135deg,#0878ff,#16b8ff)!important;box-shadow:0 8px 22px rgba(0,142,255,.3)}.mbai3d__price{color:#36d3ff}.mbai3d__card{box-sizing:border-box}.mbai3d__image{height:145px;aspect-ratio:auto}.mbai3d__content{box-sizing:border-box;height:175px;padding:13px 15px}.mbai3d h3{height:42px;margin:4px 0 7px;font-size:15px}.mbai3d__button{margin-top:7px;padding:9px 12px}.mbai3d__price{min-height:25px;font-size:16px}
@keyframes bai3d-blue-flow{0%,100%{background-position:0% 30%}50%{background-position:100% 70%}}
@keyframes bai3d-orbit-glow{to{transform:rotate(360deg)}}
.mbai3d__scene{position:relative;height:340px;perspective:none;overflow:visible}
.mbai3d__track{position:relative!important;display:block!important;width:100%;height:100%;padding:0!important;overflow:visible!important;transform-style:preserve-3d;transform:none!important;transition:none}
.mbai3d__card{position:absolute;top:4px;left:50%;width:230px;height:320px;backface-visibility:hidden;opacity:1;transition:filter .25s ease!important;filter:brightness(1);pointer-events:auto;will-change:transform}
.mbai3d__card.is-front{opacity:1;filter:brightness(1);pointer-events:auto}
.mbai3d__card:hover{filter:brightness(1.06)}
.mbai3d__viewport{min-height:340px}
.mbai3d__nav{top:48%}
.mbai3d.is-ready .mbai3d__card{animation:none}
@media(max-width:680px){.mbai3d{padding:12px 0 10px}.mbai3d__heading{top:7px;left:9px;max-width:235px;padding:5px 8px}.mbai3d__heading h2{font-size:11px!important;line-height:1.15!important}.mbai3d__scene,.mbai3d__viewport{height:340px;min-height:340px}.mbai3d__card{width:min(70vw,250px);height:320px}.mbai3d__image{height:145px}.mbai3d__content{height:175px}.mbai3d__nav{display:block;top:49%;width:38px;height:38px}.mbai3d__prev{left:-5px}.mbai3d__next{right:-5px}.mbai3d__track{overflow:visible!important}}
@media(prefers-reduced-motion:reduce){.mbai3d__track{transition:none}}

/* Theme-native refinement: small glass controls that stay clear of product cards. */
.mbai3d__nav{display:grid!important;place-items:center;width:36px!important;height:36px!important;border:1px solid rgba(255,255,255,.4)!important;background:rgba(3,25,65,.62)!important;font:500 22px/1 system-ui!important;backdrop-filter:blur(9px);box-shadow:0 7px 20px rgba(0,0,0,.22)!important;transition:background .2s ease,transform .2s ease!important}.mbai3d__nav:hover{background:rgba(8,120,232,.92)!important;transform:scale(1.05)}
@media(max-width:680px){.mbai3d__nav{width:32px!important;height:32px!important;font-size:18px!important}.mbai3d__prev{left:7px!important}.mbai3d__next{right:7px!important}}