/* V28: consistent vial geometry and silver motion system. */
#products .vialArt{position:relative;flex-shrink:0!important;aspect-ratio:307/465!important;min-width:0!important;isolation:isolate;border:1px solid #ffffff13;border-radius:12px}
#products .vialArt .realVial{display:block!important;position:static!important;margin:0!important;transform:none!important;filter:none!important;width:100%!important;height:100%!important;object-fit:contain!important}
#products .vialArt::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#ffffff15 48%,transparent 70%);transform:translateX(-140%);transition:transform .8s ease}
#products .product:hover .vialArt::after{transform:translateX(140%)}
#products .product{transition:border-color .3s ease,box-shadow .3s ease;min-width:0}
#products .product:hover{border-color:#c5d1d66b;box-shadow:0 16px 44px #0008}
.qbxOrbit{position:absolute;right:7%;top:18%;width:clamp(130px,23vw,310px);aspect-ratio:1;pointer-events:none;z-index:2;display:grid;place-items:center;opacity:.65}
.qbxOrbit i{position:absolute;inset:5%;border:1px solid #dce4e77a;border-radius:50%;animation:qbx-orbit 20s linear infinite;box-shadow:0 0 30px #f0f5ff0b}
.qbxOrbit i::after{content:"";position:absolute;top:12%;left:12%;width:7px;height:7px;border-radius:50%;background:#edf1f4;box-shadow:0 0 15px #fff9}
.qbxOrbit i:nth-child(2){inset:18%;animation-duration:14s;animation-direction:reverse;border-style:dashed}
.qbxOrbit i:nth-child(3){inset:33%;animation-duration:10s}
.qbxOrbit b{font:800 clamp(15px,3vw,30px) Arial;letter-spacing:.15em;color:#e9edef;text-shadow:0 0 20px #ffffff40}
@keyframes qbx-orbit{to{transform:rotate(360deg)}}
.qbxPerkCard,.qbxSupportActions a,.qbxSupportActions button{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.qbxPerkCard:hover{transform:translateY(-4px);border-color:#dce4e766;box-shadow:0 10px 30px #0006}
.qbxReveal{animation:qbx-reveal .7s ease both}
@keyframes qbx-reveal{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.qbxScrollProgress{position:fixed;top:0;left:0;z-index:10002;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#66727b,#f2f5f7);pointer-events:none}
@media(max-width:800px){.qbxOrbit{right:3%;top:12%;width:120px;opacity:.38}#products .product{grid-template-columns:minmax(0,36%) minmax(0,64%)!important}#products .productText{min-width:0!important}#products .qbxCardActions{flex-wrap:wrap}#products .qbxCardActions button{white-space:normal!important}}
@media(prefers-reduced-motion:reduce){.qbxOrbit i,.qbxReveal{animation:none!important}.qbxPerkCard,.qbxSupportActions a,.qbxSupportActions button,#products .product,#products .vialArt::after{transition:none!important}.qbxOrbit{opacity:.3}}