/* ===================== KTM AARI TOPBAR ===================== */
.aari-modern-topbar {
position: fixed;
top: 0;
left: 0;
width: 100vw;
background: #ff6a00; /* KTM Bright Orange */
padding: 14px 0;
z-index: 99999;
font-family: ‘Montserrat’, sans-serif;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
/* Wrapper */
.marquee-box {
height: 28px;
overflow: hidden;
position: relative;
}
/* Each slide */
.marquee-slide {
color: #ffffff; /* KTM white text */
font-size: 15px;
font-weight: 600;
text-align: center;
line-height: 28px;
opacity: 0;
position: absolute;
width: 100%;
transform: translateY(18px);
animation: slideUpOneByOne 9s infinite;
letter-spacing: 0.4px;
}
/* Animation delays */
.marquee-slide:nth-child(1) { animation-delay: 0s; }
.marquee-slide:nth-child(2) { animation-delay: 3s; }
.marquee-slide:nth-child(3) { animation-delay: 6s; }
/* Keyframes */
@keyframes slideUpOneByOne {
0% { opacity: 0; transform: translateY(18px); }
10% { opacity: 1; transform: translateY(0); }
30% { opacity: 1; transform: translateY(0); }
40% { opacity: 0; transform: translateY(-18px); }
100% { opacity: 0; transform: translateY(-18px); }
}
/* Mobile */
@media (max-width: 768px) {
.marquee-slide { font-size: 14px; }
.aari-modern-topbar { padding: 12px 0; }
}
/* ===============================
BOTIGA PRODUCT GRID FIX
================================ */
/* Product card layout */
.woocommerce ul.products li.product {
display: flex;
flex-direction: column;
height: 100%;
}
/* Product image size control */
.woocommerce ul.products li.product img {
width: 100%;
height: 230px;
object-fit: contain;
}
/* Title formatting: single line + 12 words limit */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
display: -webkit-box;
-webkit-line-clamp: 1; /* Single line */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height: 22px;
font-size: 15px;
line-height: 1.4;
margin: 8px 0;
}
/* Price single line */
.woocommerce ul.products li.product .price {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
}
/* Button alignment */
.woocommerce ul.products li.product .button {
margin-top: auto;
width: 100%;
text-align: center;
}
/* Equal spacing */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
display: flex;
flex-direction: column;
height: 100%;
}
/* Fix grid height */
.woocommerce ul.products {
display: grid;
}
/* Mobile image fix */
@media (max-width: 768px) {
.woocommerce ul.products li.product img {
height: 200px;
}
}
Showing all 10 results
