PageSourceSearch

https://stage-novawinch.webflow.io/shop/ifor-williams-trailer-winches

html stage-novawinch.webflow.io collected 2026-10-03 13:47:48 UTC 252,889 bytes, 2,507 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Mon Sep 21 2026 13:44:39 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="stage-novawinch.webflow.io" data-wf-page="66409cc95e85ade60aa9ad81" data-wf-site="663bc0455a60e5ca4d65395d" lang="en" data-wf-collection="66409cc95e85ade60aa9ad6e" data-wf-item-slug="ifor-williams-trailer-winches"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Ifor Williams Trailer Winches | Electric Winches UK</title><meta content="Shop electric winches suitable for selected Ifor Williams trailer applications. 12V options for car transporters, plant trailers and vehicle loading." name="description"/><meta content="Ifor Williams Trailer Winches | Electric Winches UK" property="og:title"/><meta content="Shop electric winches suitable for selected Ifor Williams trailer applications. 12V options for car transporters, plant trailers and vehicle loading." property="og:description"/><meta content="" property="og:image"/><meta content="Ifor Williams Trailer Winches | Electric Winches UK" name="twitter:title"/><meta content="Shop electric winches suitable for selected Ifor Williams trailer applications. 12V options for car transporters, plant trailers and vehicle loading." name="twitter:description"/><meta content="" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="r8m6i6hT6oAL4BmQN_E8vBeXocME1XIfZ_KunLZgBfI" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/css/stage-novawinch.webflow.shared.96d5727a9.min.css" rel="stylesheet" type="text/css" integrity="sha384-ltVyepKD9cavacCrBtv3E6NMtKFEeFkJPjyM6di02odSO9swGG37KkqqRQorFv7k" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:100,200,300,400,500,600,700,800,900"]  }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/664dd3cb0548bd8f3e70ed24_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/66795df6957002042d25a921_5.png" rel="apple-touch-icon"/><link href="https://www.novawinch.uk/shop/ifor-williams-trailer-winches" rel="canonical"/><style>
2.brand-colour {
3background-color: var(--theme--brand);
4}
5
6.shopify-pc__banner__btn-manage-prefs,
7.shopify-pc__banner__btn-accept,
8.shopify-pc__banner__btn-decline {
9  display: flex !important;
10  justify-content: center !important;
11  padding: 1rem !important;
12  border: 1.5px solid var(--swatch--brand) !important;
13  color: white !important;
14}
15
16.shopify-pc__banner__btn-manage-prefs:hover,
17.shopify-pc__banner__btn-accept:hover,
18.shopify-pc__banner__btn-decline:hover {
19  color: var(--swatch--brand) !important;
20}
21
22.shopify-pc__prefs__header-actions .button {
23  display: flex !important;
24  justify-content: center !important;
25  padding: 1rem !important;
26  border: 1.5px solid var(--swatch--brand) !important;
27  color: white !important;
28}
29
30.shopify-pc__prefs__header-actions .button:hover {
31  color: var(--swatch--brand) !important;
32}
33</style>
34
35<!-- Meta Pixel Code -->
36<script>
vendor: 399 bytes, lines 36-45
36
37!function(f,b,e,v,n,t,s)
38{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
39n.callMethod.apply(n,arguments):n.queue.push(arguments)};
40if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
41n.queue=[];t=b.createElement(e);t.async=!0;
42t.src=v;s=b.getElementsByTagName(e)[0];
43s.parentNode.insertBefore(t,s)}(window, document,'script',
44'https://connect.facebook.net/en_US/fbevents.js');
45fbq('init', '
451598236281714982
vendor: 30 bytes, lines 45-46
45');
46fbq('track', 'PageView');
47</script>
47
48<noscript><img height="1" width="1" style="display:none"
49src="https://www.facebook.com/tr?id=1598236281714982&ev=PageView&noscript=1"
50/></noscript>
51<!-- End Meta Pixel Code -->
52
53<script>
54  window.SmootifyUserOptions = {
55    newCustomerAccountsPublicKey: 'shp_6ff55c6e-3198-46af-9e7d-c3bdbeb1a074',
56    newCustomerLoginRedirect: window.location.origin + "/account/my-orders",
57    invalidProductRedirectUrl: "/",
58    collectionsBase: 'department',
59    enableAutoTrack: true,
60  };
61</script>
61
62
63<script>
64  window.SmootifySortLabels = {
65    best_selling: "Best Selling",
66    relevance: "Relevance",
67    price_asc: "Price (Low to High)",
68    price_desc: "Price (High to Low)",
69    title_asc: "Name (A - Z)",
70    title_dsc: "Name (Z - A)",
71  };
72</script>
72
73
74<link href="https://cdn.smootify.io/assets/latest/css/index.css" rel="stylesheet" />
75
76<script type="module" src="https://cdn.smootify.io/assets/latest/js/index.js" async defer></script>
76
77
78<script async src="https://cdn.smootify.io/assets/utils/analytics.js"></script>
78<!-- [Attributes by Finsweet] Disable scrolling -->
79<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-scrolldisable@1/scrolldisable.js"></script>
79
80
81<!-- [Attributes by Finsweet] Modal -->
82<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-modal@1/modal.js"></script>
82
83
84
85<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
86
87
88
89
90<style>
91
92.preselected-filter {
93  display: none !important;
94
95}
96
97  /* changes bullet points to ticks */
98.u-rich-text ul li::marker {
99  content: "✔ "; /* Use the tick emoji */
100  color: var(--theme--brand);
101  font-size: 1rem;
102}
103
104  li a {
105  text-decoration: underline;
106}
107</style>
107<script src="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d%2F652d31f3dc22d7b4ee708e44%2F6aa7f4c03cd0747afa8b7fc7%2Fclarity_script-8.8.5.js" type="text/javascript"></script>
107<script src="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d%2F66ba5a08efe71070f98dd10a%2F69132041a9ee47de7681cf59%2Ft242v5sh-1.1.1.js" type="text/javascript"></script>
107<script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script>
107</head><body><div class="page_wrap"><div class="page_code_wrap"><div class="page_code_base w-embed"><style>
108/* variables */
109:root {
110	--font-weight--inherit: inherit;
111	--font-weight--100: 100;
112	--font-weight--200: 200;
113	--font-weight--300: 300;
114	--font-weight--400: 400;
115	--font-weight--500: 500;
116	--font-weight--600: 600;
117	--font-weight--700: 700;
118	--font-weight--800: 800;
119	--font-weight--900: 900;
120	--text-transform--none: none;
121	--text-transform--uppercase: uppercase;
122	--text-transform--capitalize: capitalize;
123	--text-transform--lowercase: lowercase;
124	--text-transform--inherit: inherit;
125	--max-width--none: none;
126}
127
128/* default styles */
129body {
130	font-smoothing: antialiased;
131	-webkit-font-smoothing: antialiased;
132}
133h1, h2, h3, h4, h5, h6 {
134	font-size: inherit;
135	line-height: inherit;
136	font-weight: inherit;
137}
138h1, h2, h3, h4, h5, h6, p, label, blockquote {
139	margin-top: 0;
140	margin-bottom: 0;
141}
142button {
143	background-color: unset;
144	padding: unset;
145	text-align: inherit;
146	cursor: pointer;
147}
148img::selection {
149	background: transparent;
150}
151:is(h1, h2, h3, h4, h5, h6, p) a {
152	text-decoration: underline;
153}
154.w-richtext > *:first-child {
155	margin-top: 0;
156}
157.w-richtext > *:last-child {
158	margin-bottom: 0;
159}
160video {
161	width: 100%;
162	object-fit: cover;
163}
164video.wf-empty {
165	padding: 0;
166}
167svg {
168	display: block;
169}
170section, header, footer {
171	position: relative;
172}
173
174/* line clamp */
175.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 {
176	display: -webkit-box;
177	overflow: hidden;
178	-webkit-line-clamp: 1;
179	-webkit-box-orient: vertical;
180}
181.u-line-clamp-2 { -webkit-line-clamp: 2; }
182.u-line-clamp-3 { -webkit-line-clamp: 3; }
183.u-line-clamp-4 { -webkit-line-clamp: 4; }
184
185/* component attributes */
186
187/* section padding */
188[data-padding-top="none"] { padding-top: var(--padding-vertical--none); }
189[data-padding-bottom="none"] { padding-bottom: var(--padding-vertical--none); }
190
191[data-padding-top="xsmall"] { padding-top: 2rem; }
192[data-padding-bottom="xsmall"] { padding-bottom: 2rem; }
193
194[data-padding-top="small"] { padding-top: var(--padding-vertical--small); }
195[data-padding-bottom="small"] { padding-bottom: var(--padding-vertical--small); }
196
197[data-padding-top="main"] { padding-top: var(--padding-vertical--main); }
198[data-padding-bottom="main"] { padding-bottom: var(--padding-vertical--main); }
199
200[data-padding-top="large"] { padding-top: var(--padding-vertical--large); }
201[data-padding-bottom="large"] { padding-bottom: var(--padding-vertical--large); }
202
203
204
205</style></div><div class="page_code_responsive w-embed"><style>
206/* desktop */
207:root {
208	/* custom */
209}
210/* tablet */
211@media screen and (max-width: 991px) {
212	:root {
213		/* custom */
214		--padding-horizontal--main: 2rem;
215		/* adaptive sizes */
216		--size--2rem: 1.75rem;
217		--size--2-5rem: 2.18rem;
218		--size--3rem: 2.52rem;
219		--size--3-5rem: 2.73rem;
220		--size--4rem: 3rem;
221		--size--4-5rem: 3.375rem;
222		--size--5rem: 3.75rem;
223		--size--5-5rem: 4.125rem;
224		--size--6rem: 4.5rem;
225		--size--6-5rem: 4.875rem;
226		--size--7rem: 5.25rem;
227		--size--7-5rem: 5.625rem;
228		--size--8rem: 6rem;
229		--size--8-5rem: 6.375rem;
230		--size--9rem: 6.75rem;
231		--size--9-5rem: 7.125rem;
232		--size--10rem: 7.5rem;
233		--size--11rem: 8.25rem;
234		--size--12rem: 9rem;
235		--size--13rem: 9.75rem;
236		--size--14rem: 10.5rem;
237		--size--15rem: 11.25rem;
238		--size--16rem: 12rem;
239	}
240}
241/* landscape */
242@media screen and (max-width: 767px) {
243	:root {
244		/* custom */
245		--padding-horizontal--main: 1rem;
246		/* adaptive sizes */
247		--size--2-5rem: 2rem;
248		--size--3rem: 2.25rem;
249		--size--3-5rem: 2.375rem;
250		--size--4rem: 2.5rem;
251		--size--4-5rem: 2.75rem;
252		--size--5rem: 3rem;
253		--size--5-5rem: 3.25rem;
254		--size--6rem: 3.5rem;
255		--size--6-5rem: 3.75rem;
256		--size--7rem: 4rem;
257		--size--7-5rem: 4.25rem;
258		--size--8rem: 4.5rem;
259		--size--8-5rem: 4.75rem;
260		--size--9rem: 5rem;
261		--size--9-5rem: 5.25rem;
262		--size--10rem: 5.5rem;
263		--size--11rem: 5.75rem;
264		--size--12rem: 6rem;
265		--size--13rem: 6.5rem;
266		--size--14rem: 7rem;
267		--size--15rem: 7.5rem;
268		--size--16rem: 8rem;
269	}
270}
271/* portrait */
272@media screen and (max-width: 479px) {
273	:root {
274		/* custom */
275	}
276}
277</style></div><div class="page_code_custom w-embed"><style>
278
279    /* If the slider list contains an empty CMS state, hide the parent section */
280[data-cms-check="true"]:has(.w-dyn-empty) {
281  display: none !important;
282}
283
284  
285/* 1. Base Desktop Rule (applies when no media queries trigger) */
286.slider_offset { 
287  --slide-count: var(--lg); 
288  --lg: 3; 
289  --md: var(--lg); 
290  --sm: var(--md); 
291  --xs: var(--sm); 
292}
293
294/* 2. Tablet / Medium Screens (under 800px) */
295@media (max-width: 50em) {
296  .slider_offset { 
297    --slide-count: var(--md); 
298  }
299}
300
301/* 3. Mobile Landscape / Small Screens (under 560px) */
302@media (max-width: 35em) {
303  .slider_offset { 
304    --slide-count: var(--sm); 
305  }
306}
307
308/* 4. Mobile Portrait / Extra Small Screens (under 320px) */
309@media (max-width: 20em) {
310  .slider_offset { 
311    --slide-count: var(--xs); 
312  }
313}
314
315
316
317  
318
319  /* 1. Define the side-to-side animation using rem */
320@keyframes shiftLeftRight {
321  0% {
322    transform: translateX(0);
323  }
324  50% {
325    transform: translateX(0.25rem); /* Moves 4px equivalent to the right */
326  }
327  100% {
328    transform: translateX(0);
329  }
330}
331
332/* 2. Apply it only when the parent button is hovered */
333.button.is-icon.is-panel:hover .icon-1x1-small {
334  animation: shiftLeftRight 0.6s ease-in-out infinite;
335}
336  
337
338
339.hidden {
340    display: none;
341}
342
343.hide {
344    display: none;
345}
346
347/* Remove number spinner from input */
348input[type="number"] {
349  -moz-appearance: textfield; /* Firefox */
350}
351
352/* Remove number spinner for webkit browsers */
353input[type="number"]::-webkit-inner-spin-button,
354input[type="number"]::-webkit-outer-spin-button {
355  -webkit-appearance: none;
356  margin: 0; /* Optional: Remove the margin */
357}
358
359/* Optional: If you want to keep the cursor pointer */
360input[type="number"] {
361  cursor: text;
362}
363
364
365
366
367.w-slider-dot {
368
369background-color: #f7f7f7;
370border: 1.5px solid black;
371width: 0.7rem;
372height: 0.7rem;
373
374}
375
376.w-slider-dot.w-active {
377
378background-color: var(--theme--brand);
379
380}
381
382/* Hide navigation dots, arrows, and thumbnails when there is only one .w-slider-dot */
383.pdp_img_contain:has(.pdp_slider_nav .w-slider-dot:only-child) .pdp_slider_nav,
384.pdp_img_contain:has(.pdp_slider_nav .w-slider-dot:only-child) .product_slide_arrow_button,
385.pdp_img_contain:has(.pdp_slider_nav .w-slider-dot:only-child) .pdp_img_thumbnails_contain {
386    display: none;
387}
388
389
390.no-scroll {
391  overflow: hidden;
392}
393
394
395
396.quanitity_input {
397  border-radius: 0;
398 -webkit-appearance: none; /* Ensures Safari doesn't apply its default styling */
399  appearance: none; /* For wider browser compatibility */
400
401}
402
403.product_card_thumbnails:empty {
404 display: none;
405}
406
407.select_link.w--current:last-child {
408border: solid 1.5px var(--swatch--brand);
409 border-bottom-left-radius: var(--radius--small);
410  border-bottom-right-radius: var(--radius--small);
411
412
413}
414
415[data-element="addtoCart-error"].w-form-fail {
416
417height: 0px;
418overflow: hidden;
419padding: 0px !important;
420margin-top: 0px !important;
421}
422
423
424.shopify-pc__banner__dialog button {
425
426background-color: #ffcb06 !important;
427border-radius: var(--radius--small) !important;
428
429}
430
431.shopify-pc__banner__btn-manage-prefs, .shopify-pc__banner__btn-accept, .shopify-pc__banner__btn-decline {
432
433color: #201e1c !important;
434border-radius: var(--radius--small) !important;
435border: 1px solid var(--theme--brand) !important;
436background-color: #ffcb06 !important;
437
438}
439
440
441.shopify-pc__banner__btn-manage-prefs:hover, .shopify-pc__banner__btn-accept:hover, .shopify-pc__banner__btn-decline:hover {
442
443color: var(--theme--brand) !important;
444background-color: #1f1f1f !important;
445}
446
447
448#shopify-pc__prefs__header-accept, #shopify-pc__prefs__header-decline, #shopify-pc__prefs__header-save {
449color: #201e1c !important;
450border-radius: var(--radius--small) !important;
451border: 1px solid var(--theme--brand) !important;
452background-color: var(--theme--brand) !important;
453
454}
455
456#shopify-pc__prefs__header-accept:hover, #shopify-pc__prefs__header-decline:hover, #shopify-pc__prefs__header-save:hover {
457
458color: var(--theme--brand) !important;
459background-color: #1f1f1f !important;
460
461}
462
463.omnisend-form-67879e63f381c115caaee113-field-container-66f16215d29b68e65db02f0b-description, .omnisend-form-67879e63f381c115caaee113-field-container-66f16215d29b68e65db02f0b-description p {
464color: #ffffff !important;
465}
466
467.omnisend-form-67879e63f381c115caaee113-field-container-66f16215d29b68e65db02f0b-label, .omnisend-form-67879e63f381c115caaee113-field-container-66f16215d29b68e65db02f0b-label p {
468
469color: #ffffff !important;
470}
471
472.omnisend-form-67879e63f381c115caaee113-field-container-66f16215d29b68e65db02f0b-description-link {
473fill: #ffffff !important;
474}
475
476
477.mobile_menu_drawer {
478-webkit-overflow-scrolling: touch; /* Improves scrolling behavior in Safari */
479}
480
481.product-rating-badge {flex-wrap: wrap !important}
482
483
484  .cart-product-title {
485  display: -webkit-box;
486  -webkit-line-clamp: 2;
487  -webkit-box-orient: vertical;
488  overflow: hidden;
489}
490
491
492
493   /* =========================================
494   INSTAGRAM STORY AVATAR & HOVER EFFECT
495   ========================================= */
496
497/* 1. The Continuous Spin Animation */
498@keyframes spin {
499  from {
500    transform: rotate(0deg);
501  }
502  to {
503    transform: rotate(360deg);
504  }
505}
506
507/* 2. The Main Wrapper */
508.insta-stories_img_wrap {
509  display: inline-block !important;
510  position: relative;
511  padding: 4px; /* Adjust this to make the gradient border thicker/thinner */
512  border-radius: var(--radius--round);
513  z-index: 1; /* Keeps the wrapper above the background layer */
514  transition: transform 0.3s ease; /* Smooth pop-up effect on hover */
515}
516
517/* 3. The Gradient Background Layer */
518.insta-stories_img_wrap::before {
519  content: "";
520  position: absolute;
521  inset: 0; /* Stretches the gradient to perfectly fill the wrapper */
522  border-radius: var(--radius--round);
523  z-index: -1; /* Puts the gradient layer behind your image */
524  
525  /* Standard Instagram Colors */
526  background: linear-gradient(
527    45deg,
528    #f09433 0%,
529    #e6683c 25%,
530    #dc2743 50%,
531    #cc2366 75%,
532    #bc1888 100%
533  );
534}
535
536/* 4. The Animated Glow Layer */
537.insta-stories_img_wrap::after {
538  content: "";
539  position: absolute;
540  inset: -4px; /* CHANGED: Pulled closer to the border (was -10px) */
541  border-radius: var(--radius--round);
542  z-index: -2; 
543  
544  background: linear-gradient(
545    45deg,
546    #f09433 0%,
547    #e6683c 25%,
548    #dc2743 50%,
549    #cc2366 75%,
550    #bc1888 100%
551  );
552  
553  filter: blur(6px); /* CHANGED: Tighter blur so it doesn't spread as far */
554  opacity: 0; 
555  transition: opacity 0.3s ease; 
556}
557
558/* Fade in and spin the glow layer continuously */
559.insta-stories_collection_item:hover .insta-stories_img_wrap::after {
560  opacity: 0.4; /* CHANGED: Lowered opacity so it is more of a whisper of light */
561  animation: spin 2s linear infinite; 
562}
563
564/* 5. The Hover Interactions */
565
566/* Pop up the whole wrapper when hovering the parent item */
567.insta-stories_collection_item:hover .insta-stories_img_wrap {
568  transform: scale(1.05) !important;
569}
570
571/* Spin the main gradient layer continuously */
572.insta-stories_collection_item:hover .insta-stories_img_wrap::before {
573  animation: spin 2s linear infinite; 
574}
575
576/* Fade in and spin the glow layer continuously (NEW) */
577.insta-stories_collection_item:hover .insta-stories_img_wrap::after {
578  opacity: 0.8; /* Adjust between 0.1 and 1 to make the glow softer or harsher */
579  animation: spin 2s linear infinite; 
580}
581
582
583/* Hide the parent if it does NOT contain any dynamic items */
584  .mega_menu_vehicle-type:not(:has(.w-dyn-item)) {
585    display: none !important;
586  }
587  
588</style></div><div class="page_code_color w-embed"><style>
589/* theme light */
590:root,
591[data-theme="light"],
592[data-theme="dark"] [data-theme="invert"] {
593	--theme--primary-background: var(--light-mode--primary-background);
594  --theme--secondary-background: var(--light-mode--secondary-background);
595	--theme--text: var(--light-mode--text);
596	--theme--border: var(--light-mode--border);
597  --theme--tertiary: var(--light-mode--tertiary);
598  
599	/* button primary */
600	--button--background: var(--theme--brand);
601	--button--text: var(--theme--brand-text);
602	--button--border: var(--theme--brand);
603	--button--background-hover: var(--theme--brand-hover);
604	--button--text-hover: #ffffff;
605	--button--border-hover: var(--theme--brand-hover);
606  
607	/* button secondary */
608	--button-secondary--background: var(--theme--transparent);
609	--button-secondary--text: var(--theme--brand-text);
610	--button-secondary--border: var(--theme--brand-hover);
611	--button-secondary--background-hover: var(--theme--brand-hover);
612	--button-secondary--text-hover: #ffffff;
613	--button-secondary--border-hover: var(--theme--brand-hover);
614}
615/* theme dark */
616[data-theme="dark"],
617[data-theme="invert"],
618[data-theme="light"] [data-theme="invert"] {
619	--theme--primary-background: var(--dark-mode--primary-background);
620  --theme--secondary-background: var(--dark-mode--secondary-background);
621	--theme--text: var(--dark-mode--text);
622	--theme--border: var(--dark-mode--border);
623  --theme--tertiary: var(--dark-mode--tertiary);
624  
625	/* button primary */
626	--button--background: var(--theme--brand);
627	--button--text: var(--theme--brand-text);
628	--button--border: var(--theme--brand);
629	--button--background-hover: var(--theme--brand-hover);
630	--button--text-hover: #ffffff;
631	--button--border-hover: var(--theme--brand-hover);
632  
633	/* button secondary */
634	--button-secondary--background: var(--theme--transparent);
635	--button-secondary--text: var(--theme--text);
636	--button-secondary--border: var(--theme--border);
637	--button-secondary--background-hover: var(--theme--brand);
638	--button-secondary--text-hover: var(--theme--brand-text);
639	--button-secondary--border-hover: var(--theme--brand);
640}
641
642
643/* theme dark */
644[data-theme="brand"] {
645--theme--primary-background: var(--theme--brand);
646--theme--text: var(--theme--brand-text);
647}
648
649/* button secondary */
650[data-button-style="secondary"] {
651	--button--background: var(--button-secondary--background);
652	--button--text: var(--button-secondary--text);
653	--button--border: var(--button-secondary--border);
654	--button--background-hover: var(--button-secondary--background-hover);
655	--button--text-hover: var(--button-secondary--text-hover);
656	--button--border-hover: var(--button-secondary--border-hover);
657}
658/* apply colors */
659:is(
660  c,
661  :where(
662    [data-theme]:not([data-theme="inherit"]):not(
663      :is(
664        #product-reviews-root,
665        .product-reviews-root,
666        .reviews-root,
667        .review-rating-badge,
668        .product-rating-badge
669      )
670    )
671  )
672) {
673  background-color: var(--theme--primary-background);
674  color: var(--theme--text);
675}
676
677
678
679/* notification bar - error */
680[data-style="error"] {
681	--theme--success: var(--theme--error);
682  --theme--success-content: var(--theme--error-content);
683  }
684  
685  /* notification bar - warning */
686[data-style="warning"] {
687	--theme--success: var(--theme--warning);
688  --theme--success-content: var(--theme--warning-content);
689  }
690  
691    /* notification bar - info */
692[data-style="info"] {
693	--theme--success: var(--theme--info);
694  --theme--success-content: var(--theme--info-content);
695  }
696</style></div><div class="scrollbar-css w-embed"><style>
697
698   /* Apply to all elements EXCEPT the main browser window */
699*:not(html):not(body)::-webkit-scrollbar {
700  width: 8px;          /* Width of the vertical scrollbar */
701  height: 8px;         /* Height of the horizontal scrollbar */
702}
703
704/* The background track of the scrollbar */
705*:not(html):not(body)::-webkit-scrollbar-track {
706  background: #121212; /* Matches dark theme background */
707  border-radius: 10px;
708}
709
710/* The draggable scroll handle */
711*:not(html):not(body)::-webkit-scrollbar-thumb {
712  background: #333333; /* Subtle dark grey thumb */
713  border-radius: 10px;
714  border: 2px solid #121212; /* Creates a clean "padding" effect around the thumb */
715  transition: background 0.2s ease; /* Note: transitions on scrollbars don't work in all WebKit browsers */
716}
717
718/* Scroll handle on hover */
719*:not(html):not(body)::-webkit-scrollbar-thumb:hover {
720  background: #4f4f4f; /* Slightly brighter on hover for feedback */
721}
722
723  /* For Firefox */
724*:not(html):not(body) {
725  scrollbar-width: thin; /* Makes the scrollbar thinner, similar to your 8px rule */
726  scrollbar-color: #444 #1e1e1e; /* thumb color | track color */
727}
728</style></div></div><nav class="nav_component"><div class="desktop_nav"><div class="desktop_nav_middle_wrap"><div class="desktop_nav_middle_contain u-container"><ul role="list" class="nav_actions_wrap w-list-unstyled"><li class="nav_buttons_item is-main"><a aria-label="Open navigation menu" data-menu="open" href="#" class="button is-icon is-nav w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="nav_middle_icon"><defs app="ikonik"><clipPath app="ikonik"><rect width="24" height="24" fill="currentColor" transform="translate(0 0.000976562)" app="ikonik" class="rect-m0dcm secondary-26"></rect></clipPath></defs><g clip-path="url(#clip0)" app="ikonik"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 5C2.94772 5 2.5 5.44772 2.5 6C2.5 6.55228 2.94772 7 3.5 7H20.5C21.0523 7 21.5 6.55228 21.5 6C21.5 5.44772 21.0523 5 20.5 5H3.5ZM2.5 12C2.5 11.4477 2.94772 11 3.5 11H20.5C21.0523 11 21.5 11.4477 21.5 12C21.5 12.5523 21.0523 13 20.5 13H3.5C2.94772 13 2.5 12.5523 2.5 12ZM2.5 18.001C2.5 17.4487 2.94772 17.001 3.5 17.001H20.5C21.0523 17.001 21.5 17.4487 21.5 18.001C21.5 18.5533 21.0523 19.001 20.5 19.001H3.5C2.94772 19.001 2.5 18.5533 2.5 18.001Z" fill="currentColor" app="ikonik" class="path-315jg secondary-27"></path></g></svg><div class="hide-mobile-landscape">Shop Winches</div></a></li><li class="nav_buttons_item is-main"><div class="form_main_wrap is-search w-form"><form method="get" name="wf-form-" data-name="" class="form_main_list" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="b84c514e-1974-5272-4094-313d28af96f2" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div class="form_main_field_wrap is-search"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64" fill="currentColor" app="ikonik" aria-hidden="true" class="nav_middle_icon is-search"><g app="ikonik"><g data-name="search" app="ikonik"><path d="M20.71 19.29l-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8 7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 11a6 6 0 1 1 6 6 6 6 0 0 1-6-6z" app="ikonik"></path><rect width="24" height="24" fill="currentColor" opacity="0" app="ikonik" class="rect-6b989"></rect></g></g></svg><input class="form_main_field_input is-search w-input" maxlength="256" name="Search" data-name="Search" placeholder="Search..." data-element="search-input" type="text" id="Search"/><a data-element="search-close" href="#" class="search-close w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" class="nav_middle_icon"><path d="M480-424 364-308q-11 11-28 11t-28-11q-11-11-11-28t11-28l116-116-116-115q-11-11-11-28t11-28q11-11 28-11t28 11l116 116 115-116q11-11 28-11t28 11q12 12 12 28.5T651-595L535-480l116 116q11 11 11 28t-11 28q-12 12-28.5 12T595-308L480-424Z" fill="currentColor"></path></svg></a></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div><div class="custom-code w-embed w-script">
728<script>
729window.addEventListener("DOMContentLoaded", () => {
730    function initSearchAnimation() {
731        if (typeof gsap === "undefined") {
732            setTimeout(initSearchAnimation, 100);
733            return;
734        }
735
736        function debounce(func, wait) {
737            let timeout;
738            return function (...args) {
739                const context = this;
740                clearTimeout(timeout);
741                timeout = setTimeout(() => func.apply(context, args), wait);
742            };
743        }
744
745        function toggleChatVisibility(shouldHide) {
746            const chatEls = document.querySelectorAll("#ShopifyChat, #shopify-chat");
747            for (let i = 0; i < chatEls.length; i++) {
748                if (chatEls[i]) chatEls[i].style.display = shouldHide ? "none" : "";
749            }
750        }
751
752        const searchInput = document.getElementById("Search");
753        const closeButton = document.querySelector('[data-element="search-close"]');
754        const searchWrapper = document.querySelector(".form_main_field_wrap.is-search");
755        const searchDrawer = document.querySelector(".search_drawer_component");
756        const searchDrawerContent = document.querySelector(".search_drawer");
757
758        if (!searchInput || !closeButton) return;
759
760        gsap.set(closeButton, { autoAlpha: 0, display: "none" });
761        if (searchDrawer) {
762            gsap.set(searchDrawer, { autoAlpha: 0, display: "none" });
763        }
764
765        const tl = gsap.timeline({
766            paused: true,
767            onStart: () => {
768                document.body.style.overflow = "hidden";
769            },
770            onReverseComplete: () => {
771                gsap.set(searchWrapper, { clearProps: "width,maxWidth" });
772                document.body.style.overflow = "";
773            }
774        });
775
776        const isDesktopQuery = window.matchMedia("(min-width: 992px)");
777
778        if (isDesktopQuery.matches) {
779            tl.to(searchWrapper, {
780                width: "100%",
781                duration: 0.4,
782                ease: "power2.out",
783                overwrite: "auto",
784                onStart: () => {
785                    gsap.set(searchWrapper, { transition: "none" });
786                }
787            }).to(
788                closeButton,
789                {
790                    autoAlpha: 1,
791                    duration: 0.4,
792                    display: "flex",
793                },
794                "<"
795            );
796        }
797
798        if (searchDrawer) {
799            tl.to(searchDrawer, {
800                autoAlpha: 1,
801                display: "block",
802                duration: 0.4
803            }, "<");
804        }
805
806        const smootifyInput = document.querySelector('[data-element="smootify-search"]');
807        const departmentItems = document.querySelectorAll('[data-element="departments-list"] .w-dyn-item');
808        const targetListWrapper = document.querySelector('[data-element="results-list"]');
809
810        // Pre-cache item text content for maximum filtering speed
811        const cachedDepartmentItems = Array.from(departmentItems).map(item => ({
812            node: item,
813            text: (item.textContent || item.innerText).toLowerCase()
814        }));
815
816        let originalListContent = targetListWrapper ? targetListWrapper.innerHTML : "";
817
818        function stopSubmission(e) {
819            e.preventDefault();
820            e.stopPropagation();
821            return false;
822        }
823
824        const form = searchInput.closest('form');
825        if (form) {
826            form.addEventListener('submit', stopSubmission);
827        }
828
829        searchInput.addEventListener('keydown', (e) => {
830            if (e.key === 'Enter') {
831                stopSubmission(e);
832            }
833        });
834
835        function projectResults(value, rawValue) {
836            if (cachedDepartmentItems.length > 0 && targetListWrapper) {
837                if (value.length === 0) {
838                    targetListWrapper.innerHTML = originalListContent;
839                    return;
840                }
841
842                const safeValue = rawValue.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
843                const regex = new RegExp(`(${safeValue})`, "gi");
844
845                const fragment = document.createDocumentFragment();
846                let matchCount = 0;
847                const MAX_ITEMS = 8;
848
849                for (let i = 0; i < cachedDepartmentItems.length; i++) {
850                    if (matchCount >= MAX_ITEMS) break;
851                    const cached = cachedDepartmentItems[i];
852
853                    if (cached.text.includes(value)) {
854                        matchCount++;
855                        const clone = cached.node.cloneNode(true);
856                        clone.style.display = "block";
857                        const link = clone.querySelector('a');
858                        if (link) {
859                            const originalText = cached.node.querySelector('a') ? (cached.node.querySelector('a').textContent || cached.node.querySelector('a').innerText) : cached.text;
860                            link.innerHTML = originalText.replace(regex, "<b style='color: var(--theme--brand);'>$1</b>");
861                        }
862                        fragment.appendChild(clone);
863                    }
864                }
865
866                targetListWrapper.innerHTML = "";
867                if (matchCount > 0) {
868                    targetListWrapper.appendChild(fragment);
869                } else {
870                    const noResults = document.createElement("div");
871                    noResults.className = "search_empty_text";
872                    noResults.style.padding = "1rem 0";
873                    noResults.style.opacity = "0.7";
874                    noResults.textContent = "No matching collections";
875                    targetListWrapper.appendChild(noResults);
876                }
877            }
878        }
879
880        const debouncedProjection = debounce(projectResults, 120);
881
882        function onInput(e) {
883            const value = e.target.value.toLowerCase();
884            const rawValue = e.target.value;
885            const isDesktop = isDesktopQuery.matches;
886
887            const searchValueElements = document.querySelectorAll('[data-element="search-value"]');
888            for (let i = 0; i < searchValueElements.length; i++) {
889                searchValueElements[i].textContent = rawValue;
890            }
891
892            if (e.target === searchInput && smootifyInput && isDesktop) {
893                smootifyInput.value = rawValue;
894                smootifyInput.dispatchEvent(new Event('input', { bubbles: true }));
895                smootifyInput.dispatchEvent(new Event('change', { bubbles: true }));
896            } else if (e.target === smootifyInput && searchInput) {
897                searchInput.value = rawValue;
898            }
899
900            debouncedProjection(value, rawValue);
901        }
902
903        searchInput.addEventListener("input", onInput);
904        if (smootifyInput) {
905            smootifyInput.addEventListener("input", onInput);
906        }
907
908        searchInput.addEventListener("focus", () => {
909            tl.timeScale(1).play();
910            toggleChatVisibility(true);
911        });
912
913        function closeSearch(e) {
914            if (e && e.preventDefault) e.preventDefault();
915
916            const searchValueElements = document.querySelectorAll('[data-element="search-value"]');
917            for (let i = 0; i < searchValueElements.length; i++) {
918                searchValueElements[i].textContent = "";
919            }
920
921            searchInput.value = "";
922            if (smootifyInput) {
923                smootifyInput.value = "";
924                smootifyInput.dispatchEvent(new Event('input', { bubbles: true }));
925                smootifyInput.dispatchEvent(new Event('change', { bubbles: true }));
926            }
927
928            toggleChatVisibility(false);
929
930            if (targetListWrapper) {
931                targetListWrapper.innerHTML = originalListContent;
932            }
933
934            searchInput.blur();
935
936            if (isDesktopQuery.matches) {
937                tl.timeScale(1.5).reverse();
938            } else {
939                if (searchDrawerContent) {
940                    gsap.to(searchDrawerContent, {
941                        y: "110%",
942                        duration: 0.5,
943                        ease: "power3.in"
944                    });
945                }
946                if (searchDrawer) {
947                    gsap.to(searchDrawer, {
948                        autoAlpha: 0,
949                        duration: 0.4,
950                        onComplete: () => {
951                            document.body.style.overflow = "";
952                        }
953                    });
954                }
955            }
956        }
957
958        closeButton.addEventListener("click", closeSearch);
959
960        document.addEventListener("click", (e) => {
961            const openSearchBtn = document.querySelector('[data-element="open-search"]');
962            const isClickInside =
963                (searchWrapper && searchWrapper.contains(e.target)) ||
964                (searchDrawerContent && searchDrawerContent.contains(e.target)) ||
965                (openSearchBtn && openSearchBtn.contains(e.target)) ||
966                (closeButton && closeButton.contains(e.target));
967
968            if (!isClickInside) {
969                const isDesktop = isDesktopQuery.matches;
970                const isMobileOpen = searchDrawer && gsap.getProperty(searchDrawer, "autoAlpha") > 0;
971                const isDesktopOpen = tl.progress() > 0 && !tl.reversed();
972
973                if ((isDesktop && isDesktopOpen) || (!isDesktop && isMobileOpen)) {
974                    closeSearch(e);
975                }
976            }
977        });
978
979        const openSearchBtn = document.querySelector('[data-element="open-search"]');
980        if (openSearchBtn && searchDrawer) {
981            openSearchBtn.addEventListener("click", (e) => {
982                e.preventDefault();
983                document.body.style.overflow = "hidden";
984
985                toggleChatVisibility(true);
986
987                if (searchInput) {
988                    setTimeout(() => searchInput.focus(), 100);
989                }
990
991                gsap.fromTo(searchDrawer,
992                    { autoAlpha: 0, display: "block" },
993                    { autoAlpha: 1, duration: 0.4 }
994                );
995
996                if (searchDrawerContent) {
997                    gsap.fromTo(searchDrawerContent,
998                        { y: "110%" },
999                        { y: "0%", duration: 0.5, ease: "power3.out" }
1000                    );
1001                }
1002            });
1003        }
1004    }
1005
1006    initSearchAnimation();
1007});
1008</script>
1008</div><a data-element="open-search" href="#" class="button is-icon is-nav desktop-hide w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64" fill="currentColor" app="ikonik" aria-hidden="true" class="nav_middle_icon"><g app="ikonik"><g data-name="search" app="ikonik"><path d="M20.71 19.29l-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8 7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 11a6 6 0 1 1 6 6 6 6 0 0 1-6-6z" app="ikonik"></path><rect width="24" height="24" fill="currentColor" opacity="0" app="ikonik" class="rect-6b989"></rect></g></g></svg><div class="hide-mobile-landscape">Shop Winches</div></a></li></ul><a href="/" class="site-logo w-inline-block"><img width="288" height="48" alt="Novawinch UK" src="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/664dd341bad60dd87644e83b_Novawinch%2BR%2Blogo%2Bblack.avif" loading="eager" class="desktop_nav_logo"/></a><div class="nav_actions_wrap flex-right"><ul role="list" class="nav_actions_wrap flex-right hide-mobile-landscape w-list-unstyled"><li class="nav_buttons_item is-main"><a href="/blog" class="button is-icon is-nav w-inline-block"><div>News</div></a></li><li class="nav_buttons_item is-main"><a href="/contact-us" class="button is-icon is-nav w-inline-block"><div>Support</div></a></li></ul><smootify-cart data-open="on-add"><div data-delay="0" data-hover="false" class="cart-panel_dropdown w-dropdown"><div id="cart-panel_button" class="button is-icon is-nav w-dropdown-toggle"><div class="cart-icon-contain"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="nav_middle_icon"><path d="M17 18C15.89 18 15 18.89 15 20C15 20.5304 15.2107 21.0391 15.5858 21.4142C15.9609 21.7893 16.4696 22 17 22C17.5304 22 18.0391 21.7893 18.4142 21.4142C18.7893 21.0391 19 20.5304 19 20C19 18.89 18.1 18 17 18ZM1 2V4H3L6.6 11.59L5.24 14.04C5.09 14.32 5 14.65 5 15C5 15.5304 5.21071 16.0391 5.58579 16.4142C5.96086 16.7893 6.46957 17 7 17H19V15H7.42C7.3537 15 7.29011 14.9737 7.24322 14.9268C7.19634 14.8799 7.17 14.8163 7.17 14.75C7.17 14.7 7.18 14.66 7.2 14.63L8.1 13H15.55C16.3 13 16.96 12.58 17.3 11.97L20.88 5.5C20.95 5.34 21 5.17 21 5C21 4.73478 20.8946 4.48043 20.7071 4.29289C20.5196 4.10536 20.2652 4 20 4H5.21L4.27 2H1ZM7 18C5.89 18 5 18.89 5 20C5 20.5304 5.21071 21.0391 5.58579 21.4142C5.96086 21.7893 6.46957 22 7 22C7.53043 22 8.03914 21.7893 8.41421 21.4142C8.78929 21.0391 9 20.5304 9 20C9 18.89 8.1 18 7 18Z" fill="currentColor"></path></svg></div><div class="hide-mobile-landscape">My Cart</div><div cart="count" class="cart_count">0</div></div><nav class="cart_panel-overlay w-dropdown-list"><div class="cart_panel-panel w-form"><div data-element="header" class="mega-menu-top is-cart"><div class="mega_menu_title-wrap"><h2 class="panel_heading">Cart Summary</h2><button type="button" data-close-cart="" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><form id="wf-form-cart" name="wf-form-cart" data-name="cart" method="get" class="cart-panel_form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="a4d94827-a737-205a-d53f-ab969973d25c" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div class="cart-panel_items custom-scrollbar"><cart-item><div class="cart_item-wrapper u-text-small"><div product="url" class="cart_image-wrapper"><img cart-item="image" loading="lazy" alt="" src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" class="cart_item-image"/></div><div class="mini-cart_item-data"><div product="url" cart-item="title" class="cart-product-title">Cart Item Title</div><div cart-item="options" class="cart_variant u-hflex-left-center u-gap-xxsmall"><div><span option="name">Name</span>:</div><div option="value">value</div></div><div class="cart_qty-contain"><div class="cart-panel_item-total u-weight-semibold u-text-main">
1008<span cart-item="total">£0.00</span></div><quantity-input><div class="quantity_input_wrap is-cart"><button data-action="minus" class="quantity_button-2 is-minus is-cart"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="svg-icon-qt"><path d="M0 0h24v24H0z" fill="none"></path><path d="M19 13H5v-2h14v2z" fill="currentColor"></path></svg></button><input class="quanitity_input-2 is-cart w-input" maxlength="256" name="field-4" data-name="Field 4" placeholder="1" type="number" id="field-4" required=""/><button data-action="plus" class="quantity_button-2 is-plus is-cart"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="svg-icon-qt"><path d="M0 0h24v24H0z" fill="none"></path><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" fill="currentColor"></path></svg></button></div></quantity-input><button data-action="remove" class="cart_delete_btn"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="none" viewBox="0 0 18 20" aria-label="Remove item from cart" class="cart-panel_item_remove"><path fill="currentColor" d="M17 4h-4V2a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v2H1a1 1 0 0 0 0 2h1v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1a1 1 0 1 0 0-2ZM7 2h4v2H7V2Zm1 14a1 1 0 1 1-2 0V8a1 1 0 0 1 2 0v8Zm4 0a1 1 0 0 1-2 0V8a1 1 0 0 1 2 0v8Z" app="ikonik" class="path-euw24"></path></svg></button></div></div></div></cart-item></div><div class="cart-panel_footer"><div class="display-flex space-between"><div>Subtotal:</div><div cart="total" class="cart-fotter_subtotal u-text-large u-weight-semibold">£300</div></div><div class="display-flex space-between"><div class="text-size-small">Shipping &amp; Tax calculated at checkout.</div></div><div class="cart-panel_button-wrapper"><input type="submit" data-wait="Please wait..." class="button is-xlarge w-button" value="Go to checkout"/></div></div></form><div class="mini-cart_success w-form-done"><div class="spacer-6"></div><div class="empty-cart-label">Your cart is empty. Let&#x27;s change that!</div><div class="spacer-6"></div><a href="#" data-close-cart="" class="button is-secondary u-max-width-full w-button">Continue Shopping</a></div><div class="mini-cart_error-message w-form-fail"><div class="mini-cart_error-label">Oops! Something went wrong while submitting the form.</div></div></div></nav></div></smootify-cart></div></div></div></div><div class="search_drawer_component"><div class="search_drawer"><div class="search_container u-container"><smootify-search class="smootify_search"><form action="/search" class="predictive-search_search desktop-hide w-form"><input class="predictive-search_input w-input" autofocus="true" maxlength="256" name="query" placeholder="Search a product…" data-element="smootify-search" type="search" required=""/><input type="submit" class="predictive-search_button w-button" value=""/></form><div class="search-grid u-hflex-left-top u-gap-custom"><div class="u-vflex-left-top u-gap-custom is-search-collection"><p class="search__label u-text-h5 u-weight-semibold">Collections</p><div class="w-dyn-list"><div data-element="results-list" role="list" class="search-collection-list w-dyn-items"><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/ifor-williams-trailer-winches" aria-current="page" class="search-collection-link w--current">Electric Winches for Ifor Williams Trailers</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-recovery-winches" class="search-collection-link">All Electric Winches - Recovery</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/lodar-wireless-remotes" class="search-collection-link">Lodar Wireless Remotes</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/ratchet-straps" class="search-collection-link">Ratchet Straps</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/load-binders" class="search-collection-link">Load Binders</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/snatch-block" class="search-collection-link">Winch Snatch Blocks</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/lifting-slings" class="search-collection-link">Lifting Slings</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-accessories" class="search-collection-link">Winch Accessories &amp; Spares</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-winches" class="search-collection-link">12V &amp; 24V Electric Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hydraulic-winches" class="search-collection-link">Hydraulic Winches</a></div></div></div><div class="hide w-dyn-list"><div data-element="departments-list" role="list" class="search-collection-list w-dyn-items"><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/safety-straps" class="search-collection-link">Heavy-Duty Recovery Safety Straps</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-forestry-timber-winches" class="search-collection-link">Electric Forestry &amp; Timber Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-winches-for-faymonville-trailers" class="search-collection-link">Electric Winches for Faymonville Trailers</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-heavy-haulage-low-loader-winches" class="search-collection-link">
1008Electric Low Loader &amp; Heavy Haulage Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-car-transporter-flatbed-winches" class="search-collection-link">Electric Car Transporter &amp; Flatbed Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-winches-for-plant-agriculture" class="search-collection-link">Electric Plant &amp; Agricultural Winches – 12V &amp; 24V</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-winches-for-recovery-trucks" class="search-collection-link">Electric Recovery Truck Winches – 12V &amp; 24V</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-winches-for-brian-james-trailers" class="search-collection-link">Electric Winches for Brian James Trailers</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/ifor-williams-trailer-winches" aria-current="page" class="search-collection-link w--current">Electric Winches for Ifor Williams Trailers</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/super-b-series" class="search-collection-link">Super B Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/commercial-recovery-trucks" class="search-collection-link">Recovery Trucks</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/forestry-timber-winches" class="search-collection-link">Forestry &amp; Timber</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/heavy-haulage-low-loader-winches" class="search-collection-link">Heavy Haulage &amp; Low Loader</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/car-transporter-flatbed-winches" class="search-collection-link">Car Transporter &amp; Trailer Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/plant-agricultural-winches" class="search-collection-link">Plant &amp; Agricultural</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-recovery-winches" class="search-collection-link">All Electric Winches - Recovery</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/atv-utv-winches" class="search-collection-link">ATV, UTV &amp; Quad Bike Electric Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/4x4-electric-winches" class="search-collection-link">4x4 Electric Winches &amp; Off-Road Recovery Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/great-yorkshire-show-sale" class="search-collection-link">Great Yorkshire Show Sale</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/novawinch-remotes" class="search-collection-link">Novawinch Remotes</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/lodar-wireless-remotes" class="search-collection-link">Lodar Wireless Remotes</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/ratchet-straps" class="search-collection-link">Ratchet Straps</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-covers" class="search-collection-link">Winch Covers</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/mini-movers-electric-jockey-wheels" class="search-collection-link">12V Electric Jockey Wheels &amp; Trailer Mini Movers</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/d-shackles" class="search-collection-link">Heavy-Duty Galvanised D-Shackles</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/bow-shackles" class="search-collection-link">Heavy-Duty Galvanised Bow Shackles</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/rope-dampener" class="search-collection-link">Rope Dampener</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/synthetic-rope" class="search-collection-link">Synthetic Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/flat-duplex-slings" class="search-collection-link">Heavy-Duty Flat Duplex Webbing Slings</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/round-endless-slings" class="search-collection-link">Heavy-Duty Round Endless Lifting Slings</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-hooks" class="search-collection-link">Winch Hooks</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/shackles" class="search-collection-link">Recovery Shackles</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/en-rated-electric-winches" class="search-collection-link">EN Rated Electric Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/en-hydraulic-trailer-winches" class="search-collection-link">EN Hydraulic Trailer Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-control-box-cover" class="search-collection-link">Winch Control Box Cover</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/mounts-plates" class="search-collection-link">Mounts &amp; Plates</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/duplex-slings" class="search-collection-link">Duplex Slings</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-fairleads" class="search-collection-link">Winch Fairleads</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-replacement-parts" class="search-collection-link">Winch Replacement Parts</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-and-hydraulic-winches" class="search-collection-link">Electric and Hydraulic Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/load-binders" class="search-collection-link">Load Binders</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-ropes-cables" class="search-collection-link">Winch Ropes &amp; Cables</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/snatch-block" class="search-collection-link">Winch Snatch Blocks</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/lifting-slings" class="search-collection-link">Lifting Slings</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-remotes" class="search-collection-link">Winch Remotes</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/12v-electric-winch-with-synthetic-rope" class="search-collection-link">
100812V Electric Winch With Synthetic Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hydraulic-recovery-winches" class="search-collection-link">Hydraulic Recovery Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/jeep-suv-winch-with-synthetic-rope" class="search-collection-link">Jeep &amp; SUV Winch With Synthetic Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/jeep-suv-winch-with-steel-rope" class="search-collection-link">Jeep &amp; SUV Winch With Steel Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-recovery-winch-with-synthetic-rope" class="search-collection-link">Electric Recovery Winch With Synthetic Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-recovery-winch-with-steel-rope" class="search-collection-link">Electric Recovery Winch With Steel Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/atv-quad-winch-with-synthetic-rope" class="search-collection-link">ATV/Quad Winch With Synthetic Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/atv-quad-winch-with-steel-rope" class="search-collection-link">ATV/Quad Winch With Steel Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/24v-electric-winch-with-steel-rope" class="search-collection-link">24V Electric Winch With Steel Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/24v-electric-winch-with-synthetic-rope" class="search-collection-link">24V Electric Winch With Synthetic Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/12v-electric-winch-with-steel-rope" class="search-collection-link">12V Electric Winch With Steel Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/24v-electric-winches" class="search-collection-link">24V Electric Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/12v-electric-winches" class="search-collection-link">12V Electric Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/military-hydraulic-winches" class="search-collection-link">Military Hydraulic Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/recovery-winches" class="search-collection-link">Recovery Truck Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/atv-winches" class="search-collection-link">ATV Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/sale" class="search-collection-link">SALE</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hydraulic-toro-series" class="search-collection-link">TORO Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/kx-worm-gear-series" class="search-collection-link">KX Worm Gear Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-accessories" class="search-collection-link">Winch Accessories &amp; Spares</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-t-series" class="search-collection-link">T Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-stinger-series" class="search-collection-link">STINGER Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-en-series" class="search-collection-link">EN Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/distinctive-products" class="search-collection-link">Distinctive Products</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-pro-plus-series" class="search-collection-link">PRO PLUS Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-pro-max-series" class="search-collection-link">PRO MAX Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hw-series" class="search-collection-link">HW Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hydraulic-hen-series" class="search-collection-link">HEN Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hydraulic-hen-max-series" class="search-collection-link">HEN MAX Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-winches" class="search-collection-link">12V &amp; 24V Electric Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hydraulic-winches" class="search-collection-link">Hydraulic Winches</a></div></div></div></div><div class="u-vflex-left-top u-gap-custom u-flex-grow is-search-products"><div class="search-labels-wrap"><p class="search__label u-text-h5 u-weight-semibold">Products</p></div><search-no-query class="search-column flex-grow"><div class="u-grid-global cc-3-2-2-2"><smootify-product data-id="best-seller" limit="12" class="product"><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a skeleton="block" product="url" href="#" class="product-card__image-wrapper w-inline-block"><img class="product-card__image" src="https://cdn.prod.website-files.com/67f3a4d4defc364bc7ae42b2/67f7816791f36c865d90554b_placeholder-image.svg" variant="image" alt="" skeleton="image" loading="lazy" max-width="720"/><div condition="on-sale" class="product-card_slither u-text-small u-weight-semibold"><div>Save <span variant="discounted-amount">£0.00</span></div></div></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div skeleton="text" class="product-card__title"><a product="url"><h3><span product="vendor">Brand</span><span>&nbsp;</span><span product="title">Product name</span></h3></a></div></div><div class="product-card__title hide">Brand Product name</div><div class="card-stock-rating-wrap"><div class="product_starrating w-embed"><!-- Rating Badge -->
1009<div skeleton="text" class="review-rating-badge" data-star-color="#ffcb06" data-product-id="" data-size="medium"></div>
1010
1011<style>
1012.review-rating-badge span {
1013  color: #9EA0A8 !important; /* Replace with your preferred color */
1014}
1015  
1016</style></div></div><div class="div-block-3"><div skeleton="button" class="product-card__price-wrapper"><smootify-price skeleton="text" class="smootify-price-2"><div class="sm-price-container card-9"><span data-prop="price" class="sm-price card-21">£15.99</span>
1016<div class="sm-price card-21 vat-snippet">ex.VAT</div></div><div condition="on-sale" class="sm-price-container is-compare"><div class="sm-price card-21 is-compare">was</div><span data-prop="compareAtPrice" class="sm-price card-21 is-compare">£15.99</span></div></smootify-price></div><div skeleton="block" class="product-card__buttons-wrapper"><smootify-add-to-cart condition="is-not-variable"><div class="form-block w-form"><form method="get" name="email-form" data-name="Email Form" class="product-form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="18868de6-9259-0cd1-80ac-48b5b7e36d58" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><button type="submit" skeleton="button" class="button text-capitalise is-disabled"><div data-state="default" class="default-state sm-buy-button__state"><div condition="in-stock">Add to cart</div><div condition="out-of-stock">Out of stock</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></button></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></smootify-add-to-cart><a product="url" skeleton="button" condition="is-variable" href="#" class="button w-inline-block"><div data-state="default" class="default-state sm-buy-button__state"><div>View now</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></a></div></div></div></article></div></smootify-product></div></search-no-query><search-with-query class="search-column flex-grow"><search-empty class="search_empty u-text-large u-vflex-left-top u-gap-xsmall"><div class="search_empty_text u-weight-semibold">Hmmmm...</div><div class="search_empty_text">We couldn&#x27;t find any matches for &quot;<span data-element="search-value">value</span>&quot;.</div><p class="search_empty_text u-text-main">Double check your search for any typos or spelling errors - or try a different search term.</p></search-empty><div class="u-grid-global cc-3-2-2-2"><search-result><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a search="url" href="#" class="product-card__image-wrapper w-inline-block"><img max-width="720" search="image" alt="" src="https://cdn.prod.website-files.com/67f3a4d4defc364bc7ae42b2/67f7816791f36c865d90554b_placeholder-image.svg" loading="lazy" class="product-card__image"/></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div class="product-card__title"><a search="url"><span search="vendor">Brand</span><span>&nbsp;</span><span search="title">Product name</span></a></div></div></div></article></div></search-result></div></search-with-query></div></div></smootify-search></div></div></div></nav><div role="navigation" data-menu="component" aria-label="Navigation menu" class="mega_menu-component"><div data-menu="backdrop" class="mega_menu-backdrop"></div><div data-menu="main-panel" class="mega_menu-panel"><div data-menu="content-to-slide" class="div-block-2"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><h2 aria-label="Main navigation menu" class="panel_heading">Shop</h2><button type="button" data-menu="close" aria-label="Close navigation menu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper"><div class="mega_menu-banner"><img src="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1).jpg" loading="eager" alt="" sizes="(max-width: 340px) 100v
1016w, 340px" srcset="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1)-p-500.jpg 500w, https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1)-p-800.jpg 800w, https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1)-p-1080.jpg 1080w, https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1)-p-1600.jpg 1600w, https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1)-p-2000.jpg 2000w, https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1).jpg 2400w" class="mega_menu-banner-img"/><a href="https://www.novawinch.uk/product/pro18500-18500lb-24v-commercial-recovery-winch" class="mega-menu-banner-link w-inline-block"></a></div><div data-menu="link-wrapper" class="main-menu-nav-wrapper w-dyn-list"><div aria-label="Main navigation items" role="list" class="mega_menu_collection-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>All Electric Winches</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/electric-winches" class="button u-max-width-full is-panel w-condition-invisible w-button">All Electric Winches</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">All Electric Winches</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/electric-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="mega_menu-banner"><img src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1).jpg" loading="eager" alt="" sizes="(max-width: 340px) 100vw, 340px" srcset="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1)-p-500.jpg 500w, https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1)-p-800.jpg 800w, https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1)-p-1080.jpg 1080w, https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1)-p-1600.jpg 1600w, https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1)-p-2000.jpg 2000w, https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1).jpg 2400w" class="mega_menu-banner-img"/><a href="/product/stinger-12000lb-12v-4x4-winch-synthetic-rope" class="mega-menu-banner-link w-inline-block"></a></div><div class="swiper-component is-nav-menu"><div class="insta-stories is-nav-menu w-dyn-list"><div role="list" class="swiper-wrapper is-nav-menu w-dyn-items"><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/electric-pro-max-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="PRO MAX Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b26481_Electric_PRO_MAX_Series_-_Novawinch-2252022.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">PRO MAX Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/electric-pro-plus-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="PRO PLUS Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b26475_Ele
1016ctric_PRO_PLUS_Series_-_Novawinch-2252023.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">PRO PLUS Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/electric-stinger-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="STINGER Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/66be1dada3cd05b621699949_Electric_STINGER_Series_-_Novawinch-2252024.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">STINGER Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/electric-en-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="EN Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b26484_Electric_En_Series_-_Novawinch-2252017.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">EN Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/electric-t-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="T Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b26472_Electric_T_Series_-_Novawinch-2252027.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">T Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/super-b-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="Super B Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a830c2f82a389a7486e4242_Document_7f6a9a3a-4393-4b2c-a9b1-75d3a1e97a1c.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">Super B Series</h4></a></div></div></div><div class="custom-js w-embed w-script">
1016<script>
1017  document.addEventListener('DOMContentLoaded', function () {
1018    // 1. Ensure swiper-slide class is on all CMS items
1019    document.querySelectorAll('.insta-stories-cms-item.is-nav-menu').forEach(function (item) {
1020      item.classList.add('swiper-slide');
1021    });
1022
1023    // 2. Initialize Swiper with Keyboard Accessibility
1024    const storySwiper = new Swiper('.insta-stories.is-nav-menu', {
1025      slidesPerView: 3.5,
1026      spaceBetween: 16,
1027      grabCursor: true,
1028      freeMode: false,
1029
1030      // --- KEYBOARD ACCESSIBILITY ---
1031      keyboard: {
1032        enabled: true,           // Enables Arrow Left / Arrow Right navigation
1033        onlyInViewport: true,    // Only responds when slider is visible on screen
1034      },
1035
1036      // --- SCREEN READER / A11Y HELPERS ---
1037      a11y: {
1038        enabled: true,
1039      },
1040
1041      breakpoints: {
1042        320: { slidesPerView: 4, spaceBetween: 12 },
1043        768: { slidesPerView: 4, spaceBetween: 16 },
1044        1024: { slidesPerView: 3.5, spaceBetween: 16 }
1045      }
1046    });
1047  });
1048</script>
1048</div></div><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/12v-electric-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>12V Electric Winches</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/12v-electric-winches" class="button u-max-width-full is-panel w-condition-invisible w-button">12V Electric Winches</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">12V Electric Winches</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/12v-electric-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/24v-electric-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>24V Electric Winches</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/24v-electric-winches" class="button u-max-width-full is-panel w-condition-invisible w-button">24V Electric Winches</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">24V Electric Winches</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/24v-electric-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/electric-winches-for-recovery-trucks" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1048is-panel w-inline-block w-condition-invisible"><div>Recovery Trucks</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/electric-winches-for-recovery-trucks" class="button u-max-width-full is-panel w-button">Recovery Trucks</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Recovery Trucks</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/electric-winches-for-recovery-trucks" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/4x4-electric-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>4x4 &amp; Off-Road</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/4x4-electric-winches" class="button u-max-width-full is-panel w-button">4x4 &amp; Off-Road</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">4x4 &amp; Off-Road</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/4x4-electric-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/atv-utv-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1048is-panel w-inline-block w-condition-invisible"><div>ATVs &amp; UTVs</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/atv-utv-winches" class="button u-max-width-full is-panel w-button">ATVs &amp; UTVs</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">ATVs &amp; UTVs</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/atv-utv-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/electric-winches-for-plant-agriculture" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Plant &amp; Agriculture</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/electric-winches-for-plant-agriculture" class="button u-max-width-full is-panel w-button">Plant &amp; Agriculture</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Plant &amp; Agriculture</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/electric-winches-for-plant-agriculture" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/electric-car-transporter-flatbed-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1048is-panel w-inline-block"><div>Car Transporters &amp; Flatbeds</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/electric-car-transporter-flatbed-winches" class="button u-max-width-full is-panel w-condition-invisible w-button">Car Transporters &amp; Flatbeds</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Car Transporters &amp; Flatbeds</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/electric-car-transporter-flatbed-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/electric-heavy-haulage-low-loader-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>Heavy Haulage &amp; Low Loaders</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/electric-heavy-haulage-low-loader-winches" class="button u-max-width-full is-panel w-condition-invisible w-button">Heavy Haulage &amp; Low Loaders</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Heavy Haulage &amp; Low Loaders</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/electric-heavy-haulage-low-loader-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/electric-forestry-timber-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1048is-panel w-inline-block w-condition-invisible"><div>Forestry &amp; Timber</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/electric-forestry-timber-winches" class="button u-max-width-full is-panel w-button">Forestry &amp; Timber</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Forestry &amp; Timber</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/electric-forestry-timber-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>All Hydraulic Winches</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/hydraulic-winches" class="button u-max-width-full is-panel w-condition-invisible w-button">All Hydraulic Winches</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">All Hydraulic Winches</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/hydraulic-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="swiper-component is-nav-menu"><div class="insta-stories is-nav-menu w-dyn-list"><div role="list" class="swiper-wrapper is-nav-menu w-dyn-items"><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/hydraulic-toro-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="TORO Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b26487_Hydraulic_TORO_Series_
1048-_Novawinch-2252035.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">TORO Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/hw-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="HW Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b2646f_Hydraulic_HW_Series_-_Novawinch-2252033.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">HW Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/hydraulic-hen-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="HEN Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b26478_Hydraulic_HEN_Standard_Series_-_Novawinch-2252030.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">HEN Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/hydraulic-hen-max-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="HEN MAX Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b2647e_Hydraulic_HEN_MAX_Series_-_Novawinch-2252028.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">HEN MAX Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/kx-worm-gear-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="KX Worm Gear Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b2647b_KX_Worm_Gear_Series_-_Novawinch-2252037.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">KX Worm Gear Series</h4></a></div></div></div><div class="custom-js w-embed w-script">
1048<script>
1049  document.addEventListener('DOMContentLoaded', function () {
1050    // 1. Ensure swiper-slide class is on all CMS items
1051    document.querySelectorAll('.insta-stories-cms-item.is-nav-menu').forEach(function (item) {
1052      item.classList.add('swiper-slide');
1053    });
1054
1055    // 2. Initialize Swiper with Keyboard Accessibility
1056    const storySwiper = new Swiper('.insta-stories.is-nav-menu', {
1057      slidesPerView: 3.5,
1058      spaceBetween: 16,
1059      grabCursor: true,
1060      freeMode: false,
1061
1062      // --- KEYBOARD ACCESSIBILITY ---
1063      keyboard: {
1064        enabled: true,           // Enables Arrow Left / Arrow Right navigation
1065        onlyInViewport: true,    // Only responds when slider is visible on screen
1066      },
1067
1068      // --- SCREEN READER / A11Y HELPERS ---
1069      a11y: {
1070        enabled: true,
1071      },
1072
1073      breakpoints: {
1074        320: { slidesPerView: 4, spaceBetween: 12 },
1075        768: { slidesPerView: 4, spaceBetween: 16 },
1076        1024: { slidesPerView: 3.5, spaceBetween: 16 }
1077      }
1078    });
1079  });
1080</script>
1080</div></div><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/military-hydraulic-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Military Rated Hydraulic Winches</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/military-hydraulic-winches" class="button u-max-width-full is-panel w-button">Military Rated Hydraulic Winches</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Military Rated Hydraulic Winches</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/military-hydraulic-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>Winch Ropes &amp; Cables</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/winch-ropes-cables" class="button u-max-width-full is-panel w-condition-invisible w-button">Winch Ropes &amp; Cables</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Winch Ropes &amp; Cables</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/winch-ropes-cables" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/synthetic-rope" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1080is-panel w-inline-block w-condition-invisible"><div>Synthetic Rope</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/synthetic-rope" class="button u-max-width-full is-panel w-button">Synthetic Rope</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Synthetic Rope</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/synthetic-rope" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/rope-dampener" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Rope Dampener</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/rope-dampener" class="button u-max-width-full is-panel w-button">Rope Dampener</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Rope Dampener</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/rope-dampener" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1080is-panel w-inline-block w-condition-invisible"><div>Electric Jockey Wheels</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/mini-movers-electric-jockey-wheels" class="button u-max-width-full is-panel w-button">Electric Jockey Wheels</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Electric Jockey Wheels</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/mini-movers-electric-jockey-wheels" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>Winch Accessories &amp; Spares</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/winch-accessories" class="button u-max-width-full is-panel w-condition-invisible w-button">Winch Accessories &amp; Spares</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Winch Accessories &amp; Spares</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/winch-accessories" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/mounts-plates" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1080is-panel w-inline-block w-condition-invisible"><div>Mounts &amp; Plates</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/mounts-plates" class="button u-max-width-full is-panel w-button">Mounts &amp; Plates</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Mounts &amp; Plates</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/mounts-plates" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/winch-remotes" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>Winch Remotes</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/winch-remotes" class="button u-max-width-full is-panel w-condition-invisible w-button">Winch Remotes</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Winch Remotes</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/winch-remotes" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/winch-fairleads" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1080is-panel w-inline-block w-condition-invisible"><div>Winch Fairleads</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/winch-fairleads" class="button u-max-width-full is-panel w-button">Winch Fairleads</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Winch Fairleads</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/winch-fairleads" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/winch-covers" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Winch Covers</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/winch-covers" class="button u-max-width-full is-panel w-button">Winch Covers</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Winch Covers</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/winch-covers" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/winch-replacement-parts" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1080is-panel w-inline-block w-condition-invisible"><div>Winch Replacement Parts</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/winch-replacement-parts" class="button u-max-width-full is-panel w-button">Winch Replacement Parts</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Winch Replacement Parts</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/winch-replacement-parts" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>Lifting Slings</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/lifting-slings" class="button u-max-width-full is-panel w-condition-invisible w-button">Lifting Slings</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Lifting Slings</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/lifting-slings" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="mega_menu-banner"><img src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6942a53cdcc31874da98d3b5_1st%20Level.jpg" loading="eager" alt="" class="mega_menu-banner-img"/>
1080<a href="/product/12-tonne-webbing-sling-flat-duplex-12000kg" class="mega-menu-banner-link w-inline-block"></a></div><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/round-endless-slings" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Round Endless Slings</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/round-endless-slings" class="button u-max-width-full is-panel w-button">Round Endless Slings</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Round Endless Slings</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/round-endless-slings" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/flat-duplex-slings" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Flat Duplex Slings</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/flat-duplex-slings" class="button u-max-width-full is-panel w-button">Flat Duplex Slings</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Flat Duplex Slings</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/flat-duplex-slings" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1080is-panel w-inline-block w-condition-invisible"><div>Ratchet Straps</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/ratchet-straps" class="button u-max-width-full is-panel w-button">Ratchet Straps</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Ratchet Straps</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/ratchet-straps" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Snatch Blocks</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/snatch-block" class="button u-max-width-full is-panel w-button">Snatch Blocks</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Snatch Blocks</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/snatch-block" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1080is-panel w-inline-block w-condition-invisible"><div>Load Binders</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/load-binders" class="button u-max-width-full is-panel w-button">Load Binders</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Load Binders</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/load-binders" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>Shackles</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/shackles" class="button u-max-width-full is-panel w-condition-invisible w-button">Shackles</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Shackles</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/shackles" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/d-shackles" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1080is-panel w-inline-block w-condition-invisible"><div>D-Shackles</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/d-shackles" class="button u-max-width-full is-panel w-button">D-Shackles</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">D-Shackles</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/d-shackles" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/bow-shackles" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Bow Shackles</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/bow-shackles" class="button u-max-width-full is-panel w-button">Bow Shackles</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Bow Shackles</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/bow-shackles" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon 
1080is-panel w-inline-block w-condition-invisible"><div>Safety Straps</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/safety-straps" class="button u-max-width-full is-panel w-button">Safety Straps</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Safety Straps</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/safety-straps" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div></div></div></div></div></div></div></div><div class="mega_menu-footer"><div class="mega_menu_footer-content"><a href="/contact-us" class="mega_menu_footer_item w-inline-block"><div class="footer-item-icon-contain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="button-icon"><path d="M0 0h24v24H0z" fill="none"></path><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z" fill="currentColor"></path></svg></div><div class="text-size-tiny">Contact</div></a><a href="https://www.facebook.com/novawinch" target="_blank" class="mega_menu_footer_item w-inline-block"><div class="footer-item-icon-contain"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="100%" id="Layer_1" viewBox="-337 273 123.5 256" class="button-icon"><path d="M-260.9,327.8c0-10.3,9.2-14,19.5-14c10.3,0,21.3,3.2,21.3,3.2l6.6-39.2c0,0-14-4.8-47.4-4.8c-20.5,0-32.4,7.8-41.1,19.3  c-8.2,10.9-8.5,28.4-8.5,39.7v25.7H-337V396h26.5v133h49.6V396h39.3l2.9-38.3h-42.2V327.8z"></path></svg></div><div class="text-size-tiny">Facebook</div></a><a href="https://www.instagram.com/novawinch.uk/" target="_blank" class="mega_menu_footer_item w-inline-block"><div class="footer-item-icon-contain"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="100%" id="Layer_1" viewBox="-271 273 256 256" class="button-icon"><path d="M-64.5,273h-157c-27.3,0-49.5,22.2-49.5,49.5v52.3v104.8c0,27.3,22.2,49.5,49.5,49.5h157c27.3,0,49.5-22.2,49.5-49.5V374.7  v-52.3C-15.1,295.2-37.3,273-64.5,273z M-50.3,302.5h5.7v5.6v37.8l-43.3,0.1l-0.1-43.4L-50.3,302.5z M-179.6,374.7  c8.2-11.3,21.5-18.8,36.5-18.8s28.3,7.4,36.5,18.8c5.4,7.4,8.5,16.5,8.5,26.3c0,24.8-20.2,45.1-45.1,45.1s-44.9-20.3-44.9-45.1  C-188.1,391.2-184.9,382.1-179.6,374.7z M-40,479.5C-40,493-51,504-64.5,504h-157c-13.5,0-24.5-11-24.5-24.5V374.7h38.2  c-3.3,8.1-5.2,17-5.2,26.3c0,38.6,31.4,70,70,70c38.6,0,70-31.4,70-70c0-9.3-1.9-18.2-5.2-26.3H-40V479.5z"></path></svg></div><div class="text-size-tiny">Instagram</div></a><div class="w-embed"><style>
1081.mega_menu_footer_item:hover .footer-item-icon-contain {
1082  background-color: #ffcb06;
1083}
1084
1085.mega_menu_footer_item:hover .button-icon {
1086  color: #000000;
1087}
1088
1089
1090</style></div></div></div></div><div class="u-embed-js w-embed w-script">
1090<script>
1091
1092/**
1093 * Mega Menu Functionality
1094 * Handles the logic for the responsive mega menu, including:
1095 * - Slide-in animations (GSAP)
1096 * - Infinite nesting/stacking for desktop
1097 * - Mobile navigation behavior
1098 * - Accessibility (Focus trapping, keyboard nav)
1099 *
1100 * Dependencies: GSAP (TweenMax/TimelineMax)
1101 */
1102(function () {
1103    'use strict';
1104
1105    // Check if already initialized to prevent duplicate execution
1106    if (window.megaMenuInitialized) return;
1107
1108    // ============================================================================
1109    // CONFIGURATION
1110    // ============================================================================
1111    const CONFIG = {
1112        // CSS Selectors - Update these to match your HTML structure
1113        selectors: {
1114            component: '[data-menu="component"]',
1115            backdrop: '[data-menu="backdrop"]',
1116            mainPanel: '[data-menu="main-panel"]',
1117            contentToSlide: '[data-menu="content-to-slide"]',
1118            open: '[data-menu="open"]',
1119            close: '[data-menu="close"]',
1120            openSub: '[data-menu="open-sub"]',
1121            back: '[data-menu="back"]',
1122            subPanel: '[data-menu="sub-panel"]',
1123            navLinks: '[menu="nav-links"]',
1124            shopifyChat: '#shopify-chat, inbox-online-store-chat, #ShopifyChat'
1125        },
1126        // Animation settings
1127        animation: {
1128            duration: 0.4,
1129            ease: 'power2.out',
1130            closeEase: 'power2.in',
1131            stagger: 0.05,
1132            navLinkDelay: 0.2
1133        },
1134        // BREAKPOINTS
1135        breakpoints: {
1136            // Mobile behavior applies for window.innerWidth < 992 (i.e., 991px and below)
1137            mobile: 992
1138        },
1139        // Performance settings
1140        performance: {
1141            debounceDelay: 150,
1142            maxInitAttempts: 10,
1143            initRetryInterval: 500,
1144            flashPreventionDelay: 100
1145        },
1146        // Customization options
1147        accessibility: {
1148            focusTrap: true,
1149            announceChanges: true,
1150            keyboardNavigation: true
1151        },
1152        animations: {
1153            reducedMotion: window.matchMedia('(prefers-reduced-motion: reduce)').matches
1154        }
1155    };
1156
1157    // ============================================================================
1158    // PERFORMANCE OPTIMIZATIONS
1159    // ============================================================================
1160
1161    // Cache DOM queries
1162    const domCache = {
1163        elements: new Map(),
1164        get: function (selector) {
1165            if (!this.elements.has(selector)) {
1166                this.elements.set(selector, document.querySelector(selector));
1167            }
1168            return this.elements.get(selector);
1169        },
1170        getAll: function (selector) {
1171            const cacheKey = selector + '_all';
1172            if (!this.elements.has(cacheKey)) {
1173                this.elements.set(cacheKey, document.querySelectorAll(selector));
1174            }
1175            return this.elements.get(cacheKey);
1176        },
1177        clear: function () {
1178            this.elements.clear();
1179        }
1180    };
1181
1182    // Debounced function utility
1183    const debounce = (func, wait) => {
1184        let timeout;
1185        return function executedFunction(...args) {
1186            const later = () => {
1187                clearTimeout(timeout);
1188                func(...args);
1189            };
1190            clearTimeout(timeout);
1191            timeout = setTimeout(later, wait);
1192        };
1193    };
1194
1195    // Throttled function utility
1196    const throttle = (func, limit) => {
1197        let inThrottle;
1198        return function () {
1199            const args = arguments;
1200            const context = this;
1201            if (!inThrottle) {
1202                func.apply(context, args);
1203                inThrottle = true;
1204                setTimeout(() => inThrottle = false, limit);
1205            }
1206        };
1207    };
1208
1209    // ============================================================================
1210    // IMMEDIATE FLASH PREVENTION
1211    // ============================================================================
1212
1213    // Immediately hide any open menu using inline styles to prevent flash
1214    (function () {
1215        const style = document.createElement('style');
1216        style.textContent = `
1217            ${CONFIG.selectors.component} { pointer-events: none !important; }
1218            ${CONFIG.selectors.mainPanel} { transform: translateX(-100%) !important; }
1219            ${CONFIG.selectors.backdrop} { opacity: 0 !important; }
1220            ${CONFIG.selectors.subPanel} { visibility: hidden !important; display: none !important; }
1221        `;
1222        document.head.appendChild(style);
1223
1224        // Remove the style after a short delay to allow normal operation
1225        setTimeout(() => {
1226            if (style.parentNode) {
1227                style.parentNode.removeChild(style);
1228            }
1229        }, CONFIG.performance.flashPreventionDelay);
1230    })();
1231
1232    // ============================================================================
1233    // GLOBAL STATE MANAGEMENT
1234    // ============================================================================
1235    let isInitialized = false;
1236    let eventListenersAttached = false;
1237    let sidebarComponent, backdrop, mainSidebar, contentToSlide, primaryNavLinks;
1238    let cachedScrollbarWidth = null;
1239    let resizeTimeout;
1240    let currentTimeline = null;
1241    let panelStack = [];
1242    let originalParents = new Map();
1243    let isAnimating = false;
1244
1245    // ============================================================================
1246    // UTILITY FUNCTIONS
1247    // ============================================================================
1248
1249    const checkIsMobile = () => window.innerWidth < CONFIG.breakpoints.mobile;
1250
1251    const getBodyScrollbarWidth = () => {
1252        if (cachedScrollbarWidth === null) {
1253            cachedScrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
1254        }
1255        return cachedScrollbarWidth;
1256    };
1257
1258    const handleResize = debounce(() => {
1259        cachedScrollbarWidth = null;
1260        domCache.clear();
1261
1262        // Conditional overflow setting based on breakpoint
1263        if (mainSidebar) {
1264            gsap.set(mainSidebar, {
1265                // Mobile needs 'hidden' for slide-out effect, Desktop needs 'visible' for flyout
1266                overflow: checkIsMobile() ? 'hidden' : 'visible'
1267            });
1268        }
1269    }, CONFIG.performance.debounceDelay);
1270
1271    const killCurrentTimeline = () => {
1272        if (currentTimeline) {
1273            currentTimeline.kill();
1274            currentTimeline = null;
1275        }
1276    };
1277
1278    // ============================================================================
1279    // ANIMATION AND CONTROL FUNCTIONS
1280    // ============================================================================
1281
1282    const resetSubNavs = () => {
1283        requestAnimationFrame(() => {
1284            // Reset all sub-panels to their original positions and parents
1285            originalParents.forEach((parent, child) => {
1286                if (parent && child) {
1287                    parent.appendChild(child);
1288                }
1289            });
1290            originalParents.clear();
1291
1292            // Reset ALL sub-panels in the DOM
1293            const subPanels = domCache.getAll(CONFIG.selectors.subPanel);
1294            subPanels.forEach(panel => {
1295                gsap.set(panel, {
1296                    x: '100%', // Desktop panels start off-screen right
1297                    visibility: 'hidden',
1298                    display: 'none',
1299                    pointerEvents: 'none'
1300                });
1301            });
1302
1303            // CRITICAL FIX: Ensure the main content panel is visible and ready
1304            if (contentToSlide) {
1305                gsap.set(contentToSlide, {
1306                    x: '0%',
1307                    visibility: 'visible',
1308                    display: 'block',
1309                    pointerEvents: 'auto',
1310                    zIndex: 50
1311                });
1312            }
1313
1314            panelStack.length = 0;
1315            panelStack.push(contentToSlide); // Re-stack the initial panel
1316        });
1317    };
1318
1319    // AUTO-ADD PANEL NAMES FROM CMS HEADINGS (for logic/debug references)
1320    const addPanelNamesFromHeadings = () => {
1321        // Add name to main content panel
1322        if (contentToSlide) {
1323            contentToSlide.setAttribute('data-panel-name', 'Main');
1324        }
1325
1326        // Find all sub-panels and name them from their headings
1327        const subPanels = document.querySelectorAll(CONFIG.selectors.subPanel);
1328
1329        subPanels.forEach((panel, index) => {
1330            // Look for the heading (h2 or h3) within this panel
1331            const heading = panel.querySelector('.panel_heading');
1332
1333            if (heading && heading.textContent) {
1334                // Clean up the text (remove extra spaces, keep alphanumeric and spaces)
1335                const panelName = heading.textContent.trim().replace(/\s+/g, ' ');
1336                panel.setAttribute('data-panel-name', panelName);
1337            } else {
1338                // Fallback if no heading found
1339                panel.setAttribute('data-panel-name', `Panel-${index + 1}`);
1340            }
1341        });
1342    };
1343
1344    const openMenu = () => {
1345        if (isAnimating) {
1346            killCurrentTimeline();
1347            isAnimating = false;
1348        }
1349
1350        gsap.set(sidebarComponent, { pointerEvents: 'auto' });
1351        gsap.set(mainSidebar, { x: '-100%' });
1352        gsap.set(backdrop, { opacity: 0 });
1353        gsap.set(primaryNavLinks, { opacity: 0, y: 20 });
1354
1355        // Hide Shopify Chat when menu opens
1356        const shopifyChat = document.querySelector(CONFIG.selectors.shopifyChat);
1357        if (shopifyChat) {
1358            gsap.set(shopifyChat, { zIndex: -1, visibility: 'hidden', opacity: 0 });
1359        }
1360
1361        isAnimating = true;
1362        killCurrentTimeline();
1363
1364        // Reset sub navs and push main panel onto stack
1365        resetSubNavs();
1366
1367        const scrollbarWidth = getBodyScrollbarWidth();
1368        const bodyStyle = document.body.style;
1369        bodyStyle.paddingRight = `${scrollbarWidth}px`;
1370        bodyStyle.overflow = 'hidden';
1371
1372        // Set correct overflow setting based on current size
1373        gsap.set(mainSidebar, {
1374            overflow: checkIsMobile() ? 'hidden' : 'visible'
1375        });
1376
1377        currentTimeline = gsap.timeline({
1378            onComplete: () => {
1379                isAnimating = false;
1380                currentTimeline = null;
1381            }
1382        });
1383
1384        currentTimeline
1385            .set(sidebarComponent, { pointerEvents: 'auto' })
1386            .to(backdrop, { opacity: 1, duration: CONFIG.animation.duration }, "<")
1387            .to(mainSidebar, { x: '0%', duration: CONFIG.animation.duration, ease: CONFIG.animation.ease }, "<")
1388            .to(primaryNavLinks, {
1389                duration: CONFIG.animation.duration * 0.75,
1390                opacity: 1,
1391                y: 0,
1392                stagger: CONFIG.animation.stagger,
1393                ease: 'power1.out'
1394            }, `-=${CONFIG.animation.navLinkDelay}`);
1395    };
1396
1397    const closeMenu = (instant = false) => {
1398        killCurrentTimeline();
1399        isAnimating = true;
1400
1401        const cleanup = () => {
1402            resetSubNavs();
1403            gsap.set(sidebarComponent, { pointerEvents: 'none' });
1404            gsap.set(mainSidebar, { x: '-100%' });
1405            gsap.set(backdrop, { opacity: 0 });
1406            gsap.set(primaryNavLinks, { opacity: 0, y: 20 });
1407
1408            // Restore Shopify Chat
1409            const shopifyChat = document.querySelector(CONFIG.selectors.shopifyChat);
1410            if (shopifyChat) {
1411                gsap.set(shopifyChat, { clearProps: 'zIndex,visibility,opacity' });
1412            }
1413
1414            const bodyStyle = document.body.style;
1415            bodyStyle.paddingRight = '';
1416            bodyStyle.overflow = '';
1417            isAnimating = false;
1418            currentTimeline = null;
1419        };
1420
1421        if (instant) {
1422            cleanup();
1423        } else {
1424            currentTimeline = gsap.timeline({ onComplete: cleanup });
1425            currentTimeline
1426                .to(backdrop, { opacity: 0, duration: CONFIG.animation.duration, ease: CONFIG.animation.closeEase })
1427                .to(mainSidebar, { x: '-100%', duration: CONFIG.animation.duration, ease: CONFIG.animation.closeEase }, "<");
1428        }
1429    };
1430
1431    // ============================================================================
1432    // CONDITIONAL NAVIGATION HANDLERS (Fixed Desktop Logic)
1433    // ============================================================================
1434
1435    const navigateBack = () => {
1436        if (panelStack.length <= 1 || isAnimating) {
1437            return;
1438        }
1439
1440        isAnimating = true;
1441        killCurrentTimeline();
1442
1443        const panelToClose = panelStack.pop();
1444        const panelToReveal = panelStack[panelStack.length - 1];
1445        const originalParent = originalParents.get(panelToClose);
1446        const isMobile = checkIsMobile();
1447
1448        currentTimeline = gsap.timeline({
1449            onComplete: () => {
1450                if (originalParent) {
1451                    originalParent.appendChild(panelToClose);
1452                    originalParents.delete(panelToClose);
1453                }
1454
1455                // Hide the panel that was closed
1456                gsap.set(panelToClose, {
1457                    x: '100%', // Desktop panels end off-screen right
1458                    visibility: 'hidden',
1459                    display: 'none',
1460                    pointerEvents: 'none'
1461                });
1462
1463                isAnimating = false;
1464                currentTimeline = null;
1465
1466                // Ensure the revealed panel has pointer events active
1467                gsap.set(panelToReveal, { pointerEvents: 'auto' });
1468            }
1469        });
1470
1471        if (isMobile) {
1472            // MOBILE LOGIC: Slide-in-to-view (Confirmed to be working)
1473            // Ensure panelToReveal is visible and positioned to slide in
1474            gsap.set(panelToReveal, {
1475                x: '-100%',
1476                visibility: 'visible',
1477                display: 'block'
1478            });
1479
1480            currentTimeline
1481                .to(panelToReveal, {
1482                    x: '0%',
1483                    duration: CONFIG.animation.duration,
1484                    ease: CONFIG.animation.ease
1485                }, 0)
1486                .to(panelToClose, {
1487                    x: '100%',
1488                    pointerEvents: 'none',
1489                    duration: CONFIG.animation.duration,
1490                    ease: CONFIG.animation.ease
1491                }, 0);
1492        } else {
1493            // DESKTOP LOGIC: Infinite Stacking Back
1494            // Animate the closing panel away by sliding it left.
1495            const wasAtDepth = panelStack.length;
1496            const currentX = wasAtDepth * 100;
1497
1498            currentTimeline.to(panelToClose, {
1499                x: `${currentX - 50}%`,
1500                opacity: 0,
1501                pointerEvents: 'none',
1502                duration: CONFIG.animation.duration,
1503                ease: CONFIG.animation.ease
1504            }, 0);
1505        }
1506    };
1507
1508    const handlePanelNavigation = (event) => {
1509        const target = event.target;
1510        const openLink = target.closest(CONFIG.selectors.openSub);
1511        const backButton = target.closest(CONFIG.selectors.back);
1512        const isMobile = checkIsMobile();
1513
1514        // --- OPEN SUB-MENU ---
1515        if (openLink) {
1516            event.preventDefault();
1517            const parentItem = openLink.closest('.w-dyn-item') || openLink.parentElement;
1518            if (!parentItem) return;
1519
1520            const nextPanel = parentItem.querySelector(CONFIG.selectors.subPanel);
1521            if (!nextPanel) return;
1522
1523            // Allow interruption of current animation for fast switching
1524            if (isAnimating) {
1525                killCurrentTimeline();
1526            }
1527
1528            isAnimating = true;
1529
1530            const currentPanel = panelStack[panelStack.length - 1];
1531
1532            // LOGIC TO HANDLE SIBLING NAVIGATION:
1533            // Check if we are clicking from a panel that is NOT the last one in the stack.
1534            // If so, we need to close all panels that came *after* the source panel.
1535            const sourcePanel = openLink.closest(CONFIG.selectors.subPanel) || contentToSlide; // Use contentToSlide for root
1536            const sourceIndex = panelStack.indexOf(sourcePanel);
1537
1538            if (sourceIndex > -1 && sourceIndex < panelStack.length - 1) {
1539                while (panelStack.length > sourceIndex + 1) {
1540                    const panelToClose = panelStack.pop();
1541                    const originalParent = originalParents.get(panelToClose);
1542
1543                    if (originalParent) {
1544                        originalParent.appendChild(panelToClose);
1545                        originalParents.delete(panelToClose);
1546                    }
1547
1548                    // Instant hide for the closed panel
1549                    gsap.set(panelToClose, {
1550                        x: '100%',
1551                        visibility: 'hidden',
1552                        display: 'none',
1553                        pointerEvents: 'none'
1554                    });
1555                }
1556            }
1557
1558            originalParents.set(nextPanel, nextPanel.parentElement);
1559            mainSidebar.appendChild(nextPanel);
1560            panelStack.push(nextPanel);
1561
1562            // 1. Prepare Next Panel
1563            gsap.set(nextPanel, {
1564                display: 'block',
1565                visibility: 'visible',
1566                pointerEvents: 'none'
1567            });
1568
1569            currentTimeline = gsap.timeline({
1570                onComplete: () => {
1571                    isAnimating = false;
1572                    currentTimeline = null;
1573                    gsap.set(nextPanel, { pointerEvents: 'auto' });
1574
1575                    if (isMobile) {
1576                        // On mobile, hide the panel that slid out of view
1577                        gsap.set(currentPanel, { visibility: 'hidden', display: 'none' });
1578                    }
1579                }
1580            });
1581
1582            if (isMobile) {
1583                // MOBILE LOGIC: Slide-out-of-view (Confirmed to be working)
1584                gsap.set(nextPanel, { x: '100%' });
1585
1586                currentTimeline
1587                    .to(currentPanel, {
1588                        x: '-100%',
1589                        duration: CONFIG.animation.duration,
1590                        ease: CONFIG.animation.ease
1591                    }, 0)
1592                    .to(nextPanel, {
1593                        x: '0%',
1594                        duration: CONFIG.animation.duration,
1595                        ease: CONFIG.animation.ease
1596                    }, 0);
1597            } else {
1598                // DESKTOP LOGIC: Infinite Stacking
1599                // Panels stack at 0%, 100%, 200%, etc.
1600                const stackDepth = panelStack.length - 1; // Subtract 1 because panel is already pushed
1601                const targetX = stackDepth * 100;
1602
1603                // Initialize new panel
1604                // Slide from left: targetX - 50%
1605                // Z-index reversed: earlier panels on top, later panels behind
1606                gsap.set(nextPanel, { x: `${targetX - 50}%`, opacity: 0, zIndex: 50 - stackDepth });
1607
1608                currentTimeline.to(nextPanel, {
1609                    x: `${targetX}%`,
1610                    opacity: 1,
1611                    duration: CONFIG.animation.duration,
1612                    ease: CONFIG.animation.ease
1613                });
1614            }
1615        }
1616
1617        // --- GO BACK ---
1618        if (backButton) {
1619            event.preventDefault();
1620            navigateBack();
1621        }
1622    };
1623
1624    // ============================================================================
1625    // INITIALIZATION FUNCTIONS
1626    // ============================================================================
1627
1628    const handleGlobalClick = (event) => {
1629        const target = event.target;
1630
1631        if (target.closest(CONFIG.selectors.open)) {
1632            event.preventDefault();
1633            openMenu();
1634            return;
1635        }
1636
1637        if (target.closest(CONFIG.selectors.close)) {
1638            event.preventDefault();
1639
1640            // Check if this close button is inside a subpanel
1641            const closeBtn = target.closest(CONFIG.selectors.close);
1642            const clickedPanel = closeBtn.closest(CONFIG.selectors.subPanel);
1643
1644            // On mobile, the close button should always close the whole menu (User Request)
1645            if (checkIsMobile()) {
1646                closeMenu(false);
1647                return;
1648            }
1649
1650            // If not in a subpanel, close the entire menu (main panel close button)
1651            if (!clickedPanel) {
1652                closeMenu(false);
1653                return;
1654            }
1655
1656            // Desktop: Close the clicked panel and all panels after it
1657            const clickedPanelIndex = panelStack.indexOf(clickedPanel);
1658
1659            if (clickedPanelIndex === -1 || clickedPanelIndex === 0) {
1660                // Panel not found in stack or is main panel - close entire menu
1661                closeMenu(false);
1662                return;
1663            }
1664
1665            // Animate and close all panels from clickedPanelIndex to the end
1666            const panelsToClose = panelStack.slice(clickedPanelIndex);
1667
1668            if (isAnimating) {
1669                killCurrentTimeline();
1670            }
1671
1672            isAnimating = true;
1673            currentTimeline = gsap.timeline({
1674                onComplete: () => {
1675                    isAnimating = false;
1676                    currentTimeline = null;
1677
1678                    // Ensure the revealed panel has pointer events
1679                    const revealedPanel = panelStack[panelStack.length - 1];
1680                    if (revealedPanel) {
1681                        gsap.set(revealedPanel, { pointerEvents: 'auto' });
1682                    }
1683                }
1684            });
1685
1686            // Animate each panel closing
1687            panelsToClose.forEach((panel, index) => {
1688                const panelDepth = clickedPanelIndex + index;
1689                const currentX = panelDepth * 100;
1690
1691                // Animate panel away
1692                currentTimeline.to(panel, {
1693                    x: `${currentX - 50}%`,
1694                    opacity: 0,
1695                    pointerEvents: 'none',
1696                    duration: CONFIG.animation.duration,
1697                    ease: CONFIG.animation.ease
1698                }, 0); // All panels close simultaneously
1699            });
1700
1701            // Remove panels from stack after animation starts
1702            panelStack.splice(clickedPanelIndex);
1703
1704            // Return panels to original parents
1705            panelsToClose.forEach(panel => {
1706                const originalParent = originalParents.get(panel);
1707                if (originalParent) {
1708                    setTimeout(() => {
1709                        originalParent.appendChild(panel);
1710                        originalParents.delete(panel);
1711
1712                        // Hide the panel
1713                        gsap.set(panel, {
1714                            x: '100%',
1715                            visibility: 'hidden',
1716                            display: 'none',
1717                            pointerEvents: 'none'
1718                        });
1719                    }, CONFIG.animation.duration * 1000);
1720                }
1721            });
1722
1723            return;
1724        }
1725
1726        // Close menu when clicking on external navigation links (not sub-menu items)
1727        if (target.closest('a[href]') &&
1728            !target.closest(CONFIG.selectors.open) &&
1729            !target.closest(CONFIG.selectors.close) &&
1730            !target.closest(CONFIG.selectors.openSub) &&
1731            !target.closest(CONFIG.selectors.back)) {
1732
1733            event.preventDefault();
1734            closeMenu(true);
1735
1736            const link = target.closest('a[href]');
1737            const href = link.getAttribute('href');
1738            window.location.href = href;
1739        }
1740    };
1741
1742    const handlePopState = () => {
1743        killCurrentTimeline();
1744        detachEventListeners();
1745        isInitialized = false;
1746
1747        if (sidebarComponent && mainSidebar) {
1748            gsap.set(sidebarComponent, { pointerEvents: 'none' });
1749            gsap.set(mainSidebar, { x: '-100%' });
1750            if (backdrop) gsap.set(backdrop, { opacity: 0 });
1751            if (primaryNavLinks) gsap.set(primaryNavLinks, { opacity: 0, y: 20 });
1752
1753            // Restore Shopify Chat
1754            const shopifyChat = document.querySelector(CONFIG.selectors.shopifyChat);
1755            if (shopifyChat) {
1756                gsap.set(shopifyChat, { clearProps: 'zIndex,visibility,opacity' });
1757            }
1758
1759            resetSubNavs();
1760
1761            const bodyStyle = document.body.style;
1762            bodyStyle.paddingRight = '';
1763            bodyStyle.overflow = '';
1764        }
1765
1766        isAnimating = false;
1767        panelStack.length = 0;
1768        originalParents.clear();
1769        currentTimeline = null;
1770
1771        setTimeout(() => {
1772            initializeMenu();
1773            attachEventListeners();
1774        }, CONFIG.performance.flashPreventionDelay);
1775    };
1776
1777    const initializeMenuState = () => {
1778        gsap.set(sidebarComponent, { pointerEvents: 'none' });
1779        gsap.set(mainSidebar, { x: '-100%' });
1780        gsap.set(backdrop, { opacity: 0 });
1781        gsap.set(primaryNavLinks, { opacity: 0, y: 20 });
1782
1783        // Restore Shopify Chat
1784        const shopifyChat = document.querySelector(CONFIG.selectors.shopifyChat);
1785        if (shopifyChat) {
1786            gsap.set(shopifyChat, { clearProps: 'zIndex,visibility,opacity' });
1787        }
1788
1789        killCurrentTimeline();
1790        isAnimating = false;
1791
1792        panelStack.length = 0;
1793        originalParents.clear();
1794
1795        resetSubNavs();
1796
1797        const bodyStyle = document.body.style;
1798        bodyStyle.paddingRight = '';
1799        bodyStyle.overflow = '';
1800    };
1801
1802    const initializeMenu = () => {
1803        if (typeof gsap === 'undefined') {
1804            return false;
1805        }
1806
1807        sidebarComponent = domCache.get(CONFIG.selectors.component);
1808        backdrop = domCache.get(CONFIG.selectors.backdrop);
1809        mainSidebar = domCache.get(CONFIG.selectors.mainPanel);
1810        contentToSlide = domCache.get(CONFIG.selectors.contentToSlide);
1811
1812        if (!sidebarComponent || !mainSidebar || !contentToSlide) {
1813            return false;
1814        }
1815
1816        const allNavLinks = contentToSlide.querySelectorAll(CONFIG.selectors.navLinks);
1817        primaryNavLinks = Array.from(allNavLinks).filter(link => !link.closest(CONFIG.selectors.subPanel));
1818
1819        if (primaryNavLinks.length === 0) {
1820            return false;
1821        }
1822
1823        gsap.set(primaryNavLinks, { opacity: 0, y: 20 });
1824
1825        initializeMenuState();
1826
1827        gsap.set(sidebarComponent, { pointerEvents: 'none' });
1828        gsap.set(mainSidebar, { x: '-100%' });
1829        gsap.set(backdrop, { opacity: 0 });
1830        gsap.set(primaryNavLinks, { opacity: 0, y: 20 });
1831
1832        // AUTO-ADD PANEL NAMES FOR DEBUGGING (from CMS headings)
1833        addPanelNamesFromHeadings();
1834
1835        handleResize();
1836
1837        isInitialized = true;
1838        return true;
1839    };
1840
1841    const attachEventListeners = () => {
1842        detachEventListeners();
1843
1844        if (!mainSidebar || !backdrop) {
1845            return;
1846        }
1847
1848        document.addEventListener('click', handleGlobalClick, { passive: false });
1849        mainSidebar.addEventListener('click', handlePanelNavigation, { passive: false });
1850        backdrop.addEventListener('click', () => closeMenu(false), { passive: true });
1851        window.addEventListener('resize', handleResize, { passive: true });
1852        window.addEventListener('popstate', handlePopState);
1853
1854        eventListenersAttached = true;
1855    };
1856
1857    const detachEventListeners = () => {
1858        document.removeEventListener('click', handleGlobalClick);
1859        if (mainSidebar) {
1860            mainSidebar.removeEventListener('click', handlePanelNavigation);
1861        }
1862        if (backdrop) {
1863            backdrop.removeEventListener('click', closeMenu);
1864        }
1865
1866        window.removeEventListener('resize', handleResize);
1867        window.removeEventListener('popstate', handlePopState);
1868
1869        eventListenersAttached = false;
1870    };
1871
1872    const attemptInitialization = () => {
1873        if (initializeMenu()) {
1874            attachEventListeners();
1875            return true;
1876        }
1877        return false;
1878    };
1879
1880    const hideMenuImmediately = () => {
1881        const sidebarComponent = domCache.get(CONFIG.selectors.component);
1882        const mainSidebar = domCache.get(CONFIG.selectors.mainPanel);
1883        const backdrop = domCache.get(CONFIG.selectors.backdrop);
1884
1885        if (sidebarComponent) {
1886            sidebarComponent.style.pointerEvents = 'none';
1887        }
1888        if (mainSidebar) {
1889            mainSidebar.style.transform = 'translateX(-100%)';
1890        }
1891        if (backdrop) {
1892            backdrop.style.opacity = '0';
1893        }
1894
1895        document.body.style.paddingRight = '';
1896        document.body.style.overflow = '';
1897    };
1898
1899    hideMenuImmediately();
1900
1901    document.addEventListener("DOMContentLoaded", () => {
1902        attemptInitialization();
1903    });
1904
1905    if (document.readyState === 'loading') {
1906
1907    } else {
1908        attemptInitialization();
1909    }
1910
1911    document.addEventListener('visibilitychange', () => {
1912        if (!document.hidden && !isInitialized) {
1913            setTimeout(() => {
1914                attemptInitialization();
1915            }, CONFIG.performance.flashPreventionDelay);
1916        }
1917    });
1918
1919    window.addEventListener('pageshow', (event) => {
1920        if (event.persisted) {
1921            setTimeout(() => {
1922                if (sidebarComponent && mainSidebar) {
1923                    gsap.set(sidebarComponent, { pointerEvents: 'none' });
1924                    gsap.set(mainSidebar, { x: '-100%' });
1925                    if (backdrop) gsap.set(backdrop, { opacity: 0 });
1926                    if (primaryNavLinks) gsap.set(primaryNavLinks, { opacity: 0, y: 20 });
1927
1928                    const bodyStyle = document.body.style;
1929                    bodyStyle.paddingRight = '';
1930                    bodyStyle.overflow = '';
1931                }
1932
1933                detachEventListeners();
1934                isInitialized = false;
1935                attemptInitialization();
1936            }, CONFIG.performance.flashPreventionDelay);
1937        }
1938    });
1939
1940    let initAttempts = 0;
1941    const initInterval = setInterval(() => {
1942        if (isInitialized || initAttempts >= CONFIG.performance.maxInitAttempts) {
1943            clearInterval(initInterval);
1944            return;
1945        }
1946
1947        if (attemptInitialization()) {
1948            clearInterval(initInterval);
1949        }
1950        initAttempts++;
1951    }, CONFIG.performance.initRetryInterval);
1952
1953    window.addEventListener('beforeunload', () => {
1954        clearTimeout(resizeTimeout);
1955        killCurrentTimeline();
1956        detachEventListeners();
1957    });
1958
1959    window.megaMenuInitialized = true;
1960})();
1961
1962
1963</script>
1963</div></div><main class="page_main"><div class="breadcrumb-component"><div class="breadcrumb_contain u-container"><a href="/" class="breadcrumbs__link">Home</a><div class="breadcrumbs__separator">/</div><div class="breadcrumb-dynamic w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/shop/electric-car-transporter-flatbed-winches" class="breadcrumbs__link">Electric Car Transporter &amp; Flatbed Winches</a></div></div></div><div class="breadcrumbs__separator">/</div><div class="breadcrumbs__link is-current">Electric Winches for Ifor Williams Trailers</div></div></div><section class="section_border is-lighter"><div class="cateogry_banner_wrap"><div class="cateogry_banner_contain u-container"><div class="category_banner-text u-text-h4"><div><h1 class="category_title">Electric Winches for Ifor Williams Trailers</h1></div><div class="brand-divider"></div><div class="category_short_desc u-text-small w-richtext"><p>Electric winches for selected Ifor Williams trailer applications, including car transporters, plant trailers and vehicle-loading setups. Choose from 12V models with synthetic or steel rope in a range of pulling capacities. Check mounting and electrical compatibility before installation, or contact our UK team for help selecting a suitable winch.</p></div></div><div style="background-image:url(&quot;https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a998b2b443652f27fdb2650_imgi_31_DvkQOOaTZtESMS76U0oLR9HbXAUyJ9HlE3facVaC-1__PadWzkyMCw1NTYsIkZGRkZGRiIsMF0.jpg&quot;)" class="category_banner is-cms"><div class="category-banner-shape"></div></div></div></div></section><section data-padding-top="small" data-padding-bottom="small" class="section_border is-lighter"><smootify-search-discovery limit="12" duration="0.3" easing="ease-in" animation="slide" sync-query-params="true" stagger="0.1" hide-if-single="true" disable-scroll-on-load-more="true" disable-scroll="true"><div class="product_feed_wrap"><div class="product_grid_contain u-container"><div class="product_feed_component"><div skeleton="block" class="filter_ui-wrap"><div class="filter_ui-label u-text-large">Filter By:</div><div class="filter_ui"><filter-list label="Collection" selected-value="Electric Winches for Ifor Williams Trailers" class="hide"><div class="filter_category u-weight-medium accordian_tab"><div>Connection</div><div class="filter_category_icon_wrap"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="filter_category_icon is-plus hide"><path d="M12 20L12 12M12 12L12 4M12 12L20 12M12 12L4 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" app="ikonik" class="path-b7g6m"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="filter_category_icon is-minus"><path d="M20 12H12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" app="ikonik" class="path-f2muj"></path></svg></div></div><div class="filter_selections"><div class="filter_scroll"><div class="w-form"><form method="get" name="email-form-5" data-name="Email Form 5" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f20521" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div class="form_main_option_wrap"><div class="form_main_option_list u-gap-small u-vflex-left-top"><label class="form_main_option_item-2 w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom form_main_option_link radio is-filter w-radio-input"></div><input type="radio" name="Group-2" data-name="Group 2" style="opacity:0;position:absolute;z-index:-1" value="Radio 4"/><span class="form_main_label-2 w-form-label">Checkbox</span></label></div></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></filter-list><filter-dropdown label="Product Type"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f20530" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Product Type</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Vehicle Type"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="c037cc1b-ba2f-f82e-c116-883010618332" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Vehicle Type</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Rope Type"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f20542" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Rope Type</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Voltage"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f20554" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Voltage</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Size"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f20566" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Length (EWL)</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Load Limit"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f20578" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">WLL (Tonnage)</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Pulling Power"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f2058a" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Pulling Power</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Sling Type"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f2059c" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Sling Type</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown></div></div><div class="active_filter_pill_wrap u-hflex-left-center u-gap-xsmall u-hflex-wrap"><div class="sm-active-filters-wrapper"><button filter="active" class="sm-search_filter-item"><div filter="active-label"><span class="filter-active-label">Is available</span><span class="filter-active-separator">:</span> <span class="filter-active-value">Yes</span></div><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="filter-active-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.46967 5.46967C5.76256 5.17678 6.23744 5.17678 6.53033 5.46967L12 10.9393L17.4697 5.46967C17.7626 5.17678 18.2374 5.17678 18.5303 5.46967C18.8232 5.76256 18.8232 6.23744 18.5303 6.53033L13.0607 12L18.5303 17.4697C18.8232 17.7626 18.8232 18.2374 18.5303 18.5303C18.2374 18.8232 17.7626 18.8232 17.4697 18.5303L12 13.0607L6.53033 18.5303C6.23744 18.8232 5.76256 18.8232 5.46967 18.5303C5.17678 18.2374 5.17678 17.7626 5.46967 17.4697L10.9393 12L5.46967 6.53033C5.17678 6.23744 5.17678 5.76256 5.46967 5.46967Z" fill="currentColor"></path></svg></button></div></div><div class="product_grid u-grid-column-4"><smootify-product data-id="filter" class="product"><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a skeleton="block" product="url" href="#" class="product-card__image-wrapper w-inline-block"><img class="product-card__image" src="https://cdn.prod.website-files.com/67f3a4d4defc364bc7ae42b2/67f7816791f36c865d90554b_placeholder-image.svg" variant="image" alt="" skeleton="image" loading="lazy" max-width="720"/><div condition="on-sale" class="product-card_slither u-text-small u-weight-semibold"><div>Save <span variant="discounted-amount">£0.00</span></div></div></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div skeleton="text" class="product-card__title"><a product="url"><h3><span product="vendor">Brand</span><span>&nbsp;</span><span product="title">Product name</span></h3></a></div></div><div class="product-card__title hide">Brand Product name</div><div class="card-stock-rating-wrap"><div class="product_starrating w-embed"><!-- Rating Badge -->
1964<div skeleton="text" class="review-rating-badge" data-star-color="#ffcb06" data-product-id="" data-size="medium"></div>
1965
1966<style>
1967.review-rating-badge span {
1968  color: #9EA0A8 !important; /* Replace with your preferred color */
1969}
1970  
1971</style></div></div><div class="div-block-3"><div skeleton="button" class="product-card__price-wrapper"><smootify-price skeleton="text" class="smootify-price-2"><div class="sm-price-container card-9"><span data-prop="price" class="sm-price card-21">£15.99</span>
1971<div class="sm-price card-21 vat-snippet">ex.VAT</div></div><div condition="on-sale" class="sm-price-container is-compare"><div class="sm-price card-21 is-compare">was</div><span data-prop="compareAtPrice" class="sm-price card-21 is-compare">£15.99</span></div></smootify-price></div><div skeleton="block" class="product-card__buttons-wrapper"><smootify-add-to-cart condition="is-not-variable"><div class="form-block w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" class="product-form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f205db" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><button type="submit" skeleton="button" class="button text-capitalise is-disabled"><div data-state="default" class="default-state sm-buy-button__state"><div condition="in-stock">Add to cart</div><div condition="out-of-stock">Out of stock</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></button></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></smootify-add-to-cart><a product="url" skeleton="button" condition="is-variable" href="#" class="button w-inline-block"><div data-state="default" class="default-state sm-buy-button__state"><div>View now</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></a></div></div></div></article></div></smootify-product></div><div class="filter_pagination"><button data-action="load-in-view" class="button is-secondary">Load More</button></div></div></div></div></smootify-search-discovery></section><section data-slider="component" data-padding-top="small" data-padding-bottom="small" class="section_border"><div class="u-container"><div class="swiper-controls"><h1 class="section-h2 is-smaller">Ifor Williams Trailer Winch Accessories</h1><div class="u-button-wrapper tablet-hide"><div class="u-display-contents"><button data-slider="previous" class="button_arrow_wrap swiper-button-disabled"><div class="button_arrow_element"><div aria-hidden="true" class="button_arrow_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 33 26" fill="none" aria-hidden="true" class="u-svg left"><path d="M18 24.8437L31 12.8438L18 0.843749" class="u-path"></path><path d="M30.5 13L0 13" class="u-path"></path></svg></div></div></button><button data-slider="next" class="button_arrow_wrap"><div class="button_arrow_element"><div aria-hidden="true" class="button_arrow_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 33 26" fill="none" aria-hidden="true" class="u-svg"><path d="M18 24.8437L31 12.8438L18 0.843749" class="u-path"></path><path d="M30.5 13L0 13" class="u-path"></path></svg></div></div></button></div></div></div><div data-slider="component" class="slider_wrap"><div STYLE="--lg: 4.5; --md: 3; --sm: 1.5; --xs: 1.2;" class="slider_offset"><div data-mousewheel="True" data-follow-finger="True" data-speed="600" data-autoplay-delay="3000" class="slider_element swiper"><div class="slider_list swiper-wrapper"><div class="w-dyn-list"><div role="list" class="swiper-wrapper is-product-card-slider w-dyn-items"><div role="listitem" class="product-card-slide w-dyn-item"><smootify-product data-id="gid://shopify/Product/15288998953335" class="product for-swiper"><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a skeleton="block" product="url" href="#" class="product-card__image-wrapper w-inline-block"><img class="product-card__image" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c3ab663201d95a625b66_4_07307f6f-fe18-406a-8a36-af84d2c1a0a7.jpeg" variant="image" alt="LC2500daN 50mm x 4m Ratchet Strap Kit with Soft Eye Choker" skeleton="image" loading="lazy" max-width="720"/><div condition="on-sale" class="product-card_slither u-text-small u-weight-semibold"><div>Save <span variant="discounted-amount">£0.00</span></div></div></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div skeleton="text" class="product-card__title"><a product="url"><h3><span product="vendor">Rydam Lifting and Lashing</span><span>&nbsp;</span><span product="title">LC2500daN 50mm x 4m Ratchet Strap Kit with Soft Eye Choker</span></h3></a></div></div><div class="product-card__title hide">Brand Product name</div><div class="card-stock-rating-wrap"><div class="product_starrating w-embed"><!-- Rating Badge -->
1972<div skeleton="text" class="review-rating-badge" data-star-color="#ffcb06" data-product-id="" data-size="medium"></div>
1973
1974<style>
1975.review-rating-badge span {
1976  color: #9EA0A8 !important; /* Replace with your preferred color */
1977}
1978  
1979</style></div></div><div class="div-block-3"><div skeleton="button" class="product-card__price-wrapper"><smootify-price skeleton="text" class="smootify-price-2"><div class="sm-price-container card-9"><span data-prop="price" class="sm-price card-21">$10.00</span>
1979<div class="sm-price card-21 vat-snippet">ex.VAT</div></div><div condition="on-sale" class="sm-price-container is-compare"><div class="sm-price card-21 is-compare">was</div><span data-prop="compareAtPrice" class="sm-price card-21 is-compare">£15.99</span></div></smootify-price></div><div skeleton="block" class="product-card__buttons-wrapper"><smootify-add-to-cart condition="is-not-variable"><div class="form-block w-form"><form method="get" name="email-form" data-name="Email Form" class="product-form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="b981f6eb-c3d9-c946-b5b6-f21cfeee5b28" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><button type="submit" skeleton="button" class="button text-capitalise is-disabled"><div data-state="default" class="default-state sm-buy-button__state"><div condition="in-stock">Add to cart</div><div condition="out-of-stock">Out of stock</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></button></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></smootify-add-to-cart><a product="url" skeleton="button" condition="is-variable" href="#" class="button w-inline-block"><div data-state="default" class="default-state sm-buy-button__state"><div>View now</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></a></div></div></div></article></div></smootify-product></div><div role="listitem" class="product-card-slide w-dyn-item"><smootify-product data-id="gid://shopify/Product/9501737025828" class="product for-swiper"><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a skeleton="block" product="url" href="#" class="product-card__image-wrapper w-inline-block"><img class="product-card__image" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a7f00c0400bf800e4f05afb_Document_41ad472a-177b-4882-8eb8-35aabb02c66e.jpeg" variant="image" alt="Zinc Plated Swing Away Pulley Snatch Block" skeleton="image" loading="lazy" max-width="720"/><div condition="on-sale" class="product-card_slither u-text-small u-weight-semibold"><div>Save <span variant="discounted-amount">£0.00</span></div></div></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div skeleton="text" class="product-card__title"><a product="url"><h3><span product="vendor">Rydam Universal</span><span>&nbsp;</span><span product="title">Zinc Plated Swing Away Pulley Snatch Block</span></h3></a></div></div><div class="product-card__title hide">Brand Product name</div><div class="card-stock-rating-wrap"><div class="product_starrating w-embed"><!-- Rating Badge -->
1980<div skeleton="text" class="review-rating-badge" data-star-color="#ffcb06" data-product-id="" data-size="medium"></div>
1981
1982<style>
1983.review-rating-badge span {
1984  color: #9EA0A8 !important; /* Replace with your preferred color */
1985}
1986  
1987</style></div></div><div class="div-block-3"><div skeleton="button" class="product-card__price-wrapper"><smootify-price skeleton="text" class="smootify-price-2"><div class="sm-price-container card-9"><span data-prop="price" class="sm-price card-21">$20.00</span>
1987<div class="sm-price card-21 vat-snippet">ex.VAT</div></div><div condition="on-sale" class="sm-price-container is-compare"><div class="sm-price card-21 is-compare">was</div><span data-prop="compareAtPrice" class="sm-price card-21 is-compare">£15.99</span></div></smootify-price></div><div skeleton="block" class="product-card__buttons-wrapper"><smootify-add-to-cart condition="is-not-variable"><div class="form-block w-form"><form method="get" name="email-form" data-name="Email Form" class="product-form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="b981f6eb-c3d9-c946-b5b6-f21cfeee5b28" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><button type="submit" skeleton="button" class="button text-capitalise is-disabled"><div data-state="default" class="default-state sm-buy-button__state"><div condition="in-stock">Add to cart</div><div condition="out-of-stock">Out of stock</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></button></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></smootify-add-to-cart><a product="url" skeleton="button" condition="is-variable" href="#" class="button w-inline-block"><div data-state="default" class="default-state sm-buy-button__state"><div>View now</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></a></div></div></div></article></div></smootify-product></div><div role="listitem" class="product-card-slide w-dyn-item"><smootify-product data-id="gid://shopify/Product/9619229802788" class="product for-swiper"><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a skeleton="block" product="url" href="#" class="product-card__image-wrapper w-inline-block"><img class="product-card__image" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a96941ad78e5d2128ad5e68_Electric-Winch-2-Function-Wireless-Radio-Remote-Control-Kit-Novawinch-UK-9595_5b2e3521-ce88-428f-9e0d-52c64af163f4.png" variant="image" alt="Electric Winch 2 Function Wireless Radio Remote Control Kit" skeleton="image" loading="lazy" max-width="720"/><div condition="on-sale" class="product-card_slither u-text-small u-weight-semibold"><div>Save <span variant="discounted-amount">£0.00</span></div></div></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div skeleton="text" class="product-card__title"><a product="url"><h3><span product="vendor">Lodar</span><span>&nbsp;</span><span product="title">Electric Winch 2 Function Wireless Radio Remote Control Kit</span></h3></a></div></div><div class="product-card__title hide">Brand Product name</div><div class="card-stock-rating-wrap"><div class="product_starrating w-embed"><!-- Rating Badge -->
1988<div skeleton="text" class="review-rating-badge" data-star-color="#ffcb06" data-product-id="" data-size="medium"></div>
1989
1990<style>
1991.review-rating-badge span {
1992  color: #9EA0A8 !important; /* Replace with your preferred color */
1993}
1994  
1995</style></div></div><div class="div-block-3"><div skeleton="button" class="product-card__price-wrapper"><smootify-price skeleton="text" class="smootify-price-2"><div class="sm-price-container card-9"><span data-prop="price" class="sm-price card-21">$218.00</span>
1995<div class="sm-price card-21 vat-snippet">ex.VAT</div></div><div condition="on-sale" class="sm-price-container is-compare"><div class="sm-price card-21 is-compare">was</div><span data-prop="compareAtPrice" class="sm-price card-21 is-compare">£15.99</span></div></smootify-price></div><div skeleton="block" class="product-card__buttons-wrapper"><smootify-add-to-cart condition="is-not-variable"><div class="form-block w-form"><form method="get" name="email-form" data-name="Email Form" class="product-form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="b981f6eb-c3d9-c946-b5b6-f21cfeee5b28" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><button type="submit" skeleton="button" class="button text-capitalise is-disabled"><div data-state="default" class="default-state sm-buy-button__state"><div condition="in-stock">Add to cart</div><div condition="out-of-stock">Out of stock</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></button></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></smootify-add-to-cart><a product="url" skeleton="button" condition="is-variable" href="#" class="button w-inline-block"><div data-state="default" class="default-state sm-buy-button__state"><div>View now</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></a></div></div></div></article></div></smootify-product></div><div role="listitem" class="product-card-slide w-dyn-item"><smootify-product data-id="gid://shopify/Product/9503545098532" class="product for-swiper"><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a skeleton="block" product="url" href="#" class="product-card__image-wrapper w-inline-block"><img class="product-card__image" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a68c3c757979fc67496d12c_UntitledProject-illustrationimage_4_df811670-26b8-454e-8abc-74eafd754ec8.jpeg" variant="image" alt="Wireless &amp; Wired Dual Function Radio Remote Control For 12-24V Winches" skeleton="image" loading="lazy" max-width="720"/><div condition="on-sale" class="product-card_slither u-text-small u-weight-semibold"><div>Save <span variant="discounted-amount">£0.00</span></div></div></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div skeleton="text" class="product-card__title"><a product="url"><h3><span product="vendor">Novawinch</span><span>&nbsp;</span><span product="title">Wireless & Wired Dual Function Radio Remote Control For 12-24V Winches</span></h3></a></div></div><div class="product-card__title hide">Brand Product name</div><div class="card-stock-rating-wrap"><div class="product_starrating w-embed"><!-- Rating Badge -->
1996<div skeleton="text" class="review-rating-badge" data-star-color="#ffcb06" data-product-id="" data-size="medium"></div>
1997
1998<style>
1999.review-rating-badge span {
2000  color: #9EA0A8 !important; /* Replace with your preferred color */
2001}
2002  
2003</style></div></div><div class="div-block-3"><div skeleton="button" class="product-card__price-wrapper"><smootify-price skeleton="text" class="smootify-price-2"><div class="sm-price-container card-9"><span data-prop="price" class="sm-price card-21">$88.36</span>
2003<div class="sm-price card-21 vat-snippet">ex.VAT</div></div><div condition="on-sale" class="sm-price-container is-compare"><div class="sm-price card-21 is-compare">was</div><span data-prop="compareAtPrice" class="sm-price card-21 is-compare">£15.99</span></div></smootify-price></div><div skeleton="block" class="product-card__buttons-wrapper"><smootify-add-to-cart condition="is-not-variable"><div class="form-block w-form"><form method="get" name="email-form" data-name="Email Form" class="product-form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="b981f6eb-c3d9-c946-b5b6-f21cfeee5b28" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><button type="submit" skeleton="button" class="button text-capitalise is-disabled"><div data-state="default" class="default-state sm-buy-button__state"><div condition="in-stock">Add to cart</div><div condition="out-of-stock">Out of stock</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></button></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></smootify-add-to-cart><a product="url" skeleton="button" condition="is-variable" href="#" class="button w-inline-block"><div data-state="default" class="default-state sm-buy-button__state"><div>View now</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></a></div></div></div></article></div></smootify-product></div></div></div></div></div></div></div></div></section><section data-padding-top="small" data-padding-bottom="small" class="section_border is-lighter"><div class="category-desc_contain u-container"><div class="u-rich-text w-richtext"><h2>Electric Winches for Ifor Williams Trailers</h2>
2004<p>Ifor Williams trailers are widely used across vehicle transport, plant, agricultural and commercial applications. An electric winch can provide controlled loading assistance for suitable trailers, particularly when moving cars, plant and other freely rolling equipment.</p>
2005<p>Novawinch offers a range of electric winches that may be suitable for selected Ifor Williams trailer installations, depending on the trailer model, mounting arrangement, electrical supply and intended load.</p>
2006<p>Compatibility should always be checked before replacing or modifying an existing trailer winch installation.</p>
2007<h3>Choosing a Winch for an Ifor Williams Trailer</h3>
2008<p>Winch selection should be based on the specific trailer and the load being moved rather than vehicle weight alone.</p>
2009<p>Important factors include:</p>
2010<div><ul>
2011<li>trailer model and maximum gross weight</li>
2012<li>loading-ramp or tilt-bed angle</li>
2013<li>maximum expected rolling load</li>
2014<li>winch mounting arrangement</li>
2015<li>rope length required</li>
2016<li>available electrical supply</li>
2017<li>frequency of use</li>
2018<li>condition of the vehicle or machinery being loaded</li>
2019</ul></div>
2020<p>Ifor Williams' own guidance calculates winch suitability around the maximum rolling load that can be pulled onto a particular trailer and ramp combination. Their documentation also specifies that their winch brackets and winches are intended for <strong>rolling loads</strong>, rather than vehicles whose wheels cannot rotate freely.</p>
2021<h3>
202112V Electric Trailer Winches</h3>
2022<p>A 12V electric winch can be practical for many trailer applications, particularly where the trailer has a dedicated battery or suitable connection to the towing vehicle.</p>
2023<p>The complete electrical installation matters as much as the winch itself. Battery capacity, cable size, connections, isolation and charging arrangements should all be suitable for the current required under load.</p>
2024<p>Regular commercial use may require a more substantial electrical setup than occasional loading.</p>
2025<h3>Car Transporter Winches</h3>
2026<p>Ifor Williams has offered both manual and electric winch options for car transporter applications, including electric winches with power leads or dedicated battery arrangements.</p>
2027<p>For vehicle transport, consider:</p>
2028<div><ul>
2029<li>vehicle rolling resistance</li>
2030<li>ramp angle</li>
2031<li>rope alignment</li>
2032<li>required cable or rope length</li>
2033<li>operator visibility</li>
2034<li>mounting strength</li>
2035</ul></div>
2036<p>A freely rolling vehicle generally places much less load on the winch than one with damaged tyres, locked brakes or accident damage.</p>
2037<h3>Plant Trailer Winches</h3>
2038<p>Plant-loading applications can be more demanding because of machinery weight and loading conditions.</p>
2039<p>When using a winch to load suitable wheeled plant, consider the equipment's actual rolling resistance as well as its weight. Mud, flat tyres, damaged running gear or steep loading angles can substantially increase the required pulling force.</p>
2040<p>The trailer, winch bracket and mounting structure must all be appropriate for the loads involved.</p>
2041<h3>Synthetic Rope or Steel Wire?</h3>
2042<p>Both options have advantages.</p>
2043<p><strong>Synthetic rope</strong> is light and easier to handle, making it useful where operators frequently pull the line out manually.</p>
2044<p><strong>Steel wire rope</strong> offers excellent abrasion resistance and remains common in commercial and plant environments.</p>
2045<p>Whichever option is used, it should be correctly matched to the winch and regularly inspected for wear or damage.</p>
2046<h3>Check Mounting Compatibility Before Ordering</h3>
2047<p>This section is particularly important on this page.</p>
2048<p>Ifor Williams states that its supplied winches are specified to work with its winch brackets and warns that other makes may not be compatible.</p>
2049<p>Before fitting an alternative electric winch, check:</p>
2050<div><ul>
2051<li>trailer model</li>
2052<li>existing winch bracket</li>
2053<li>mounting bolt pattern</li>
2054<li>winch dimensions</li>
2055<li>fairlead position</li>
2056<li>rope path</li>
2057<li>electrical supply</li>
2058<li>any effect on manufacturer warranty</li>
2059</ul></div>
2060<p>If you are unsure, contact our team with the trailer model and details of the existing installation before ordering.</p>
2061<h3>Choosing the Right Trailer Winch</h3>
2062<p>There is no single electric winch suitable for every Ifor Williams trailer.</p>
2063<p>The correct setup depends on the trailer, mounting system, load, ramp angle and electrical arrangement.</p>
2064<p>Browse our range of <strong>electric winches for trailer applications</strong> above, or contact the Novawinch UK team for help identifying a suitable option for your setup.</p></div></div></section><section data-padding-top="small" data-padding-bottom="small" data-cms-check="true" class="section_border"><div class="faq_contain u-container"><div class="faq-heading-wrap u-text-h4"><div class="section_title_wrap"><h2 class="section_large_title">Frequently Asked Questions</h2></div></div><div fs-accordion-single="true" fs-accordion-element="group" fs-accordion-initial="none" class="faq_component"><div class="accordion_script_embed w-embed w-script"><!-- [Finsweet Attributes] Accordion -->
2065<script>(()=>{var t="https://cdn.jsdelivr.net/npm/@finsweet/attributes-accordion@1/accordion.js",e=document.querySelector(`script[src="${t}"]`);e||(e=document.createElement("script"),e.async=!0,e.src=t,document.head.append(e));})();</script>
2065</div><div class="w-dyn-list"><div data-faq-schema="" role="list" class="w-dyn-items"><div data-faq-item="" role="listitem" class="faq-collection-item w-dyn-item"><div fs-accordion-element="accordion" class="accordion_item"><div id="accordion-2-header-2" tabindex="0" role="button" aria-controls="accordion-2-content-2" aria-expanded="false" fs-accordion-element="trigger" class="accordion_header is-faq"><div class="accordion_labal-wrapper"><h3 data-faq-question="" class="accordion_label is-faqs">Can I fit a Novawinch electric winch to an Ifor Williams trailer?</h3></div><div fs-accordion-element="arrow" class="accordion_arrow-wrapper"><div class="fs_accordion-2_icon w-icon-dropdown-toggle"></div></div></div><div id="accordion-2-content-2" aria-labelledby="accordion-2-header-2" fs-accordion-element="content" class="accordion_content"><div class="accordion_body"><div data-faq-answer="" class="u-rich-text w-richtext"><p>Potentially, but compatibility depends on the specific trailer, winch bracket, bolt pattern and electrical setup. Ifor Williams recommends using winches specified for its brackets and warns that incompatible alternatives may affect warranty, so fitment should be checked before installation.</p></div></div></div></div></div><div data-faq-item="" role="listitem" class="faq-collection-item w-dyn-item"><div fs-accordion-element="accordion" class="accordion_item"><div id="accordion-2-header-2" tabindex="0" role="button" aria-controls="accordion-2-content-2" aria-expanded="false" fs-accordion-element="trigger" class="accordion_header is-faq"><div class="accordion_labal-wrapper"><h3 data-faq-question="" class="accordion_label is-faqs">What size winch do I need for an Ifor Williams trailer?</h3></div><div fs-accordion-element="arrow" class="accordion_arrow-wrapper"><div class="fs_accordion-2_icon w-icon-dropdown-toggle"></div></div></div><div id="accordion-2-content-2" aria-labelledby="accordion-2-header-2" fs-accordion-element="content" class="accordion_content"><div class="accordion_body"><div data-faq-answer="" class="u-rich-text w-richtext"><p>The correct size depends on the trailer, ramp angle and maximum rolling load. Ifor Williams determines winch capacity based partly on the maximum rolling load that can be winched onto each trailer and ramp combination, so trailer-specific requirements should be checked rather than relying on a single vehicle-weight rule.</p></div></div></div></div></div><div data-faq-item="" role="listitem" class="faq-collection-item w-dyn-item"><div fs-accordion-element="accordion" class="accordion_item"><div id="accordion-2-header-2" tabindex="0" role="button" aria-controls="accordion-2-content-2" aria-expanded="false" fs-accordion-element="trigger" class="accordion_header is-faq"><div class="accordion_labal-wrapper"><h3 data-faq-question="" class="accordion_label is-faqs">Can I use an electric winch on an Ifor Williams car transporter?</h3></div><div fs-accordion-element="arrow" class="accordion_arrow-wrapper"><div class="fs_accordion-2_icon w-icon-dropdown-toggle"></div></div></div><div id="accordion-2-content-2" aria-labelledby="accordion-2-header-2" fs-accordion-element="content" class="accordion_content"><div class="accordion_body"><div data-faq-answer="" class="u-rich-text w-richtext"><p>Yes, suitable electric winch systems are used on car transporter applications, and Ifor Williams has offered electric winch options with either power leads or dedicated battery arrangements. Compatibility with the individual trailer still needs to be confirmed.</p></div></div></div></div></div><div data-faq-item="" role="listitem" class="faq-collection-item w-dyn-item"><div fs-accordion-element="accordion" class="accordion_item"><div id="accordion-2-header-2" tabindex="0" role="button" aria-controls="accordion-2-content-2" aria-expanded="false" fs-accordion-element="trigger" class="accordion_header is-faq"><div class="accordion_labal-wrapper"><h3 data-faq-question="" class="accordion_label is-faqs">Can I winch a vehicle with locked wheels onto the trailer?</h3></div><div fs-accordion-element="arrow" class="accordion_arrow-wrapper"><div class="fs_accordion-2_icon w-icon-dropdown-toggle"></div></div></div><div id="accordion-2-content-2" aria-labelledby="accordion-2-header-2" fs-accordion-element="content" 
2065class="accordion_content"><div class="accordion_body"><div data-faq-answer="" class="u-rich-text w-richtext"><p>You should be cautious. Ifor Williams&#x27; own winch guidance says its winch systems and brackets are rated for <strong>rolling loads</strong> and are not intended for vehicles whose wheels do not rotate freely.</p></div></div></div></div></div><div data-faq-item="" role="listitem" class="faq-collection-item w-dyn-item"><div fs-accordion-element="accordion" class="accordion_item"><div id="accordion-2-header-2" tabindex="0" role="button" aria-controls="accordion-2-content-2" aria-expanded="false" fs-accordion-element="trigger" class="accordion_header is-faq"><div class="accordion_labal-wrapper"><h3 data-faq-question="" class="accordion_label is-faqs">Should I use synthetic rope or steel wire?</h3></div><div fs-accordion-element="arrow" class="accordion_arrow-wrapper"><div class="fs_accordion-2_icon w-icon-dropdown-toggle"></div></div></div><div id="accordion-2-content-2" aria-labelledby="accordion-2-header-2" fs-accordion-element="content" class="accordion_content"><div class="accordion_body"><div data-faq-answer="" class="u-rich-text w-richtext"><p>Synthetic rope is lighter and easier to handle, while steel wire offers excellent abrasion resistance. The best option depends on the operating environment and the specification of the winch.</p></div></div></div></div></div><div data-faq-item="" role="listitem" class="faq-collection-item w-dyn-item"><div fs-accordion-element="accordion" class="accordion_item"><div id="accordion-2-header-2" tabindex="0" role="button" aria-controls="accordion-2-content-2" aria-expanded="false" fs-accordion-element="trigger" class="accordion_header is-faq"><div class="accordion_labal-wrapper"><h3 data-faq-question="" class="accordion_label is-faqs">Do I need a separate battery for an electric trailer winch?</h3></div><div fs-accordion-element="arrow" class="accordion_arrow-wrapper"><div class="fs_accordion-2_icon w-icon-dropdown-toggle"></div></div></div><div id="accordion-2-content-2" aria-labelledby="accordion-2-header-2" fs-accordion-element="content" class="accordion_content"><div class="accordion_body"><div data-faq-answer="" class="u-rich-text w-richtext"><p>Not always. Some trailer installations use power leads from the towing vehicle, while others use a dedicated trailer-mounted battery. The electrical system should be capable of supplying the winch under load and should be installed appropriately for the intended use.</p></div></div></div></div></div></div></div></div></div></section><footer class="footer_component"><div class="tyre_image"></div><div class="footer_top_wrap"><div class="footer_contain u-container"><div class="footer_grid u-grid-custom"><div class="footer_links_wrap u-vflex-left-top u-gap-custom"><div class="footer_title u-weight-medium">Novawinch</div><a href="/about-us" class="footer_link">About Us</a><a href="/gallery" class="footer_link">Gallery</a><a href="/blog" class="footer_link">Blog</a></div><div class="footer_links_wrap u-vflex-left-top u-gap-custom"><div class="footer_title u-weight-medium">Customer Info</div><a href="/contact-us" class="footer_link">Contact Us</a><a href="/returns" class="footer_link">Returns</a><a href="/delivery" class="footer_link">Delivery</a><a href="/warranty" class="footer_link">Warranty</a></div><div class="footer_links_wrap u-vflex-left-top u-gap-custom"><div class="footer_title u-weight-medium">Legal Bits</div><a href="/terms-conditions" class="footer_link">Terms &amp; Conditions</a><a href="/privacy-policy" class="footer_link">Privacy Policy</a><a href="/cookie-policy" class="footer_link">Cookie Policy</a></div><div id="w-node-_5c1ab54f-f920-5983-9295-aac2a2f70970-a2f70953" class="footer_links_wrap u-vflex-left-top u-gap-custom u-column-2"><a href="#" class="footer_title u-weight-medium">Join our exclusive newsletter</a><div class="form_main_wrap w-embed"><div id="omnisend-embedded-v2-67879e63f381c115caaee113"></div></div><div class="social_links_wrap u-hflex-left-center u-gap-custom"><a aria-label="Click to go to our Facebook page" href="https://www.facebook.com/novawinch" target="_blank" class="social_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="currentColor" app="ikonik" class="social_link_icon"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm4 7.278V4.5h-2.286c-2.1 0-3.428 1.6-3.428 3.889v1.667H8v2.777h2.286V19.5h2.85
20657v-6.667h2.286L16 10.056h-2.857V8.944c0-1.11.572-1.666 1.714-1.666H16z" app="ikonik"></path></svg></a><a aria-label="Click to go to our Instagram page" href="https://www.instagram.com/novawinch.uk" target="_blank" class="social_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="currentColor" app="ikonik" class="social_link_icon"><path d="M12 0c6.6274 0 12 5.3726 12 12s-5.3726 12-12 12S0 18.6274 0 12 5.3726 0 12 0zm3.115 4.5h-6.23c-2.5536 0-4.281 1.6524-4.3805 4.1552L4.5 8.8851v6.1996c0 1.3004.4234 2.4193 1.2702 3.2359.7582.73 1.751 1.1212 2.8818 1.1734l.2633.006h6.1694c1.3004 0 2.389-.4234 3.1754-1.1794.762-.734 1.1817-1.7576 1.2343-2.948l.0056-.2577V8.8851c0-1.2702-.4234-2.3589-1.2097-3.1452-.7338-.762-1.7575-1.1817-2.9234-1.2343l-.252-.0056zM8.9152 5.8911h6.2299c.9072 0 1.6633.2722 2.2076.8166.4713.499.7647 1.1758.8103 1.9607l.0063.2167v6.2298c0 .9375-.3327 1.6936-.877 2.2077-.499.4713-1.176.7392-1.984.7806l-.2237.0057H8.9153c-.9072 0-1.6633-.2722-2.2076-.7863-.499-.499-.7693-1.1759-.8109-2.0073l-.0057-.2306V8.885c0-.9073.2722-1.6633.8166-2.2077.4712-.4713 1.1712-.7392 1.9834-.7806l.2242-.0057h6.2299-6.2299zM12 8.0988c-2.117 0-3.871 1.7238-3.871 3.871A3.8591 3.8591 0 0 0 12 15.8408c2.1472 0 3.871-1.7541 3.871-3.871 0-2.117-1.754-3.871-3.871-3.871zm0 1.3911c1.3609 0 2.4798 1.119 2.4798 2.4799 0 1.3608-1.119 2.4798-2.4798 2.4798-1.3609 0-2.4798-1.119-2.4798-2.4798 0-1.361 1.119-2.4799 2.4798-2.4799zm4.0222-2.3589a.877.877 0 1 0 0 1.754.877.877 0 0 0 0-1.754z" app="ikonik"></path></svg></a></div></div></div></div></div><div class="footer-bottom_wrap"><div class="footer_contain u-container u-hflex-left-center u-gap-custom u-text-small"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="copyright_icon"><defs app="ikonik"><clipPath app="ikonik"><rect width="24" height="24" fill="currentColor" app="ikonik" class="rect-3x3rg"></rect></clipPath></defs><g clip-path="url(#clip0_6_12264)" app="ikonik"><path d="M11.88 9.14C13.16 9.2 13.49 10.29 13.51 10.8H15.3C15.22 8.82 13.81 7.61 11.85 7.61C9.64 7.61 8 9 8 12.14C8 14.08 8.93 16.38 11.84 16.38C14.06 16.38 15.25 14.73 15.28 13.43H13.49C13.46 14.02 13.04 14.81 11.86 14.87C10.55 14.83 10 13.81 10 12.14C10 9.25 11.28 9.16 11.88 9.14ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" fill="currentColor" app="ikonik" class="path-22njt"></path></g></svg><div>2026 Novawinch UK. All rights reserved.</div></div></div></footer></main><button data-is="preferences-button" class="cookie_preference_btn"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" class="svg-icon"><g><rect fill="none" height="24" width="24"></rect></g><g><g><path d="M21.95,10.99c-1.79-0.03-3.7-1.95-2.68-4.22c-2.98,1-5.77-1.59-5.19-4.56C6.95,0.71,2,6.58,2,12c0,5.52,4.48,10,10,10 C17.89,22,22.54,16.92,21.95,10.99z M8.5,15C7.67,15,7,14.33,7,13.5S7.67,12,8.5,12s1.5,0.67,1.5,1.5S9.33,15,8.5,15z M10.5,10 C9.67,10,9,9.33,9,8.5S9.67,7,10.5,7S12,7.67,12,8.5S11.33,10,10.5,10z M15,16c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1s1,0.45,1,1 C16,15.55,15.55,16,15,16z" fill="currentColor"></path></g></g></svg><div>Preferences</div></button><div class="custom-css w-embed"><style>
2066html .slider_list > :not(.u-display-contents, .w-dyn-list),
2067.slider_list > .w-dyn-list > * > * > *,
2068.slider_list > .u-display-contents > *,
2069.slider_list > .u-display-contents > .u-display-contents > *,
2070.slider_list > .u-display-contents > .w-dyn-list > * > * > *,
2071.slider_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > * > * {
2072	padding-inline: calc(var(--_gap---size) / 2);
2073	height: auto !important;
2074	flex: 0 0 auto;
2075	width: calc(100% / var(--slide-count));
2076}
2077.slider_button_layout:not(:has(button:not(:disabled))) {
2078	display: none;
2079}
2080
2081  
2082/* Define a variable for the "Empty" state check to make it cleaner */
2083:root {
2084  --list-is-empty: :not(:has(.breadcrumbs__link:not(.w-condition-invisible)));
2085}
2086
2087/* 1. Hide the CMS List if all items are invisible */
2088.breadcrumb-dynamic:not(:has(.breadcrumbs__link:not(.w-condition-invisible))) {
2089    display: none !important;
2090}
2091
2092/* 2. Hide the separator BEFORE the empty list */
2093.breadcrumbs__separator:has(+ .breadcrumb-dynamic:not(:has(.breadcrumbs__link:not(.w-condition-invisible)))) {
2094    display: none !important;
2095}
2096
2097/* 3. Hide the separator AFTER the empty list */
2098.breadcrumb-dynamic:not(:has(.breadcrumbs__link:not(.w-condition-invisible))) + .breadcrumbs__separator {
2099    display: none !important;
2100}
2101
2102
2103.filter-dropdown-list_link:last-child {border-bottom: none;}
2104
2105/* Style toggle when any link inside .filter_dropdown has .w--current */
2106.filter_dropdown:has(.filter-dropdown-list_link.w--current) .filter-dropdown-toggle {
2107  background-color: var(--theme--brand) !important;
2108  color: #000000 !important;
2109  
2110}
2111
2112.accordion_item:hover .fs_accordion-2_icon {color: var(--theme--brand) !important;}
2113
2114</style></div><div class="u-embed-js-2 w-embed w-script"><!-- Load Swiper CSS and JS once -->
2115<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/>
2116<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
2116
2117
2118<script>
2119document.addEventListener("DOMContentLoaded", () => {
2120  const syncGroups = {};
2121
2122  document.querySelectorAll("[data-slider='component']:not([data-slider='component'] [data-slider='component'])").forEach((component) => {
2123    if (component.dataset.scriptInitialized) return;
2124    component.dataset.scriptInitialized = "true";
2125
2126    const swiperElement = component.querySelector(".slider_element");
2127    const swiperWrapper = component.querySelector(".slider_list");
2128    if (!swiperElement || !swiperWrapper) return;
2129
2130    function flattenDisplayContents(slot) {
2131      if (!slot) return;
2132      let child = slot.firstElementChild;
2133      while (child && child.classList.contains("u-display-contents")) {
2134        while (child.firstChild) slot.insertBefore(child.firstChild, child);
2135        slot.removeChild(child);
2136        child = slot.firstElementChild;
2137      }
2138    }
2139    flattenDisplayContents(swiperWrapper);
2140    
2141    function removeCMSList(slot) {
2142      const dynList = Array.from(slot.children).find((child) => child.classList.contains("w-dyn-list"));
2143      if (!dynList) return;
2144      const nestedItems = dynList?.querySelector(".w-dyn-items")?.children;
2145      if (!nestedItems) return;
2146      const staticWrapper = [...slot.children];
2147      [...nestedItems].forEach(el => { 
2148        const c = [...el.children].find(c => !c.classList.contains('w-condition-invisible')); 
2149        c && slot.appendChild(c); 
2150      });
2151      staticWrapper.forEach((el) => el.remove());
2152    }
2153    removeCMSList(swiperWrapper);
2154
2155    [...swiperWrapper.children].forEach((el) => el.classList.add("swiper-slide"));
2156
2157    const syncParent = component.closest('[data-slider-sync]');
2158    const syncName = syncParent ? syncParent.getAttribute('data-slider-sync') : null;
2159
2160    let nextEl = component.querySelector("[data-slider='next']");
2161    let prevEl = component.querySelector("[data-slider='previous']");
2162    let paginationEl = component.querySelector(".slider_bullet_list");
2163
2164    if (syncParent) {
2165      if (!nextEl) nextEl = syncParent.querySelector("[data-slider='next'] button");
2166      if (!prevEl) prevEl = syncParent.querySelector("[data-slider='previous'] button");
2167      if (!paginationEl) paginationEl = syncParent.querySelector(".slider_bullet_list");
2168    }
2169
2170    const followFinger = swiperElement.getAttribute("data-follow-finger") === "True",
2171      freeMode = swiperElement.getAttribute("data-free-mode") === "True",
2172      mousewheel = swiperElement.getAttribute("data-mousewheel") === "True",
2173      slideToClickedSlide = swiperElement.getAttribute("data-slide-to-clicked") === "True",
2174      speed = +swiperElement.getAttribute("data-speed") || 600,
2175      autoplay = swiperElement.getAttribute("data-autoplay") === "True",
2176      autoplayDelay = +swiperElement.getAttribute("data-autoplay-delay") || 3000,
2177      loop = swiperElement.getAttribute("data-loop") === "True";
2178
2179    const swiperInstance = new Swiper(swiperElement, {
2180      slidesPerView: "auto",
2181      loop: loop,
2182      followFinger: followFinger,
2183      loopAdditionalSlides: 10,
2184      freeMode: freeMode,
2185      slideToClickedSlide: slideToClickedSlide,
2186      centeredSlides: false,
2187      autoHeight: false,
2188      speed: speed,
2189      
2190      autoplay: autoplay ? {
2191        delay: autoplayDelay,
2192        disableOnInteraction: false,
2193      } : false,
2194
2195      mousewheel: {
2196        enabled: mousewheel,
2197        forceToAxis: true,
2198      },
2199      keyboard: {
2200        enabled: true,
2201        onlyInViewport: true,
2202      },
2203      navigation: { nextEl: nextEl, prevEl: prevEl },
2204      pagination: {
2205        el: paginationEl,
2206        bulletActiveClass: "is-active",
2207        bulletClass: "slider_bullet_item",
2208        bulletElement: "button",
2209        clickable: true,
2210      },
2211      slideActiveClass: "is-active",
2212      slideDuplicateActiveClass: "is-active",
2213    });
2214
2215    if (syncName) {
2216      if (!syncGroups[syncName]) syncGroups[syncName] = [];
2217      syncGroups[syncName].push(swiperInstance);
2218    }
2219  });
2220
2221  // Link all controllers within the same sync group AND fix autoplay timers
2222  Object.values(syncGroups).forEach(group => {
2223    if (group.length > 1) {
2224      // Find the slider acting as the engine (the one with autoplay enabled)
2225      const engineSlider = group.find(swiper => swiper.params.autoplay);
2226
2227      group.forEach((swiper, index) => {
2228        // Sync controllers
2229        swiper.controller.control = group.filter((_, i) => i !== index);
2230
2231        // Reset autoplay timer on manual drag/swipe of any slider in the group
2232        if (engineSlider) {
2233          swiper.on('touchEnd', () => {
2234            engineSlider.autoplay.stop();
2235            engineSlider.autoplay.start();
2236          });
2237        }
2238      });
2239
2240      // Reset autoplay timer on bullet/arrow clicks
2241      if (engineSlider) {
2242        const syncParent = engineSlider.el.closest('[data-slider-sync]');
2243        if (syncParent) {
2244          const controls = syncParent.querySelectorAll('.slider_bullet_item, [data-slider="next"], [data-slider="previous"]');
2245          controls.forEach(control => {
2246            control.addEventListener('click', () => {
2247              engineSlider.autoplay.stop();
2248              engineSlider.autoplay.start();
2249            });
2250          });
2251        }
2252      }
2253    }
2254  });
2255});
2256</script>
2256</div></div><div class="hide w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div>
2256<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=663bc0455a60e5ca4d65395d" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
2256<script src="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/js/webflow.4a0afe2c.d9161da66d553770.js" type="text/javascript" integrity="sha384-JtwVWS/g247Zo41vdC83T+QV9OmS7/zpZWFgpdg9ODHT2bbE04Ze5Sv+WanWRI/C" crossorigin="anonymous"></script>
2256<!-- Smootify Meta AddToCart Event -->
2257<script>
2258document.addEventListener('smootify:added_to_cart', (event) => {
2259    const {lines, cart, goToCheckout} = event.detail;
2260    if (window.fbq) {
2261        for (let line of lines) {
2262            const cartLine = cart.lines.nodes.find(e => e.merchandise.id == line.merchandiseId);
2263            if (cartLine) {
2264                fbq('track', 'AddToCart', {
2265                    content_type: "product",
2266                    contents: [{
2267                        id: line.merchandiseId.split("/").pop(),
2268                        quantity: line.quantity,
2269                        value: Number(cartLine.cost.totalAmount.amount),
2270                        currency: cartLine.cost.totalAmount.currencyCode
2271                    }]
2272                })
2273            }
2274        }
2275    }
2276})
2277</script>
2277
2278
2279
2280<script src="https://cdn.jsdelivr.net/gh/flowtricks/[email protected]/cms-nest.js"></script>
2280
2281
2282
2283
2284<script type="text/javascript">
2285    window.omnisend = window.omnisend || [];
2286    omnisend.push(["accountID", "66fa4a7f21fcbf9e35ee02f8"]);
2287    omnisend.push(["track", "$pageViewed"]);
2288    !function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://omnisnippet1.com/inshop/launcher-v2.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}();
2289</script>
2289
2290
2291
2292
2293
2294
2295<!-- [Attributes by Finsweet] Modal -->
2296<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-modal@1/modal.js"></script>
2296
2297
2298
2299
2300
2301<script src="https://cdn.shopify.com/extensions/0dbe771f-afe6-4013-bed7-20e4c8b60ba3/inbox-1151/assets/inbox-chat-loader.js" type="smootify-load" defer="defer" data-type="text/javascript"></script>
2301<script id="chat-button-container" data-horizontal-position="bottom_right" data-vertical-position="lowest" data-icon="chat_bubble" data-text="no_text" data-color="#000000" data-secondary-color="#ffffff" data-ternary-color="#000000" data-domain="novawinch.myshopify.com" data-external-identifier="ORWyQywjkF_rR5J9vgC9lCnYDfqBOEVT-IP39_0KxVo">
2302</script>
2302
2303
2304
2305<script>
2306$(document).ready(function () {
2307    let isDropdownOpen = false;
2308
2309    // Cache selectors for performance
2310    const $body = $("body");
2311    const $cartDropdown = $(".cart-panel_dropdown");
2312    const $cartPanel = $(".cart_panel-panel");
2313    let shopifyChat = null;
2314
2315    // Helper to get raw DOM element
2316    const getCartPanel = () => $cartPanel[0];
2317
2318    // Function to update z-index of the Shopify chat
2319    function updateChatZIndex(value) {
2320        if (!shopifyChat) {
2321            shopifyChat = document.querySelector("inbox-online-store-chat");
2322        }
2323        if (shopifyChat) {
2324            shopifyChat.style.zIndex = value;
2325        }
2326    }
2327
2328    // Toggle dropdown state on toggle button click
2329    // Ensure you add id="cart-panel_button" to your element
2330    $("#cart-panel_button").click(function (e) {
2331        e.preventDefault();
2332        e.stopPropagation();
2333
2334        if (isDropdownOpen) {
2335            closeCartDropdown();
2336        } else {
2337            openCartDropdown();
2338        }
2339    });
2340
2341    // Use event delegation for close buttons to handle dynamic elements
2342    $(document).on("click", "[data-close-cart]", function (e) {
2343        e.preventDefault();
2344        e.stopPropagation();
2345        closeCartDropdown();
2346    });
2347
2348    // Handle clicks inside the panel
2349    $cartPanel.click(function (e) {
2350        // If the clicked element (or its parent) is a close button, close the cart
2351        if ($(e.target).closest("[data-close-cart]").length > 0) {
2352            e.preventDefault();
2353            closeCartDropdown();
2354            return;
2355        }
2356
2357        // Otherwise, stop propagation so clicking the panel doesn't close it
2358        e.stopPropagation();
2359    });
2360
2361    $(document).click(function (e) {
2362        if (isDropdownOpen) {
2363            closeCartDropdown();
2364        }
2365    });
2366
2367    function openCartDropdown() {
2368        // Reset styles in case they were left over
2369        $cartPanel.css({
2370            "transform": "",
2371            "opacity": ""
2372        });
2373
2374        $body.addClass("no-scroll");
2375        $cartDropdown.trigger("w-open.w-dropdown");
2376        updateChatZIndex("1");
2377        isDropdownOpen = true;
2378    }
2379
2380    function closeCartDropdown() {
2381        if (!isDropdownOpen) return;
2382
2383        // Animate the panel out
2384        let panelEl = getCartPanel();
2385
2386        if (panelEl) {
2387            // Use Web Animations API for smooth exit
2388            let animation = panelEl.animate(
2389                [
2390                    { transform: 'translateX(0)', opacity: 1 },
2391                    { transform: 'translateX(100%)', opacity: 1 }
2392                ],
2393                {
2394                    duration: 300,
2395                    easing: 'ease-in-out',
2396                    fill: 'forwards'
2397                }
2398            );
2399
2400            animation.finished.then(() => {
2401                finishClosing();
2402                try { animation.cancel(); } catch (e) { }
2403            });
2404        } else {
2405            finishClosing();
2406        }
2407    }
2408
2409    function finishClosing() {
2410        $body.removeClass("no-scroll");
2411        $cartDropdown.trigger("w-close.w-dropdown");
2412        updateChatZIndex("2147483647");
2413        isDropdownOpen = false;
2414
2415        // Clean up styles
2416        $cartPanel.css({
2417            "transform": "",
2418            "opacity": ""
2419        });
2420    }
2421});
2422
2423</script>
2423
2424
2425<script>
2426document.addEventListener("DOMContentLoaded", function () {
2427  var categorySlug = "ifor-williams-trailer-winches";
2428  var categoryName = "Electric Winches for Ifor Williams Trailers";
2429  var categoryUrl = "https://www.novawinch.uk/shop/" + categorySlug;
2430
2431  var faqItems = [];
2432  var faqNodes = document.querySelectorAll("[data-faq-item]");
2433
2434  faqNodes.forEach(function (item) {
2435    var questionEl = item.querySelector("[data-faq-question]");
2436    var answerEl = item.querySelector("[data-faq-answer]");
2437
2438    if (!questionEl || !answerEl) return;
2439
2440    var question = questionEl.textContent.trim();
2441    var answer = answerEl.textContent.trim();
2442
2443    if (!question || !answer) return;
2444
2445    faqItems.push({
2446      "@type": "Question",
2447      "name": question,
2448      "acceptedAnswer": {
2449        "@type": "Answer",
2450        "text": answer
2451      }
2452    });
2453  });
2454
2455  var graph = [
2456    {
2457      "@type": "CollectionPage",
2458      "@id": categoryUrl + "#collectionpage",
2459      "url": categoryUrl,
2460      "name": categoryName,
2461      "inLanguage": "en-GB"
2462    },
2463    {
2464      "@type": "BreadcrumbList",
2465      "@id": categoryUrl + "#breadcrumb",
2466      "itemListElement": [
2467        {
2468          "@type": "ListItem",
2469          "position": 1,
2470          "name": "Home",
2471          "item": "https://www.novawinch.uk/"
2472        },
2473        {
2474          "@type": "ListItem",
2475          "position": 2,
2476          "name": categoryName,
2477          "item": categoryUrl
2478        }
2479      ]
2480    }
2481  ];
2482
2483  if (faqItems.length > 0) {
2484    graph.push({
2485      "@type": "FAQPage",
2486      "@id": categoryUrl + "#faq",
2487      "url": categoryUrl,
2488      "mainEntity": faqItems
2489    });
2490  }
2491
2492  var schema = {
2493    "@context": "https://schema.org",
2494    "@graph": graph
2495  };
2496
2497  var script = document.createElement("script");
2498  script.type = "application/ld+json";
2499  script.textContent = JSON.stringify(schema);
2500  document.head.appendChild(script);
2501});
2502</script>
2502
2503
2504<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
2504
2505
2506<!-- Badge -->
2507<script src="/product-review-system/api/product-rating-badge" type="module"></script>
2507</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.