/* Cross-device stability layer. Kept separate so it can be versioned or licensed independently. */
html{scroll-behavior:smooth}body{min-width:320px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,video,iframe{max-width:100%}button,input,select,textarea{font:inherit}.container-sm,.container-fluid{max-width:100%}.card,.modal-content,.dropdown-menu{overflow-wrap:anywhere}.table-responsive{overscroll-behavior-inline:contain}.btn{touch-action:manipulation}.product-name{min-height:2.6em}.navbar img{object-fit:contain}@media(max-width:767px){h1{font-size:clamp(1.55rem,7vw,2rem)}h2{font-size:clamp(1.3rem,6vw,1.7rem)}.container-sm{padding-left:12px!important;padding-right:12px!important}.modal-dialog{margin:10px}.offcanvas{max-width:88vw}.btn{min-height:42px}.backend-nav h4{font-size:1rem;padding:1rem!important;margin:0!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-aos]{transform:none!important;opacity:1!important}}
.ui-nova .card-anim-main,.ui-nova .best-card{border-radius:22px!important;box-shadow:0 14px 38px rgba(15,23,42,.09)!important}.ui-aurora .card-anim-main,.ui-aurora .best-card,.ui-aurora .stat-card{background:color-mix(in srgb,var(--main) 9%,transparent)!important;backdrop-filter:blur(18px);border:1px solid color-mix(in srgb,var(--main) 25%,transparent)!important;box-shadow:0 16px 45px color-mix(in srgb,var(--main) 13%,transparent)!important}.ui-minimal .card-anim-main,.ui-minimal .best-card,.ui-minimal .stat-card{border-radius:10px!important;box-shadow:none!important;border:1px solid color-mix(in srgb,var(--font) 15%,transparent)!important}.ui-bold .card-anim-main,.ui-bold .best-card,.ui-bold .stat-card{border-radius:18px!important;border:2px solid var(--main)!important;box-shadow:6px 7px 0 color-mix(in srgb,var(--main) 28%,transparent)!important}.ui-bold .btn.bg-main{font-weight:800}

/* Selectable component systems V2-V8 */
.ui-version-v2 .product-card,.ui-version-v2 .mini-card,.ui-version-v2 .best-card,.ui-version-v2 .store-stats>div{border-radius:14px}
.ui-version-v3 .product-card,.ui-version-v3 .mini-card,.ui-version-v3 .shops-body,.ui-version-v3 .best-card,.ui-version-v3 .store-stats>div{border-radius:22px;box-shadow:0 14px 35px rgba(0,0,0,.09)}
.ui-version-v4 .product-card,.ui-version-v4 .mini-card,.ui-version-v4 .shops-body,.ui-version-v4 .best-card,.ui-version-v4 .store-stats>div{border:2px solid color-mix(in srgb,var(--main) 35%,transparent);box-shadow:none}
.ui-version-v5 .product-card,.ui-version-v5 .mini-card,.ui-version-v5 .shops-body,.ui-version-v5 .best-card,.ui-version-v5 .store-stats>div{border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--main) 9%,var(--contact)),var(--contact))}
.ui-version-v6 .product-card,.ui-version-v6 .mini-card,.ui-version-v6 .shops-body,.ui-version-v6 .best-card,.ui-version-v6 .store-stats>div{border-radius:10px;box-shadow:8px 8px 0 color-mix(in srgb,var(--main) 24%,transparent)}
.ui-version-v7 .product-card,.ui-version-v7 .mini-card,.ui-version-v7 .shops-body,.ui-version-v7 .best-card,.ui-version-v7 .store-stats>div{border-radius:20px;backdrop-filter:blur(16px);background:color-mix(in srgb,var(--contact) 78%,transparent);border:1px solid rgba(255,255,255,.3)}
.ui-version-v8 .product-card,.ui-version-v8 .mini-card,.ui-version-v8 .shops-body,.ui-version-v8 .best-card,.ui-version-v8 .store-stats>div{border-radius:30px 10px 30px 10px;border:1px solid color-mix(in srgb,var(--sub) 45%,transparent);box-shadow:0 18px 45px color-mix(in srgb,var(--main) 15%,transparent)}
.ui-version-v4 button,.ui-version-v6 button{border-radius:8px!important}.ui-version-v5 button,.ui-version-v8 button{border-radius:999px!important}