0 && vSalePrice < vRegPrice;
// Different calculations based on product condition
if (isNew) {
// For NEW products, calculate discount from MSRP
if (vMsrp > 0 && vPrice > 0) {
discountPercentage = Math.round((vMsrp - vPrice) / vMsrp * 100);
// Show badge if discount is 40% or more
if (discountPercentage >= 40) {
discountBadge.textContent = discountPercentage + '% OFF!';
discountBadge.style.display = 'inline-flex';
} else {
discountBadge.style.display = 'none';
}
} else {
discountBadge.style.display = 'none';
}
} else {
// For USED/refurbished products, calculate discount from regular price
if (isOnSale && vRegPrice > 0 && vPrice > 0) {
discountPercentage = Math.round((vRegPrice - vPrice) / vRegPrice * 100);
// Show badge if discount is 40% or more
if (discountPercentage >= 40) {
discountBadge.textContent = discountPercentage + '% OFF!';
discountBadge.style.display = 'inline-flex';
} else {
discountBadge.style.display = 'none';
}
} else {
discountBadge.style.display = 'none';
}
}
">

Sale!
0) {
const newIndex = currentIndex - 1;
const img = thumbs[newIndex].querySelector('img');
const fullUrl = img.dataset.fullUrl;
const srcset = img.dataset.srcset;
const alt = img.alt;
const tempImage = new Image();
tempImage.src = fullUrl;
const updateImages = () => {
currentLightboxImage = fullUrl;
currentLightboxSrcset = srcset;
currentLightboxAlt = alt;
currentIndex = newIndex;
requestAnimationFrame(() => {
thumbs[newIndex].click();
});
};
if (tempImage.complete) {
updateImages();
} else {
tempImage.onload = updateImages;
}
}
}
"
@keydown.arrow-right.window="
if (showLightbox) {
const thumbs = document.querySelectorAll('.gallery-thumb');
if (currentIndex < thumbs.length - 1) {
const newIndex = currentIndex + 1;
const img = thumbs[newIndex].querySelector('img');
const fullUrl = img.dataset.fullUrl;
const srcset = img.dataset.srcset;
const alt = img.alt;
const tempImage = new Image();
tempImage.src = fullUrl;
const updateImages = () => {
currentLightboxImage = fullUrl;
currentLightboxSrcset = srcset;
currentLightboxAlt = alt;
currentIndex = newIndex;
requestAnimationFrame(() => {
thumbs[newIndex].click();
});
};
if (tempImage.complete) {
updateImages();
} else {
tempImage.onload = updateImages;
}
}
}
"
@touchstart="
$event.target === $event.currentTarget && $event.preventDefault();
window.touchStartX = $event.touches[0].clientX;
"
@touchmove="
$event.target === $event.currentTarget && $event.preventDefault();
"
@touchend="
$event.target === $event.currentTarget && $event.preventDefault();
if (!window.touchStartX) return;
const touchEndX = $event.changedTouches[0].clientX;
const diff = touchEndX - window.touchStartX;
const threshold = 50; // minimum swipe distance
if (Math.abs(diff) >= threshold) {
const thumbs = document.querySelectorAll('.gallery-thumb');
if (diff > 0 && currentIndex > 0) {
// Swipe right - go to previous
const newIndex = currentIndex - 1;
const img = thumbs[newIndex].querySelector('img');
const fullUrl = img.dataset.fullUrl;
const srcset = img.dataset.srcset;
const alt = img.alt;
const tempImage = new Image();
tempImage.src = fullUrl;
const updateImages = () => {
currentLightboxImage = fullUrl;
currentLightboxSrcset = srcset;
currentLightboxAlt = alt;
currentIndex = newIndex;
requestAnimationFrame(() => {
thumbs[newIndex].click();
});
};
if (tempImage.complete) {
updateImages();
} else {
tempImage.onload = updateImages;
}
} else if (diff < 0 && currentIndex < thumbs.length - 1) {
// Swipe left - go to next
const newIndex = currentIndex + 1;
const img = thumbs[newIndex].querySelector('img');
const fullUrl = img.dataset.fullUrl;
const srcset = img.dataset.srcset;
const alt = img.alt;
const tempImage = new Image();
tempImage.src = fullUrl;
const updateImages = () => {
currentLightboxImage = fullUrl;
currentLightboxSrcset = srcset;
currentLightboxAlt = alt;
currentIndex = newIndex;
requestAnimationFrame(() => {
thumbs[newIndex].click();
});
};
if (tempImage.complete) {
updateImages();
} else {
tempImage.onload = updateImages;
}
}
}
window.touchStartX = null;
"
x-data="{
isFirstImage() {
return currentIndex === 0;
},
isLastImage() {
const thumbs = document.querySelectorAll('.gallery-thumb');
return currentIndex === thumbs.length - 1;
}
}">
Hours
Min
Sec
Place your order before 2:00 PM for delivery today
0) {
// Determine if we're before or after cutoff
const now = new Date();
const hour = now.getHours();
const isBeforeCutoff = hour < 14;
availabilityMessageElements.forEach(element => {
if (isBeforeCutoff) {
element.textContent = 'Same-Day Delivery!';
} else {
element.textContent = 'Order Online';
}
});
}
} else {
deliveryNoteElement.textContent = 'Local Delivery Available';
// Update all availability message elements
if (availabilityMessageElements && availabilityMessageElements.length > 0) {
availabilityMessageElements.forEach(element => {
element.textContent = 'Order Online';
});
}
}
}
}
// Update main product image
const mainImage = document.querySelector('#main-product-image');
if (mainImage && v?.main_image_id) {
mainImage.style.opacity = 0;
setTimeout(() => {
if (v.image_url) {
mainImage.src = v.image_url;
mainImage.srcset = v.image_srcset || '';
}
mainImage.style.opacity = 1;
}, 150);
}
">
Kōbe BG-50
NewBench
Harmonious Mustard padded bench with adjustable height for PX-S7000HM.
Available in Store
Price:
$39999
While we make every effort to provide accurate pricing and availability, occasional errors may occur. All prices and availability are subject to change without notice. We reserve the right to cancel or refuse any purchase made based on incorrect pricing.
Description
The BG-50HM is a height-adjustable bench in Harmonious Mustard finish, crafted to match the PX-S7000HM. Designed for style and ergonomic comfort, it completes a cohesive and functional setup.
Specs
- Color: Harmonious Mustard
- Use: Padded adjustable bench
- Compatibility: PX-S7000HM
- Feature: Height adjustable, color matched