/* Braxion Vitrine 2026-10-09: refinement layer; preserves interactions */
:root{--vitrine-line:rgba(109,184,238,.29);--vitrine-glow:rgba(37,139,227,.18)}
@media (prefers-reduced-motion:no-preference){
.shop-card-compact,.business-card,.dh-card,.bx266-card,.category-route-card,.bx-compare-card,.solution-showcase-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s!important}
.shop-card-compact:hover,.business-card:hover,.dh-card:hover,.bx266-card:hover,.category-route-card:hover,.bx-compare-card:hover,.solution-showcase-card:hover{transform:translateY(-5px)!important;box-shadow:0 19px 50px rgba(0,0,0,.39),0 0 0 1px rgba(79,163,235,.23)!important;border-color:rgba(118,198,252,.66)!important}
a,button{transition:background-color .2s,border-color .2s,box-shadow .2s}
}
:where(.shop-card-compact,.business-card,.dh-card,.bx266-card,.category-route-card,.bx-compare-card){position:relative;isolation:isolate}
:where(.shop-card-compact,.business-card,.dh-card,.bx266-card,.category-route-card,.bx-compare-card):focus-within{outline:2px solid #74caff;outline-offset:3px}
:where(.shop-card-compact,.business-card,.dh-card,.bx266-card,.category-route-card,.bx-compare-card) a:focus-visible,:where(.shop-card-compact,.business-card,.dh-card,.bx266-card,.category-route-card,.bx-compare-card) button:focus-visible{outline:3px solid #91ddff;outline-offset:3px}
.shop-page .shop-card-compact{background:linear-gradient(160deg,#10253a 0%,#081722 80%)!important;border:1px solid var(--vitrine-line)!important;border-radius:18px!important;overflow:hidden}
.shop-page .shop-card-compact:nth-child(5n + 2){background:linear-gradient(145deg,#19203d,#091728 74%)!important}
.shop-page .shop-card-compact:nth-child(5n + 3){background:linear-gradient(145deg,#0c3140,#091824 74%)!important}
.shop-page .shop-card-compact:nth-child(5n + 4){background:linear-gradient(145deg,#23303b,#081723 74%)!important}
.shop-page .shop-card-compact:nth-child(5n + 5){background:linear-gradient(145deg,#132e36,#071827 74%)!important}
.shop-page .shop-card-compact .shop-card-body{min-width:0}
.shop-page .shop-card-compact .shop-actions a,.shop-page .shop-card-compact .shop-actions button{min-height:36px}
.shop-page .shop-card-compact .shop-card-logo img{object-fit:contain}
.bx-scene>img,.business-cover img,.bx266-media img{transition:transform .5s ease,filter .4s ease!important}
a:hover>.bx-scene img,.business-cover:hover img,.bx266-card:hover .bx266-media img{transform:scale(1.045)}
.business-grid .business-card{box-shadow:inset 0 1px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.14)}
.business-grid .business-card .business-cover{height:190px}
.business-grid .business-card .business-cover img{object-position:center}
.business-grid .business-card .business-cover span{font-size:clamp(16px,1.7vw,22px);line-height:1.12}
.business-grid .business-card .demo-preview{font-weight:800}
.bx-explorer,.bx-compare{box-shadow:0 26px 60px #020c1940}
.bx-chip{min-height:39px}
.bx266-card{border:1px solid rgba(89,166,226,.32)}
.bx266-card:nth-child(3n+2) .bx266-media{background:#11243d}
.bx266-card:nth-child(3n+3) .bx266-media{background:#0c3540}
img{font-size:0}
@media(max-width:700px){.business-grid .business-card .business-cover{height:165px}.bx-explorer{padding:16px}.shop-page .shop-card-compact{border-radius:14px!important}a,button{touch-action:manipulation}}
@media(prefers-reduced-motion:reduce){.shop-card-compact,.business-card,.dh-card,.bx266-card,.category-route-card,.bx-compare-card,.solution-showcase-card{transition:none!important;transform:none!important}}