body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 0; } /* Section and Subsection Containers */ .sectionContainer { margin: 20px auto; padding: 20px; border: 1px solid #ddd; border-radius: 8px; max-width: 900px; background-color: #f9f9f9; } .sectionTitle { font-size: 20px; font-weight: bold; margin-bottom: 10px; text-align: center; } .sectionContent { font-size: 16px; line-height: 1.6; text-align: center; margin: 10px 0; } /* Image Container */ .image-container { display: flex; justify-content: center; align-items: center; gap: 20px; /* Space between images */ flex-wrap: wrap; /* Ensure responsiveness */ margin-bottom: 20px; } .image-container img { max-width: 150px; /* Restrict max width */ height: 150px; /* Set a fixed height */ object-fit: contain; /* Ensure the image is not cut off */ border: 1px solid #ddd; /* Optional: Add a border */ border-radius: 8px; /* Add rounded corners */ padding: 5px; /* Optional: Add padding */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for effect */ } /* Toggle Button Styling */ #toggleButton, .sectionToggleButton { width: 20px; height: 20px; background-color: grey; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border: 1px solid black; outline: none; position: relative; vertical-align: middle; margin-left: 5px; } #toggleButton:before, #toggleButton:after, .sectionToggleButton:before, .sectionToggleButton:after { content: ""; width: 12px; height: 2px; background-color: red; position: absolute; } #toggleButton:before, .sectionToggleButton:before { transform: rotate(90deg); } #toggleButton:after, .sectionToggleButton:after { transform: rotate(0deg); } .hiddenContent { display: none; } a.link-faded[href="/collections/vendors?q=Groomers%20Helper%C2%AE"] { color: #FF0000; /* Red color */ display: block; /* Make the link a block element for centering */ text-align: center; /* Center the text inside the block */ margin: 0 auto; /* Center the block within its parent */ font-size: 16px; /* Optional: Adjust font size for better visibility */ text-decoration: none; /* Optional: Remove underline if not needed */ } The Safety Trigger Scissors Snap Re-Distributes the pressure on the Bolt Snap A must-have for those with H-Frame Arms Use this Trigger Snap for added safety when grooming dogs. Regular Bolt snaps that are on most Grooming Loops and Accessories are NOT designed or engineered to be attached directly to Slotted overhead arms. Doing so will put unwanted pressure on the outside of the top of the Bolt Snap and will cause it to break. To avoid this Use the Groomers Helper® Trigger Scissors Snap to attach to the overhead slotted arm and then connect your Loop or Accessory directly to the Trigger Snap. It is the best insurance you can buy to prolong the life of your Loops and accessories if you have a slotted arm. Groomers should put one on every table. document.addEventListener('DOMContentLoaded', function() { // Initialize Lightbox lightbox.option({ 'resizeDuration': 200, 'fadeDuration': 200, 'wrapAround': true, 'disableScrolling': true }); // Toggle content visibility for hidden sections document.addEventListener('click', function(event) { if (event.target.matches('.sectionToggleButton')) { var sectionContent = event.target.nextElementSibling; sectionContent.style.display = (sectionContent.style.display === 'none' || sectionContent.style.display === '') ? 'block' : 'none'; } }); // Swipe functionality for navigating Lightbox images let xDown = null; let yDown = null; function handleTouchStart(event) { const firstTouch = event.touches[0]; xDown = firstTouch.clientX; yDown = firstTouch.clientY; } function handleTouchMove(event) { if (!xDown || !yDown) return; let xUp = event.touches[0].clientX; let yUp = event.touches[0].clientY; let xDiff = xDown - xUp; let yDiff = yDown - yUp; if (Math.abs(xDiff) > Math.abs(yDiff)) { if (xDiff > 0) { lightbox.nextImage(); } else { lightbox.prevImage(); } } xDown = null; yDown = null; } document.addEventListener('touchstart', handleTouchStart); document.addEventListener('touchmove', handleTouchMove); });
