Hot Tub Parts & Spares

关于

/* --- NEW TICKER CSS --- */ /* Linear scrolling animation using hardware acceleration */ @keyframes jbf-scroll-premium { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-50%, 0, 0); } } /* Pause mechanism for the ticker */ .jbf-ticker-wrapper:hover .jbf-ticker-track { animation-play-state: paused; } /* --- EXISTING ROUNDEL CSS --- */ /* Legacy CSS for Roundel Grid - Kept separate to maintain hover physics */ :root { --roundel-brand-color: #35B6A9; /* Core brand colour */ --roundel-text-color: #2A2322; /* Copy colour */ --roundel-border-color: #CFE8E4; /* Tint variation */ } .roundel-section { padding: 20px 0; text-align: center; } .roundel-section__title { color: var(--roundel-text-color); margin-bottom: 24px; font-size: 1rem; font-weight: 400; /* Strict adherence to max-weight 400 */ } .roundel-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 24px; padding: 0; margin: 0; list-style-type: none; } .roundel-item__link { text-decoration: none; display: block; height: 100%; } .roundel-item__tile { border: 2px solid var(--roundel-border-color); border-radius: 10px; padding: 12px; height: 100%; transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.3s ease, box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .roundel-item__link:hover .roundel-item__tile { transform: translateY(-5px); border-color: var(--roundel-brand-color); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10); } .roundel-item__image-wrapper { position: relative; aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; background-color: #FFFFFF; margin-bottom: 12px; } .roundel-item__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 80%; background-repeat: no-repeat; background-position: center; transition: transform 0.4s ease-out; } .roundel-item__link:hover .roundel-item__bg { transform: scale(1.05); } .roundel-item__title { color: var(--roundel-text-color); font-size: 0.9rem; font-weigh

页面 SEO