:root { --ub-radius: 1rem; }
.product-card img { object-fit: cover; aspect-ratio: 4/3; border-top-left-radius: var(--ub-radius); border-top-right-radius: var(--ub-radius); }
.product-card .card { border-radius: var(--ub-radius); }
.badge { border-radius: .6rem; }
body.dark { background: #0b0f19; color: #e9eef7; }
body.dark .bg-white { background:#0e1525 !important; }
body.dark .border, body.dark .border-top, body.dark .border-bottom { border-color:#233; }
#search-suggest { max-height: 380px; overflow:auto; z-index: 9999; }

.badge{font-weight:600;}

.icon-truck::before{content:'🚚';margin-right:.25rem}

/* --- Carousel (Cimri-like horizontal scroller) --- */
.ub-carousel{position:relative}
.ub-carousel__track{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory;padding:2px 42px 6px 42px;scrollbar-width:thin}
.ub-carousel__track::-webkit-scrollbar{height:10px}
.ub-carousel__item{scroll-snap-align:start;flex:0 0 220px;min-width:180px}
.ub-carousel__btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:999px;border:1px solid rgba(15,23,42,.10);background:#fff;box-shadow:0 10px 24px rgba(2,6,23,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}
.ub-carousel__btn:hover{box-shadow:0 12px 30px rgba(2,6,23,.12)}
.ub-carousel__btn:active{transform:translateY(-50%) scale(.98)}
.ub-carousel__btn--prev{left:6px}
.ub-carousel__btn--next{right:6px}
.ub-carousel__btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}