PageSourceSearch

https://www.roots.com/us/en/homepage

html roots.com collected 2026-09-24 17:39:24 UTC 331,357 bytes, 8,127 lines download raw bytes

1
2
3
4
5
6
7
8
9
10<!-- Include Page Designer Campaign Banner JavaScript and Styles only once here rather than at component level. -->
11<!-- There should only be one Campagin Banner added on a PD page. Multiple Banners is unsupported at the moment. -->
12
13
14<!DOCTYPE html>
15<html lang="en">
16<head>
17<!--[if gt IE 9]><!-->
18<script type="text/javascript" src="https://www.roots.com/static/c350c28549d795dcc894e16841eca10971fdfc54b91663"  ></script>
18<script>//common/scripts.isml</script>
18
19
20
21
22
23<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/main.js"></script>
23
24
25    
25<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/productTile.js"></script>
25
26
27    
27<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/slickCarousel.js"></script>
27
28
29    
29<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/BRCarousel.js"></script>
29
30
31    
31<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/imageMastheadTitleLinkFlexible.js"></script>
31
32
33    
33<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/campaignBanner.js"></script>
33
34
35
36
37
38
39
40    
40<script>
41        (function(n,t,i,r,loqateAccountCode){
42                var u,f;n[i]=n[i]||{},n[i].initial={accountCode:loqateAccountCode,host:loqateAccountCode+".pcapredict.com"},n[i].on=n[i].on||function(){(n[i].onq=n[i].onq||[]).push(arguments)},u=t.createElement("script"),u.async=!0,u.src=r,f=t.getElementsByTagName("script")[0],f.parentNode.insertBefore(u,f)
43        })(window,document,"pca","//ROOTS11122.pcapredict.com/js/sensor.js", "ROOTS11122")
44    </script>
44
45
46
47
48
49<!--<![endif]-->
50<meta charset="UTF-8"/>
51
52<meta http-equiv="x-ua-compatible" content="ie=edge"/>
53
54<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1">
55
56
57<title>Roots Casual Clothing for Men, Women, and Kids | Roots</title>
58
59<meta name="description" content="Shop Roots online for our lifestyle collection of men, women, and kids casual apparel, shoes, leather goods and more."/>
60<meta name="keywords" content="Roots Storefront"/>
61
62
63
64
65
66<link rel="icon" href="/on/demandware.static/Sites-RootsUS-Site/-/default/dw2cb939d0/images/favicon.ico" />
67<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
68<link rel="stylesheet" href="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/css/global.css" />
69<link rel="stylesheet" href="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/css/main.css" />
70
71    <link rel="stylesheet" href="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/css/thirdParty/slick.css"  />
72
73    <link rel="stylesheet" href="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/css/thirdParty/slick-theme.css"  />
74
75    <link rel="stylesheet" href="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/css/experience/components/commerceAssets/photoTile.css"  />
76
77    <link rel="stylesheet" href="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/css/experience/components/commerceAssets/campaignBanner.css"  />
78
79
80
81	
81<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/EswHooks.js"></script>
81
82	<link rel="stylesheet" href="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/css/EswCss.css" />
83
84
85
86    <link rel="canonical" href="https://www.roots.com/us/en/homepage"/>
87
88
89
90
91    <link rel="alternate" hreflang="x-default" href="https://www.roots.com/us/en/homepage" />
92
93    <link rel="alternate" hreflang="en-US" href="https://www.roots.com/us/en/homepage" />
94
95    <link rel="alternate" hreflang="en-CA" href="https://www.roots.com/ca/en/homepage" />
96
97    <link rel="alternate" hreflang="fr-CA" href="https://www.roots.com/ca/fr/homepage" />
98
99
100
101    <meta name="google-site-verification" content="C54oec0lM0k1bblcUkkb1KB5HyHkevdXARCIPnXeUts=" />
102
103
104
105
106
107
108<!--GTM HOOK -->
109
110
111    
111<script>
112    const viewDataLayer = '{&quot;pageType&quot;:&quot;home&quot;,&quot;list&quot;:null,&quot;language&quot;:&quot;en&quot;,&quot;currencyCode&quot;:&quot;USD&quot;,&quot;localCurrencyCode&quot;:&quot;USD&quot;,&quot;cart&quot;:{&quot;products&quot;:[]},&quot;pageID&quot;:&quot;homepage-example&quot;,&quot;user&quot;:{&quot;userId&quot;:&quot;abTxmlQkwWyzyfeKGDe8S2T0Lg&quot;,&quot;signedIn&quot;:&quot;no&quot;,&quot;visitorType&quot;:&quot;anonymous&quot;,&quot;userEmail&quot;:&quot;n/a&quot;,&quot;customerNumber&quot;:&quot;n/a&quot;,&quot;firstName&quot;:&quot;n/a&quot;,&quot;lastName&quot;:&quot;n/a&quot;,&quot;addToEmailList&quot;:false,&quot;addToSMSList&quot;:false}}';
113
114    if (viewDataLayer) {
115        dataLayer = [
116            JSON.parse(viewDataLayer.replace(/&quot;/g,'"'))
117        ];
118    }
119</script>
119
120
121<!-- Google Tag Manager -->
122<script>
vendor: 327 bytes, lines 122-126
122(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
123new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
124j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
125'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
126})(window,document,'script','dataLayer','
126GTM-MHN6847
vendor: 3 bytes, line 126
126');
126</script>
126
127<!-- End Google Tag Manager -->
128
129
130
131  
132<script type="text/javascript">//<!--
133/* <![CDATA[ (head-active_data.js) */
134var dw = (window.dw || {});
135dw.ac = {
136    _analytics: null,
137    _events: [],
138    _category: "",
139    _searchData: "",
140    _anact: "",
141    _anact_nohit_tag: "",
142    _analytics_enabled: "true",
143    _timeZone: "US/Eastern",
144    _capture: function(configs) {
145        if (Object.prototype.toString.call(configs) === "[object Array]") {
146            configs.forEach(captureObject);
147            return;
148        }
149        dw.ac._events.push(configs);
150    },
151	capture: function() { 
152		dw.ac._capture(arguments);
153		// send to CQ as well:
154		if (window.CQuotient) {
155			window.CQuotient.trackEventsFromAC(arguments);
156		}
157	},
158    EV_PRD_SEARCHHIT: "searchhit",
159    EV_PRD_DETAIL: "detail",
160    EV_PRD_RECOMMENDATION: "recommendation",
161    EV_PRD_SETPRODUCT: "setproduct",
162    applyContext: function(context) {
163        if (typeof context === "object" && context.hasOwnProperty("category")) {
164        	dw.ac._category = context.category;
165        }
166        if (typeof context === "object" && context.hasOwnProperty("searchData")) {
167        	dw.ac._searchData = context.searchData;
168        }
169    },
170    setDWAnalytics: function(analytics) {
171        dw.ac._analytics = analytics;
172    },
173    eventsIsEmpty: function() {
174        return 0 == dw.ac._events.length;
175    }
176};
177/* ]]> */
178// -->
179</script>
vendor: 1 bytes, line 179
179
180<script type="text/javascript">//<!--
181/* <![CDATA[ (head-cquotient.js) */
182var CQuotient = window.CQuotient = {};
183CQuotient.clientId = 'aacg-RootsUS';
184CQuotient.realm = 'BGGS';
185CQuotient.siteId = 'RootsUS';
186CQuotient.instanceType = 'prd';
187CQuotient.locale = 'en_US';
188CQuotient.fbPixelId = '__UNKNOWN__';
189CQuotient.activities = [];
190CQuotient.cqcid='';
191CQuotient.cquid='';
192CQuotient.cqeid='';
193CQuotient.cqlid='';
194CQuotient.apiHost='api.cquotient.com';
195/* Turn this on to test against Staging Einstein */
196/* CQuotient.useTest= true; */
197CQuotient.useTest = ('true' === 'false');
198CQuotient.initFromCookies = function () {
199	var ca = document.cookie.split(';');
200	for(var i=0;i < ca.length;i++) {
201	  var c = ca[i];
202	  while (c.charAt(0)==' ') c = c.substring(1,c.length);
203	  if (c.indexOf('cqcid=') == 0) {
204		CQuotient.cqcid=c.substring('cqcid='.length,c.length);
205	  } else if (c.indexOf('cquid=') == 0) {
206		  var value = c.substring('cquid='.length,c.length);
207		  if (value) {
208		  	var split_value = value.split("|", 3);
209		  	if (split_value.length > 0) {
210			  CQuotient.cquid=split_value[0];
211		  	}
212		  	if (split_value.length > 1) {
213			  CQuotient.cqeid=split_value[1];
214		  	}
215		  	if (split_value.length > 2) {
216			  CQuotient.cqlid=split_value[2];
217		  	}
218		  }
219	  }
220	}
221}
222CQuotient.getCQCookieId = function () {
223	if(window.CQuotient.cqcid == '')
224		window.CQuotient.initFromCookies();
225	return window.CQuotient.cqcid;
226};
227CQuotient.getCQUserId = function () {
228	if(window.CQuotient.cquid == '')
229		window.CQuotient.initFromCookies();
230	return window.CQuotient.cquid;
231};
232CQuotient.getCQHashedEmail = function () {
233	if(window.CQuotient.cqeid == '')
234		window.CQuotient.initFromCookies();
235	return window.CQuotient.cqeid;
236};
237CQuotient.getCQHashedLogin = function () {
238	if(window.CQuotient.cqlid == '')
239		window.CQuotient.initFromCookies();
240	return window.CQuotient.cqlid;
241};
242CQuotient.trackEventsFromAC = function (/* Object or Array */ events) {
243try {
244	if (Object.prototype.toString.call(events) === "[object Array]") {
245		events.forEach(_trackASingleCQEvent);
246	} else {
247		CQuotient._trackASingleCQEvent(events);
248	}
249} catch(err) {}
250};
251CQuotient._trackASingleCQEvent = function ( /* Object */ event) {
252	if (event && event.id) {
253		if (event.type === dw.ac.EV_PRD_DETAIL) {
254			CQuotient.trackViewProduct( {id:'', alt_id: event.id, type: 'raw_sku'} );
255		} // not handling the other dw.ac.* events currently
256	}
257};
258CQuotient.trackViewProduct = function(/* Object */ cqParamData){
259	var cq_params = {};
260	cq_params.cookieId = CQuotient.getCQCookieId();
261	cq_params.userId = CQuotient.getCQUserId();
262	cq_params.emailId = CQuotient.getCQHashedEmail();
263	cq_params.loginId = CQuotient.getCQHashedLogin();
264	cq_params.product = cqParamData.product;
265	cq_params.realm = cqParamData.realm;
266	cq_params.siteId = cqParamData.siteId;
267	cq_params.instanceType = cqParamData.instanceType;
268	cq_params.locale = CQuotient.locale;
269	
270	if(CQuotient.sendActivity) {
271		CQuotient.sendActivity(CQuotient.clientId, 'viewProduct', cq_params);
272	} else {
273		CQuotient.activities.push({activityType: 'viewProduct', parameters: cq_params});
274	}
275};
276/* ]]> */
277// -->
278</script>
278
279<!-- Demandware Apple Pay -->
280
281<style type="text/css">ISAPPLEPAY{display:inline}.dw-apple-pay-button,.dw-apple-pay-button:hover,.dw-apple-pay-button:active{background-color:#000;background-image:-webkit-named-image(apple-pay-logo-white);background-position:50% 50%;background-repeat:no-repeat;background-size:75% 60%;border-radius:5px;border:1px solid black;box-sizing:border-box;margin:5px auto;min-height:30px;min-width:100px;padding:0}.dw-apple-pay-button:after{content:"Apple Pay";visibility:hidden}.dw-apple-pay-button.dw-apple-pay-logo-white{background-color:#fff;border-color:#fff;background-image:-webkit-named-image(apple-pay-logo-black);color:#000}.dw-apple-pay-button.dw-apple-pay-logo-white.dw-apple-pay-border{border-color:#000}
282</style>
283
284
285
286
287<script>
288(function(){
289window.Constants = {"LOQATE":{"SERVER_TIMEOUT_MS":5000,"MAX_SERVER_FAILURE":3,"COOLDOWN_TIME":30000}};
290window.Resources = {"CHECKOUT_TECH_ERROR":"We have encountered an issue processing your payment. Please review your payment information including address, card number, expiry and security code before attempting to place your order. If you require further assistance, please contact Customer Service.","PHONE_VALIDATION_ERROR_MESSAGE":"Please enter a valid phone number","EMAIL_VALIDATION_ERROR_MESSAGE":"Please enter a valid e-mail address"};
291window.Urls = {"addToCartUrl":"https://www.roots.com/on/demandware.store/Sites-RootsUS-Site/en_US/Cart-AddProduct","getToken":"https://www.roots.com/on/demandware.store/Sites-RootsUS-Site/en_US/CSRF-Generate","login":"https://www.roots.com/us/en/login"};
292window.SitePreferences = {"loqateEmailValidationURL":"https://api.addressy.com/emailvalidation/interactive/validate/v2/json3.ws","loqatePhoneValidationURL":"https://api.addressy.com/phonenumbervalidation/interactive/validate/v2.2/json3.ws","loqateStorefrontAPIKey":"TT19-RK48-KG65-UN55","loqateValidationDelay":1000,"loqateEmailValidationMinimalPattern":"^[^\\s@]+@[^\\s@]+\\.[a-zA-Z]{2,}$","loqateEmailValidationMinimalLength":7,"loqateErrors":"[-1, 2, 3, 6, 7, 8, 9, 11, 13, 14, 16, 20, 23, 24, 25]","loqateMockApiEnabled":false,"loqateMockEndpoint":null,"loqateMockResponse":"{}"};
293}());
294</script>
294
295</head>
296<body>
297<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 297-298
297
298<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
298GTM-MHN6847
vendor: 83 bytes, lines 298-299
298"
299height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
300<!-- End Google Tag Manager (noscript) -->
301
302<!-- PDP/Impressions GTM -->
303
304
305
306<!--GTM checkout data -->
307
308
309<!--GTM storeLocator data -->
310
311
312<!--GTM cart data -->
313
314
315<!--GTM register -->
316
317
318<!--GTM search -->
319
320
321<div class="page" data-action="null" data-querystring="null" >
322
323
324
325<header class="fullSpaceMenu">
326    <div id="wishlistResource" data-action-url="/on/demandware.store/Sites-RootsUS-Site/en_US/Resources-GetWishlist">
327        <input type="hidden" value="[]" />
328    </div>
329    <input type="hidden" id="selectedStoreId" value="" />
330    <input type="hidden" id="isBopisFlowEnable" value="null" />
331    
332    <input type="hidden"
333        class="js-bopis-flag"
334        data-store-pickup-status-url="/on/demandware.store/Sites-RootsUS-Site/en_US/StorePickup-Status"
335    />
336    <input type="hidden" class="loqateEmailSetting" data-loqate-validation=true data-country=US />
337    <input type="hidden" class="loqatePhoneSetting" data-loqate-validation=true data-country=US />
338    <input type="hidden" id="siteID" value="RootsUS" />
339    <div class="header-banner ">
340        <div class="rotating-shipping-banner">
341            <div class="d-flex justify-content-between">
342                <div class="ada-statement d-flex align-items-center">  
343                    <a class="d-none d-xl-block" href="/us/en/accessibility.html" aria-label="ADA Statement">ADA Statement</a>
344                </div>
345                
346	 
347
348
349	
350    
351        <style type="text/css">
352
353@media (max-width: 768.98px) {
354    .fifty-fifty-layout .text-linkcard {
355        padding: 2.75rem 0;
356    }
357}
358
359/* SECTION35 homepage feature styles*/
360.fifty-fifty-layout > .row.section-block:has(img[src*="section35-"]) {
361  background-color: #321700 !important;
362  color: #ffffff;
363}
364
365.fifty-fifty-layout > .row.section-block:has(img[src*="section35-"]) .promo-text,
366.fifty-fifty-layout > .row.section-block:has(img[src*="section35-"]) .description span {
367  color: #ffffff !important;
368}
369
370.fifty-fifty-layout > .row.section-block:has(img[src*="section35-"]) .btn {
371  background-color: #ffffff !important;
372  border-color: #ffffff !important;
373  color: #321700 !important;
374}
375
376.fifty-fifty-layout > .row.section-block:has(img[src*="section35-"]) .btn:hover,
377.fifty-fifty-layout > .row.section-block:has(img[src*="section35-"]) .btn:focus {
378  background-color: #333333 !important;
379  border-color: #333333 !important;
380  color: #ffffff !important;
381}
382
383/*End of SECTION35 homepage feature styles */
384
385  .fifty-fifty-layout .text-linkcard h2 {
386    line-height: normal;
387  }
388#extole_zone_global_footer{
389display: none !important;
390}
391#extole_zone_mobile_header{
392display: none !important;
393}
394.extole-js-overlay-cta-wrapper.extole-overlay-cta-wrapper {
395  display: none !important;
396}
397  @media (min-width: 992px) {
398    .ada-statement {
399      width: 93px;
400    }
401  }
402
403  @media (min-width: 1200px) {
404    .ada-statement {
405      width: 180px;
406    }
407  }
408
409  [itemprop="reviewBody"] {
410    font-family: "Centra No1", sans-serif !important;
411  }
412
413  [data-bv-show="reviews"] * {
414    font-family: "Centra No1", sans-serif !important;
415  }
416
417  .bv-reviews-product-rating-star > div {
418    border-radius: 8px !important;
419  }
420
421  #bv-ips-star-rating-1 svg,
422  #bv-ips-star-rating-2 svg,
423  #bv-ips-star-rating-3 svg,
424  #bv-ips-star-rating-4 svg,
425  #bv-ips-star-rating-5 svg {
426    width: 18px;
427    height: 18px;
428  }
429
430  .badge-label span,
431  .badge-label svg {
432    top: 0 !important;
433    position: relative !important;
434  }
435</style>
436
437<style>
438
439   #extole_zone_header_banner {
440    display: none !important;
441  } 
442
443  .header-banner .cta-link {
444    color: #ffffff !important;
445    margin-left: auto;
446    margin-right: auto;
447    display: inline-flex;
448    align-items: center;
449    justify-content: center;
450    white-space: nowrap;
451    text-align: center;
452    text-transform: uppercase;
453    font-family: inherit !important;
454    font-size: inherit !important;
455    font-weight: 500 !important;
456    text-decoration: none !important;
457    transition: all 0.2s ease-in-out;
458    border-bottom: 1px solid transparent;
459  }
460
461  @media (min-width: 768px) {
462    .header-banner .cta-link {
463      width: auto;
464    }
465  }
466
467  .header-banner .cta-link:hover {
468    border-bottom: 1px solid #fff;
469  }
470
471  .roots-header-banner-content {
472    display: flex;
473    align-items: center;
474    justify-content: center;
475    column-gap: 0.85rem;
476    row-gap: 0.25rem;
477    flex-wrap: wrap;
478    width: 100%;
479    padding: 0 12px;
480    text-align: center;
481  }
482
483  .roots-header-banner-content p {
484    margin: 0;
485    white-space: nowrap;
486  }
487
488  .roots-header-banner-separator,
489  .roots-bloomreach-refer-cta {
490    display: none;
491  }
492
493  @media (min-width: 1200px) {
494    .header-banner > .d-flex.justify-content-between {
495      min-width: 0;
496    }
497
498    .header-banner > .d-flex.justify-content-between > .content.pencil-banner {
499      min-width: 0;
500      flex: 1 1 auto;
501    }
502
503    .roots-header-banner-separator {
504      display: inline-block;
505      color: #fff;
506      font-family: "Centra No1", Arial, sans-serif;
507      font-size: 10px;
508      font-weight: 400;
509      line-height: normal;
510    }
511
512    .roots-bloomreach-refer-cta {
513      display: inline-flex;
514      align-items: center;
515      justify-content: center;
516      flex: 0 0 auto;
517      gap: 0.4rem;
518      margin: 0.1rem;
519      color: #fff !important;
520      font-family: "Centra No1", Arial, sans-serif;
521      font-size: 10px;
522      font-weight: 400;
523      line-height: normal;
524      text-decoration: none !important;
525      text-transform: none;
526      white-space: nowrap;
527      cursor: pointer;
528      box-sizing: border-box;
529      background-color: transparent;
530    }
531
532    .roots-bloomreach-refer-cta:hover,
533    .roots-bloomreach-refer-cta:focus {
534      color: #fff !important;
535      text-decoration: underline !important;
536      text-underline-offset: 3px;
537    }
538
539    .roots-bloomreach-refer-cta span {
540      display: block;
541      width: 65.6328px;
542      height: 13px;
543      line-height: normal;
544      text-align: center;
545    }
546
547    .roots-bloomreach-refer-cta img {
548      display: block;
549      width: 16px;
550      height: 15px;
551      margin: 0;
552    }
553  }
554
555  .signup-trigger-wrapper {
556    /* top: 50% !important; */
557  }
558
559  @media (max-width: 768px) {
560    .signup-trigger-wrapper {
561      /* top: 60vh !important;
562      z-index:59!important;
563      bottom: unset !important; */
564      /* bottom: 25% !important; */
565    }
566  }
567
568  [data-bv-show="reviews"] h2 {
569    color: #333;
570    font-family: "Cooper Md BT", serif !important;
571    font-size: 24px;
572    font-style: normal;
573    font-weight: 400;
574    line-height: 45.5px;
575  }
576
577  [data-bv-show="reviews"] [role="button"] > div {
578    border-radius: 8px !important;
579  }
580
581  [data-bv-show="reviews"] [itemscope] > .bv-rnr__sc-157rd1w-1 {
582    color: #2c5234;
583    font-family: "Centra No1", sans-serif;
584    font-size: 48px;
585    font-style: normal;
586    font-weight: 700;
587    line-height: 45.5px;
588  }
589
590  [role="region"][aria-label="Your reviews"] > div:first-child {
591    min-width: 30px;
592    min-height: 30px;
593    font-size: 18px;
594  }
595
596  img[src*="badgeImages/"] {
597    max-width: 80px !important;
598    height: auto !important;
599  }
600
601  .badge-label svg {
602    width: 20px !important;
603    height: 20px !important;
604  }
605
606  .badge-label svg circle {
607    fill: #2a552e !important;
608    stroke: #2a552e !important;
609  }
610
611  .badge-label svg:not(:has(circle)) path,
612  .badge-label svg:not(:has(circle)) g {
613    fill: #2a552e !important;
614    stroke: #2a552e !important;
615  }
616
617  .joUkbp {
618    padding-right: 0px !important;
619  }
620
621  .dzPKPO {
622    margin-bottom: 15px;
623  }
624</style>
625
626<script>
627  setTimeout(function () {
628    document.querySelectorAll('[itemprop="reviewBody"]').forEach(function (el) {
629      el.style.fontFamily = "'Centra No1', sans-serif";
630    });
631  }, 1000);
632</script>
632
633
634<script>
635  (function () {
636    // Production web layer
637    // var BLOOMREACH_WEBLAYER_ID = "69eb82a6e7c7b799fb3ee8a9";
638
639    // [BC] Web layer for testing
640    var BLOOMREACH_WEBLAYER_ID = "6a04730b2b616fd6cbc85f0a";
641
642    function openBloomreachReferLayer(event) {
643      event.preventDefault();
644
645      window.__rafOpenStepOne = true;
646
647      window.__rafWeblayerContext = {
648        source: "sfcc_header_banner",
649        placement: "header_banner",
650        location: window.location.pathname,
651      };
652
653      if (window.exponea && typeof window.exponea.showWebLayer === "function") {
654        window.exponea.showWebLayer(BLOOMREACH_WEBLAYER_ID);
655        return;
656      }
657
658      if (window.exponea && typeof window.exponea.showBanner === "function") {
659        window.exponea.showBanner(BLOOMREACH_WEBLAYER_ID);
660        return;
661      }
662
663      console.warn("Bloomreach Refer and Earn web layer could not be opened.");
664    }
665
666    function bindReferCta() {
667      var cta = document.querySelector(".roots-bloomreach-refer-cta");
668
669      if (!cta || cta.getAttribute("data-refer-bound") === "true") {
670        return;
671      }
672
673      cta.setAttribute("data-refer-bound", "true");
674      cta.addEventListener("click", openBloomreachReferLayer);
675    }
676
677    if (document.readyState === "loading") {
678      document.addEventListener("DOMContentLoaded", bindReferCta);
679    } else {
680      bindReferCta();
681    }
682
683    window.addEventListener("load", bindReferCta);
684  })();
685</script>
685
686    
687
688 
689	
690                <div class="col-md-8 align-content-center mx-md-3">
691                    
691<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/rotatingShippingBanner.js"></script>
691
692<link rel="stylesheet" href="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/css/thirdParty/slick.css" />
693<link rel="stylesheet" href="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/css/thirdParty/slick-theme.css" />
694
695<div class="experience-region experience-main"><div class="experience-component experience-roots_assets-rotatingShippingBanner">
696
697<div class="pencil-banner rotating-shipping-banner-carousel" data-slick-config='{&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;dots&quot;:false,&quot;mobileFirst&quot;:true,&quot;infinite&quot;:true,&quot;initialSlide&quot;:0,&quot;arrows&quot;:false,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:4000}' 
698    style="text-transform: uppercase; background-color:#000; color:#ffffff;">
699    
700        <div class="shipping-banner">
701            <div class="shipping-banner__slider js-shipping-banner-slider">
702                
703                    <div class="shipping-banner__slide">
704                        <span class="shipping-banner__message pt-1">
705                            We make it easy: Pricing includes duties on U.S. orders
706                            
707                        </span>
708                    </div>
709                
710            </div>
711        </div>
712    
713    
714</div></div></div>
715
716                </div>
717                <div class="d-flex align-items-center">
718                    
719                    
720                        <span id="extole_zone_header_banner"></span>
721                    
722                    <div class="storelocator hidden-md-down">
723                        <a role="link"
724                            href="/us/en/store-locator?showMap=true&amp;horizontalView=true&amp;isForm=true">
725                            <span class="label" data-store-id="">
726    
727        Find a Store
728    
729</span>
730                            <i class="svg-icon mappin-white"></i>
731                        </a>
732                    </div>
733                    
734                    
735                    
736                    
737                    
738
739    
740    <div class="dropdown country-selector locale-dropdown d-none d-xl-block"
741        data-url="/on/demandware.store/Sites-RootsUS-Site/en_US/Page-SetLocale"
742        data-invalidate-is-int-flag-url="/on/demandware.store/Sites-RootsUS-Site/en_US/Page-InvalidateIsIntFlag">
743        <a class="selected-country dropdown-toggle" href="#" role="button" data-toggle="dropdown"
744            data-currentlocale="en_US" data-currentcurrency="USD"
745            aria-haspopup="true" aria-expanded="false">
746            
747                <span class="label">United States</span>
748                <span class="svg-icon flag-united-states"></span>
749                <i class="fa fa-angle-down" aria-hidden="true"></i>
750            
751        </a>
752        <div class="dropdown-menu m-0 p-0 border-0"
753            aria-labelledby="dropdownMenuLink">
754            
755                
756                
757                
758                
759                    <a role="menuitem" data-localeinfo="en_CA"
760                        data-currencyinfo="CAD"
761                        data-redirectsiteurl="https://www.roots.com/ca/en/homepage"
762                        class="dropdown-item site-item" href="#" data-url="https://www.roots.com/ca/en/homepage">
763                        <span class="svg-icon flag-canada"></span>
764                        <span class="label">Canada (EN)</span>
765                    </a>
766                
767            
768                
769                
770                
771                
772                    <a role="menuitem" data-localeinfo="fr_CA"
773                        data-currencyinfo="CAD"
774                        data-redirectsiteurl="https://www.roots.com/ca/fr/homepage"
775                        class="dropdown-item site-item" href="#" data-url="https://www.roots.com/ca/fr/homepage">
776                        <span class="svg-icon flag-canada"></span>
777                        <span class="label">Canada (FR)</span>
778                    </a>
779                
780            
781                
782                
783                
784                
785                    <a role="menuitem" data-localeinfo="en_US"
786                        data-currencyinfo="USD"
787                        data-redirectsiteurl=""
788                        class="dropdown-item site-item" href="#" data-url="https://www.roots.com/us/en/homepage">
789                        <span class="svg-icon flag-us"></span>
790                        <span class="label">US</span>
791                    </a>
792                
793            
794                
795                
796                
797                
798                    <a role="menuitem"
799                        class="dropdown-item intl headerDropdown"
800                        href="#" data-localeinfo="en_US"
801                        data-currencyinfo="USD" data-redirectsiteurl="https://www.roots.com/us/en/homepage?int=true"
802                        data-url="https://www.roots.com/on/demandware.store/Sites-RootsUS-Site/en_US/EShopWorld-GetEswLandingPage">
803                        <span class="svg-icon flag-intl"></span>
804                        <span class="label">Intl</span>
805                    </a>
806                    
807                    <div class="currency-selector-wrapper mt-3" data-localeinfo="en_US">
808                        <select id="currency-selctor" class="custom-select mb-3">
809                            
810                            
811                                <option value="USD">
812                                    
813                                        $ - USD - US DOLLAR
814                                    
815                                </option>
816                            
817                                <option value="EUR">
818                                    
819                                        &euro; - EUR - EURO
820                                    
821                                </option>
822                            
823                                <option value="AUD">
824                                    
825                                        A$ - AUD - AUSTRALIAN DOLLAR
826                                    
827                                </option>
828                            
829                                <option value="JPY">
830                                    
831                                        &yen; - JPY - JAPANESE YEN
832                                    
833                                </option>
834                            
835                                <option value="KWD">
836                                    
837                                        K.D. - KWD - KUWAITI DINAR
838                                    
839                                </option>
840                            
841                                <option value="NZD">
842                                    
843                                        NZ$ - NZD - NEW ZEALAND DOLLAR
844                                    
845                                </option>
846                            
847                                <option value="GBP">
848                                    
849                                        &pound; - GBP - POUND STERLING
850                                    
851                                </option>
852                            
853                                <option value="SGD">
854                                    
855                                        S$ - SGD - SINGAPORE DOLLAR
856                                    
857                                </option>
858                            
859                                <option value="CHF">
860                                    
861                                        CHF - CHF - SWISS FRANCE
862                                    
863                                </option>
864                            
865                        </select>
866                        <button class="btn btn-primary-form mb-3">Continue</button>
867                        
868                        
869                    </div>
870                
871            
872        </div>
873    </div>
874
875                    <div class="countryselector-popup-container d-none" data-getHtmlUrl="/on/demandware.store/Sites-RootsUS-Site/en_US/CountrySelector-CountryPopupContent" >
876    <input type="hidden" class="isDisplayCountryPopup" value="false" />
877    <input type="hidden" class="countryPopupCookieDuration" value="10" />
878    <a
879        id="country-selector-popup-link"
880        class="hidden-xs-down"
881        title="country selector popup link"
882        data-toggle="modal"
883        href="/on/demandware.store/Sites-RootsUS-Site/en_US/CountrySelector-CountryPopupContent"
884        role="link"
885        data-target="#countrySelectorModal">
886        country selector popup link
887    </a>
888</div>
889
890                </div>
891            </div>
892        </div>
893    </div>
894
895    
896        
897        
898        
899    
900    
901        
902    
903    <nav class="header-navigation">
904        <div class="header container-fluid">
905            <div class="row header-row">
906                <div class="col-2 hamburguer-container d-xl-none d-flex align-items-end">
907                    <button class="navbar-toggler pb-0" type="button" aria-controls="sg-navbar-collapse"
908                        aria-expanded="false" aria-label="Toggle navigation">
909                        <i class="svg-icon menu"></i>
910                        <span class="hidden-lg-down">Menu</span>
911                    </button>
912                </div>
913
914                <div class="col-8 col-md-7 col-xl-1 header-search-container pr-3 pr-md-2 ">
915                    <div class="navbar-header brand text-center">
916                        <a role="link" class="logo-home" href="/us/en/homepage"
917                            title="Roots Storefront Home">
918                                <img class="d-xl-inline-block d-none" src="/on/demandware.static/Sites-RootsUS-Site/-/default/dw3bbcd7bf/images/roots_logo.svg"
919                                    alt="Roots Storefront" />
920                                <img class="d-xl-none mt-2 mt-md-0"
921                                    src="/on/demandware.static/Sites-RootsUS-Site/-/default/dw3bbcd7bf/images/roots_logo.svg"
922                                    alt="Roots Storefront" />
923                        </a>
924                    </div>
925                </div>
926                <div class="main-menu navbar-toggleable-xs menu-toggleable-left multilevel-dropdown d-block d-xs-none col-12 col-lg "
927                    id="sg-navbar-collapse">
928                    <div class="container-fluid p-0">
929                        <div class="row">
930                           <nav class="navbar navbar-expand-xl bg-inverse col-12">
931    <div class="close-menu clearfix d-xl-none">
932        <div class="back pull-left">
933            <button role="button" aria-label="Back to previous menu">
934                <span class="caret-left"></span>
935                Back
936            </button>
937        </div>
938        <div class="close-button pull-right">
939            <button role="button" aria-label="Close Menu">
940                Close
941                <i class="svg-icon close-icon float-right ml-2" aria-hidden="true"></i>
942            </button>
943        </div>
944    </div>
945    <div class="mobile-header d-xl-none" id="mobile-menu-search-bar">
946        <div class="container mobile-menu-search-bar p-0">
947            
948
949<div class="site-search">
950	<form role="search"
951          action="/us/en/search"
952          method="get"
953          name="simpleMobileMenuSearch">
954        <input class="form-control search-field"
955            id="search-global"
956            type="text"
957            name="q"
958            value=""
959            role="combobox"
960            aria-describedby="search-assistive-text"
961            aria-haspopup="listbox"
962            aria-owns="search-results"
963            aria-expanded="false"
964            aria-autocomplete="list"
965            aria-activedescendant=""
966            aria-controls="search-results"
967            aria-label="Enter Keyword or Item No."
968            autocomplete="off" />
969        <span class="fake-placeholder">
970            Search :<span class="suggested-copy">&nbsp;sweats</span>
971        </span>
972        <button type="submit" name="search-button" class="svg-icon search search-icon-btn" aria-label="Search"></button>
973        <div class="suggestions-wrapper" data-url="/on/demandware.store/Sites-RootsUS-Site/en_US/SearchServices-GetSuggestions?q=" data-empty-url="/on/demandware.store/Sites-RootsUS-Site/en_US/SearchServices-EmptyState"></div>
974        <input type="hidden" value="en_US" name="lang">
975	</form>
976</div>
977
978        </div>
979    </div>
980    <div class="menu-group" role="navigation">
981        <div class="nav-wrapper">
982            <ul class="nav navbar-nav" role="menu">
983                
984                    
985                        
986                        
987                            <li class="nav-item dropdown" id="Womens">
988                                <a href="/us/en/women/" aria-describedby="drop-down-description"
989                                id="Womens" class="nav-link dropdown-toggle" aria-label="Women" title="Women" 
990                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"
991                                style="color:"><span class="menu-text">Women</span></a>
992                                
993                                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
994    
995        
996            <li class="dropdown-item column1" aria-label="What's New">
997                <a href="/us/en/women-new-arrivals/" id="WomensFeaturesNewArrivals"  aria-label="What's New" title="What's New"  class="dropdown-link" tabindex="0" style="color:">What's New</a>
998            </li>
999        
1000    
1001        
1002            <li class="dropdown-item column1" aria-label="Bestsellers">
1003                <a href="/us/en/women/bestsellers/" id="WomensFeaturesBestsellers"  aria-label="Bestsellers" title="Bestsellers"  class="dropdown-link" tabindex="0" style="color:">Bestsellers</a>
1004            </li>
1005        
1006    
1007        
1008            <li class="dropdown-item dropdown column1" aria-label="Clothing">
1009                <a href="/us/en/women/clothing/" id="WomensCategories" title="Clothing" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Clothing"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Clothing</a>
1010                
1011                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
1012    
1013        
1014            <li class="dropdown-item dropdown column1" aria-label="Sweatshirts &amp; Sweatpants">
1015                <a href="/us/en/women/clothing/sweatshirts-and-sweatpants/" id="WomensSweatshirtsAndSweatpants" title="Sweatshirts &amp; Sweatpants" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Sweatshirts &amp; Sweatpants"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Sweatshirts &amp; Sweatpants</a>
1016                
1017                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
1018    
1019        
1020            <li class="dropdown-item column1" aria-label="Sweatshirts &amp; Hoodies">
1021                <a href="/us/en/women/clothing/sweatshirts-and-sweatpants/sweatshirts-and-hoodies/" id="WomensSweatshirtsHoodies"  aria-label="Sweatshirts &amp; Hoodies" title="Sweatshirts &amp; Hoodies"  class="dropdown-link" tabindex="0" style="color:">Sweatshirts &amp; Hoodies</a>
1022            </li>
1023        
1024    
1025        
1026            <li class="dropdown-item column1" aria-label="Sweatpants">
1027                <a href="/us/en/women/clothing/sweatshirts-and-sweatpants/sweatpants/" id="WomensSweatpants"  aria-label="Sweatpants" title="Sweatpants"  class="dropdown-link" tabindex="0" style="color:">Sweatpants</a>
1028            </li>
1029        
1030    
1031        
1032            <li class="dropdown-item column2" aria-label="Sweat Dresses &amp; Skirts">
1033                <a href="/us/en/women/clothing/sweatshirts-and-sweatpants/sweat-dresses-and-skirts/" id="WomensSweatDressesAndSkirts"  aria-label="Sweat Dresses &amp; Skirts" title="Sweat Dresses &amp; Skirts"  class="dropdown-link" tabindex="0" style="color:">Sweat Dresses &amp; Skirts</a>
1034            </li>
1035        
1036    
1037        
1038            <li class="dropdown-item column2" aria-label="Sweatshorts">
1039                <a href="/us/en/women/clothing/sweatshirts-and-sweatpants/sweatshorts/" id="WomensSweatShorts"  aria-label="Sweatshorts" title="Sweatshorts"  class="dropdown-link" tabindex="0" style="color:">Sweatshorts</a>
1040            </li>
1041        
1042    
1043
1044     
1045        <li class="nav-item dropdown-item column-6th column6">
1046            
1047    
1048    <div class="content-asset"><!-- dwMarker="content" dwContentID="a526b90b927cc4490a80d12bd0" -->
1049        <div class="marketing-4th">
1050  <div class="marketing-img">
1051    <a href="https://www.roots.com/us/en/women-new-arrivals/">
1052      <img
1053        alt=""
1054        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw50085b8c/ROOTS_ASSETS/Flyouts/2
1054026/260818-FallVersatility/fl-wlp.jpg"
1055        title=""
1056      />
1057    </a>
1058  </div>
1059
1060  <div class="marketing-content">
1061    <div class="marketing-text">
1062      <span class="h3">New Arrivals</span>
1063
1064      <p>For coffee runs to cabin weekends, and every stop in between.</p>
1065    </div>
1066
1067    <div class="marketing-btns">
1068      <a href="https://www.roots.com/us/en/women-new-arrivals/">
1069        Shop Women
1070      </a>
1071    </div>
1072
1073    <div class="marketing-btns">
1074      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
1075        Shop The Edit
1076      </a>
1077    </div>
1078  </div>
1079</div>
1080
1081<style>
1082  @media (min-width: 1200px) {
1083    .main-menu
1084      .navbar
1085      .navbar-nav
1086      .nav-item
1087      .dropdown-menu.show
1088      .column-6th
1089      .content-asset
1090      .marketing-btns
1091      a::after {
1092      height: 9px;
1093      margin-top: 3px;
1094    }
1095  }
1096</style>
1097    </div> <!-- End content-asset -->
1098
1099
1100        </li>
1101    
1102</ul>
1103            </li>
1104        
1105    
1106        
1107            <li class="dropdown-item dropdown column1" aria-label="Activewear">
1108                <a href="/us/en/women/clothing/activewear/" id="WomensActivewear" title="Activewear" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Activewear"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Activewear</a>
1109                
1110                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
1111    
1112        
1113            <li class="dropdown-item column1" aria-label="Active Tops">
1114                <a href="/us/en/women/clothing/activewear/active-tops/" id="WomensActivewearTops"  aria-label="Active Tops" title="Active Tops"  class="dropdown-link" tabindex="0" style="color:">Active Tops</a>
1115            </li>
1116        
1117    
1118        
1119            <li class="dropdown-item column1" aria-label="Active Bottoms">
1120                <a href="/us/en/women/clothing/activewear/active-bottoms/" id="WomensActiveBottoms"  aria-label="Active Bottoms" title="Active Bottoms"  class="dropdown-link" tabindex="0" style="color:">Active Bottoms</a>
1121            </li>
1122        
1123    
1124        
1125            <li class="dropdown-item column2" aria-label="Active Dresses &amp; Skirts">
1126                <a href="/us/en/women/clothing/activewear/active-dresses-and-skirts/" id="WomensActiveDressesAndRompers"  aria-label="Active Dresses &amp; Skirts" title="Active Dresses &amp; Skirts"  class="dropdown-link" tabindex="0" style="color:">Active Dresses &amp; Skirts</a>
1127            </li>
1128        
1129    
1130        
1131            <li class="dropdown-item column2" aria-label="Active Accessories">
1132                <a href="/us/en/women/clothing/activewear/active-accessories/" id="WomensActiveAccessories"  aria-label="Active Accessories" title="Active Accessories"  class="dropdown-link" tabindex="0" style="color:">Active Accessories</a>
1133            </li>
1134        
1135    
1136
1137     
1138        <li class="nav-item dropdown-item column-6th column6">
1139            
1140    
1141    <div class="content-asset"><!-- dwMarker="content" dwContentID="a526b90b927cc4490a80d12bd0" -->
1142        <div class="marketing-4th">
1143  <div class="marketing-img">
1144    <a href="https://www.roots.com/us/en/women-new-arrivals/">
1145      <img
1146        alt=""
1147        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw50085b8c/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-wlp.jpg"
1148        title=""
1149      />
1150    </a>
1151  </div>
1152
1153  <div class="marketing-content">
1154    <div class="marketing-text">
1155      <span class="h3">New Arrivals</span>
1156
1157      <p>For coffee runs to cabin weekends, and every stop in between.</p>
1158    </div>
1159
1160    <div class="marketing-btns">
1161      <a href="https://www.roots.com/us/en/women-new-arrivals/">
1162        Shop Women
1163      </a>
1164    </div>
1165
1166    <div class="marketing-btns">
1167      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
1168        Shop The Edit
1169      </a>
1170    </div>
1171  </div>
1172</div>
1173
1174<style>
1175  @media (min-width: 1200px) {
1176    .main-menu
1177      .navbar
1178      .navbar-nav
1179      .nav-item
1180      .dropdown-menu.show
1181      .column-6th
1182      .content-asset
1183      .marketing-btns
1184      a::after {
1185      height: 9px;
1186      margin-top: 3px;
1187    }
1188  }
1189</style>
1190    </div> <!-- End content-asset -->
1191
1192
1193        </li>
1194    
1195</ul>
1196            </li>
1197        
1198    
1199        
1200            <li class="dropdown-item column3" aria-label="Tops">
1201                <a href="/us/en/women/clothing/tops/" id="WomensTops"  aria-label="Tops" title="Tops"  class="dropdown-link" tabindex="0" style="color:">Tops</a>
1202            </li>
1203        
1204    
1205        
1206            <li class="dropdown-item column3" aria-label="Bottoms">
1207                <a href="/us/en/women/clothing/bottoms/" id="WomensBottoms"  aria-label="Bottoms" title="Bottoms"  class="dropdown-link" tabindex="0" style="color:">Bottoms</a>
1208            </li>
1209        
1210    
1211        
1212            <li class="dropdown-item column1" aria-label="T-Shirts &amp; Graphic Tees">
1213                <a href="/us/en/women/clothing/t-shirts-and-graphic-tees/" id="WomensGraphicTShirts"  aria-label="T-Shirts &amp; Graphic Tees" title="T-Shirts &amp; Graphic Tees"  class="dropdown-link" tabindex="0" style="color:">T-Shirts &amp; Graphic Tees</a>
1214            </li>
1215        
1216    
1217        
1218            <li class="dropdown-item column1" aria-label="Sweaters &amp; Cardigans">
1219                <a href="/us/en/women/clothing/sweaters-and-cardigans/" id="WomensSweaterCardigans"  aria-label="Sweaters &amp; Cardigans" title="Sweaters &amp; Cardigans"  class="dropdown-link" tabindex="0" style="color:">Sweaters &amp; Cardigans</a>
1220            </li>
1221        
1222    
1223        
1224            <li class="dropdown-item column2" aria-label="Jackets &amp; Outerwear">
1225                <a href="/us/en/women/clothing/jackets-and-outerwear/" id="WomensJacketsAndOuterwear"  aria-label="Jackets &amp; Outerwear" title="Jackets &amp; Outerwear"  class="dropdown-link" tabindex="0" style="color:">Jackets &amp; Outerwear</a>
1226            </li>
1227        
1228    
1229        
1230            <li class="dropdown-item column2" aria-label="Sweat Dresses &amp; Skirts">
1231                <a href="/us/en/women/clothing/sweat-dresses-and-skirts/" id="WomensDressesAndSkirtsSweats"  aria-label="Sweat Dresses &amp; Skirts" title="Sweat Dresses &amp; Skirts"  class="dropdown-link" tabindex="0" style="color:">Sweat Dresses &amp; Skirts</a>
1232            </li>
1233        
1234    
1235        
1236            <li class="dropdown-item column3" aria-label="Dresses &amp; Skirts">
1237                <a href="/us/en/women/clothing/dresses-and-skirts/" id="WomensDresses"  aria-label="Dresses &amp; Skirts" title="Dresses &amp; Skirts"  class="dropdown-link" tabindex="0" style="color:">Dresses &amp; Skirts</a>
1238            </li>
1239        
1240    
1241
1242     
1243        <li class="nav-item dropdown-item column-6th column6">
1244            
1245    
1246    <div class="content-asset"><!-- dwMarker="content" dwContentID="a526b90b927cc4490a80d12bd0" -->
1247        <div class="marketing-4th">
1248  <div class="marketing-img">
1249    <a href="https://www.roots.com/us/en/women-new-arrivals/">
1250      <img
1251        alt=""
1252        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw50085b8c/ROOTS_ASSETS/Flyouts/2
1252026/260818-FallVersatility/fl-wlp.jpg"
1253        title=""
1254      />
1255    </a>
1256  </div>
1257
1258  <div class="marketing-content">
1259    <div class="marketing-text">
1260      <span class="h3">New Arrivals</span>
1261
1262      <p>For coffee runs to cabin weekends, and every stop in between.</p>
1263    </div>
1264
1265    <div class="marketing-btns">
1266      <a href="https://www.roots.com/us/en/women-new-arrivals/">
1267        Shop Women
1268      </a>
1269    </div>
1270
1271    <div class="marketing-btns">
1272      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
1273        Shop The Edit
1274      </a>
1275    </div>
1276  </div>
1277</div>
1278
1279<style>
1280  @media (min-width: 1200px) {
1281    .main-menu
1282      .navbar
1283      .navbar-nav
1284      .nav-item
1285      .dropdown-menu.show
1286      .column-6th
1287      .content-asset
1288      .marketing-btns
1289      a::after {
1290      height: 9px;
1291      margin-top: 3px;
1292    }
1293  }
1294</style>
1295    </div> <!-- End content-asset -->
1296
1297
1298        </li>
1299    
1300</ul>
1301            </li>
1302        
1303    
1304        
1305            <li class="dropdown-item dropdown column2" aria-label="Accessories">
1306                <a href="/us/en/women/accessories/" id="WomensAccessories" title="Accessories" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Accessories"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Accessories</a>
1307                
1308                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
1309    
1310        
1311            <li class="dropdown-item column1" aria-label="Hats">
1312                <a href="/us/en/women/accessories/hats/" id="WomensAccessoriesHats"  aria-label="Hats" title="Hats"  class="dropdown-link" tabindex="0" style="color:">Hats</a>
1313            </li>
1314        
1315    
1316        
1317            <li class="dropdown-item column1" aria-label="Socks">
1318                <a href="/us/en/women/accessories/socks/" id="WomensAccessoriesSocks"  aria-label="Socks" title="Socks"  class="dropdown-link" tabindex="0" style="color:">Socks</a>
1319            </li>
1320        
1321    
1322        
1323            <li class="dropdown-item column3" aria-label="Bags">
1324                <a href="/us/en/women/accessories/bags/" id="WomensToteBags"  aria-label="Bags" title="Bags"  class="dropdown-link" tabindex="0" style="color:">Bags</a>
1325            </li>
1326        
1327    
1328        
1329            <li class="dropdown-item column1" aria-label="Home">
1330                <a href="/us/en/women/accessories/home/" id="WomensAccessoriesHome"  aria-label="Home" title="Home"  class="dropdown-link" tabindex="0" style="color:">Home</a>
1331            </li>
1332        
1333    
1334
1335     
1336        <li class="nav-item dropdown-item column-6th column6">
1337            
1338    
1339    <div class="content-asset"><!-- dwMarker="content" dwContentID="a526b90b927cc4490a80d12bd0" -->
1340        <div class="marketing-4th">
1341  <div class="marketing-img">
1342    <a href="https://www.roots.com/us/en/women-new-arrivals/">
1343      <img
1344        alt=""
1345        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw50085b8c/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-wlp.jpg"
1346        title=""
1347      />
1348    </a>
1349  </div>
1350
1351  <div class="marketing-content">
1352    <div class="marketing-text">
1353      <span class="h3">New Arrivals</span>
1354
1355      <p>For coffee runs to cabin weekends, and every stop in between.</p>
1356    </div>
1357
1358    <div class="marketing-btns">
1359      <a href="https://www.roots.com/us/en/women-new-arrivals/">
1360        Shop Women
1361      </a>
1362    </div>
1363
1364    <div class="marketing-btns">
1365      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
1366        Shop The Edit
1367      </a>
1368    </div>
1369  </div>
1370</div>
1371
1372<style>
1373  @media (min-width: 1200px) {
1374    .main-menu
1375      .navbar
1376      .navbar-nav
1377      .nav-item
1378      .dropdown-menu.show
1379      .column-6th
1380      .content-asset
1381      .marketing-btns
1382      a::after {
1383      height: 9px;
1384      margin-top: 3px;
1385    }
1386  }
1387</style>
1388    </div> <!-- End content-asset -->
1389
1390
1391        </li>
1392    
1393</ul>
1394            </li>
1395        
1396    
1397        
1398            <li class="dropdown-item column2" aria-label="Shoes &amp; Boots">
1399                <a href="/us/en/shoes-and-boots-women/" id="WomensFootwear"  aria-label="Shoes &amp; Boots" title="Shoes &amp; Boots"  class="dropdown-link" tabindex="0" style="color:">Shoes &amp; Boots</a>
1400            </li>
1401        
1402    
1403        
1404            <li class="dropdown-item dropdown column2" aria-label="Leather Goods">
1405                <a href="/us/en/women/leather-goods/" id="WomensLeather" title="Leather Goods" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Leather Goods"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Leather Goods</a>
1406                
1407                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
1408    
1409        
1410            <li class="dropdown-item column2" aria-label="Leather Bags">
1411                <a href="/us/en/women/leather-goods/leather-bags/" id="WomensLeatherBags"  aria-label="Leather Bags" title="Leather Bags"  class="dropdown-link" tabindex="0" style="color:">Leather Bags</a>
1412            </li>
1413        
1414    
1415        
1416            <li class="dropdown-item column2" aria-label="Wallets">
1417                <a href="/us/en/women/leather-goods/wallets/" id="WomensWallets"  aria-label="Wallets" title="Wallets"  class="dropdown-link" tabindex="0" style="color:">Wallets</a>
1418            </li>
1419        
1420    
1421        
1422            <li class="dropdown-item column2" aria-label="Leather Acce
1422ssories">
1423                <a href="/us/en/women/leather-goods/leather-accessories/" id="WomensLeatherAccessories"  aria-label="Leather Accessories" title="Leather Accessories"  class="dropdown-link" tabindex="0" style="color:">Leather Accessories</a>
1424            </li>
1425        
1426    
1427
1428     
1429        <li class="nav-item dropdown-item column-6th column6">
1430            
1431    
1432    <div class="content-asset"><!-- dwMarker="content" dwContentID="a526b90b927cc4490a80d12bd0" -->
1433        <div class="marketing-4th">
1434  <div class="marketing-img">
1435    <a href="https://www.roots.com/us/en/women-new-arrivals/">
1436      <img
1437        alt=""
1438        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw50085b8c/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-wlp.jpg"
1439        title=""
1440      />
1441    </a>
1442  </div>
1443
1444  <div class="marketing-content">
1445    <div class="marketing-text">
1446      <span class="h3">New Arrivals</span>
1447
1448      <p>For coffee runs to cabin weekends, and every stop in between.</p>
1449    </div>
1450
1451    <div class="marketing-btns">
1452      <a href="https://www.roots.com/us/en/women-new-arrivals/">
1453        Shop Women
1454      </a>
1455    </div>
1456
1457    <div class="marketing-btns">
1458      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
1459        Shop The Edit
1460      </a>
1461    </div>
1462  </div>
1463</div>
1464
1465<style>
1466  @media (min-width: 1200px) {
1467    .main-menu
1468      .navbar
1469      .navbar-nav
1470      .nav-item
1471      .dropdown-menu.show
1472      .column-6th
1473      .content-asset
1474      .marketing-btns
1475      a::after {
1476      height: 9px;
1477      margin-top: 3px;
1478    }
1479  }
1480</style>
1481    </div> <!-- End content-asset -->
1482
1483
1484        </li>
1485    
1486</ul>
1487            </li>
1488        
1489    
1490        
1491            <li class="dropdown-item column2" aria-label="Sale">
1492                <a href="/us/en/women/sale/" id="WomensSale"  aria-label="Sale" title="Sale"  class="dropdown-link" tabindex="0" style="color:">Sale</a>
1493            </li>
1494        
1495    
1496        
1497            <li class="dropdown-item dropdown column3" aria-label="Collections">
1498                <a href="/us/en/women/collections/" id="WomensCollections" title="Collections" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Collections"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Collections</a>
1499                
1500                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
1501    
1502        
1503            <li class="dropdown-item column3" aria-label="Pit Stops">
1504                <a href="/us/en/women/collections/pit-stops/" id="WomensPitStops"  aria-label="Pit Stops" title="Pit Stops"  class="dropdown-link" tabindex="0" style="color:">Pit Stops</a>
1505            </li>
1506        
1507    
1508        
1509            <li class="dropdown-item column1" aria-label="The Cloud Sweats&trade;">
1510                <a href="/us/en/women/collections/the-cloud-sweats/" id="WomensCloudSweats"  aria-label="The Cloud Sweats&trade;" title="The Cloud Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Cloud Sweats&trade;</a>
1511            </li>
1512        
1513    
1514        
1515            <li class="dropdown-item column1" aria-label="The Original Sweats&trade;">
1516                <a href="/us/en/women/collections/the-original-sweats/" id="WomensCooperSweats"  aria-label="The Original Sweats&trade;" title="The Original Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Original Sweats&trade;</a>
1517            </li>
1518        
1519    
1520        
1521            <li class="dropdown-item column1" aria-label="Roots Roam Collection&trade;">
1522                <a href="/us/en/women/collections/roots-roam-collection/" id="WomensRootsRoamCollection"  aria-label="Roots Roam Collection&trade;" title="Roots Roam Collection&trade;"  class="dropdown-link" tabindex="0" style="color:">Roots Roam Collection&trade;</a>
1523            </li>
1524        
1525    
1526        
1527            <li class="dropdown-item column1" aria-label="Roots Salt &amp; Pepper&trade;">
1528                <a href="/us/en/women/collections/roots-salt-and-pepper/" id="WomensSaltAndPepper"  aria-label="Roots Salt &amp; Pepper&trade;" title="Roots Salt &amp; Pepper&trade;"  class="dropdown-link" tabindex="0" style="color:">Roots Salt &amp; Pepper&trade;</a>
1529            </li>
1530        
1531    
1532        
1533            <li class="dropdown-item column1" aria-label="Canada Collection">
1534                <a href="https://www.roots.com/us/en/canada-collection/?prefn1=refinementDepartment&amp;prefv1=Femmes%28Women%29" id="WomensCanadaCollection"  aria-label="Canada Collection" title="Canada Collection"  class="dropdown-link" tabindex="0" style="color:">Canada Collection</a>
1535            </li>
1536        
1537    
1538        
1539            <li class="dropdown-item column2" aria-label="Made in Canada">
1540                <a href="https://www.roots.com/us/en/made-in-canada/?prefn1=refinementDepartment&amp;prefv1=Femmes%28Women%29" id="WomensMadeinCanada"  aria-label="Made in Canada" title="Made in Canada"  class="dropdown-link" tabindex="0" style="color:">Made in Canada</a>
1541            </li>
1542        
1543    
1544        
1545            <li class="dropdown-item column3" aria-label="New Balance">
1546                <a href="/us/en/women/collections/new-balance/" id="WomensNewBalance"  aria-label="New Balance" title="New Balance"  class="dropdown-link" tabindex="0" style="color:">New Balance</a>
1547            </li>
1548        
1549    
1550
1551     
1552        <li class="nav-item dropdown-item column-6th column6">
1553            
1554    
1555    <div class="content-asset"><!-- dwMarker="content" dwContentID="a526b90b927cc4490a80d12bd0" -->
1556        <div class="marketing-4th">
1557  <div class="marketing-img">
1558    <a href="https://www.roots.com/us/en/women-new-arrivals/">
1559      <img
1560        alt=""
1561        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw50085b8c/ROOTS_ASSETS/Flyouts/2
1561026/260818-FallVersatility/fl-wlp.jpg"
1562        title=""
1563      />
1564    </a>
1565  </div>
1566
1567  <div class="marketing-content">
1568    <div class="marketing-text">
1569      <span class="h3">New Arrivals</span>
1570
1571      <p>For coffee runs to cabin weekends, and every stop in between.</p>
1572    </div>
1573
1574    <div class="marketing-btns">
1575      <a href="https://www.roots.com/us/en/women-new-arrivals/">
1576        Shop Women
1577      </a>
1578    </div>
1579
1580    <div class="marketing-btns">
1581      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
1582        Shop The Edit
1583      </a>
1584    </div>
1585  </div>
1586</div>
1587
1588<style>
1589  @media (min-width: 1200px) {
1590    .main-menu
1591      .navbar
1592      .navbar-nav
1593      .nav-item
1594      .dropdown-menu.show
1595      .column-6th
1596      .content-asset
1597      .marketing-btns
1598      a::after {
1599      height: 9px;
1600      margin-top: 3px;
1601    }
1602  }
1603</style>
1604    </div> <!-- End content-asset -->
1605
1606
1607        </li>
1608    
1609</ul>
1610            </li>
1611        
1612    
1613        
1614            <li class="dropdown-item column3" aria-label="Sweatpant Fit Guide">
1615                <a href="https://www.roots.com/us/en/the-original-sweats-fit-guide.html" id="WomensTheOriginalSweatsFitGuide"  aria-label="Sweatpant Fit Guide" title="Sweatpant Fit Guide"  class="dropdown-link" tabindex="0" style="color:">Sweatpant Fit Guide</a>
1616            </li>
1617        
1618    
1619
1620     
1621        <li class="nav-item dropdown-item column-6th column6">
1622            
1623    
1624    <div class="content-asset"><!-- dwMarker="content" dwContentID="a526b90b927cc4490a80d12bd0" -->
1625        <div class="marketing-4th">
1626  <div class="marketing-img">
1627    <a href="https://www.roots.com/us/en/women-new-arrivals/">
1628      <img
1629        alt=""
1630        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw50085b8c/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-wlp.jpg"
1631        title=""
1632      />
1633    </a>
1634  </div>
1635
1636  <div class="marketing-content">
1637    <div class="marketing-text">
1638      <span class="h3">New Arrivals</span>
1639
1640      <p>For coffee runs to cabin weekends, and every stop in between.</p>
1641    </div>
1642
1643    <div class="marketing-btns">
1644      <a href="https://www.roots.com/us/en/women-new-arrivals/">
1645        Shop Women
1646      </a>
1647    </div>
1648
1649    <div class="marketing-btns">
1650      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
1651        Shop The Edit
1652      </a>
1653    </div>
1654  </div>
1655</div>
1656
1657<style>
1658  @media (min-width: 1200px) {
1659    .main-menu
1660      .navbar
1661      .navbar-nav
1662      .nav-item
1663      .dropdown-menu.show
1664      .column-6th
1665      .content-asset
1666      .marketing-btns
1667      a::after {
1668      height: 9px;
1669      margin-top: 3px;
1670    }
1671  }
1672</style>
1673    </div> <!-- End content-asset -->
1674
1675
1676        </li>
1677    
1678</ul>
1679                            </li>
1680                        
1681                    
1682                        
1683                        
1684                            <li class="nav-item dropdown" id="Mens">
1685                                <a href="/us/en/men/" aria-describedby="drop-down-description"
1686                                id="Mens" class="nav-link dropdown-toggle" aria-label="Men" title="Men" 
1687                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"
1688                                style="color:"><span class="menu-text">Men</span></a>
1689                                
1690                                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
1691    
1692        
1693            <li class="dropdown-item column1" aria-label="What's New">
1694                <a href="/us/en/men-new-arrivals/" id="MensFeaturesNewArrivals"  aria-label="What's New" title="What's New"  class="dropdown-link" tabindex="0" style="color:">What's New</a>
1695            </li>
1696        
1697    
1698        
1699            <li class="dropdown-item column1" aria-label="Bestsellers">
1700                <a href="/us/en/men/bestsellers/" id="MensFeaturesBestsellers"  aria-label="Bestsellers" title="Bestsellers"  class="dropdown-link" tabindex="0" style="color:">Bestsellers</a>
1701            </li>
1702        
1703    
1704        
1705            <li class="dropdown-item dropdown column1" aria-label="Clothing">
1706                <a href="/us/en/men/clothing/" id="MensCategories" title="Clothing" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Clothing"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Clothing</a>
1707                
1708                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
1709    
1710        
1711            <li class="dropdown-item dropdown column1" aria-label="Sweatshirts &amp; Sweatpants">
1712                <a href="/us/en/men/clothing/sweatshirts-and-sweatpants/" id="MensSweatshirtsAndSweatpants" title="Sweatshirts &amp; Sweatpants" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Sweatshirts &amp; Sweatpants"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Sweatshirts &amp; Sweatpants</a>
1713                
1714                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
1715    
1716        
1717            <li class="dropdown-item column1" aria-label="Sweatshirts &amp; Hoodies">
1718                <a href="/us/en/men/clothing/sweatshirts-and-sweatpants/sweatshirts-and-hoodies/" id="MensSweatshirtsAndHo
1718odies"  aria-label="Sweatshirts &amp; Hoodies" title="Sweatshirts &amp; Hoodies"  class="dropdown-link" tabindex="0" style="color:">Sweatshirts &amp; Hoodies</a>
1719            </li>
1720        
1721    
1722        
1723            <li class="dropdown-item column1" aria-label="Sweatpants">
1724                <a href="/us/en/men/clothing/sweatshirts-and-sweatpants/sweatpants/" id="MensSweatpants"  aria-label="Sweatpants" title="Sweatpants"  class="dropdown-link" tabindex="0" style="color:">Sweatpants</a>
1725            </li>
1726        
1727    
1728        
1729            <li class="dropdown-item column2" aria-label="Sweatshorts">
1730                <a href="/us/en/men/clothing/sweatshirts-and-sweatpants/sweatshorts/" id="MensSweatsShorts"  aria-label="Sweatshorts" title="Sweatshorts"  class="dropdown-link" tabindex="0" style="color:">Sweatshorts</a>
1731            </li>
1732        
1733    
1734
1735     
1736        <li class="nav-item dropdown-item column-6th column6">
1737            
1738    
1739    <div class="content-asset"><!-- dwMarker="content" dwContentID="ec133a72ecddeca38a263b7646" -->
1740        <div class="marketing-4th">
1741  <div class="marketing-img">
1742    <a href="https://www.roots.com/us/en/men-new-arrivals/">
1743      <img
1744        alt=""
1745        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwdb08b8d1/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-mlp.jpg"
1746        title=""
1747      />
1748    </a>
1749  </div>
1750
1751  <div class="marketing-content">
1752    <div class="marketing-text">
1753      <span class="h3">New Arrivals</span>
1754
1755      <p>These styles were made for changing plans and changing weather. </p>
1756    </div>
1757
1758    <div class="marketing-btns">
1759      <a href="https://www.roots.com/us/en/men-new-arrivals/">
1760        Shop Men
1761      </a>
1762    </div>
1763
1764    <div class="marketing-btns">
1765      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
1766        Shop The Edit
1767      </a>
1768    </div>
1769  </div>
1770</div>
1771
1772<style>
1773  @media (min-width: 1200px) {
1774    .main-menu
1775      .navbar
1776      .navbar-nav
1777      .nav-item
1778      .dropdown-menu.show
1779      .column-6th
1780      .content-asset
1781      .marketing-btns
1782      a::after {
1783      height: 9px;
1784      margin-top: 3px;
1785    }
1786  }
1787</style>
1788    </div> <!-- End content-asset -->
1789
1790
1791        </li>
1792    
1793</ul>
1794            </li>
1795        
1796    
1797        
1798            <li class="dropdown-item dropdown column1" aria-label="Activewear">
1799                <a href="/us/en/men/clothing/activewear/" id="MensActivewear" title="Activewear" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Activewear"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Activewear</a>
1800                
1801                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
1802    
1803        
1804            <li class="dropdown-item column1" aria-label="Active Tops">
1805                <a href="/us/en/men/clothing/activewear/active-tops/" id="MensActiveTops"  aria-label="Active Tops" title="Active Tops"  class="dropdown-link" tabindex="0" style="color:">Active Tops</a>
1806            </li>
1807        
1808    
1809        
1810            <li class="dropdown-item column1" aria-label="Active Bottoms">
1811                <a href="/us/en/men/clothing/activewear/active-bottoms/" id="MensActiveBottoms"  aria-label="Active Bottoms" title="Active Bottoms"  class="dropdown-link" tabindex="0" style="color:">Active Bottoms</a>
1812            </li>
1813        
1814    
1815        
1816            <li class="dropdown-item column2" aria-label="Active Accessories">
1817                <a href="/us/en/men/clothing/activewear/active-accessories/" id="MensActiveAccessories"  aria-label="Active Accessories" title="Active Accessories"  class="dropdown-link" tabindex="0" style="color:">Active Accessories</a>
1818            </li>
1819        
1820    
1821
1822     
1823        <li class="nav-item dropdown-item column-6th column6">
1824            
1825    
1826    <div class="content-asset"><!-- dwMarker="content" dwContentID="ec133a72ecddeca38a263b7646" -->
1827        <div class="marketing-4th">
1828  <div class="marketing-img">
1829    <a href="https://www.roots.com/us/en/men-new-arrivals/">
1830      <img
1831        alt=""
1832        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwdb08b8d1/ROOTS_ASSETS/Flyouts/2
1832026/260818-FallVersatility/fl-mlp.jpg"
1833        title=""
1834      />
1835    </a>
1836  </div>
1837
1838  <div class="marketing-content">
1839    <div class="marketing-text">
1840      <span class="h3">New Arrivals</span>
1841
1842      <p>These styles were made for changing plans and changing weather. </p>
1843    </div>
1844
1845    <div class="marketing-btns">
1846      <a href="https://www.roots.com/us/en/men-new-arrivals/">
1847        Shop Men
1848      </a>
1849    </div>
1850
1851    <div class="marketing-btns">
1852      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
1853        Shop The Edit
1854      </a>
1855    </div>
1856  </div>
1857</div>
1858
1859<style>
1860  @media (min-width: 1200px) {
1861    .main-menu
1862      .navbar
1863      .navbar-nav
1864      .nav-item
1865      .dropdown-menu.show
1866      .column-6th
1867      .content-asset
1868      .marketing-btns
1869      a::after {
1870      height: 9px;
1871      margin-top: 3px;
1872    }
1873  }
1874</style>
1875    </div> <!-- End content-asset -->
1876
1877
1878        </li>
1879    
1880</ul>
1881            </li>
1882        
1883    
1884        
1885            <li class="dropdown-item column3" aria-label="Tops">
1886                <a href="/us/en/men/clothing/tops/" id="MensTops"  aria-label="Tops" title="Tops"  class="dropdown-link" tabindex="0" style="color:">Tops</a>
1887            </li>
1888        
1889    
1890        
1891            <li class="dropdown-item column3" aria-label="Bottoms">
1892                <a href="/us/en/men/clothing/bottoms/" id="MensBottoms"  aria-label="Bottoms" title="Bottoms"  class="dropdown-link" tabindex="0" style="color:">Bottoms</a>
1893            </li>
1894        
1895    
1896        
1897            <li class="dropdown-item column3" aria-label="Pants">
1898                <a href="/us/en/mens-pants/" id="MensPants"  aria-label="Pants" title="Pants"  class="dropdown-link" tabindex="0" style="color:">Pants</a>
1899            </li>
1900        
1901    
1902        
1903            <li class="dropdown-item column1" aria-label="T-Shirts &amp; Graphic Tees">
1904                <a href="/us/en/men/clothing/t-shirts-and-graphic-tees/" id="MensGraphicTShirts"  aria-label="T-Shirts &amp; Graphic Tees" title="T-Shirts &amp; Graphic Tees"  class="dropdown-link" tabindex="0" style="color:">T-Shirts &amp; Graphic Tees</a>
1905            </li>
1906        
1907    
1908        
1909            <li class="dropdown-item column1" aria-label="Sweaters &amp; Cardigans">
1910                <a href="/us/en/men/clothing/sweaters-and-cardigans/" id="MensSweatersCardigans"  aria-label="Sweaters &amp; Cardigans" title="Sweaters &amp; Cardigans"  class="dropdown-link" tabindex="0" style="color:">Sweaters &amp; Cardigans</a>
1911            </li>
1912        
1913    
1914        
1915            <li class="dropdown-item column3" aria-label="Jackets &amp; Outerwear">
1916                <a href="/us/en/men/clothing/jackets-and-outerwear/" id="MensJacketsAndOuterwear"  aria-label="Jackets &amp; Outerwear" title="Jackets &amp; Outerwear"  class="dropdown-link" tabindex="0" style="color:">Jackets &amp; Outerwear</a>
1917            </li>
1918        
1919    
1920
1921     
1922        <li class="nav-item dropdown-item column-6th column6">
1923            
1924    
1925    <div class="content-asset"><!-- dwMarker="content" dwContentID="ec133a72ecddeca38a263b7646" -->
1926        <div class="marketing-4th">
1927  <div class="marketing-img">
1928    <a href="https://www.roots.com/us/en/men-new-arrivals/">
1929      <img
1930        alt=""
1931        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwdb08b8d1/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-mlp.jpg"
1932        title=""
1933      />
1934    </a>
1935  </div>
1936
1937  <div class="marketing-content">
1938    <div class="marketing-text">
1939      <span class="h3">New Arrivals</span>
1940
1941      <p>These styles were made for changing plans and changing weather. </p>
1942    </div>
1943
1944    <div class="marketing-btns">
1945      <a href="https://www.roots.com/us/en/men-new-arrivals/">
1946        Shop Men
1947      </a>
1948    </div>
1949
1950    <div class="marketing-btns">
1951      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
1952        Shop The Edit
1953      </a>
1954    </div>
1955  </div>
1956</div>
1957
1958<style>
1959  @media (min-width: 1200px) {
1960    .main-menu
1961      .navbar
1962      .navbar-nav
1963      .nav-item
1964      .dropdown-menu.show
1965      .column-6th
1966      .content-asset
1967      .marketing-btns
1968      a::after {
1969      height: 9px;
1970      margin-top: 3px;
1971    }
1972  }
1973</style>
1974    </div> <!-- End content-asset -->
1975
1976
1977        </li>
1978    
1979</ul>
1980            </li>
1981        
1982    
1983        
1984            <li class="dropdown-item dropdown column2" aria-label="Accessories">
1985                <a href="/us/en/men/accessories/" id="MensAccessories" title="Accessories" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Accessories"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Accessories</a>
1986                
1987                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
1988    
1989        
1990            <li class="dropdown-item column1" aria-label="Hats">
1991                <a href="/us/en/men/accessories/hats/" id="MensAccessoriesHats"  aria-label="Hats" title="Hats"  class="dropdown-link" tabindex="0" style="color:">Hats</a>
1992            </li>
1993        
1994    
1995        
1996            <li class="dropdown-item column1" aria-label="Socks">
1997                <a href="/us/en/men/accessories/socks/" id="MensAccessoriesSocks"  aria-label="Socks" title="Socks"  class="dropdown-link" tabindex="0" style="color:">Socks</a>
1998            </li>
1999        
2000    
2001        
2002            <li class="dropdown-item column3" aria-label="Bags">
2003                <a href="/us/en/men/accessories/bags/" id="MensToteBags"  aria-label="Bags" title="Bags"  class="dropdown-link" tabindex="0" style="color:">Bags</a>
2004            </li>
2005        
2006    
2007
2008     
2009        <li class="nav-item dropdown-item column-6th column6">
2010            
2011    
2012    <div class="content-asset"><!-- dwMarker="content" dwContentID="ec133a72ecddeca38a263b7646" -->
2013        <div class="marketing-4th">
2014  <div class="marketing-img">
2015    <a href="https://www.roots.com/us/en/men-new-arrivals/">
2016      <img
2017        alt=""
2018        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwdb08b8d1/ROOTS_ASSETS/Flyouts/2
2018026/260818-FallVersatility/fl-mlp.jpg"
2019        title=""
2020      />
2021    </a>
2022  </div>
2023
2024  <div class="marketing-content">
2025    <div class="marketing-text">
2026      <span class="h3">New Arrivals</span>
2027
2028      <p>These styles were made for changing plans and changing weather. </p>
2029    </div>
2030
2031    <div class="marketing-btns">
2032      <a href="https://www.roots.com/us/en/men-new-arrivals/">
2033        Shop Men
2034      </a>
2035    </div>
2036
2037    <div class="marketing-btns">
2038      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
2039        Shop The Edit
2040      </a>
2041    </div>
2042  </div>
2043</div>
2044
2045<style>
2046  @media (min-width: 1200px) {
2047    .main-menu
2048      .navbar
2049      .navbar-nav
2050      .nav-item
2051      .dropdown-menu.show
2052      .column-6th
2053      .content-asset
2054      .marketing-btns
2055      a::after {
2056      height: 9px;
2057      margin-top: 3px;
2058    }
2059  }
2060</style>
2061    </div> <!-- End content-asset -->
2062
2063
2064        </li>
2065    
2066</ul>
2067            </li>
2068        
2069    
2070        
2071            <li class="dropdown-item column2" aria-label="Shoes &amp; Boots">
2072                <a href="/us/en/men/shoes-and-boots/" id="MensFootwear"  aria-label="Shoes &amp; Boots" title="Shoes &amp; Boots"  class="dropdown-link" tabindex="0" style="color:">Shoes &amp; Boots</a>
2073            </li>
2074        
2075    
2076        
2077            <li class="dropdown-item dropdown column2" aria-label="Leather Goods">
2078                <a href="/us/en/men/leather-goods/" id="MensLeather" title="Leather Goods" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Leather Goods"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Leather Goods</a>
2079                
2080                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2081    
2082        
2083            <li class="dropdown-item column3" aria-label="Leather Bags">
2084                <a href="/us/en/men/leather-goods/leather-bags/" id="MensLeatherBags"  aria-label="Leather Bags" title="Leather Bags"  class="dropdown-link" tabindex="0" style="color:">Leather Bags</a>
2085            </li>
2086        
2087    
2088        
2089            <li class="dropdown-item column3" aria-label="Wallets">
2090                <a href="/us/en/men/leather-goods/wallets/" id="MensWallets"  aria-label="Wallets" title="Wallets"  class="dropdown-link" tabindex="0" style="color:">Wallets</a>
2091            </li>
2092        
2093    
2094        
2095            <li class="dropdown-item column3" aria-label="Leather Accessories">
2096                <a href="/us/en/men/leather-goods/leather-accessories/" id="MensLeatherAccessories"  aria-label="Leather Accessories" title="Leather Accessories"  class="dropdown-link" tabindex="0" style="color:">Leather Accessories</a>
2097            </li>
2098        
2099    
2100
2101     
2102        <li class="nav-item dropdown-item column-6th column6">
2103            
2104    
2105    <div class="content-asset"><!-- dwMarker="content" dwContentID="ec133a72ecddeca38a263b7646" -->
2106        <div class="marketing-4th">
2107  <div class="marketing-img">
2108    <a href="https://www.roots.com/us/en/men-new-arrivals/">
2109      <img
2110        alt=""
2111        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwdb08b8d1/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-mlp.jpg"
2112        title=""
2113      />
2114    </a>
2115  </div>
2116
2117  <div class="marketing-content">
2118    <div class="marketing-text">
2119      <span class="h3">New Arrivals</span>
2120
2121      <p>These styles were made for changing plans and changing weather. </p>
2122    </div>
2123
2124    <div class="marketing-btns">
2125      <a href="https://www.roots.com/us/en/men-new-arrivals/">
2126        Shop Men
2127      </a>
2128    </div>
2129
2130    <div class="marketing-btns">
2131      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
2132        Shop The Edit
2133      </a>
2134    </div>
2135  </div>
2136</div>
2137
2138<style>
2139  @media (min-width: 1200px) {
2140    .main-menu
2141      .navbar
2142      .navbar-nav
2143      .nav-item
2144      .dropdown-menu.show
2145      .column-6th
2146      .content-asset
2147      .marketing-btns
2148      a::after {
2149      height: 9px;
2150      margin-top: 3px;
2151    }
2152  }
2153</style>
2154    </div> <!-- End content-asset -->
2155
2156
2157        </li>
2158    
2159</ul>
2160            </li>
2161        
2162    
2163        
2164            <li class="dropdown-item column2" aria-label="Sale">
2165                <a href="/us/en/men/sale/" id="MensSale"  aria-label="Sale" title="Sale"  class="dropdown-link" tabindex="0" style="color:">Sale</a>
2166            </li>
2167        
2168    
2169        
2170            <li class="dropdown-item dropdown column3" aria-label="Collections">
2171                <a href="/us/en/men/collections/" id="MensCollections" title="Collections" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Collections"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Collections</a>
2172                
2173                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2174    
2175        
2176            <li class="dropdown-item column3" aria-label="Pit Stops">
2177                <a href="/us/en/men/collections/pit-stops/" id="MensPitStops"  aria-label="Pit Stops" title="Pit Stops"  class="dropdown-link" tabindex="0" style="color:">Pit Stops</a>
2178            </li>
2179        
2180    
2181        
2182            <li class="dropdown-item column1" aria-label="The Cloud Sweats&trade;">
2183                <a href="/us/en/men/collections/the-cloud-sweats/" id="MensCloudSweats"  aria-label="The Cloud Sweats&trade;" title="The Cloud Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Cloud Sweats&trade;</a>
2184            </li>
2185        
2186    
2187        
2188            <li class="dropdown-item column1" aria-label="The Original Sweats&trade;">
2189                <a href="/us/en/men/collections/the-original-sweats/" id="MensOriginalCooperSweats"  aria-label="The Original Sweats&trade;" title="The Original Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Original Sweats&trade;</a>
2190            </li>
2191        
2192    
2193        
2194            <li class="dropdown-item column1" aria-label="Roots Roam Collection&trade;">
2195                <a href="/us/en/men/collections/roots-roam-collection/" id="MensRootsRoamCollection"  aria-label="Roots Roam Collection&trade;" title="Roots Roam Collection&trade;"  class="dropdown-link" tabindex="0" style="color:">Roots Roam Collection&trade;</a>
2196            </li>
2197        
2198    
2199        
2200            <li class="dropdown-item column2" aria-label="Roots Salt &amp; Pepper&trade;">
2201                <a href="/us/en/men/collections/roots-salt-and-pepper/" id="MensSaltAndPepper"  aria-label="Roots Salt &amp; Pepper&trade;" title="Roots Salt &amp; Pepper&trade;"  class="dropdown-link" tabindex="0" style="color:">Roots Salt &amp; Pepper&trade;</a>
2202            </li>
2203        
2204    
2205        
2206            <li class="dropdown-item column1" aria-label="Canada Collection">
2207                <a href="https://www.roots.com/us/en/canada-collection/?prefn1=refinementDepartment&amp;prefv1=Hommes%28Men%29" id="MensCanadaCollections"  aria-label="Canada Collection" title="Canada Collection"  class="dropdown-link" tabindex="0" style="color:">Canada Collection</a>
2208            </li>
2209        
2210    
2211        
2212            <li class="dropdown-item column2" aria-label="Made in Canada">
2213                <a href="https://www.roots.com/us/en/made-in-canada/?prefn1=refinementDepartment&amp;prefv1=Hommes%28Men%29" id="MensMadeinCanada"  aria-label="Made in Canada" title="Made in Canada"  class="dropdown-link" tabindex="0" style="color:">Made in Canada</a>
2214            </li>
2215        
2216    
2217        
2218            <li class="dropdown-item column3" aria-label="New Balance">
2219                <a href="/us/en/men/collections/new-balance/" id="MensNewBalance"  aria-label="New Balance" title="New Balance"  class="dropdown-link" tabindex="0" style="color:">New Balance</a>
2220            </li>
2221        
2222    
2223
2224     
2225        <li class="nav-item dropdown-item column-6th column6">
2226            
2227    
2228    <div class="content-asset"><!-- dwMarker="content" dwContentID="ec133a72ecddeca38a263b7646" -->
2229        <div class="marketing-4th">
2230  <div class="marketing-img">
2231    <a href="https://www.roots.com/us/en/men-new-arrivals/">
2232      <img
2233        alt=""
2234        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwdb08b8d1/ROOTS_ASSETS/Flyouts/2
2234026/260818-FallVersatility/fl-mlp.jpg"
2235        title=""
2236      />
2237    </a>
2238  </div>
2239
2240  <div class="marketing-content">
2241    <div class="marketing-text">
2242      <span class="h3">New Arrivals</span>
2243
2244      <p>These styles were made for changing plans and changing weather. </p>
2245    </div>
2246
2247    <div class="marketing-btns">
2248      <a href="https://www.roots.com/us/en/men-new-arrivals/">
2249        Shop Men
2250      </a>
2251    </div>
2252
2253    <div class="marketing-btns">
2254      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
2255        Shop The Edit
2256      </a>
2257    </div>
2258  </div>
2259</div>
2260
2261<style>
2262  @media (min-width: 1200px) {
2263    .main-menu
2264      .navbar
2265      .navbar-nav
2266      .nav-item
2267      .dropdown-menu.show
2268      .column-6th
2269      .content-asset
2270      .marketing-btns
2271      a::after {
2272      height: 9px;
2273      margin-top: 3px;
2274    }
2275  }
2276</style>
2277    </div> <!-- End content-asset -->
2278
2279
2280        </li>
2281    
2282</ul>
2283            </li>
2284        
2285    
2286        
2287            <li class="dropdown-item column3" aria-label="Sweatpant Fit Guide">
2288                <a href="https://www.roots.com/us/en/the-original-sweats-fit-guide.html?gender=men" id="MensTheOriginalSweatsFitGuide"  aria-label="Sweatpant Fit Guide" title="Sweatpant Fit Guide"  class="dropdown-link" tabindex="0" style="color:">Sweatpant Fit Guide</a>
2289            </li>
2290        
2291    
2292
2293     
2294        <li class="nav-item dropdown-item column-6th column6">
2295            
2296    
2297    <div class="content-asset"><!-- dwMarker="content" dwContentID="ec133a72ecddeca38a263b7646" -->
2298        <div class="marketing-4th">
2299  <div class="marketing-img">
2300    <a href="https://www.roots.com/us/en/men-new-arrivals/">
2301      <img
2302        alt=""
2303        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwdb08b8d1/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-mlp.jpg"
2304        title=""
2305      />
2306    </a>
2307  </div>
2308
2309  <div class="marketing-content">
2310    <div class="marketing-text">
2311      <span class="h3">New Arrivals</span>
2312
2313      <p>These styles were made for changing plans and changing weather. </p>
2314    </div>
2315
2316    <div class="marketing-btns">
2317      <a href="https://www.roots.com/us/en/men-new-arrivals/">
2318        Shop Men
2319      </a>
2320    </div>
2321
2322    <div class="marketing-btns">
2323      <a href="https://www.roots.com/us/en/fall-26-lookbook.html">
2324        Shop The Edit
2325      </a>
2326    </div>
2327  </div>
2328</div>
2329
2330<style>
2331  @media (min-width: 1200px) {
2332    .main-menu
2333      .navbar
2334      .navbar-nav
2335      .nav-item
2336      .dropdown-menu.show
2337      .column-6th
2338      .content-asset
2339      .marketing-btns
2340      a::after {
2341      height: 9px;
2342      margin-top: 3px;
2343    }
2344  }
2345</style>
2346    </div> <!-- End content-asset -->
2347
2348
2349        </li>
2350    
2351</ul>
2352                            </li>
2353                        
2354                    
2355                        
2356                        
2357                            <li class="nav-item dropdown" id="Kids">
2358                                <a href="/us/en/kids/" aria-describedby="drop-down-description"
2359                                id="Kids" class="nav-link dropdown-toggle" aria-label="Kids" title="Kids" 
2360                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"
2361                                style="color:"><span class="menu-text">Kids</span></a>
2362                                
2363                                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2364    
2365        
2366            <li class="dropdown-item dropdown column1" aria-label="What's New">
2367                <a href="/us/en/kids-new-arrivals/" id="KidsFeaturesNewArrivals" title="What's New" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="What's New"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">What's New</a>
2368                
2369                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2370    
2371        
2372            <li class="dropdown-item column1" aria-label="Kids">
2373                <a href="/us/en/kids-new-arrivals/kids/" id="KidsFeaturesNewArrivalsKids"  aria-label="Kids" title="Kids"  class="dropdown-link" tabindex="0" style="color:">Kids</a>
2374            </li>
2375        
2376    
2377        
2378            <li class="dropdown-item column1" aria-label="Toddler">
2379                <a href="/us/en/kids-new-arrivals/toddler/" id="KidsFeaturesNewArrivalsToddler"  aria-label="Toddler" title="Toddler"  class="dropdown-link" tabindex="0" style="color:">Toddler</a>
2380            </li>
2381        
2382    
2383        
2384            <li class="dropdown-item column1" aria-label="Baby">
2385                <a href="/us/en/kids-new-arrivals/baby/" id="KidsFeaturesNewArrivalsBaby"  aria-label="Baby" title="Baby"  class="dropdown-link" tabindex="0" style="color:">Baby</a>
2386            </li>
2387        
2388    
2389
2390     
2391        <li class="nav-item dropdown-item column-6th column6">
2392            
2393    
2394    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
2395        <div class="marketing-4th">
2396<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2
2396026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
2397
2398<div class="marketing-content">
2399<div class="marketing-text"><span class="h3">Seasonal Staples</span>
2400
2401<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
2402</div>
2403
2404<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
2405
2406</div>
2407</div>
2408
2409<p>&nbsp;</p>
2410    </div> <!-- End content-asset -->
2411
2412
2413        </li>
2414    
2415</ul>
2416            </li>
2417        
2418    
2419        
2420            <li class="dropdown-item column1" aria-label="Bestsellers">
2421                <a href="/us/en/kids/bestsellers/" id="KidsFeaturesBestSellers"  aria-label="Bestsellers" title="Bestsellers"  class="dropdown-link" tabindex="0" style="color:">Bestsellers</a>
2422            </li>
2423        
2424    
2425        
2426            <li class="dropdown-item column1" aria-label="Back to School Backpacks">
2427                <a href="/us/en/kids/back-to-school-backpacks/" id="KidsBacktoSchoolBackpacks"  aria-label="Back to School Backpacks" title="Back to School Backpacks"  class="dropdown-link" tabindex="0" style="color:">Back to School Backpacks</a>
2428            </li>
2429        
2430    
2431        
2432            <li class="dropdown-item dropdown column2" aria-label="Kids Clothing (6-14 Years)">
2433                <a href="/us/en/kids-clothing-and-accessories/" id="KidsBoysAndGirls" title="Kids Clothing (6-14 Years)" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Kids Clothing (6-14 Years)"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Kids Clothing (6-14 Years)</a>
2434                
2435                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2436    
2437        
2438            <li class="dropdown-item dropdown column1" aria-label="Sweatshirts &amp; Sweatpants">
2439                <a href="/us/en/kids/kids-clothing-6-14-years/sweatshirts-and-sweatpants/" id="KidsBoysAndGirlsSweatshirtsSweatpants" title="Sweatshirts &amp; Sweatpants" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Sweatshirts &amp; Sweatpants"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Sweatshirts &amp; Sweatpants</a>
2440                
2441                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2442    
2443        
2444            <li class="dropdown-item column1" aria-label="Sweatshirts &amp; Hoodies">
2445                <a href="/us/en/kids/kids-clothing-6-14-years/sweatshirts-and-sweatpants/sweatshirts-and-hoodies/" id="KidsBoysAndGirlsSweatshirtsHoodies"  aria-label="Sweatshirts &amp; Hoodies" title="Sweatshirts &amp; Hoodies"  class="dropdown-link" tabindex="0" style="color:">Sweatshirts &amp; Hoodies</a>
2446            </li>
2447        
2448    
2449        
2450            <li class="dropdown-item column1" aria-label="Sweatpants">
2451                <a href="/us/en/kids/kids-clothing-6-14-years/sweatshirts-and-sweatpants/sweatpants/" id="KidsBoysAndGirlsSweatpants"  aria-label="Sweatpants" title="Sweatpants"  class="dropdown-link" tabindex="0" style="color:">Sweatpants</a>
2452            </li>
2453        
2454    
2455        
2456            <li class="dropdown-item column1" aria-label="Sweatshorts">
2457                <a href="/us/en/kids/kids-clothing-6-14-years/sweatshirts-and-sweatpants/sweatshorts/" id="KidsBoysAndGirlsSweatshorts"  aria-label="Sweatshorts" title="Sweatshorts"  class="dropdown-link" tabindex="0" style="color:">Sweatshorts</a>
2458            </li>
2459        
2460    
2461        
2462            <li class="dropdown-item column1" aria-label="Sweat Dresses &amp; Skirts">
2463                <a href="/us/en/kids/kids-clothing-6-14-years/sweatshirts-and-sweatpants/sweat-dresses-and-skirts/" id="KidsBoysAndGirlsSweatDressesSkirts"  aria-label="Sweat Dresses &amp; Skirts" title="Sweat Dresses &amp; Skirts"  class="dropdown-link" tabindex="0" style="color:">Sweat Dresses &amp; Skirts</a>
2464            </li>
2465        
2466    
2467
2468     
2469        <li class="nav-item dropdown-item column-6th column6">
2470            
2471    
2472    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
2473        <div class="marketing-4th">
2474<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2
2474026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
2475
2476<div class="marketing-content">
2477<div class="marketing-text"><span class="h3">Seasonal Staples</span>
2478
2479<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
2480</div>
2481
2482<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
2483
2484</div>
2485</div>
2486
2487<p>&nbsp;</p>
2488    </div> <!-- End content-asset -->
2489
2490
2491        </li>
2492    
2493</ul>
2494            </li>
2495        
2496    
2497        
2498            <li class="dropdown-item column1" aria-label="Sweatshorts">
2499                <a href="/us/en/kids/kids-clothing-6-14-years/sweatshorts/" id="KidsSweatshorts"  aria-label="Sweatshorts" title="Sweatshorts"  class="dropdown-link" tabindex="0" style="color:">Sweatshorts</a>
2500            </li>
2501        
2502    
2503        
2504            <li class="dropdown-item column1" aria-label="Activewear">
2505                <a href="/us/en/kids/kids-clothing-6-14-years/activewear/" id="KidsBoysAndGirlsActivewear"  aria-label="Activewear" title="Activewear"  class="dropdown-link" tabindex="0" style="color:">Activewear</a>
2506            </li>
2507        
2508    
2509        
2510            <li class="dropdown-item dropdown column1" aria-label="Tops">
2511                <a href="/us/en/kids-tops/" id="KidsBoysAndGirlsTops" title="Tops" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Tops"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Tops</a>
2512                
2513                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2514    
2515        
2516            <li class="dropdown-item column1" aria-label="T-Shirts &amp; Graphic Tees">
2517                <a href="/us/en/kids-t-shirts/" id="KidsBoysAndGirlsTopsTShirts"  aria-label="T-Shirts &amp; Graphic Tees" title="T-Shirts &amp; Graphic Tees"  class="dropdown-link" tabindex="0" style="color:">T-Shirts &amp; Graphic Tees</a>
2518            </li>
2519        
2520    
2521        
2522            <li class="dropdown-item column1" aria-label="Tank Tops">
2523                <a href="/us/en/kids/kids-clothing-6-14-years/tops/tank-tops/" id="KidsBoysAndGirlsTankTops"  aria-label="Tank Tops" title="Tank Tops"  class="dropdown-link" tabindex="0" style="color:">Tank Tops</a>
2524            </li>
2525        
2526    
2527        
2528            <li class="dropdown-item column1" aria-label="Shirts">
2529                <a href="/us/en/kids/kids-clothing-6-14-years/tops/shirts/" id="KidsBoysAndGirlsShirts"  aria-label="Shirts" title="Shirts"  class="dropdown-link" tabindex="0" style="color:">Shirts</a>
2530            </li>
2531        
2532    
2533        
2534            <li class="dropdown-item column1" aria-label="Sweaters &amp; Cardigans">
2535                <a href="/us/en/kids/kids-clothing-6-14-years/tops/sweaters-and-cardigans/" id="KidsBoysAndGirlsSweatersCardigans"  aria-label="Sweaters &amp; Cardigans" title="Sweaters &amp; Cardigans"  class="dropdown-link" tabindex="0" style="color:">Sweaters &amp; Cardigans</a>
2536            </li>
2537        
2538    
2539
2540     
2541        <li class="nav-item dropdown-item column-6th column6">
2542            
2543    
2544    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
2545        <div class="marketing-4th">
2546<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
2547
2548<div class="marketing-content">
2549<div class="marketing-text"><span class="h3">Seasonal Staples</span>
2550
2551<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
2552</div>
2553
2554<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
2555
2556</div>
2557</div>
2558
2559<p>&nbsp;</p>
2560    </div> <!-- End content-asset -->
2561
2562
2563        </li>
2564    
2565</ul>
2566            </li>
2567        
2568    
2569        
2570            <li class="dropdown-item dropdown column1" aria-label="Bottoms">
2571                <a href="/us/en/kids-bottoms/" id="KidsBoysAndGirlsBottoms" title="Bottoms" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Bottoms"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Bottoms</a>
2572                
2573                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2574    
2575        
2576            <li class="dropdown-item column1" aria-label="Leggings">
2577                <a href="/us/en/kids/kids-clothing-6-14-years/bottoms/leggings/" id="KidsBoysAndGirlsLeggings"  aria-label="Leggings" title="Leggings"  class="dropdown-link" tabindex="0" style="color:">Leggings</a>
2578            </li>
2579        
2580    
2581        
2582            <li class="dropdown-item column1" aria-label="Shorts">
2583                <a href="/us/en/kids/kids-clothing-6-14-years/bottoms/shorts/" id="KidsBoysAndGirlsShorts"  aria-label="Shorts" title="Shorts"  class="dropdown-link" tabindex="0" style="color:">Shorts</a>
2584            </li>
2585        
2586    
2587
2588     
2589        <li class="nav-item dropdown-item column-6th column6">
2590            
2591    
2592    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
2593        <div class="marketing-4th">
2594<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2
2594026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
2595
2596<div class="marketing-content">
2597<div class="marketing-text"><span class="h3">Seasonal Staples</span>
2598
2599<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
2600</div>
2601
2602<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
2603
2604</div>
2605</div>
2606
2607<p>&nbsp;</p>
2608    </div> <!-- End content-asset -->
2609
2610
2611        </li>
2612    
2613</ul>
2614            </li>
2615        
2616    
2617        
2618            <li class="dropdown-item column1" aria-label="T-Shirts &amp; Graphic Tees">
2619                <a href="/us/en/kids/kids-clothing-6-14-years/t-shirts-and-graphic-tees/" id="KidsBoysAndGirlsTShirts"  aria-label="T-Shirts &amp; Graphic Tees" title="T-Shirts &amp; Graphic Tees"  class="dropdown-link" tabindex="0" style="color:">T-Shirts &amp; Graphic Tees</a>
2620            </li>
2621        
2622    
2623        
2624            <li class="dropdown-item column1" aria-label="Shorts">
2625                <a href="/us/en/kids/kids-clothing-6-14-years/shorts/" id="KidsShorts"  aria-label="Shorts" title="Shorts"  class="dropdown-link" tabindex="0" style="color:">Shorts</a>
2626            </li>
2627        
2628    
2629        
2630            <li class="dropdown-item column1" aria-label="Dresses &amp; Skirts">
2631                <a href="/us/en/kids-dresses/" id="KidsBoysAndGirlsDresses"  aria-label="Dresses &amp; Skirts" title="Dresses &amp; Skirts"  class="dropdown-link" tabindex="0" style="color:">Dresses &amp; Skirts</a>
2632            </li>
2633        
2634    
2635        
2636            <li class="dropdown-item column1" aria-label="Jackets &amp; Outerwear">
2637                <a href="/us/en/kids-jackets-and-outerwear/" id="KidsBoysAndGirlsOuterwear"  aria-label="Jackets &amp; Outerwear" title="Jackets &amp; Outerwear"  class="dropdown-link" tabindex="0" style="color:">Jackets &amp; Outerwear</a>
2638            </li>
2639        
2640    
2641        
2642            <li class="dropdown-item column2" aria-label="Accessories">
2643                <a href="/us/en/kids-accessories/" id="KidsBoysAndGirlsAccessories"  aria-label="Accessories" title="Accessories"  class="dropdown-link" tabindex="0" style="color:">Accessories</a>
2644            </li>
2645        
2646    
2647
2648     
2649        <li class="nav-item dropdown-item column-6th column6">
2650            
2651    
2652    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
2653        <div class="marketing-4th">
2654<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
2655
2656<div class="marketing-content">
2657<div class="marketing-text"><span class="h3">Seasonal Staples</span>
2658
2659<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
2660</div>
2661
2662<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
2663
2664</div>
2665</div>
2666
2667<p>&nbsp;</p>
2668    </div> <!-- End content-asset -->
2669
2670
2671        </li>
2672    
2673</ul>
2674            </li>
2675        
2676    
2677        
2678            <li class="dropdown-item dropdown column3" aria-label="Toddler Clothing (2-5 Years)">
2679                <a href="/us/en/toddler-clothing-and-accessories/" id="KidsToddlerBoysAndGirls" title="Toddler Clothing (2-5 Years)" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Toddler Clothing (2-5 Years)"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Toddler Clothing (2-5 Years)</a>
2680                
2681                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2682    
2683        
2684            <li class="dropdown-item dropdown column1" aria-label="Sweatshirts &amp; Sweatpants">
2685                <a href="/us/en/kids/toddler-clothing-2-5-years/sweatshirts-and-sweatpants/" id="KidsToddlerBoysAndGirlsSweatshirtsSweatpants" title="Sweatshirts &amp; Sweatpants" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Sweatshirts &amp; Sweatpants"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Sweatshirts &amp; Sweatpants</a>
2686                
2687                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2688    
2689        
2690            <li class="dropdown-item column1" aria-label="Sweatshirts &amp; Hoodies">
2691                <a href="/us/en/kids/toddler-clothing-2-5-years/sweatshirts-and-sweatpants/sweatshirts-and-hoodies/" id="KidsToddlerBoysAndGirlsSweatshirtsHoodies"  aria-label="Sweatshirts &amp; Hoodies" title="Sweatshirts &amp; Hoodies"  class="dropdown-link" tabindex="0" style="color:">Sweatshirts &amp; Hoodies</a>
2692            </li>
2693        
2694    
2695        
2696            <li class="dropdown-item column1" aria-label="Sweatpants">
2697                <a href="/us/en/kids/toddler-clothing-2-5-years/sweatshirts-and-sweatpants/sweatpants/" id="KidsToddlerBoysAndGirlsSweatpants"  aria-label="Sweatpants" title="Sweatpants"  class="dropdown-link" tabindex="0" style="color:">Sweatpants</a>
2698            </li>
2699        
2700    
2701        
2702            <li class="dropdown-item column1" aria-label="Sweatshorts">
2703                <a href="/us/en/kids/toddler-clothing-2-5-years/sweatshirts-and-sweatpants/sweatshorts/" id="KidsToddlerBoysAndGirlsSweatshorts"  aria-label="Sweatshorts" title="Sweatshorts"  class="dropdown-link" tabindex="0" style="color:">Sweatshorts</a>
2704            </li>
2705        
2706    
2707        
2708            <li class="dropdown-item column1" aria-label="Sweat Dresses &amp; Skirts">
2709                <a href="/us/en/kids/toddler-clothing-2-5-years/sweatshirts-and-sweatpants/sweat-dresses-and-skirts/" id="KidsToddlerBoysAndGirlsSweatDressesSkirts"  aria-label="Sweat Dresses &amp; Skirts" title="Sweat Dresses &amp; Skirts"  class="dropdown-link" tabindex="0" style="color:">Sweat Dresses &amp; Skirts</a>
2710            </li>
2711        
2712    
2713
2714     
2715        <li class="nav-item dropdown-item column-6th column6">
2716            
2717    
2718    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
2719        <div class="marketing-4th">
2720<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2
2720026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
2721
2722<div class="marketing-content">
2723<div class="marketing-text"><span class="h3">Seasonal Staples</span>
2724
2725<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
2726</div>
2727
2728<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
2729
2730</div>
2731</div>
2732
2733<p>&nbsp;</p>
2734    </div> <!-- End content-asset -->
2735
2736
2737        </li>
2738    
2739</ul>
2740            </li>
2741        
2742    
2743        
2744            <li class="dropdown-item column1" aria-label="Sweatshorts">
2745                <a href="/us/en/kids/toddler-clothing-2-5-years/sweatshorts/" id="ToddlerBoysAndGirlsSweatshorts"  aria-label="Sweatshorts" title="Sweatshorts"  class="dropdown-link" tabindex="0" style="color:">Sweatshorts</a>
2746            </li>
2747        
2748    
2749        
2750            <li class="dropdown-item column1" aria-label="Activewear">
2751                <a href="/us/en/kids/toddler-clothing-2-5-years/activewear/" id="KidsToddlerBoysAndGirlsActivewear"  aria-label="Activewear" title="Activewear"  class="dropdown-link" tabindex="0" style="color:">Activewear</a>
2752            </li>
2753        
2754    
2755        
2756            <li class="dropdown-item dropdown column1" aria-label="Tops">
2757                <a href="/us/en/toddler-tops/" id="KidsToddlerBoysAndGirlsTops" title="Tops" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Tops"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Tops</a>
2758                
2759                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2760    
2761        
2762            <li class="dropdown-item column1" aria-label="T-Shirts &amp; Graphic Tees">
2763                <a href="/us/en/kids/toddler-clothing-2-5-years/tops/t-shirts-and-graphic-tees/" id="KidsToddlerBoysAndGirlsTopsTShirts"  aria-label="T-Shirts &amp; Graphic Tees" title="T-Shirts &amp; Graphic Tees"  class="dropdown-link" tabindex="0" style="color:">T-Shirts &amp; Graphic Tees</a>
2764            </li>
2765        
2766    
2767        
2768            <li class="dropdown-item column1" aria-label="Shirts">
2769                <a href="/us/en/kids/toddler-clothing-2-5-years/tops/shirts/" id="KidsToddlerBoysAndGirlsShirts"  aria-label="Shirts" title="Shirts"  class="dropdown-link" tabindex="0" style="color:">Shirts</a>
2770            </li>
2771        
2772    
2773        
2774            <li class="dropdown-item column1" aria-label="Sweaters &amp; Cardigans">
2775                <a href="/us/en/kids/toddler-clothing-2-5-years/tops/sweaters-and-cardigans/" id="KidsToddlerBoysAndGirlsSweatersCardigans"  aria-label="Sweaters &amp; Cardigans" title="Sweaters &amp; Cardigans"  class="dropdown-link" tabindex="0" style="color:">Sweaters &amp; Cardigans</a>
2776            </li>
2777        
2778    
2779
2780     
2781        <li class="nav-item dropdown-item column-6th column6">
2782            
2783    
2784    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
2785        <div class="marketing-4th">
2786<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
2787
2788<div class="marketing-content">
2789<div class="marketing-text"><span class="h3">Seasonal Staples</span>
2790
2791<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
2792</div>
2793
2794<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
2795
2796</div>
2797</div>
2798
2799<p>&nbsp;</p>
2800    </div> <!-- End content-asset -->
2801
2802
2803        </li>
2804    
2805</ul>
2806            </li>
2807        
2808    
2809        
2810            <li class="dropdown-item dropdown column1" aria-label="Bottoms">
2811                <a href="/us/en/toddler-bottoms/" id="KidsToddlerBoysAndGirlsBottoms" title="Bottoms" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Bottoms"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Bottoms</a>
2812                
2813                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2814    
2815        
2816            <li class="dropdown-item column1" aria-label="Leggings">
2817                <a href="/us/en/kids/toddler-clothing-2-5-years/bottoms/leggings/" id="KidsToddlerBoysAndGirlsLeggings"  aria-label="Leggings" title="Leggings"  class="dropdown-link" tabindex="0" style="color:">Leggings</a>
2818            </li>
2819        
2820    
2821        
2822            <li class="dropdown-item column1" aria-label="Shorts">
2823                <a href="/us/en/kids/toddler-clothing-2-5-years/bottoms/shorts/" id="KidsToddlerBoysAndGirlsShorts"  aria-label="Shorts" title="Shorts"  class="dropdown-link" tabindex="0" style="color:">Shorts</a>
2824            </li>
2825        
2826    
2827
2828     
2829        <li class="nav-item dropdown-item column-6th column6">
2830            
2831    
2832    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
2833        <div class="marketing-4th">
2834<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2
2834026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
2835
2836<div class="marketing-content">
2837<div class="marketing-text"><span class="h3">Seasonal Staples</span>
2838
2839<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
2840</div>
2841
2842<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
2843
2844</div>
2845</div>
2846
2847<p>&nbsp;</p>
2848    </div> <!-- End content-asset -->
2849
2850
2851        </li>
2852    
2853</ul>
2854            </li>
2855        
2856    
2857        
2858            <li class="dropdown-item column1" aria-label="T-Shirts &amp; Graphic Tees">
2859                <a href="/us/en/kids/toddler-clothing-2-5-years/t-shirts-and-graphic-tees/" id="KidsToddlerBoysAndGirlsTShirts"  aria-label="T-Shirts &amp; Graphic Tees" title="T-Shirts &amp; Graphic Tees"  class="dropdown-link" tabindex="0" style="color:">T-Shirts &amp; Graphic Tees</a>
2860            </li>
2861        
2862    
2863        
2864            <li class="dropdown-item column1" aria-label="Shorts">
2865                <a href="/us/en/kids/toddler-clothing-2-5-years/shorts/" id="ToddlerBoysAndGirlsShorts"  aria-label="Shorts" title="Shorts"  class="dropdown-link" tabindex="0" style="color:">Shorts</a>
2866            </li>
2867        
2868    
2869        
2870            <li class="dropdown-item column1" aria-label="Dresses &amp; Skirts">
2871                <a href="/us/en/toddler-dresses/" id="KidsToddlerBoysAndGirlsDresses"  aria-label="Dresses &amp; Skirts" title="Dresses &amp; Skirts"  class="dropdown-link" tabindex="0" style="color:">Dresses &amp; Skirts</a>
2872            </li>
2873        
2874    
2875        
2876            <li class="dropdown-item column1" aria-label="Jackets &amp; Outerwear">
2877                <a href="/us/en/toddler-jackets-and-outerwear/" id="KidsToddlerBoysAndGirlsOuterwear"  aria-label="Jackets &amp; Outerwear" title="Jackets &amp; Outerwear"  class="dropdown-link" tabindex="0" style="color:">Jackets &amp; Outerwear</a>
2878            </li>
2879        
2880    
2881        
2882            <li class="dropdown-item column1" aria-label="Accessories">
2883                <a href="/us/en/toddler-accessories/" id="KidsToddlerBoysAndGirlsAccessories"  aria-label="Accessories" title="Accessories"  class="dropdown-link" tabindex="0" style="color:">Accessories</a>
2884            </li>
2885        
2886    
2887
2888     
2889        <li class="nav-item dropdown-item column-6th column6">
2890            
2891    
2892    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
2893        <div class="marketing-4th">
2894<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
2895
2896<div class="marketing-content">
2897<div class="marketing-text"><span class="h3">Seasonal Staples</span>
2898
2899<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
2900</div>
2901
2902<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
2903
2904</div>
2905</div>
2906
2907<p>&nbsp;</p>
2908    </div> <!-- End content-asset -->
2909
2910
2911        </li>
2912    
2913</ul>
2914            </li>
2915        
2916    
2917        
2918            <li class="dropdown-item dropdown column4" aria-label="Baby Clothing (0-24 Months)">
2919                <a href="/us/en/baby-clothing-and-accessories/" id="KidsBabyBoysAndGirls" title="Baby Clothing (0-24 Months)" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Baby Clothing (0-24 Months)"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Baby Clothing (0-24 Months)</a>
2920                
2921                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2922    
2923        
2924            <li class="dropdown-item dropdown column1" aria-label="Sweatshirts &amp; Sweatpants">
2925                <a href="/us/en/kids/baby-clothing-0-24-months/sweatshirts-and-sweatpants/" id="KidsBabyBoysAndGirlsSweatshirtsSweatpants" title="Sweatshirts &amp; Sweatpants" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Sweatshirts &amp; Sweatpants"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Sweatshirts &amp; Sweatpants</a>
2926                
2927                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
2928    
2929        
2930            <li class="dropdown-item column1" aria-label="Sweatshirts &amp; Hoodies">
2931                <a href="/us/en/kids/baby-clothing-0-24-months/sweatshirts-and-sweatpants/sweatshirts-and-hoodies/" id="KidsBaby
2931BoysAndGirlsSweatshirtsHoodies"  aria-label="Sweatshirts &amp; Hoodies" title="Sweatshirts &amp; Hoodies"  class="dropdown-link" tabindex="0" style="color:">Sweatshirts &amp; Hoodies</a>
2932            </li>
2933        
2934    
2935        
2936            <li class="dropdown-item column1" aria-label="Sweatpants">
2937                <a href="/us/en/kids/baby-clothing-0-24-months/sweatshirts-and-sweatpants/sweatpants/" id="KidsBabyBoysAndGirlsSweatpants"  aria-label="Sweatpants" title="Sweatpants"  class="dropdown-link" tabindex="0" style="color:">Sweatpants</a>
2938            </li>
2939        
2940    
2941        
2942            <li class="dropdown-item column1" aria-label="Sweatshorts">
2943                <a href="/us/en/kids/baby-clothing-0-24-months/sweatshirts-and-sweatpants/sweatshorts/" id="KidsBabyBoysAndGirlsSweatshorts"  aria-label="Sweatshorts" title="Sweatshorts"  class="dropdown-link" tabindex="0" style="color:">Sweatshorts</a>
2944            </li>
2945        
2946    
2947
2948     
2949        <li class="nav-item dropdown-item column-6th column6">
2950            
2951    
2952    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
2953        <div class="marketing-4th">
2954<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
2955
2956<div class="marketing-content">
2957<div class="marketing-text"><span class="h3">Seasonal Staples</span>
2958
2959<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
2960</div>
2961
2962<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
2963
2964</div>
2965</div>
2966
2967<p>&nbsp;</p>
2968    </div> <!-- End content-asset -->
2969
2970
2971        </li>
2972    
2973</ul>
2974            </li>
2975        
2976    
2977        
2978            <li class="dropdown-item column1" aria-label="Tops">
2979                <a href="/us/en/baby-tops/" id="KidsBabyBoysAndGirlsTops"  aria-label="Tops" title="Tops"  class="dropdown-link" tabindex="0" style="color:">Tops</a>
2980            </li>
2981        
2982    
2983        
2984            <li class="dropdown-item column1" aria-label="Bottoms">
2985                <a href="/us/en/kids/baby-clothing-0-24-months/bottoms/" id="KidsBabyBoysAndGirlsBottoms"  aria-label="Bottoms" title="Bottoms"  class="dropdown-link" tabindex="0" style="color:">Bottoms</a>
2986            </li>
2987        
2988    
2989        
2990            <li class="dropdown-item column1" aria-label="Dresses &amp; Skirts">
2991                <a href="/us/en/kids/baby-clothing-0-24-months/dresses-and-skirts/" id="KidsBabyBoysAndGirlsDresses"  aria-label="Dresses &amp; Skirts" title="Dresses &amp; Skirts"  class="dropdown-link" tabindex="0" style="color:">Dresses &amp; Skirts</a>
2992            </li>
2993        
2994    
2995        
2996            <li class="dropdown-item column1" aria-label="Rompers &amp; Onesies">
2997                <a href="/us/en/kids/baby-clothing-0-24-months/rompers-and-onesies/" id="KidsBabyBoysAndGirlsRompersOnesies"  aria-label="Rompers &amp; Onesies" title="Rompers &amp; Onesies"  class="dropdown-link" tabindex="0" style="color:">Rompers &amp; Onesies</a>
2998            </li>
2999        
3000    
3001        
3002            <li class="dropdown-item column1" aria-label="Newborn">
3003                <a href="/us/en/kids/baby-clothing-0-24-months/newborn/" id="KidsBabyBoysAndGirlsLayette"  aria-label="Newborn" title="Newborn"  class="dropdown-link" tabindex="0" style="color:">Newborn</a>
3004            </li>
3005        
3006    
3007        
3008            <li class="dropdown-item column1" aria-label="Accessories">
3009                <a href="/us/en/kids/baby-clothing-0-24-months/accessories/" id="KidsBabyBoysAndGirlsAccessories"  aria-label="Accessories" title="Accessories"  class="dropdown-link" tabindex="0" style="color:">Accessories</a>
3010            </li>
3011        
3012    
3013
3014     
3015        <li class="nav-item dropdown-item column-6th column6">
3016            
3017    
3018    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
3019        <div class="marketing-4th">
3020<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2
3020026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
3021
3022<div class="marketing-content">
3023<div class="marketing-text"><span class="h3">Seasonal Staples</span>
3024
3025<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
3026</div>
3027
3028<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
3029
3030</div>
3031</div>
3032
3033<p>&nbsp;</p>
3034    </div> <!-- End content-asset -->
3035
3036
3037        </li>
3038    
3039</ul>
3040            </li>
3041        
3042    
3043        
3044            <li class="dropdown-item dropdown column5" aria-label="Collections">
3045                <a href="/us/en/kids/collections/" id="KidsCollections" title="Collections" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Collections"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Collections</a>
3046                
3047                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3048    
3049        
3050            <li class="dropdown-item column1" aria-label="Kids Back to School Edit">
3051                <a href="/us/en/kids/collections/kids-back-to-school-edit/" id="KidsBacktoSchoolEdit"  aria-label="Kids Back to School Edit" title="Kids Back to School Edit"  class="dropdown-link" tabindex="0" style="color:">Kids Back to School Edit</a>
3052            </li>
3053        
3054    
3055        
3056            <li class="dropdown-item column1" aria-label="The Cloud Sweats&trade;">
3057                <a href="/us/en/kids/collections/the-cloud-sweats/" id="KidsCloudSweats"  aria-label="The Cloud Sweats&trade;" title="The Cloud Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Cloud Sweats&trade;</a>
3058            </li>
3059        
3060    
3061        
3062            <li class="dropdown-item column1" aria-label="The Original Sweats&trade;">
3063                <a href="/us/en/kids/collections/the-original-sweats/" id="KidsCooperSweats"  aria-label="The Original Sweats&trade;" title="The Original Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Original Sweats&trade;</a>
3064            </li>
3065        
3066    
3067        
3068            <li class="dropdown-item column1" aria-label="Roots Salt &amp; Pepper&trade;">
3069                <a href="/us/en/kids/collections/roots-salt-and-pepper/" id="KidsRootsSaltPepper"  aria-label="Roots Salt &amp; Pepper&trade;" title="Roots Salt &amp; Pepper&trade;"  class="dropdown-link" tabindex="0" style="color:">Roots Salt &amp; Pepper&trade;</a>
3070            </li>
3071        
3072    
3073        
3074            <li class="dropdown-item column1" aria-label="Canada Collection">
3075                <a href="https://www.roots.com/us/en/canada-collection/?prefn1=refinementDepartment&amp;prefv1=Enfants%28Kids%29" id="KidsCanadaCollection"  aria-label="Canada Collection" title="Canada Collection"  class="dropdown-link" tabindex="0" style="color:">Canada Collection</a>
3076            </li>
3077        
3078    
3079
3080     
3081        <li class="nav-item dropdown-item column-6th column6">
3082            
3083    
3084    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
3085        <div class="marketing-4th">
3086<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
3087
3088<div class="marketing-content">
3089<div class="marketing-text"><span class="h3">Seasonal Staples</span>
3090
3091<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
3092</div>
3093
3094<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
3095
3096</div>
3097</div>
3098
3099<p>&nbsp;</p>
3100    </div> <!-- End content-asset -->
3101
3102
3103        </li>
3104    
3105</ul>
3106            </li>
3107        
3108    
3109        
3110            <li class="dropdown-item column5" aria-label="Sale">
3111                <a href="/us/en/kids/sale/" id="KidsSale"  aria-label="Sale" title="Sale"  class="dropdown-link" tabindex="0" style="color:">Sale</a>
3112            </li>
3113        
3114    
3115
3116     
3117        <li class="nav-item dropdown-item column-6th column6">
3118            
3119    
3120    <div class="content-asset"><!-- dwMarker="content" dwContentID="004747224cfe6c1261ca360fcc" -->
3121        <div class="marketing-4th">
3122<div class="marketing-img"><a href="https://www.roots.com/us/en/kids-new-arrivals/ "><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwfd00edec/ROOTS_ASSETS/Flyouts/2
3122026/260908-KidsDLP/fl-klp.jpg" title="" /></a></div>
3123
3124<div class="marketing-content">
3125<div class="marketing-text"><span class="h3">Seasonal Staples</span>
3126
3127<p>Fall in love with our newest arrivals, made for their every adventures big or small.</p>
3128</div>
3129
3130<div class="marketing-btns"><a href="https://www.roots.com/us/en/kids-new-arrivals/">Shop New Arrivals</a></div>
3131
3132</div>
3133</div>
3134
3135<p>&nbsp;</p>
3136    </div> <!-- End content-asset -->
3137
3138
3139        </li>
3140    
3141</ul>
3142                            </li>
3143                        
3144                    
3145                        
3146                        
3147                            <li class="nav-item dropdown" id="Canada">
3148                                <a href="/us/en/canada/" aria-describedby="drop-down-description"
3149                                id="Canada" class="nav-link dropdown-toggle" aria-label="Canada" title="Canada" 
3150                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"
3151                                style="color:#9d2235"><span class="menu-text">Canada</span></a>
3152                                
3153                                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3154    
3155        
3156            <li class="dropdown-item dropdown column1" aria-label="Made in Canada">
3157                <a href="https://www.roots.com/us/en/made-in-canada/" id="MadeinCanada" title="Made in Canada" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Made in Canada"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Made in Canada</a>
3158                
3159                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3160    
3161        
3162            <li class="dropdown-item column1" aria-label="Women">
3163                <a href="https://www.roots.com/us/en/made-in-canada/?prefn1=refinementDepartment&amp;prefv1=Femmes%28Women%29" id="MadeinCanadaWomen"  aria-label="Women" title="Women"  class="dropdown-link" tabindex="0" style="color:">Women</a>
3164            </li>
3165        
3166    
3167        
3168            <li class="dropdown-item column1" aria-label="Men">
3169                <a href="https://www.roots.com/us/en/made-in-canada/?prefn1=refinementDepartment&amp;prefv1=Hommes%28Men%29" id="MadeinCanadaMen"  aria-label="Men" title="Men"  class="dropdown-link" tabindex="0" style="color:">Men</a>
3170            </li>
3171        
3172    
3173        
3174            <li class="dropdown-item column1" aria-label="Gender Free">
3175                <a href="https://www.roots.com/us/en/made-in-canada/?prefn1=refinementDepartment&amp;prefv1=Non%20Genr%C3%A9%28Gender%20Free%29" id="MadeinCanadaGenderFree"  aria-label="Gender Free" title="Gender Free"  class="dropdown-link" tabindex="0" style="color:">Gender Free</a>
3176            </li>
3177        
3178    
3179        
3180            <li class="dropdown-item column1" aria-label="Kids">
3181                <a href="https://www.roots.com/us/en/made-in-canada/?prefn1=refinementDepartment&amp;prefv1=Enfants%28Kids%29" id="MadeinCanadaKids"  aria-label="Kids" title="Kids"  class="dropdown-link" tabindex="0" style="color:">Kids</a>
3182            </li>
3183        
3184    
3185        
3186            <li class="dropdown-item column1" aria-label="Leather">
3187                <a href="https://www.roots.com/us/en/made-in-canada/?prefn1=material&amp;prefv1=Cuir%28Leather%29" id="MadeinCanadaLeather"  aria-label="Leather" title="Leather"  class="dropdown-link" tabindex="0" style="color:">Leather</a>
3188            </li>
3189        
3190    
3191
3192     
3193        <li class="nav-item dropdown-item column-6th column6">
3194            
3195    
3196    <div class="content-asset"><!-- dwMarker="content" dwContentID="91c40596118cc3b305052abab7" -->
3197        <div class="marketing-4th">
3198<div class="marketing-img"><a href="https://www.roots.com/us/en/canada-collection/" title=""><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw0066e17a/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-clp.jpg" title="" /></a></div>
3199
3200<div class="marketing-content">
3201<div class="marketing-text"><span class="h3">Canada Collection</span>
3202
3203<p>These bold staples are the perfect way to bring Canada with you, anywhere.</p>
3204</div>
3205
3206<div class="marketing-btns" id="flcolumn">
3207<div><a href="https://www.roots.com/us/en/canada-collection/">Shop Now</a></div>
3208</div>
3209</div>
3210</div>
3211<style type="text/css">@media (min-width: 1200px){
3212    #flcolumn {
3213    flex-direction: column;
3214    }}
3215</style>
3216    </div> <!-- End content-asset -->
3217
3218
3219        </li>
3220    
3221</ul>
3222            </li>
3223        
3224    
3225        
3226            <li class="dropdown-item dropdown column2" aria-label="Canada Collection">
3227                <a href="/us/en/canada-collection/" id="CanadaCollection" title="Canada Collection" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Canada Collection"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Canada Collection</a>
3228                
3229                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3230    
3231        
3232            <li class="dropdown-item column1" aria-label="Women">
3233                <a href="https://www.roots.com/us/en/canada-collection/?prefn1=refinementDepartment&amp;prefv1=Femmes%28Women%29" id="CanadaCollectionWomen"  aria-label="Women" title="Women"  class="dropdown-link" tabindex="0" style="color:">Women</a>
3234            </li>
3235        
3236    
3237        
3238            <li class="dropdown-item column1" aria-label="Men">
3239                <a href="https://www.roots.com/us/en/canada-collection/?prefn1=refinementDepartment&amp;prefv1=Hommes%28Men%29" id="CanadaCollectionMen"  aria-label="Men" title="Men"  class="dropdown-link" tabindex="0" style="color:">Men</a>
3240            </li>
3241        
3242    
3243        
3244            <li class="dropdown-item column1" aria-label="Gender Free">
3245                <a href="https://www.roots.com/us/en/canada-collection/?prefn1=refinementDepartment&amp;
3245prefv1=Non%20Genr%C3%A9%28Gender%20Free%29" id="CanadaCollectionGenderFree"  aria-label="Gender Free" title="Gender Free"  class="dropdown-link" tabindex="0" style="color:">Gender Free</a>
3246            </li>
3247        
3248    
3249        
3250            <li class="dropdown-item column1" aria-label="Kids">
3251                <a href="https://www.roots.com/us/en/canada-collection/?prefn1=refinementDepartment&amp;prefv1=Enfants%28Kids%29" id="CanadaCollectionKids"  aria-label="Kids" title="Kids"  class="dropdown-link" tabindex="0" style="color:">Kids</a>
3252            </li>
3253        
3254    
3255        
3256            <li class="dropdown-item column1" aria-label="Leather">
3257                <a href="https://www.roots.com/us/en/canada-collection/?prefn1=material&amp;prefv1=Cuir%28Leather%29" id="CanadaCollectionLeather"  aria-label="Leather" title="Leather"  class="dropdown-link" tabindex="0" style="color:">Leather</a>
3258            </li>
3259        
3260    
3261
3262     
3263        <li class="nav-item dropdown-item column-6th column6">
3264            
3265    
3266    <div class="content-asset"><!-- dwMarker="content" dwContentID="91c40596118cc3b305052abab7" -->
3267        <div class="marketing-4th">
3268<div class="marketing-img"><a href="https://www.roots.com/us/en/canada-collection/" title=""><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw0066e17a/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-clp.jpg" title="" /></a></div>
3269
3270<div class="marketing-content">
3271<div class="marketing-text"><span class="h3">Canada Collection</span>
3272
3273<p>These bold staples are the perfect way to bring Canada with you, anywhere.</p>
3274</div>
3275
3276<div class="marketing-btns" id="flcolumn">
3277<div><a href="https://www.roots.com/us/en/canada-collection/">Shop Now</a></div>
3278</div>
3279</div>
3280</div>
3281<style type="text/css">@media (min-width: 1200px){
3282    #flcolumn {
3283    flex-direction: column;
3284    }}
3285</style>
3286    </div> <!-- End content-asset -->
3287
3288
3289        </li>
3290    
3291</ul>
3292            </li>
3293        
3294    
3295        
3296            <li class="dropdown-item dropdown column3" aria-label="Our Story">
3297                <a href="https://www.roots.com/us/en/our-story.html" id="OurStory" title="Our Story" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Our Story"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Our Story</a>
3298                
3299                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3300    
3301        
3302            <li class="dropdown-item column3" aria-label="Made for Canada">
3303                <a href="https://www.roots.com/us/en/made-for-canada.html" id="OurStoryMadeforCanada"  aria-label="Made for Canada" title="Made for Canada"  class="dropdown-link" tabindex="0" style="color:">Made for Canada</a>
3304            </li>
3305        
3306    
3307        
3308            <li class="dropdown-item column3" aria-label="Roots Cares">
3309                <a href="https://www.roots.com/us/en/roots-cares.html" id="OurStoryRootsCares"  aria-label="Roots Cares" title="Roots Cares"  class="dropdown-link" tabindex="0" style="color:">Roots Cares</a>
3310            </li>
3311        
3312    
3313
3314     
3315        <li class="nav-item dropdown-item column-6th column6">
3316            
3317    
3318    <div class="content-asset"><!-- dwMarker="content" dwContentID="91c40596118cc3b305052abab7" -->
3319        <div class="marketing-4th">
3320<div class="marketing-img"><a href="https://www.roots.com/us/en/canada-collection/" title=""><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw0066e17a/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-clp.jpg" title="" /></a></div>
3321
3322<div class="marketing-content">
3323<div class="marketing-text"><span class="h3">Canada Collection</span>
3324
3325<p>These bold staples are the perfect way to bring Canada with you, anywhere.</p>
3326</div>
3327
3328<div class="marketing-btns" id="flcolumn">
3329<div><a href="https://www.roots.com/us/en/canada-collection/">Shop Now</a></div>
3330</div>
3331</div>
3332</div>
3333<style type="text/css">@media (min-width: 1200px){
3334    #flcolumn {
3335    flex-direction: column;
3336    }}
3337</style>
3338    </div> <!-- End content-asset -->
3339
3340
3341        </li>
3342    
3343</ul>
3344            </li>
3345        
3346    
3347
3348     
3349        <li class="nav-item dropdown-item column-6th column6">
3350            
3351    
3352    <div class="content-asset"><!-- dwMarker="content" dwContentID="91c40596118cc3b305052abab7" -->
3353        <div class="marketing-4th">
3354<div class="marketing-img"><a href="https://www.roots.com/us/en/canada-collection/" title=""><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw0066e17a/ROOTS_ASSETS/Flyouts/2
3354026/260818-FallVersatility/fl-clp.jpg" title="" /></a></div>
3355
3356<div class="marketing-content">
3357<div class="marketing-text"><span class="h3">Canada Collection</span>
3358
3359<p>These bold staples are the perfect way to bring Canada with you, anywhere.</p>
3360</div>
3361
3362<div class="marketing-btns" id="flcolumn">
3363<div><a href="https://www.roots.com/us/en/canada-collection/">Shop Now</a></div>
3364</div>
3365</div>
3366</div>
3367<style type="text/css">@media (min-width: 1200px){
3368    #flcolumn {
3369    flex-direction: column;
3370    }}
3371</style>
3372    </div> <!-- End content-asset -->
3373
3374
3375        </li>
3376    
3377</ul>
3378                            </li>
3379                        
3380                    
3381                        
3382                        
3383                            <li class="nav-item dropdown" id="Activewear">
3384                                <a href="/us/en/activewear/" aria-describedby="drop-down-description"
3385                                id="Activewear" class="nav-link dropdown-toggle" aria-label="Activewear" title="Activewear" 
3386                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"
3387                                style="color:"><span class="menu-text">Activewear</span></a>
3388                                
3389                                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3390    
3391        
3392            <li class="dropdown-item dropdown column1" aria-label="Women">
3393                <a href="/us/en/activewear/women/" id="ActivewearWomens" title="Women" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Women"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Women</a>
3394                
3395                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3396    
3397        
3398            <li class="dropdown-item column1" aria-label="Active Tops">
3399                <a href="/us/en/activewear/women/active-tops/" id="ActivewearTopsWomens"  aria-label="Active Tops" title="Active Tops"  class="dropdown-link" tabindex="0" style="color:">Active Tops</a>
3400            </li>
3401        
3402    
3403        
3404            <li class="dropdown-item column1" aria-label="Active Bottoms">
3405                <a href="/us/en/activewear/women/active-bottoms/" id="ActivewearBottomsWomens"  aria-label="Active Bottoms" title="Active Bottoms"  class="dropdown-link" tabindex="0" style="color:">Active Bottoms</a>
3406            </li>
3407        
3408    
3409        
3410            <li class="dropdown-item column1" aria-label="Active Dresses &amp; Skirts">
3411                <a href="/us/en/activewear/women/active-dresses-and-skirts/" id="ActiveDressesAndRompersWomens"  aria-label="Active Dresses &amp; Skirts" title="Active Dresses &amp; Skirts"  class="dropdown-link" tabindex="0" style="color:">Active Dresses &amp; Skirts</a>
3412            </li>
3413        
3414    
3415        
3416            <li class="dropdown-item column1" aria-label="Active Accessories">
3417                <a href="/us/en/activewear/women/active-accessories/" id="ActiveAccessoriesWomens"  aria-label="Active Accessories" title="Active Accessories"  class="dropdown-link" tabindex="0" style="color:">Active Accessories</a>
3418            </li>
3419        
3420    
3421
3422     
3423        <li class="nav-item dropdown-item column-6th column6">
3424            
3425    
3426    <div class="content-asset"><!-- dwMarker="content" dwContentID="22df9752dab878df92171db6fb" -->
3427        <div class="marketing-4th">
3428<div class="marketing-img"><a href="https://www.roots.com/us/en/activewear/women/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw52bbef6f/ROOTS_ASSETS/Flyouts/2026/260714-JulyActive/fl-awlp.jpg" title="" /></a></div>
3429
3430<div class="marketing-content">
3431<div class="marketing-text"><span class="h3">Activewear</span>
3432
3433<p>Elevate your activewear lineup with styles that look and feel ever better on.</p>
3434</div>
3435
3436<div class="marketing-btns" id="flcolumn">
3437<div><a href="https://www.roots.com/us/en/activewear/women/">Shop Women</a></div>
3438
3439<div><a href="https://www.roots.com/us/en/activewear/men/">Shop Men</a></div>
3440
3441<div><a href="https://www.roots.com/us/en/activewear/">Shop Active Guide</a></div>
3442</div>
3443</div>
3444</div>
3445<style type="text/css">@media (min-width: 1200px) {
3446    #flcolumn {
3447      flex-direction: column;
3448    }
3449  }
3450</style>
3451    </div> <!-- End content-asset -->
3452
3453
3454        </li>
3455    
3456</ul>
3457            </li>
3458        
3459    
3460        
3461            <li class="dropdown-item dropdown column2" aria-label="Men">
3462                <a href="/us/en/activewear/men/" id="ActivewearMens" title="Men" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Men"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Men</a>
3463                
3464                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3465    
3466        
3467            <li class="dropdown-item column2" aria-label="Active Tops">
3468                <a href="/us/en/activewear/men/active-tops/" id="ActiveTopsMens"  aria-label="Active Tops" title="Active Tops"  class="dropdown-link" tabindex="0" style="color:">Active Tops</a>
3469            </li>
3470        
3471    
3472        
3473            <li class="dropdown-item column1" aria-label="Active Bottoms">
3474                <a href="/us/en/activewear/men/active-bottoms/" id="ActiveBottomsMens"  aria-label="Active Bottoms" title="Active Bottoms"  class="dropdown-link" tabindex="0" style="color:">Active Bottoms</a>
3475            </li>
3476        
3477    
3478        
3479            <li class="dropdown-item column2" aria-label="Active Accessories">
3480                <a href="/us/en/activewear/men/active-accessories/" id="ActiveAccessoriesMens"  aria-label="Active Accessories" title="Active Accessories"  class="dropdown-link" tabindex="0" style="color:">Active Accessories</a>
3481            </li>
3482        
3483    
3484
3485     
3486        <li class="nav-item dropdown-item column-6th column6">
3487            
3488    
3489    <div class="content-asset"><!-- dwMarker="content" dwContentID="22df9752dab878df92171db6fb" -->
3490        <div class="marketing-4th">
3491<div class="marketing-img"><a href="https://www.roots.com/us/en/activewear/women/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw52bbef6f/ROOTS_ASSETS/Flyouts/2
3491026/260714-JulyActive/fl-awlp.jpg" title="" /></a></div>
3492
3493<div class="marketing-content">
3494<div class="marketing-text"><span class="h3">Activewear</span>
3495
3496<p>Elevate your activewear lineup with styles that look and feel ever better on.</p>
3497</div>
3498
3499<div class="marketing-btns" id="flcolumn">
3500<div><a href="https://www.roots.com/us/en/activewear/women/">Shop Women</a></div>
3501
3502<div><a href="https://www.roots.com/us/en/activewear/men/">Shop Men</a></div>
3503
3504<div><a href="https://www.roots.com/us/en/activewear/">Shop Active Guide</a></div>
3505</div>
3506</div>
3507</div>
3508<style type="text/css">@media (min-width: 1200px) {
3509    #flcolumn {
3510      flex-direction: column;
3511    }
3512  }
3513</style>
3514    </div> <!-- End content-asset -->
3515
3516
3517        </li>
3518    
3519</ul>
3520            </li>
3521        
3522    
3523        
3524            <li class="dropdown-item dropdown column4" aria-label="Kids">
3525                <a href="/us/en/activewear/kids/" id="ActivewearKids" title="Kids" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Kids"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Kids</a>
3526                
3527                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3528    
3529        
3530            <li class="dropdown-item column3" aria-label="Kids">
3531                <a href="/us/en/activewear/kids/kids/" id="ActivewearKidsBoysAndGirls"  aria-label="Kids" title="Kids"  class="dropdown-link" tabindex="0" style="color:">Kids</a>
3532            </li>
3533        
3534    
3535        
3536            <li class="dropdown-item column3" aria-label="Toddler">
3537                <a href="/us/en/activewear/kids/toddler/" id="ActivewearToddlerBoysAndGirls"  aria-label="Toddler" title="Toddler"  class="dropdown-link" tabindex="0" style="color:">Toddler</a>
3538            </li>
3539        
3540    
3541
3542     
3543        <li class="nav-item dropdown-item column-6th column6">
3544            
3545    
3546    <div class="content-asset"><!-- dwMarker="content" dwContentID="22df9752dab878df92171db6fb" -->
3547        <div class="marketing-4th">
3548<div class="marketing-img"><a href="https://www.roots.com/us/en/activewear/women/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw52bbef6f/ROOTS_ASSETS/Flyouts/2026/260714-JulyActive/fl-awlp.jpg" title="" /></a></div>
3549
3550<div class="marketing-content">
3551<div class="marketing-text"><span class="h3">Activewear</span>
3552
3553<p>Elevate your activewear lineup with styles that look and feel ever better on.</p>
3554</div>
3555
3556<div class="marketing-btns" id="flcolumn">
3557<div><a href="https://www.roots.com/us/en/activewear/women/">Shop Women</a></div>
3558
3559<div><a href="https://www.roots.com/us/en/activewear/men/">Shop Men</a></div>
3560
3561<div><a href="https://www.roots.com/us/en/activewear/">Shop Active Guide</a></div>
3562</div>
3563</div>
3564</div>
3565<style type="text/css">@media (min-width: 1200px) {
3566    #flcolumn {
3567      flex-direction: column;
3568    }
3569  }
3570</style>
3571    </div> <!-- End content-asset -->
3572
3573
3574        </li>
3575    
3576</ul>
3577            </li>
3578        
3579    
3580
3581     
3582        <li class="nav-item dropdown-item column-6th column6">
3583            
3584    
3585    <div class="content-asset"><!-- dwMarker="content" dwContentID="22df9752dab878df92171db6fb" -->
3586        <div class="marketing-4th">
3587<div class="marketing-img"><a href="https://www.roots.com/us/en/activewear/women/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw52bbef6f/ROOTS_ASSETS/Flyouts/2026/260714-JulyActive/fl-awlp.jpg" title="" /></a></div>
3588
3589<div class="marketing-content">
3590<div class="marketing-text"><span class="h3">Activewear</span>
3591
3592<p>Elevate your activewear lineup with styles that look and feel ever better on.</p>
3593</div>
3594
3595<div class="marketing-btns" id="flcolumn">
3596<div><a href="https://www.roots.com/us/en/activewear/women/">Shop Women</a></div>
3597
3598<div><a href="https://www.roots.com/us/en/activewear/men/">Shop Men</a></div>
3599
3600<div><a href="https://www.roots.com/us/en/activewear/">Shop Active Guide</a></div>
3601</div>
3602</div>
3603</div>
3604<style type="text/css">@media (min-width: 1200px) {
3605    #flcolumn {
3606      flex-direction: column;
3607    }
3608  }
3609</style>
3610    </div> <!-- End content-asset -->
3611
3612
3613        </li>
3614    
3615</ul>
3616                            </li>
3617                        
3618                    
3619                        
3620                        
3621                            <li class="nav-item dropdown" id="Sweats">
3622                                <a href="/us/en/sweats/" aria-describedby="drop-down-description"
3623                                id="Sweats" class="nav-link dropdown-toggle" aria-label="Sweats" title="Sweats" 
3624                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"
3625                                style="color:"><span class="menu-text">Sweats</span></a>
3626                                
3627                                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3628    
3629        
3630            <li class="dropdown-item dropdown column1" aria-label="Women">
3631                <a href="/us/en/sweats/women/" id="SweatsWomen" title="Women" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Women"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Women</a>
3632                
3633                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3634    
3635        
3636            <li class="dropdown-item column2" aria-label="Sweatshirts &amp; Hoodies">
3637                <a href="/us/en/sweats-women-sweatshirts-and-hoodies/" id="SweatsSweatshirtsHoodiesWomen"  aria-label="Sweatshirts &amp; Hoodies" title="Sweatshirts &amp; Hoodies"  class="dropdown-link" tabindex="0" style="color:">Sweatshirts &amp; Hoodies</a>
3638            </li>
3639        
3640    
3641        
3642            <li class="dropdown-item column2" aria-label="Sweatpants">
3643                <a href="/us/en/sweats-women-sweatpants/" id="SweatsSweatpantsWomen"  aria-label="Sweatpants" title="Sweatpants"  class="dropdown-link" tabindex="0" style="color:">Sweatpants</a>
3644            </li>
3645        
3646    
3647        
3648            <li class="dropdown-item column2" aria-label="Sweat Dresses &amp; Skirts">
3649                <a href="/us/en/sweats/women/sweat-dresses-and-skirts/" id="SweatsDressesWomen"  aria-label="Sweat Dresses &amp; Skirts" title="Sweat Dresses &amp; Skirts"  class="dropdown-link" tabindex="0" style="color:">Sweat Dresses &amp; Skirts</a>
3650            </li>
3651        
3652    
3653        
3654            <li class="dropdown-item column2" aria-label="Sweatshorts">
3655                <a href="/us/en/sweats-women-sweatshorts/" id="SweatsShortsWomen"  aria-label="Sweatshorts" title="Sweatshorts"  class="dropdown-link" tabindex="0" style="color:">Sweatshorts</a>
3656            </li>
3657        
3658    
3659        
3660            <li class="dropdown-item column1" aria-label="The Original Sweats&trade;">
3661                <a href="/us/en/sweats/women/the-original-sweats/" id="SweatsWomensCooperSweats"  aria-label="The Original Sweats&trade;" title="The Original Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Original Sweats&trade;</a>
3662            </li>
3663        
3664    
3665        
3666            <li class="dropdown-item column1" aria-label="The Cloud Sweats&trade;">
3667                <a href="/us/en/sweats/women/the-cloud-sweats/" id="SweatsCloudSweats"  aria-label="The Cloud Sweats&trade;" title="The Cloud Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Cloud Sweats&trade;</a>
3668            </li>
3669        
3670    
3671
3672     
3673        <li class="nav-item dropdown-item column-6th column6">
3674            
3675    
3676    <div class="content-asset"><!-- dwMarker="content" dwContentID="169e417a34025f4bd9762863e1" -->
3677        <div class="marketing-4th">
3678<div class="marketing-img"><a href="https://www.roots.com/us/en/women/clothing/sweatshirts-and-sweatpants/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw37edbedf/ROOTS_ASSETS/Flyouts/2
3678026/260818-FallVersatility/fl-swlp.jpg" title="" /></a></div>
3679
3680<div class="marketing-content">
3681<div class="marketing-text"><span class="h3">New Sweats</span>
3682
3683<p>Crafted with signature softness you’ll love to layer up in.</p>
3684</div>
3685
3686<div class="marketing-btns" id="flcolumn">
3687<div><a href="https://www.roots.com/us/en/search?cgid=WomensSweats">Shop Women</a></div>
3688
3689<div><a href="https://www.roots.com/us/en/search?cgid=MensSweats">Shop Men</a></div>
3690</div>
3691</div>
3692</div>
3693<style type="text/css">@media (min-width: 1200px) {
3694    #flcolumn {
3695      flex-direction: column;
3696    }
3697  }
3698</style>
3699    </div> <!-- End content-asset -->
3700
3701
3702        </li>
3703    
3704</ul>
3705            </li>
3706        
3707    
3708        
3709            <li class="dropdown-item dropdown column2" aria-label="Men">
3710                <a href="/us/en/sweats-men/" id="SweatsMen" title="Men" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Men"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Men</a>
3711                
3712                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3713    
3714        
3715            <li class="dropdown-item column1" aria-label="Sweatshirts &amp; Hoodies">
3716                <a href="/us/en/sweats-men-sweatshirts-and-hoodies/" id="SweatsSweatshirtsHoodiesMen"  aria-label="Sweatshirts &amp; Hoodies" title="Sweatshirts &amp; Hoodies"  class="dropdown-link" tabindex="0" style="color:">Sweatshirts &amp; Hoodies</a>
3717            </li>
3718        
3719    
3720        
3721            <li class="dropdown-item column1" aria-label="Sweatpants">
3722                <a href="/us/en/sweats-men-sweatpants/" id="SweatsSweatpantsMen"  aria-label="Sweatpants" title="Sweatpants"  class="dropdown-link" tabindex="0" style="color:">Sweatpants</a>
3723            </li>
3724        
3725    
3726        
3727            <li class="dropdown-item column1" aria-label="Sweatshorts">
3728                <a href="/us/en/sweats-men-sweatshorts/" id="SweatsShortsMen"  aria-label="Sweatshorts" title="Sweatshorts"  class="dropdown-link" tabindex="0" style="color:">Sweatshorts</a>
3729            </li>
3730        
3731    
3732        
3733            <li class="dropdown-item column1" aria-label="The Original Sweats&trade;">
3734                <a href="/us/en/sweats/men/the-original-sweats/" id="SweatsMensCooperSweats"  aria-label="The Original Sweats&trade;" title="The Original Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Original Sweats&trade;</a>
3735            </li>
3736        
3737    
3738        
3739            <li class="dropdown-item column1" aria-label="The Cloud Sweats&trade;">
3740                <a href="/us/en/sweats/men/the-cloud-sweats/" id="SweatsMensCloudSweats"  aria-label="The Cloud Sweats&trade;" title="The Cloud Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Cloud Sweats&trade;</a>
3741            </li>
3742        
3743    
3744
3745     
3746        <li class="nav-item dropdown-item column-6th column6">
3747            
3748    
3749    <div class="content-asset"><!-- dwMarker="content" dwContentID="169e417a34025f4bd9762863e1" -->
3750        <div class="marketing-4th">
3751<div class="marketing-img"><a href="https://www.roots.com/us/en/women/clothing/sweatshirts-and-sweatpants/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw37edbedf/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-swlp.jpg" title="" /></a></div>
3752
3753<div class="marketing-content">
3754<div class="marketing-text"><span class="h3">New Sweats</span>
3755
3756<p>Crafted with signature softness you’ll love to layer up in.</p>
3757</div>
3758
3759<div class="marketing-btns" id="flcolumn">
3760<div><a href="https://www.roots.com/us/en/search?cgid=WomensSweats">Shop Women</a></div>
3761
3762<div><a href="https://www.roots.com/us/en/search?cgid=MensSweats">Shop Men</a></div>
3763</div>
3764</div>
3765</div>
3766<style type="text/css">@media (min-width: 1200px) {
3767    #flcolumn {
3768      flex-direction: column;
3769    }
3770  }
3771</style>
3772    </div> <!-- End content-asset -->
3773
3774
3775        </li>
3776    
3777</ul>
3778            </li>
3779        
3780    
3781        
3782            <li class="dropdown-item dropdown column3" aria-label="Gender Free">
3783                <a href="/us/en/sweats/gender-free/" id="SweatsGenderFree" title="Gender Free" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Gender Free"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Gender Free</a>
3784                
3785                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3786    
3787        
3788            <li class="dropdown-item column3" aria-label="Sweatshirts &amp; Hoodies">
3789                <a href="/us/en/sweats/gender-free/sweatshirts-and-hoodies/" id="SweatshirtsHoodiesGenderFree"  aria-label="Sweatshirts &amp; Hoodies" title="Sweatshirts &amp; Hoodies"  class="dropdown-link" tabindex="0" style="color:">Sweatshirts &amp; Hoodies</a>
3790            </li>
3791        
3792    
3793        
3794            <li class="dropdown-item column3" aria-label="Sweatpants">
3795                <a href="/us/en/sweats/gender-free/sweatpants/" id="SweatpantsGenderFree"  aria-label="Sweatpants" title="Sweatpants"  class="dropdown-link" tabindex="0" style="color:">Sweatpants</a>
3796            </li>
3797        
3798    
3799        
3800            <li class="dropdown-item column3" aria-label="The Original Sweats&trade;">
3801                <a href="/us/en/sweats/gender-free/the-original-sweats/" id="CooperSweatsGenderFree"  aria-label="The Original Sweats&trade;" title="The Original Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Original Sweats&trade;</a>
3802            </li>
3803        
3804    
3805        
3806            <li class="dropdown-item column1" aria-label="The Cloud Sweats&trade;">
3807                <a href="/us/en/sweats/gender-free/the-cloud-sweats/" id="SweatsCloudSweatsGenderFree"  aria-label="The Cloud Sweats&trade;" title="The Cloud Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Cloud Sweats&trade;</a>
3808            </li>
3809        
3810    
3811
3812     
3813        <li class="nav-item dropdown-item column-6th column6">
3814            
3815    
3816    <div class="content-asset"><!-- dwMarker="content" dwContentID="169e417a34025f4bd9762863e1" -->
3817        <div class="marketing-4th">
3818<div class="marketing-img"><a href="https://www.roots.com/us/en/women/clothing/sweatshirts-and-sweatpants/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw37edbedf/ROOTS_ASSETS/Flyouts/2
3818026/260818-FallVersatility/fl-swlp.jpg" title="" /></a></div>
3819
3820<div class="marketing-content">
3821<div class="marketing-text"><span class="h3">New Sweats</span>
3822
3823<p>Crafted with signature softness you’ll love to layer up in.</p>
3824</div>
3825
3826<div class="marketing-btns" id="flcolumn">
3827<div><a href="https://www.roots.com/us/en/search?cgid=WomensSweats">Shop Women</a></div>
3828
3829<div><a href="https://www.roots.com/us/en/search?cgid=MensSweats">Shop Men</a></div>
3830</div>
3831</div>
3832</div>
3833<style type="text/css">@media (min-width: 1200px) {
3834    #flcolumn {
3835      flex-direction: column;
3836    }
3837  }
3838</style>
3839    </div> <!-- End content-asset -->
3840
3841
3842        </li>
3843    
3844</ul>
3845            </li>
3846        
3847    
3848        
3849            <li class="dropdown-item dropdown column4" aria-label="Kids">
3850                <a href="/us/en/kids-sweats/" id="SweatsKids" title="Kids" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Kids"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Kids</a>
3851                
3852                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3853    
3854        
3855            <li class="dropdown-item column3" aria-label="Kids">
3856                <a href="/us/en/sweats-kids/" id="SweatsKidsBoysAndGirls"  aria-label="Kids" title="Kids"  class="dropdown-link" tabindex="0" style="color:">Kids</a>
3857            </li>
3858        
3859    
3860        
3861            <li class="dropdown-item column3" aria-label="Toddler">
3862                <a href="/us/en/sweats-toddler/" id="SweatsToddlerBoysAndGirls"  aria-label="Toddler" title="Toddler"  class="dropdown-link" tabindex="0" style="color:">Toddler</a>
3863            </li>
3864        
3865    
3866        
3867            <li class="dropdown-item column3" aria-label="Baby">
3868                <a href="/us/en/sweats-baby/" id="SweatsKidsBaby"  aria-label="Baby" title="Baby"  class="dropdown-link" tabindex="0" style="color:">Baby</a>
3869            </li>
3870        
3871    
3872
3873     
3874        <li class="nav-item dropdown-item column-6th column6">
3875            
3876    
3877    <div class="content-asset"><!-- dwMarker="content" dwContentID="169e417a34025f4bd9762863e1" -->
3878        <div class="marketing-4th">
3879<div class="marketing-img"><a href="https://www.roots.com/us/en/women/clothing/sweatshirts-and-sweatpants/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw37edbedf/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-swlp.jpg" title="" /></a></div>
3880
3881<div class="marketing-content">
3882<div class="marketing-text"><span class="h3">New Sweats</span>
3883
3884<p>Crafted with signature softness you’ll love to layer up in.</p>
3885</div>
3886
3887<div class="marketing-btns" id="flcolumn">
3888<div><a href="https://www.roots.com/us/en/search?cgid=WomensSweats">Shop Women</a></div>
3889
3890<div><a href="https://www.roots.com/us/en/search?cgid=MensSweats">Shop Men</a></div>
3891</div>
3892</div>
3893</div>
3894<style type="text/css">@media (min-width: 1200px) {
3895    #flcolumn {
3896      flex-direction: column;
3897    }
3898  }
3899</style>
3900    </div> <!-- End content-asset -->
3901
3902
3903        </li>
3904    
3905</ul>
3906            </li>
3907        
3908    
3909        
3910            <li class="dropdown-item column4" aria-label="Sweatpant Fit Guide">
3911                <a href="https://www.roots.com/us/en/the-original-sweats-fit-guide.html" id="TheOriginalSweatsFitGuide"  aria-label="Sweatpant Fit Guide" title="Sweatpant Fit Guide"  class="dropdown-link" tabindex="0" style="color:">Sweatpant Fit Guide</a>
3912            </li>
3913        
3914    
3915
3916     
3917        <li class="nav-item dropdown-item column-6th column6">
3918            
3919    
3920    <div class="content-asset"><!-- dwMarker="content" dwContentID="169e417a34025f4bd9762863e1" -->
3921        <div class="marketing-4th">
3922<div class="marketing-img"><a href="https://www.roots.com/us/en/women/clothing/sweatshirts-and-sweatpants/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw37edbedf/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-swlp.jpg" title="" /></a></div>
3923
3924<div class="marketing-content">
3925<div class="marketing-text"><span class="h3">New Sweats</span>
3926
3927<p>Crafted with signature softness you’ll love to layer up in.</p>
3928</div>
3929
3930<div class="marketing-btns" id="flcolumn">
3931<div><a href="https://www.roots.com/us/en/search?cgid=WomensSweats">Shop Women</a></div>
3932
3933<div><a href="https://www.roots.com/us/en/search?cgid=MensSweats">Shop Men</a></div>
3934</div>
3935</div>
3936</div>
3937<style type="text/css">@media (min-width: 1200px) {
3938    #flcolumn {
3939      flex-direction: column;
3940    }
3941  }
3942</style>
3943    </div> <!-- End content-asset -->
3944
3945
3946        </li>
3947    
3948</ul>
3949                            </li>
3950                        
3951                    
3952                        
3953                        
3954                            <li class="nav-item dropdown" id="GenderFree">
3955                                <a href="/us/en/gender-free/" aria-describedby="drop-down-description"
3956                                id="GenderFree" class="nav-link dropdown-toggle" aria-label="Gender Free" title="Gender Free" 
3957                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"
3958                                style="color:"><span class="menu-text">Gender Free</span></a>
3959                                
3960                                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3961    
3962        
3963            <li class="dropdown-item dropdown column1" aria-label="Clothing">
3964                <a href="/us/en/gender-free/clothing/" id="GenderFreeAdult" title="Clothing" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Clothing"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Clothing</a>
3965                
3966                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3967    
3968        
3969            <li class="dropdown-item dropdown column1" aria-label="Sweatshirts &amp; Sweatpants">
3970                <a href="/us/en/gender-free/clothing/sweatshirts-and-sweatpants/" id="GenderFreeSweatshirtsAndSweatpants" title="Sweatshirts &amp; Sweatpants" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Sweatshirts &amp; Sweatpants"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Sweatshirts &amp; Sweatpants</a>
3971                
3972                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
3973    
3974        
3975            <li class="dropdown-item column2" aria-label="Sweatshirts &amp; Hoodies">
3976                <a href="/us/en/gender-free-sweatshirts-and-hoodies/" id="GenderFreeSweatshirtsHoodiesAdult"  aria-label="Sweatshirts &amp; Hoodies" title="Sweatshirts &amp; Hoodies"  class="dropdown-link" tabindex="0" style="color:">Sweatshirts &amp; Hoodies</a>
3977            </li>
3978        
3979    
3980        
3981            <li class="dropdown-item column2" aria-label="Sweatpants">
3982                <a href="/us/en/gender-free-sweatpants/" id="GenderFreeSweatpantsAdult"  aria-label="Sweatpants" title="Sweatpants"  class="dropdown-link" tabindex="0" style="color:">Sweatpants</a>
3983            </li>
3984        
3985    
3986
3987     
3988        <li class="nav-item dropdown-item column-6th column6">
3989            
3990    
3991    <div class="content-asset">
3991<!-- dwMarker="content" dwContentID="1218e8ce8981aaa970cc213977" -->
3992        <div class="marketing-4th">
3993<div class="marketing-img"><a href="https://www.roots.com/us/en/gender-free/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw8e49fc49/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-gflp.jpg" title="" /></a></div>
3994
3995<div class="marketing-content">
3996<div class="marketing-text"><span class="h3">Gender Free</span>
3997
3998<p>Discover the latest colours and styles, designed for everyone to love. </p>
3999</div>
4000
4001<div class="marketing-btns" id="flcolumn">
4002<div><a href="https://www.roots.com/us/en/gender-free/">Shop Now</a></div>
4003</div>
4004</div>
4005</div>
4006<style type="text/css">@media (min-width: 1200px) {
4007    #flcolumn {
4008      flex-direction: column;
4009    }
4010  }
4011</style>
4012    </div> <!-- End content-asset -->
4013
4014
4015        </li>
4016    
4017</ul>
4018            </li>
4019        
4020    
4021        
4022            <li class="dropdown-item dropdown column1" aria-label="Tops">
4023                <a href="/us/en/gender-free/clothing/tops/" id="GenderFreeTops" title="Tops" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Tops"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Tops</a>
4024                
4025                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4026    
4027        
4028            <li class="dropdown-item column2" aria-label="T-Shirts &amp; Graphic Tees">
4029                <a href="/us/en/gender-free/clothing/tops/t-shirts-and-graphic-tees/" id="GenderFreeGraphicTShirts"  aria-label="T-Shirts &amp; Graphic Tees" title="T-Shirts &amp; Graphic Tees"  class="dropdown-link" tabindex="0" style="color:">T-Shirts &amp; Graphic Tees</a>
4030            </li>
4031        
4032    
4033        
4034            <li class="dropdown-item column2" aria-label="Sweaters &amp; Cardigans">
4035                <a href="/us/en/gender-free/clothing/tops/sweaters-and-cardigans/" id="GenderFreeSweatersAndCardigans"  aria-label="Sweaters &amp; Cardigans" title="Sweaters &amp; Cardigans"  class="dropdown-link" tabindex="0" style="color:">Sweaters &amp; Cardigans</a>
4036            </li>
4037        
4038    
4039
4040     
4041        <li class="nav-item dropdown-item column-6th column6">
4042            
4043    
4044    <div class="content-asset"><!-- dwMarker="content" dwContentID="1218e8ce8981aaa970cc213977" -->
4045        <div class="marketing-4th">
4046<div class="marketing-img"><a href="https://www.roots.com/us/en/gender-free/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw8e49fc49/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-gflp.jpg" title="" /></a></div>
4047
4048<div class="marketing-content">
4049<div class="marketing-text"><span class="h3">Gender Free</span>
4050
4051<p>Discover the latest colours and styles, designed for everyone to love. </p>
4052</div>
4053
4054<div class="marketing-btns" id="flcolumn">
4055<div><a href="https://www.roots.com/us/en/gender-free/">Shop Now</a></div>
4056</div>
4057</div>
4058</div>
4059<style type="text/css">@media (min-width: 1200px) {
4060    #flcolumn {
4061      flex-direction: column;
4062    }
4063  }
4064</style>
4065    </div> <!-- End content-asset -->
4066
4067
4068        </li>
4069    
4070</ul>
4071            </li>
4072        
4073    
4074        
4075            <li class="dropdown-item column1" aria-label="Jackets &amp; Outerwear">
4076                <a href="/us/en/gender-free/clothing/jackets-and-outerwear/" id="GenderFreeJacketsAndOuterwear"  aria-label="Jackets &amp; Outerwear" title="Jackets &amp; Outerwear"  class="dropdown-link" tabindex="0" style="color:">Jackets &amp; Outerwear</a>
4077            </li>
4078        
4079    
4080        
4081            <li class="dropdown-item column1" aria-label="Shoes &amp; Boots">
4082                <a href="/us/en/gender-free/clothing/shoes-and-boots/" id="GenderFreeFootwear"  aria-label="Shoes &amp; Boots" title="Shoes &amp; Boots"  class="dropdown-link" tabindex="0" style="color:">Shoes &amp; Boots</a>
4083            </li>
4084        
4085    
4086
4087     
4088        <li class="nav-item dropdown-item column-6th column6">
4089            
4090    
4091    <div class="content-asset">
4091<!-- dwMarker="content" dwContentID="1218e8ce8981aaa970cc213977" -->
4092        <div class="marketing-4th">
4093<div class="marketing-img"><a href="https://www.roots.com/us/en/gender-free/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw8e49fc49/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-gflp.jpg" title="" /></a></div>
4094
4095<div class="marketing-content">
4096<div class="marketing-text"><span class="h3">Gender Free</span>
4097
4098<p>Discover the latest colours and styles, designed for everyone to love. </p>
4099</div>
4100
4101<div class="marketing-btns" id="flcolumn">
4102<div><a href="https://www.roots.com/us/en/gender-free/">Shop Now</a></div>
4103</div>
4104</div>
4105</div>
4106<style type="text/css">@media (min-width: 1200px) {
4107    #flcolumn {
4108      flex-direction: column;
4109    }
4110  }
4111</style>
4112    </div> <!-- End content-asset -->
4113
4114
4115        </li>
4116    
4117</ul>
4118            </li>
4119        
4120    
4121        
4122            <li class="dropdown-item dropdown column2" aria-label="Accessories">
4123                <a href="/us/en/gender-free/accessories/" id="GenderFreeAccesssoriesAdult" title="Accessories" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Accessories"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Accessories</a>
4124                
4125                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4126    
4127        
4128            <li class="dropdown-item column2" aria-label="Hats">
4129                <a href="/us/en/gender-free/accessories/hats/" id="GenderFreeAccessoriesHats"  aria-label="Hats" title="Hats"  class="dropdown-link" tabindex="0" style="color:">Hats</a>
4130            </li>
4131        
4132    
4133        
4134            <li class="dropdown-item column2" aria-label="Socks">
4135                <a href="/us/en/gender-free/accessories/socks/" id="GenderFreeAccessoriesSocks"  aria-label="Socks" title="Socks"  class="dropdown-link" tabindex="0" style="color:">Socks</a>
4136            </li>
4137        
4138    
4139        
4140            <li class="dropdown-item column2" aria-label="Bags">
4141                <a href="/us/en/gender-free/accessories/bags/" id="GenderFreeToteBags"  aria-label="Bags" title="Bags"  class="dropdown-link" tabindex="0" style="color:">Bags</a>
4142            </li>
4143        
4144    
4145
4146     
4147        <li class="nav-item dropdown-item column-6th column6">
4148            
4149    
4150    <div class="content-asset"><!-- dwMarker="content" dwContentID="1218e8ce8981aaa970cc213977" -->
4151        <div class="marketing-4th">
4152<div class="marketing-img"><a href="https://www.roots.com/us/en/gender-free/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw8e49fc49/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-gflp.jpg" title="" /></a></div>
4153
4154<div class="marketing-content">
4155<div class="marketing-text"><span class="h3">Gender Free</span>
4156
4157<p>Discover the latest colours and styles, designed for everyone to love. </p>
4158</div>
4159
4160<div class="marketing-btns" id="flcolumn">
4161<div><a href="https://www.roots.com/us/en/gender-free/">Shop Now</a></div>
4162</div>
4163</div>
4164</div>
4165<style type="text/css">@media (min-width: 1200px) {
4166    #flcolumn {
4167      flex-direction: column;
4168    }
4169  }
4170</style>
4171    </div> <!-- End content-asset -->
4172
4173
4174        </li>
4175    
4176</ul>
4177            </li>
4178        
4179    
4180        
4181            <li class="dropdown-item dropdown column3" aria-label="Collections">
4182                <a href="/us/en/gender-free/collections/" id="GenderFreeCollections" title="Collections" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Collections"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Collections</a>
4183                
4184                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4185    
4186        
4187            <li class="dropdown-item dropdown column3" aria-label="Pit Stops">
4188                <a href="/us/en/pit-stops/" id="GenderFreePitStops" title="Pit Stops" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Pit Stops"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Pit Stops</a>
4189                
4190                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4191    
4192        
4193            <li class="dropdown-item column3" aria-label="Roots X Big Apple">
4194                <a href="/us/en/roots-x-big-apple/" id="GenderFreeRootsXBigApple"  aria-label="Roots X Big Apple" title="Roots X Big Apple"  class="dropdown-link" tabindex="0" style="color:">
4194Roots X Big Apple</a>
4195            </li>
4196        
4197    
4198        
4199            <li class="dropdown-item column3" aria-label="Roots X Cows">
4200                <a href="/us/en/roots-x-cows/" id="GenderFreeRootsXCows"  aria-label="Roots X Cows" title="Roots X Cows"  class="dropdown-link" tabindex="0" style="color:">Roots X Cows</a>
4201            </li>
4202        
4203    
4204        
4205            <li class="dropdown-item column3" aria-label="Roots X Duffin's">
4206                <a href="/us/en/roots-x-duffins/" id="GenderFreeRootsXDuffins"  aria-label="Roots X Duffin's" title="Roots X Duffin's"  class="dropdown-link" tabindex="0" style="color:">Roots X Duffin's</a>
4207            </li>
4208        
4209    
4210        
4211            <li class="dropdown-item column3" aria-label="Roots X La Banquise">
4212                <a href="/us/en/roots-x-la-banquise/" id="GenderFreeRootsXLaBanquise"  aria-label="Roots X La Banquise" title="Roots X La Banquise"  class="dropdown-link" tabindex="0" style="color:">Roots X La Banquise</a>
4213            </li>
4214        
4215    
4216        
4217            <li class="dropdown-item column3" aria-label="Roots X St-Viateur">
4218                <a href="/us/en/roots-x-st-viateur/" id="GenderFreeRootsXSt-Viateur"  aria-label="Roots X St-Viateur" title="Roots X St-Viateur"  class="dropdown-link" tabindex="0" style="color:">Roots X St-Viateur</a>
4219            </li>
4220        
4221    
4222        
4223            <li class="dropdown-item column3" aria-label="Roots X Webers">
4224                <a href="/us/en/roots-x-webers/" id="GenderFreeRootsXWebers"  aria-label="Roots X Webers" title="Roots X Webers"  class="dropdown-link" tabindex="0" style="color:">Roots X Webers</a>
4225            </li>
4226        
4227    
4228
4229     
4230        <li class="nav-item dropdown-item column-6th column6">
4231            
4232    
4233    <div class="content-asset"><!-- dwMarker="content" dwContentID="1218e8ce8981aaa970cc213977" -->
4234        <div class="marketing-4th">
4235<div class="marketing-img"><a href="https://www.roots.com/us/en/gender-free/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw8e49fc49/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-gflp.jpg" title="" /></a></div>
4236
4237<div class="marketing-content">
4238<div class="marketing-text"><span class="h3">Gender Free</span>
4239
4240<p>Discover the latest colours and styles, designed for everyone to love. </p>
4241</div>
4242
4243<div class="marketing-btns" id="flcolumn">
4244<div><a href="https://www.roots.com/us/en/gender-free/">Shop Now</a></div>
4245</div>
4246</div>
4247</div>
4248<style type="text/css">@media (min-width: 1200px) {
4249    #flcolumn {
4250      flex-direction: column;
4251    }
4252  }
4253</style>
4254    </div> <!-- End content-asset -->
4255
4256
4257        </li>
4258    
4259</ul>
4260            </li>
4261        
4262    
4263        
4264            <li class="dropdown-item column1" aria-label="Roots Worldwide">
4265                <a href="/us/en/roots-worldwide/" id="GenderFreeRootsWorldwide"  aria-label="Roots Worldwide" title="Roots Worldwide"  class="dropdown-link" tabindex="0" style="color:">Roots Worldwide</a>
4266            </li>
4267        
4268    
4269        
4270            <li class="dropdown-item column1" aria-label="The Cloud Sweats&trade;">
4271                <a href="/us/en/gender-free/collections/the-cloud-sweats/" id="GenderFreeCloudSweats"  aria-label="The Cloud Sweats&trade;" title="The Cloud Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Cloud Sweats&trade;</a>
4272            </li>
4273        
4274    
4275        
4276            <li class="dropdown-item column3" aria-label="The Original Sweats&trade;">
4277                <a href="/us/en/gender-free/collections/the-original-sweats/" id="GenderFreeCooperSweats"  aria-label="The Original Sweats&trade;" title="The Original Sweats&trade;"  class="dropdown-link" tabindex="0" style="color:">The Original Sweats&trade;</a>
4278            </li>
4279        
4280    
4281        
4282            <li class="dropdown-item column1" aria-label="Canada Collection">
4283                <a href="https://www.roots.com/us/en/canada-collection/?prefn1=refinementDepartment&amp;prefv1=Non%20Genr%C3%A9%28Gender%20Free%29" id="GenderFreeCanadaCollections"  aria-label="Canada Collection" title="Canada Collection"  class="dropdown-link" tabindex="0" style="color:">Canada Collection</a>
4284            </li>
4285        
4286    
4287        
4288            <li class="dropdown-item column2" aria-label="Made in Canada">
4289                <a href="https://www.roots.com/us/en/made-in-canada/?prefn1=refinementDepartment&amp;
4289prefv1=Non%20Genr%C3%A9%28Gender%20Free%29" id="GenderFreeMadeinCanada"  aria-label="Made in Canada" title="Made in Canada"  class="dropdown-link" tabindex="0" style="color:">Made in Canada</a>
4290            </li>
4291        
4292    
4293        
4294            <li class="dropdown-item column3" aria-label="New Balance">
4295                <a href="/us/en/gender-free/collections/new-balance/" id="GenderFreeNewBalance"  aria-label="New Balance" title="New Balance"  class="dropdown-link" tabindex="0" style="color:">New Balance</a>
4296            </li>
4297        
4298    
4299
4300     
4301        <li class="nav-item dropdown-item column-6th column6">
4302            
4303    
4304    <div class="content-asset"><!-- dwMarker="content" dwContentID="1218e8ce8981aaa970cc213977" -->
4305        <div class="marketing-4th">
4306<div class="marketing-img"><a href="https://www.roots.com/us/en/gender-free/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw8e49fc49/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-gflp.jpg" title="" /></a></div>
4307
4308<div class="marketing-content">
4309<div class="marketing-text"><span class="h3">Gender Free</span>
4310
4311<p>Discover the latest colours and styles, designed for everyone to love. </p>
4312</div>
4313
4314<div class="marketing-btns" id="flcolumn">
4315<div><a href="https://www.roots.com/us/en/gender-free/">Shop Now</a></div>
4316</div>
4317</div>
4318</div>
4319<style type="text/css">@media (min-width: 1200px) {
4320    #flcolumn {
4321      flex-direction: column;
4322    }
4323  }
4324</style>
4325    </div> <!-- End content-asset -->
4326
4327
4328        </li>
4329    
4330</ul>
4331            </li>
4332        
4333    
4334
4335     
4336        <li class="nav-item dropdown-item column-6th column6">
4337            
4338    
4339    <div class="content-asset"><!-- dwMarker="content" dwContentID="1218e8ce8981aaa970cc213977" -->
4340        <div class="marketing-4th">
4341<div class="marketing-img"><a href="https://www.roots.com/us/en/gender-free/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw8e49fc49/ROOTS_ASSETS/Flyouts/2026/260818-FallVersatility/fl-gflp.jpg" title="" /></a></div>
4342
4343<div class="marketing-content">
4344<div class="marketing-text"><span class="h3">Gender Free</span>
4345
4346<p>Discover the latest colours and styles, designed for everyone to love. </p>
4347</div>
4348
4349<div class="marketing-btns" id="flcolumn">
4350<div><a href="https://www.roots.com/us/en/gender-free/">Shop Now</a></div>
4351</div>
4352</div>
4353</div>
4354<style type="text/css">@media (min-width: 1200px) {
4355    #flcolumn {
4356      flex-direction: column;
4357    }
4358  }
4359</style>
4360    </div> <!-- End content-asset -->
4361
4362
4363        </li>
4364    
4365</ul>
4366                            </li>
4367                        
4368                    
4369                        
4370                        
4371                            <li class="nav-item dropdown" id="Gifts">
4372                                <a href="/us/en/gifts/" aria-describedby="drop-down-description"
4373                                id="Gifts" class="nav-link dropdown-toggle" aria-label="Gifts" title="Gifts" 
4374                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"
4375                                style="color:"><span class="menu-text">Gifts</span></a>
4376                                
4377                                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4378    
4379        
4380            <li class="dropdown-item column1" aria-label="FOR HER">
4381                <a href="/us/en/gifts/for-her/" id="GiftsFORHER"  aria-label="FOR HER" title="FOR HER"  class="dropdown-link" tabindex="0" style="color:">FOR HER</a>
4382            </li>
4383        
4384    
4385        
4386            <li class="dropdown-item column1" aria-label="FOR HIM">
4387                <a href="/us/en/gifts/for-him/" id="GiftsFORHIM"  aria-label="FOR HIM" title="FOR HIM"  class="dropdown-link" tabindex="0" style="color:">FOR HIM</a>
4388            </li>
4389        
4390    
4391        
4392            <li class="dropdown-item column1" aria-label="FOR THEM">
4393                <a href="/us/en/gifts/for-them/" id="GiftsFORTHEM"  aria-label="FOR THEM" title="FOR THEM"  class="dropdown-link" tabindex="0" style="color:">FOR THEM</a>
4394            </li>
4395        
4396    
4397        
4398            <li class="dropdown-item column1" aria-label="FOR KIDS">
4399                <a href="/us/en/gifts/for-kids/" id="GiftsFORKIDS"  aria-label="FOR KIDS" title="FOR KIDS"  class="dropdown-link" tabindex="0" style="color:">FOR KIDS</a>
4400            </li>
4401        
4402    
4403        
4404            <li class="dropdown-item column2" aria-label="Gifts under $50">
4405                <a href="/us/en/gifts-under-50/" id="GiftsGiftsunder50"  aria-label="Gifts under $50" title="Gifts under $50"  class="dropdown-link" tabindex="0" style="color:">Gifts under $50</a>
4406            </li>
4407        
4408    
4409        
4410            <li class="dropdown-item dropdown column3" aria-label="COLLECTIONS">
4411                <a href="/us/en/gifts/collections/" id="GiftsCollections" title="COLLECTIONS" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="COLLECTIONS"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">COLLECTIONS</a>
4412                
4413                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4414    
4415        
4416            <li class="dropdown-item column3" aria-label="Made in Canada">
4417                <a href="/us/en/made-in-canada/" id="GiftsMadeinCanada"  aria-label="Made in Canada" title="Made in Canada"  class="dropdown-link" tabindex="0" style="color:">Made in Canada</a>
4418            </li>
4419        
4420    
4421        
4422            <li class="dropdown-item column3" aria-label="For The Traveller">
4423                <a href="/us/en/for-the-traveller/" id="GiftsGiftsfortheTraveller"  aria-label="For The Traveller" title="For The Traveller"  class="dropdown-link" tabindex="0" style="color:">For The Traveller</a>
4424            </li>
4425        
4426    
4427        
4428            <li class="dropdown-item column3" aria-label="New Balance">
4429                <a href="/us/en/new-balance/" id="GiftsNewBalance"  aria-label="New Balance" title="New Balance"  class="dropdown-link" tabindex="0" style="color:">New Balance</a>
4430            </li>
4431        
4432    
4433        
4434            <li class="dropdown-item column3" aria-label="Roots General Store">
4435                <a href="/us/en/gifts/collections/roots-general-store/" id="GiftsRootsGeneralStore"  aria-label="Roots General Store" title="Roots General Store"  class="dropdown-link" tabindex="0" style="color:">Roots General Store</a>
4436            </li>
4437        
4438    
4439
4440     
4441        <li class="nav-item dropdown-item column-6th column6">
4442            
4443    
4444    <div class="content-asset"><!-- dwMarker="content" dwContentID="2b2d84a4aa30d524b4b71ac854" -->
4445        <div class="marketing-4th">
4446  <div class="marketing-img">
4447    <a
4448      href="https://www.roots.com/us/en/gifts/"
4449      ><img
4450        alt=""
4451        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwf585e93f/ROOTS_ASSETS/Flyouts/2
4451026/260722-GiftsDLP/fl-glp.jpg"
4452        title=""
4453    /></a>
4454  </div>
4455
4456  <div class="marketing-content">
4457    <div class="marketing-text">
4458      <span class="h3">Gifts for All</span>
4459
4460      <p>
4461        Looking for something extra special? Explore gifts that anyone would appreciate.
4462      </p>
4463    </div>
4464
4465    <div class="marketing-btns" id="flcolumn">
4466      <div>
4467        <a href="https://www.roots.com/us/en/gifts/">Shop Now</a>
4468      </div>
4469<div>
4470        <a
4471          href="https://roots.cashstar.com/store/recipient?locale=en-us"
4472          >SHOP E-Gift Cards</a
4473        >
4474
4475      </div>
4476    </div>
4477  </div>
4478</div>
4479<style type="text/css">
4480  @media (min-width: 1200px) {
4481    #flcolumn {
4482      flex-direction: column;
4483    }
4484  }
4485</style>
4486    </div> <!-- End content-asset -->
4487
4488
4489        </li>
4490    
4491</ul>
4492            </li>
4493        
4494    
4495
4496     
4497        <li class="nav-item dropdown-item column-6th column6">
4498            
4499    
4500    <div class="content-asset"><!-- dwMarker="content" dwContentID="2b2d84a4aa30d524b4b71ac854" -->
4501        <div class="marketing-4th">
4502  <div class="marketing-img">
4503    <a
4504      href="https://www.roots.com/us/en/gifts/"
4505      ><img
4506        alt=""
4507        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwf585e93f/ROOTS_ASSETS/Flyouts/2026/260722-GiftsDLP/fl-glp.jpg"
4508        title=""
4509    /></a>
4510  </div>
4511
4512  <div class="marketing-content">
4513    <div class="marketing-text">
4514      <span class="h3">Gifts for All</span>
4515
4516      <p>
4517        Looking for something extra special? Explore gifts that anyone would appreciate.
4518      </p>
4519    </div>
4520
4521    <div class="marketing-btns" id="flcolumn">
4522      <div>
4523        <a href="https://www.roots.com/us/en/gifts/">Shop Now</a>
4524      </div>
4525<div>
4526        <a
4527          href="https://roots.cashstar.com/store/recipient?locale=en-us"
4528          >SHOP E-Gift Cards</a
4529        >
4530
4531      </div>
4532    </div>
4533  </div>
4534</div>
4535<style type="text/css">
4536  @media (min-width: 1200px) {
4537    #flcolumn {
4538      flex-direction: column;
4539    }
4540  }
4541</style>
4542    </div> <!-- End content-asset -->
4543
4544
4545        </li>
4546    
4547</ul>
4548                            </li>
4549                        
4550                    
4551                        
4552                        
4553                            <li class="nav-item dropdown" id="Leather">
4554                                <a href="/us/en/leather/" aria-describedby="drop-down-description"
4555                                id="Leather" class="nav-link dropdown-toggle" aria-label="Leather" title="Leather" 
4556                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"
4557                                style="color:"><span class="menu-text">Leather</span></a>
4558                                
4559                                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4560    
4561        
4562            <li class="dropdown-item column1" aria-label="What's New">
4563                <a href="/us/en/leather-new-arrivals/" id="LeatherFeaturesNewArrivals"  aria-label="What's New" title="What's New"  class="dropdown-link" tabindex="0" style="color:">What's New</a>
4564            </li>
4565        
4566    
4567        
4568            <li class="dropdown-item column1" aria-label="Bestsellers">
4569                <a href="/us/en/leather/bestsellers/" id="LeatherFeaturesBestsellers"  aria-label="Bestsellers" title="Bestsellers"  class="dropdown-link" tabindex="0" style="color:">Bestsellers</a>
4570            </li>
4571        
4572    
4573        
4574            <li class="dropdown-item dropdown column2" aria-label="Leather Goods">
4575                <a href="/us/en/leather/leather-goods/" id="LeatherGoods" title="Leather Goods" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Leather Goods"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Leather Goods</a>
4576                
4577                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4578    
4579        
4580            <li class="dropdown-item dropdown column2" aria-label="Leather Bags">
4581                <a href="/us/en/leather/leather-goods/leather-bags/" id="LeatherGoodsBags" title="Leather Bags" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Leather Bags"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Leather Bags</a>
4582                
4583                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4584    
4585        
4586            <li class="dropdown-item column2" aria-label="Handbags">
4587                <a href="/us/en/leather/leather-goods/leather-bags/handbags/" id="LeatherBagsHandbags"  aria-label="Handbags" title="Handbags"  class="dropdown-link" tabindex="0" style="color:">Handbags</a>
4588            </li>
4589        
4590    
4591        
4592            <li class="dropdown-item column1" aria-label="Crossbody Bags">
4593                <a href="/us/en/leather/leather-goods/leather-bags/crossbody-bags/" id="LeatherBagsCrossbodyBags"  aria-label="Crossbody Bags" title="Crossbody Bags"  class="dropdown-link" tabindex="0" style="color:">Crossbody Bags</a>
4594            </li>
4595        
4596    
4597        
4598            <li class="dropdown-item column1" aria-label="Belt Bags">
4599                <a href="/us/en/leather/leather-goods/leather-bags/belt-bags/" id="LeatherBagsBeltBags"  aria-label="Belt Bags" title="Belt Bags"  class="dropdown-link" tabindex="0" style="color:">Belt Bags</a>
4600            </li>
4601        
4602    
4603        
4604            <li class="dropdown-item column1" aria-label="Sling Bags">
4605                <a href="/us/en/leather/leather-goods/leather-bags/sling-bags/" id="LeatherBagsSlingBags"  aria-label="Sling Bags" title="Sling Bags"  class="dropdown-link" tabindex="0" style="color:">Sling Bags</a>
4606            </li>
4607        
4608    
4609        
4610            <li class="dropdown-item column2" aria-label="Backpacks">
4611                <a href="/us/en/leather/leather-goods/leather-bags/backpacks/" id="LeatherBagsBackpacks"  aria-label="Backpacks" title="Backpacks"  class="dropdown-link" tabindex="0" style="color:">Backpacks</a>
4612            </li>
4613        
4614    
4615        
4616            <li class="dropdown-item column2" aria-label="Totes">
4617                <a href="/us/en/leather/leather-goods/leather-bags/totes/" id="LeatherBagsTotes"  aria-label="Totes" title="Totes"  class="dropdown-link" tabindex="0" style="color:">Totes</a>
4618            </li>
4619        
4620    
4621        
4622            <li class="dropdown-item column2" aria-label="Laptop &amp; Messenger Bags">
4623                <a href="/us/en/leather/leather-goods/leather-bags/laptop-and-messenger-bags/" id="LeatherBagsBriefcaseMessengerBags"  aria-label="Laptop &amp; Messenger Bags" title="Laptop &amp; Messenger Bags"  class="dropdown-link" tabindex="0" style="color:">Laptop &amp; Messenger Bags</a>
4624            </li>
4625        
4626    
4627        
4628            <li class="dropdown-item column2" aria-label="Weekender Bags">
4629                <a href="/us/en/leather/leather-goods/leather-bags/weekender-bags/" id="LeatherBagsWeekenderBags"  aria-label="Weekender Bags" title="Weekender Bags"  class="dropdown-link" tabindex="0" style="color:">Weekender Bags</a>
4630            </li>
4631        
4632    
4633
4634     
4635        <li class="nav-item dropdown-item column-6th column6">
4636            
4637    
4638    <div class="content-asset"><!-- dwMarker="content" dwContentID="65102e2feb04f38d30abdb36cd" -->
4639        <div class="marketing-4th">
4640<div class="marketing-img"><a href="https://www.roots.com/us/en/roots-x-section-35/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw64551bda/ROOTS_ASSETS/Flyouts/2
4640026/260915-Section35/fl-lblp.jpg" title="" /></a></div>
4641
4642<div class="marketing-content">
4643<div class="marketing-text"><span class="h3">Roots x SECTION 35</span>
4644
4645<p>Celebrating 10 years of SECTION 35
with a limited-edition leather
collection. </p>
4646</div>
4647
4648<div class="marketing-btns" id="flcolumn">
4649<div><a href="https://www.roots.com/us/en/roots-x-section-35/">Shop The Collection</a></div>
4650
4651<div><a href="https://www.roots.com/us/en/leather-new-arrivals/">New Arrivals</a></div>
4652
4653</div>
4654</div>
4655</div>
4656<style type="text/css">@media (min-width: 1200px) {
4657    #flcolumn {
4658      flex-direction: column;
4659    }
4660  }
4661</style>
4662    </div> <!-- End content-asset -->
4663
4664
4665        </li>
4666    
4667</ul>
4668            </li>
4669        
4670    
4671        
4672            <li class="dropdown-item dropdown column2" aria-label="Wallets">
4673                <a href="/us/en/leather/leather-goods/wallets/" id="LeatherGoodsWallets" title="Wallets" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Wallets"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Wallets</a>
4674                
4675                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4676    
4677        
4678            <li class="dropdown-item column1" aria-label="Men's Wallets">
4679                <a href="/us/en/leather/leather-goods/wallets/mens-wallets/" id="WalletsMensWallets"  aria-label="Men's Wallets" title="Men's Wallets"  class="dropdown-link" tabindex="0" style="color:">Men's Wallets</a>
4680            </li>
4681        
4682    
4683        
4684            <li class="dropdown-item column1" aria-label="Women's Wallets">
4685                <a href="/us/en/leather/leather-goods/wallets/womens-wallets/" id="WalletsWomensWallets"  aria-label="Women's Wallets" title="Women's Wallets"  class="dropdown-link" tabindex="0" style="color:">Women's Wallets</a>
4686            </li>
4687        
4688    
4689        
4690            <li class="dropdown-item column1" aria-label="Card Holders">
4691                <a href="/us/en/leather/leather-goods/wallets/card-holders/" id="WalletsCardHolders"  aria-label="Card Holders" title="Card Holders"  class="dropdown-link" tabindex="0" style="color:">Card Holders</a>
4692            </li>
4693        
4694    
4695
4696     
4697        <li class="nav-item dropdown-item column-6th column6">
4698            
4699    
4700    <div class="content-asset"><!-- dwMarker="content" dwContentID="65102e2feb04f38d30abdb36cd" -->
4701        <div class="marketing-4th">
4702<div class="marketing-img"><a href="https://www.roots.com/us/en/roots-x-section-35/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw64551bda/ROOTS_ASSETS/Flyouts/2026/260915-Section35/fl-lblp.jpg" title="" /></a></div>
4703
4704<div class="marketing-content">
4705<div class="marketing-text"><span class="h3">Roots x SECTION 35</span>
4706
4707<p>Celebrating 10 years of SECTION 35
with a limited-edition leather
collection. </p>
4708</div>
4709
4710<div class="marketing-btns" id="flcolumn">
4711<div><a href="https://www.roots.com/us/en/roots-x-section-35/">Shop The Collection</a></div>
4712
4713<div><a href="https://www.roots.com/us/en/leather-new-arrivals/">New Arrivals</a></div>
4714
4715</div>
4716</div>
4717</div>
4718<style type="text/css">@media (min-width: 1200px) {
4719    #flcolumn {
4720      flex-direction: column;
4721    }
4722  }
4723</style>
4724    </div> <!-- End content-asset -->
4725
4726
4727        </li>
4728    
4729</ul>
4730            </li>
4731        
4732    
4733        
4734            <li class="dropdown-item dropdown column2" aria-label="Leather Accessories">
4735                <a href="/us/en/leather/leather-goods/leather-accessories/" id="LeatherGoodsAccessories" title="Leather Accessories" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Leather Accessories"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Leather Accessories</a>
4736                
4737                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4738    
4739        
4740            <li class="dropdown-item column1" aria-label="Small Leather Goods">
4741                <a href="/us/en/leather/leather-goods/leather-accessories/small-leather-goods/" id="LeatherGoodsAccessoriesSmallLeatherGoods"  aria-label="Small Leather Goods" title="Small Leather Goods"  class="dropdown-link" tabindex="0" style="color:">Small Leather Goods</a>
4742            </li>
4743        
4744    
4745        
4746            <li class="dropdown-item column1" aria-label="Pouches &amp; Wristlets">
4747                <a href="/us/en/leather/leather-goods/leather-accessories/pouches-and-wristlets/" id="LeatherAccessoriesPouchesWristlets"  aria-label="Pouches &amp; Wristlets" title="Pouches &amp; Wristlets"  class="dropdown-link" tabindex="0" style="color:">Pouches &amp; Wristlets</a>
4748            </li>
4749        
4750    
4751        
4752            <li class="dropdown-item column2" aria-label="Belts">
4753                <a href="/us/en/leather/leather-goods/leather-accessories/belts/" id="LeatherAccessoriesBelts"  aria-label="Belts" title="Belts"  class="dropdown-link" tabindex="0" style="color:">Belts</a>
4754            </li>
4755        
4756    
4757
4758     
4759        <li class="nav-item dropdown-item column-6th column6">
4760            
4761    
4762    <div class="content-asset"><!-- dwMarker="content" dwContentID="65102e2feb04f38d30abdb36cd" -->
4763        <div class="marketing-4th">
4764<div class="marketing-img"><a href="https://www.roots.com/us/en/roots-x-section-35/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw64551bda/ROOTS_ASSETS/Flyouts/2
4764026/260915-Section35/fl-lblp.jpg" title="" /></a></div>
4765
4766<div class="marketing-content">
4767<div class="marketing-text"><span class="h3">Roots x SECTION 35</span>
4768
4769<p>Celebrating 10 years of SECTION 35
with a limited-edition leather
collection. </p>
4770</div>
4771
4772<div class="marketing-btns" id="flcolumn">
4773<div><a href="https://www.roots.com/us/en/roots-x-section-35/">Shop The Collection</a></div>
4774
4775<div><a href="https://www.roots.com/us/en/leather-new-arrivals/">New Arrivals</a></div>
4776
4777</div>
4778</div>
4779</div>
4780<style type="text/css">@media (min-width: 1200px) {
4781    #flcolumn {
4782      flex-direction: column;
4783    }
4784  }
4785</style>
4786    </div> <!-- End content-asset -->
4787
4788
4789        </li>
4790    
4791</ul>
4792            </li>
4793        
4794    
4795
4796     
4797        <li class="nav-item dropdown-item column-6th column6">
4798            
4799    
4800    <div class="content-asset"><!-- dwMarker="content" dwContentID="65102e2feb04f38d30abdb36cd" -->
4801        <div class="marketing-4th">
4802<div class="marketing-img"><a href="https://www.roots.com/us/en/roots-x-section-35/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw64551bda/ROOTS_ASSETS/Flyouts/2026/260915-Section35/fl-lblp.jpg" title="" /></a></div>
4803
4804<div class="marketing-content">
4805<div class="marketing-text"><span class="h3">Roots x SECTION 35</span>
4806
4807<p>Celebrating 10 years of SECTION 35
with a limited-edition leather
collection. </p>
4808</div>
4809
4810<div class="marketing-btns" id="flcolumn">
4811<div><a href="https://www.roots.com/us/en/roots-x-section-35/">Shop The Collection</a></div>
4812
4813<div><a href="https://www.roots.com/us/en/leather-new-arrivals/">New Arrivals</a></div>
4814
4815</div>
4816</div>
4817</div>
4818<style type="text/css">@media (min-width: 1200px) {
4819    #flcolumn {
4820      flex-direction: column;
4821    }
4822  }
4823</style>
4824    </div> <!-- End content-asset -->
4825
4826
4827        </li>
4828    
4829</ul>
4830            </li>
4831        
4832    
4833        
4834            <li class="dropdown-item dropdown column3" aria-label="Collections">
4835                <a href="/us/en/leather/collections/" id="LeatherCollections" title="Collections" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Collections"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Collections</a>
4836                
4837                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4838    
4839        
4840            <li class="dropdown-item column3" aria-label="Roots X Section 35">
4841                <a href="/us/en/roots-x-section-35/" id="LeatherRootsXSection35"  aria-label="Roots X Section 35" title="Roots X Section 35"  class="dropdown-link" tabindex="0" style="color:">Roots X Section 35</a>
4842            </li>
4843        
4844    
4845        
4846            <li class="dropdown-item column2" aria-label="Made in Canada">
4847                <a href="https://www.roots.com/us/en/made-in-canada/?prefn1=material&amp;prefv1=Cuir%28Leather%29" id="LeatherMadeinCanada"  aria-label="Made in Canada" title="Made in Canada"  class="dropdown-link" tabindex="0" style="color:">Made in Canada</a>
4848            </li>
4849        
4850    
4851        
4852            <li class="dropdown-item column1" aria-label="Canada Collection">
4853                <a href="https://www.roots.com/us/en/canada-collection/?prefn1=material&amp;prefv1=Cuir%28Leather%29" id="LeatherCollectionsCanadaCollectionByRoots"  aria-label="Canada Collection" title="Canada Collection"  class="dropdown-link" tabindex="0" style="color:">Canada Collection</a>
4854            </li>
4855        
4856    
4857        
4858            <li class="dropdown-item column1" aria-label="Banff Bag Collection">
4859                <a href="/us/en/leather/collections/banff-bag-collection/" id="LeatherBanffBagCollection"  aria-label="Banff Bag Collection" title="Banff Bag Collection"  class="dropdown-link" tabindex="0" style="color:">Banff Bag Collection</a>
4860            </li>
4861        
4862    
4863
4864     
4865        <li class="nav-item dropdown-item column-6th column6">
4866            
4867    
4868    <div class="content-asset"><!-- dwMarker="content" dwContentID="65102e2feb04f38d30abdb36cd" -->
4869        <div class="marketing-4th">
4870<div class="marketing-img"><a href="https://www.roots.com/us/en/roots-x-section-35/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw64551bda/ROOTS_ASSETS/Flyouts/2
4870026/260915-Section35/fl-lblp.jpg" title="" /></a></div>
4871
4872<div class="marketing-content">
4873<div class="marketing-text"><span class="h3">Roots x SECTION 35</span>
4874
4875<p>Celebrating 10 years of SECTION 35
with a limited-edition leather
collection. </p>
4876</div>
4877
4878<div class="marketing-btns" id="flcolumn">
4879<div><a href="https://www.roots.com/us/en/roots-x-section-35/">Shop The Collection</a></div>
4880
4881<div><a href="https://www.roots.com/us/en/leather-new-arrivals/">New Arrivals</a></div>
4882
4883</div>
4884</div>
4885</div>
4886<style type="text/css">@media (min-width: 1200px) {
4887    #flcolumn {
4888      flex-direction: column;
4889    }
4890  }
4891</style>
4892    </div> <!-- End content-asset -->
4893
4894
4895        </li>
4896    
4897</ul>
4898            </li>
4899        
4900    
4901        
4902            <li class="dropdown-item column2" aria-label="Leather Jackets">
4903                <a href="/us/en/leather/leather-jackets/" id="LeatherJackets"  aria-label="Leather Jackets" title="Leather Jackets"  class="dropdown-link" tabindex="0" style="color:">Leather Jackets</a>
4904            </li>
4905        
4906    
4907        
4908            <li class="dropdown-item column2" aria-label="Varsity Jackets">
4909                <a href="/us/en/leather/varsity-jackets/" id="LeatherAwardJackets"  aria-label="Varsity Jackets" title="Varsity Jackets"  class="dropdown-link" tabindex="0" style="color:">Varsity Jackets</a>
4910            </li>
4911        
4912    
4913        
4914            <li class="dropdown-item column3" aria-label="Leather Care 101">
4915                <a href="/us/en/leather/leather-care-101/" id="LeatherFeaturesLeatherCare101"  aria-label="Leather Care 101" title="Leather Care 101"  class="dropdown-link" tabindex="0" style="color:">Leather Care 101</a>
4916            </li>
4917        
4918    
4919        
4920            <li class="dropdown-item dropdown column3" aria-label="Our Stories">
4921                <a href="https://www.roots.com/us/en/our-story.html" id="LeatherOurStories" title="Our Stories" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Our Stories"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Our Stories</a>
4922                
4923                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
4924    
4925        
4926            <li class="dropdown-item column3" aria-label="We Are Makers">
4927                <a href="https://www.roots.com/us/en/we-are-makers.html" id="LeatherOurStoriesWeAreMakers"  aria-label="We Are Makers" title="We Are Makers"  class="dropdown-link" tabindex="0" style="color:">We Are Makers</a>
4928            </li>
4929        
4930    
4931        
4932            <li class="dropdown-item column3" aria-label="The Varsity Jacket">
4933                <a href="https://www.roots.com/us/en/varsity-jackets.html" id="LeatherOurStoriesTheAwardJacket"  aria-label="The Varsity Jacket" title="The Varsity Jacket"  class="dropdown-link" tabindex="0" style="color:">The Varsity Jacket</a>
4934            </li>
4935        
4936    
4937
4938     
4939        <li class="nav-item dropdown-item column-6th column6">
4940            
4941    
4942    <div class="content-asset"><!-- dwMarker="content" dwContentID="65102e2feb04f38d30abdb36cd" -->
4943        <div class="marketing-4th">
4944<div class="marketing-img"><a href="https://www.roots.com/us/en/roots-x-section-35/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw64551bda/ROOTS_ASSETS/Flyouts/2026/260915-Section35/fl-lblp.jpg" title="" /></a></div>
4945
4946<div class="marketing-content">
4947<div class="marketing-text"><span class="h3">Roots x SECTION 35</span>
4948
4949<p>Celebrating 10 years of SECTION 35
with a limited-edition leather
collection. </p>
4950</div>
4951
4952<div class="marketing-btns" id="flcolumn">
4953<div><a href="https://www.roots.com/us/en/roots-x-section-35/">Shop The Collection</a></div>
4954
4955<div><a href="https://www.roots.com/us/en/leather-new-arrivals/">New Arrivals</a></div>
4956
4957</div>
4958</div>
4959</div>
4960<style type="text/css">@media (min-width: 1200px) {
4961    #flcolumn {
4962      flex-direction: column;
4963    }
4964  }
4965</style>
4966    </div> <!-- End content-asset -->
4967
4968
4969        </li>
4970    
4971</ul>
4972            </li>
4973        
4974    
4975
4976     
4977        <li class="nav-item dropdown-item column-6th column6">
4978            
4979    
4980    <div class="content-asset"><!-- dwMarker="content" dwContentID="65102e2feb04f38d30abdb36cd" -->
4981        <div class="marketing-4th">
4982<div class="marketing-img"><a href="https://www.roots.com/us/en/roots-x-section-35/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw64551bda/ROOTS_ASSETS/Flyouts/2
4982026/260915-Section35/fl-lblp.jpg" title="" /></a></div>
4983
4984<div class="marketing-content">
4985<div class="marketing-text"><span class="h3">Roots x SECTION 35</span>
4986
4987<p>Celebrating 10 years of SECTION 35
with a limited-edition leather
collection. </p>
4988</div>
4989
4990<div class="marketing-btns" id="flcolumn">
4991<div><a href="https://www.roots.com/us/en/roots-x-section-35/">Shop The Collection</a></div>
4992
4993<div><a href="https://www.roots.com/us/en/leather-new-arrivals/">New Arrivals</a></div>
4994
4995</div>
4996</div>
4997</div>
4998<style type="text/css">@media (min-width: 1200px) {
4999    #flcolumn {
5000      flex-direction: column;
5001    }
5002  }
5003</style>
5004    </div> <!-- End content-asset -->
5005
5006
5007        </li>
5008    
5009</ul>
5010                            </li>
5011                        
5012                    
5013                        
5014                        
5015                            <li class="nav-item dropdown" id="Sale">
5016                                <a href="/us/en/sale/" aria-describedby="drop-down-description"
5017                                id="Sale" class="nav-link dropdown-toggle" aria-label="Sale" title="Sale" 
5018                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"
5019                                style="color:"><span class="menu-text">Sale</span></a>
5020                                
5021                                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
5022    
5023        
5024            <li class="dropdown-item dropdown column1" aria-label="Women">
5025                <a href="/us/en/sale/women/" id="SaleApparelWomen" title="Women" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Women"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Women</a>
5026                
5027                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
5028    
5029        
5030            <li class="dropdown-item column1" aria-label="Tops">
5031                <a href="/us/en/sale/women/tops/" id="SaleApparelWomenTops"  aria-label="Tops" title="Tops"  class="dropdown-link" tabindex="0" style="color:">Tops</a>
5032            </li>
5033        
5034    
5035        
5036            <li class="dropdown-item column1" aria-label="Bottoms">
5037                <a href="/us/en/sale/women/bottoms/" id="SaleApparelWomenBottoms"  aria-label="Bottoms" title="Bottoms"  class="dropdown-link" tabindex="0" style="color:">Bottoms</a>
5038            </li>
5039        
5040    
5041        
5042            <li class="dropdown-item column1" aria-label="Dresses &amp; Skirts">
5043                <a href="/us/en/sale/women/dresses/" id="SaleApparelWomenDresses"  aria-label="Dresses &amp; Skirts" title="Dresses &amp; Skirts"  class="dropdown-link" tabindex="0" style="color:">Dresses &amp; Skirts</a>
5044            </li>
5045        
5046    
5047        
5048            <li class="dropdown-item column1" aria-label="Jackets &amp; Outerwear">
5049                <a href="/us/en/sale/women/jackets/" id="SaleApparelWomenJackets"  aria-label="Jackets &amp; Outerwear" title="Jackets &amp; Outerwear"  class="dropdown-link" tabindex="0" style="color:">Jackets &amp; Outerwear</a>
5050            </li>
5051        
5052    
5053        
5054            <li class="dropdown-item column1" aria-label="Accessories">
5055                <a href="/us/en/sale/women/accessories/" id="SaleApparelWomenAccessories"  aria-label="Accessories" title="Accessories"  class="dropdown-link" tabindex="0" style="color:">Accessories</a>
5056            </li>
5057        
5058    
5059        
5060            <li class="dropdown-item column1" aria-label="Leather Bags &amp; Accessories">
5061                <a href="/us/en/sale/women/leather-bags-and-accessories/" id="SaleApparelWomenLeatherBagsAndAccessories"  aria-label="Leather Bags &amp; Accessories" title="Leather Bags &amp; Accessories"  class="dropdown-link" tabindex="0" style="color:">Leather Bags &amp; Accessories</a>
5062            </li>
5063        
5064    
5065        
5066            <li class="dropdown-item column1" aria-label="Footwear">
5067                <a href="/us/en/sale/women/footwear/" id="SaleApparelWomenFootwear"  aria-label="Footwear" title="Footwear"  class="dropdown-link" tabindex="0" style="color:">Footwear</a>
5068            </li>
5069        
5070    
5071
5072     
5073        <li class="nav-item dropdown-item column-6th column6">
5074            
5075    
5076    <div class="content-asset"><!-- dwMarker="content" dwContentID="e40bfeb80a2d3bfd79f068a19d" -->
5077        <div class="marketing-4th">
5078<div class="marketing-img"><a href="https://www.roots.com/us/en/sale/shop-all-sale/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw4e1ac675/ROOTS_ASSETS/Flyouts/2
5078026/260924-CAE/fl-slp-en.jpg" title="" /></a></div>
5079
5080<div class="marketing-content">
5081<div class="marketing-text"><span class="h3">25% Off Almost Everything</span>
5082
5083<p>For a limited time only! Shop the sale sitewide and in-store as thank you from us.</p>
5084</div>
5085
5086<div class="marketing-btns"><a href="https://www.roots.com/us/en/sale/shop-all-sale/">Shop Now</a></div>
5087</div>
5088</div>
5089
5090<p>
</p>
5091    </div> <!-- End content-asset -->
5092
5093
5094        </li>
5095    
5096</ul>
5097            </li>
5098        
5099    
5100        
5101            <li class="dropdown-item dropdown column2" aria-label="Men">
5102                <a href="/us/en/sale/men/" id="SaleApparelMen" title="Men" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Men"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Men</a>
5103                
5104                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
5105    
5106        
5107            <li class="dropdown-item column1" aria-label="Tops">
5108                <a href="/us/en/sale/men/tops/" id="SaleApparelMenTops"  aria-label="Tops" title="Tops"  class="dropdown-link" tabindex="0" style="color:">Tops</a>
5109            </li>
5110        
5111    
5112        
5113            <li class="dropdown-item column1" aria-label="Bottoms">
5114                <a href="/us/en/sale/men/bottoms/" id="SaleApparelMenBottoms"  aria-label="Bottoms" title="Bottoms"  class="dropdown-link" tabindex="0" style="color:">Bottoms</a>
5115            </li>
5116        
5117    
5118        
5119            <li class="dropdown-item column1" aria-label="Jackets &amp; Outerwear">
5120                <a href="/us/en/sale/men/jackets/" id="SaleApparelMenJackets"  aria-label="Jackets &amp; Outerwear" title="Jackets &amp; Outerwear"  class="dropdown-link" tabindex="0" style="color:">Jackets &amp; Outerwear</a>
5121            </li>
5122        
5123    
5124        
5125            <li class="dropdown-item column1" aria-label="Accessories">
5126                <a href="/us/en/sale/men/accessories/" id="SaleApparelMenAccessories"  aria-label="Accessories" title="Accessories"  class="dropdown-link" tabindex="0" style="color:">Accessories</a>
5127            </li>
5128        
5129    
5130        
5131            <li class="dropdown-item column1" aria-label="Footwear">
5132                <a href="/us/en/sale/men/footwear/" id="SaleApparelMenFootwear"  aria-label="Footwear" title="Footwear"  class="dropdown-link" tabindex="0" style="color:">Footwear</a>
5133            </li>
5134        
5135    
5136
5137     
5138        <li class="nav-item dropdown-item column-6th column6">
5139            
5140    
5141    <div class="content-asset"><!-- dwMarker="content" dwContentID="e40bfeb80a2d3bfd79f068a19d" -->
5142        <div class="marketing-4th">
5143<div class="marketing-img"><a href="https://www.roots.com/us/en/sale/shop-all-sale/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw4e1ac675/ROOTS_ASSETS/Flyouts/2026/260924-CAE/fl-slp-en.jpg" title="" /></a></div>
5144
5145<div class="marketing-content">
5146<div class="marketing-text"><span class="h3">25% Off Almost Everything</span>
5147
5148<p>For a limited time only! Shop the sale sitewide and in-store as thank you from us.</p>
5149</div>
5150
5151<div class="marketing-btns"><a href="https://www.roots.com/us/en/sale/shop-all-sale/">Shop Now</a></div>
5152</div>
5153</div>
5154
5155<p>
</p>
5156    </div> <!-- End content-asset -->
5157
5158
5159        </li>
5160    
5161</ul>
5162            </li>
5163        
5164    
5165        
5166            <li class="dropdown-item dropdown column3" aria-label="Gender Free">
5167                <a href="/us/en/sale/gender-free/" id="SaleGenderFree" title="Gender Free" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Gender Free"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Gender Free</a>
5168                
5169                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
5170    
5171        
5172            <li class="dropdown-item column1" aria-label="Tops">
5173                <a href="/us/en/sale/gender-free/tops/" id="SaleGenderFreeTops"  aria-label="Tops" title="Tops"  class="dropdown-link" tabindex="0" style="color:">Tops</a>
5174            </li>
5175        
5176    
5177        
5178            <li class="dropdown-item column1" aria-label="Bottoms">
5179                <a href="/us/en/sale/gender-free/bottoms/" id="SaleGenderFreeBottoms"  aria-label="Bottoms" title="Bottoms"  class="dropdown-link" tabindex="0" style="color:">Bottoms</a>
5180            </li>
5181        
5182    
5183        
5184            <li class="dropdown-item column1" aria-label="Jackets &amp; Outerwear">
5185                <a href="/us/en/sale/gender-free/jackets-and-outerwear/" id="SaleGenderFreeJacketsAndOuterwear"  aria-label="Jackets &amp; Outerwear" title="Jackets &amp; Outerwear"  class="dropdown-link" tabindex="0" style="color:">Jackets &amp; Outerwear</a>
5186            </li>
5187        
5188    
5189        
5190            <li class="dropdown-item column2" aria-label="Accessories">
5191                <a href="/us/en/sale/gender-free/accessories/" id="SaleGenderFreeAccesssoriesAdult"  aria-label="Accessories" title="Accessories"  class="dropdown-link" tabindex="0" style="color:">Accessories</a>
5192            </li>
5193        
5194    
5195        
5196            <li class="dropdown-item column1" aria-label="Shoes &amp; Boots">
5197                <a href="/us/en/sale/gender-free/shoes-and-boots/" id="SaleGenderFreeFootwear"  aria-label="Shoes &amp; Boots" title="Shoes &amp; Boots"  class="dropdown-link" tabindex="0" style="color:">Shoes &amp; Boots</a>
5198            </li>
5199        
5200    
5201
5202     
5203        <li class="nav-item dropdown-item column-6th column6">
5204            
5205    
5206    <div class="content-asset"><!-- dwMarker="content" dwContentID="e40bfeb80a2d3bfd79f068a19d" -->
5207        <div class="marketing-4th">
5208<div class="marketing-img"><a href="https://www.roots.com/us/en/sale/shop-all-sale/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw4e1ac675/ROOTS_ASSETS/Flyouts/2
5208026/260924-CAE/fl-slp-en.jpg" title="" /></a></div>
5209
5210<div class="marketing-content">
5211<div class="marketing-text"><span class="h3">25% Off Almost Everything</span>
5212
5213<p>For a limited time only! Shop the sale sitewide and in-store as thank you from us.</p>
5214</div>
5215
5216<div class="marketing-btns"><a href="https://www.roots.com/us/en/sale/shop-all-sale/">Shop Now</a></div>
5217</div>
5218</div>
5219
5220<p>
</p>
5221    </div> <!-- End content-asset -->
5222
5223
5224        </li>
5225    
5226</ul>
5227            </li>
5228        
5229    
5230        
5231            <li class="dropdown-item dropdown column4" aria-label="Kids">
5232                <a href="/us/en/sale-kids/" id="SaleKids" title="Kids" aria-describedby="drop-down-description" class="dropdown-link dropdown-toggle" aria-label="Kids"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0" style="color:">Kids</a>
5233                
5234                <ul class="dropdown-menu"   aria-describedby="drop-down-description"  >
5235    
5236        
5237            <li class="dropdown-item column4" aria-label="Kids">
5238                <a href="/us/en/sale/kids/" id="SaleApparelKids"  aria-label="Kids" title="Kids"  class="dropdown-link" tabindex="0" style="color:">Kids</a>
5239            </li>
5240        
5241    
5242        
5243            <li class="dropdown-item column4" aria-label="Toddler">
5244                <a href="/us/en/sale/kids/toddler/" id="SaleApparelKidsToddler"  aria-label="Toddler" title="Toddler"  class="dropdown-link" tabindex="0" style="color:">Toddler</a>
5245            </li>
5246        
5247    
5248        
5249            <li class="dropdown-item column4" aria-label="Baby">
5250                <a href="/us/en/sale/kids/baby/" id="SaleApparelKidsBaby"  aria-label="Baby" title="Baby"  class="dropdown-link" tabindex="0" style="color:">Baby</a>
5251            </li>
5252        
5253    
5254
5255     
5256        <li class="nav-item dropdown-item column-6th column6">
5257            
5258    
5259    <div class="content-asset"><!-- dwMarker="content" dwContentID="e40bfeb80a2d3bfd79f068a19d" -->
5260        <div class="marketing-4th">
5261<div class="marketing-img"><a href="https://www.roots.com/us/en/sale/shop-all-sale/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw4e1ac675/ROOTS_ASSETS/Flyouts/2026/260924-CAE/fl-slp-en.jpg" title="" /></a></div>
5262
5263<div class="marketing-content">
5264<div class="marketing-text"><span class="h3">25% Off Almost Everything</span>
5265
5266<p>For a limited time only! Shop the sale sitewide and in-store as thank you from us.</p>
5267</div>
5268
5269<div class="marketing-btns"><a href="https://www.roots.com/us/en/sale/shop-all-sale/">Shop Now</a></div>
5270</div>
5271</div>
5272
5273<p>
</p>
5274    </div> <!-- End content-asset -->
5275
5276
5277        </li>
5278    
5279</ul>
5280            </li>
5281        
5282    
5283        
5284            <li class="dropdown-item column5" aria-label="Leather">
5285                <a href="/us/en/sale/leather/" id="SaleLeather"  aria-label="Leather" title="Leather"  class="dropdown-link" tabindex="0" style="color:">Leather</a>
5286            </li>
5287        
5288    
5289        
5290            <li class="dropdown-item column5" aria-label="Footwear">
5291                <a href="/us/en/sale/footwear/" id="SaleFootwear"  aria-label="Footwear" title="Footwear"  class="dropdown-link" tabindex="0" style="color:">Footwear</a>
5292            </li>
5293        
5294    
5295        
5296            <li class="dropdown-item column5" aria-label="Shop all Sale">
5297                <a href="/us/en/sale/shop-all-sale/" id="SaleAll"  aria-label="Shop all Sale" title="Shop all Sale"  class="dropdown-link" tabindex="0" style="color:">Shop all Sale</a>
5298            </li>
5299        
5300    
5301
5302     
5303        <li class="nav-item dropdown-item column-6th column6">
5304            
5305    
5306    <div class="content-asset"><!-- dwMarker="content" dwContentID="e40bfeb80a2d3bfd79f068a19d" -->
5307        <div class="marketing-4th">
5308<div class="marketing-img"><a href="https://www.roots.com/us/en/sale/shop-all-sale/"><img alt="" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw4e1ac675/ROOTS_ASSETS/Flyouts/2026/260924-CAE/fl-slp-en.jpg" title="" /></a></div>
5309
5310<div class="marketing-content">
5311<div class="marketing-text"><span class="h3">25% Off Almost Everything</span>
5312
5313<p>For a limited time only! Shop the sale sitewide and in-store as thank you from us.</p>
5314</div>
5315
5316<div class="marketing-btns"><a href="https://www.roots.com/us/en/sale/shop-all-sale/">Shop Now</a></div>
5317</div>
5318</div>
5319
5320<p>
</p>
5321    </div> <!-- End content-asset -->
5322
5323
5324        </li>
5325    
5326</ul>
5327                            </li>
5328                        
5329                    
5330                
5331            </ul>
5332        </div>
5333        <ul class="nav navbar-nav extra-items d-xl-none" role="menu">
5334            
5335    <li class="nav-item d-xl-none" role="menuitem">
5336        <a href="https://www.roots.com/us/en/login" class="nav-link d-flex align-items-center">
5337            <i class="svg-icon user mr-2" aria-hidden="true"></i>
5338            
5339                <span class="user-message">Sign in</span>
5340            
5341        </a>
5342    </li>
5343    <li class="nav-item mobile-storelocator d-xl-none" role="menuitem">
5344        <a href="/us/en/store-locator?showMap=true&amp;horizontalView=true&amp;isForm=true"
5345            class="nav-link d-flex align-items-center">
5346            <i class="svg-icon store-locator mr-2"></i>
5347            <span class="user-message">Store Locator</span>
5348            <span class="storelocator ml-2">
5349                <span class="label" data-store-id="">
5350    
5351        
5352    
5353</span>
5354            </span>
5355        </a>
5356    </li>
5357
5358
5359
5360    <span id="extole_zone_mobile_header"></span>
5361
5362
5363<li class="nav-item d-xl-none" role="menuitem">
5364    
5365    
5366    
5367    
5368    
5369
5370    
5371    <div class="country-selector locale-dropdown mobile-locale-dropdown d-xl-none"
5372        data-url="/on/demandware.store/Sites-RootsUS-Site/en_US/Page-SetLocale"
5373        data-invalidate-is-int-flag-url="/on/demandware.store/Sites-RootsUS-Site/en_US/Page-InvalidateIsIntFlag">
5374        <a class="selected-country dropdown-toggle" href="#" role="button" data-toggle="dropdown"
5375            data-currentlocale="en_US" data-currentcurrency="USD"
5376            aria-haspopup="true" aria-expanded="false">
5377            
5378                <span class="label">United States</span>
5379                <span class="svg-icon flag-united-states"></span>
5380                <i class="fa fa-angle-down" aria-hidden="true"></i>
5381            
5382        </a>
5383        <div class="dropdown-show m-0 p-0"
5384            aria-labelledby="dropdownMenuLink">
5385            
5386                
5387                
5388                
5389                
5390                    <a role="menuitem" data-localeinfo="en_CA"
5391                        data-currencyinfo="CAD"
5392                        data-redirectsiteurl="https://www.roots.com/ca/en/homepage"
5393                        class="dropdown-item site-item" href="#" data-url="https://www.roots.com/ca/en/homepage">
5394                        <span class="svg-icon flag-canada"></span>
5395                        <span class="label">Canada (EN)</span>
5396                    </a>
5397                
5398            
5399                
5400                
5401                
5402                
5403                    <a role="menuitem" data-localeinfo="fr_CA"
5404                        data-currencyinfo="CAD"
5405                        data-redirectsiteurl="https://www.roots.com/ca/fr/homepage"
5406                        class="dropdown-item site-item" href="#" data-url="https://www.roots.com/ca/fr/homepage">
5407                        <span class="svg-icon flag-canada"></span>
5408                        <span class="label">Canada (FR)</span>
5409                    </a>
5410                
5411            
5412                
5413                
5414                
5415                
5416                    <a role="menuitem" data-localeinfo="en_US"
5417                        data-currencyinfo="USD"
5418                        data-redirectsiteurl=""
5419                        class="dropdown-item site-item" href="#" data-url="https://www.roots.com/us/en/homepage">
5420                        <span class="svg-icon flag-us"></span>
5421                        <span class="label">US</span>
5422                    </a>
5423                
5424            
5425                
5426                
5427                
5428                
5429                    <a role="menuitem"
5430                        class="dropdown-item intl headerDropdown"
5431                        href="#" data-localeinfo="en_US"
5432                        data-currencyinfo="USD" data-redirectsiteurl="https://www.roots.com/us/en/homepage?int=true"
5433                        data-url="https://www.roots.com/on/demandware.store/Sites-RootsUS-Site/en_US/EShopWorld-GetEswLandingPage">
5434                        <span class="svg-icon flag-intl"></span>
5435                        <span class="label">Intl</span>
5436                    </a>
5437                    
5438                    <div class="currency-selector-wrapper mt-3" data-localeinfo="en_US">
5439                        <select id="currency-selctor" class="custom-select mb-3">
5440                            
5441                            
5442                                <option value="USD">
5443                                    
5444                                        $ - USD - US DOLLAR
5445                                    
5446                                </option>
5447                            
5448                                <option value="EUR">
5449                                    
5450                                        &euro; - EUR - EURO
5451                                    
5452                                </option>
5453                            
5454                                <option value="AUD">
5455                                    
5456                                        A$ - AUD - AUSTRALIAN DOLLAR
5457                                    
5458                                </option>
5459                            
5460                                <option value="JPY">
5461                                    
5462                                        &yen; - JPY - JAPANESE YEN
5463                                    
5464                                </option>
5465                            
5466                                <option value="KWD">
5467                                    
5468                                        K.D. - KWD - KUWAITI DINAR
5469                                    
5470                                </option>
5471                            
5472                                <option value="NZD">
5473                                    
5474                                        NZ$ - NZD - NEW ZEALAND DOLLAR
5475                                    
5476                                </option>
5477                            
5478                                <option value="GBP">
5479                                    
5480                                        &pound; - GBP - POUND STERLING
5481                                    
5482                                </option>
5483                            
5484                                <option value="SGD">
5485                                    
5486                                        S$ - SGD - SINGAPORE DOLLAR
5487                                    
5488                                </option>
5489                            
5490                                <option value="CHF">
5491                                    
5492                                        CHF - CHF - SWISS FRANCE
5493                                    
5494                                </option>
5495                            
5496                        </select>
5497                        <button class="btn btn-primary-form mb-3">Continue</button>
5498                        
5499                        
5500                    </div>
5501                
5502            
5503        </div>
5504    </div>
5505
5506</li>
5507            
5508            <li>
5509                <div class="ada-statement d-inline-block">  
5510                    <a href="/us/en/accessibility.html" aria-label="ADA Statement">ADA Statement</a>
5511                </div>
5512            </li>
5513        </ul>
5514        
5515
5516    </div>
5517    <div class="mobile-overlay">  
5518    </div>
5519</nav>
5520                        </div>
5521                    </div>
5522                </div>
5523                <div class="menu-overlay"></div>
5524
5525                <div class="col-2 col-md-auto px-xl-0 minicart-container justify-content-center justify-content-md-end ">
5526                    <div class="d-flex align-items-center align-items-md-baseline mr-3 mr-md-0">
5527                        <div class="search-toggle mr-2" id="search-bar-oppener">
5528                            <a role="link" href="#" id="search-bar-oppener" class="d-flex align-items-center d-lg-none" aria-label="Open Search bar">
5529                                <i class="svg-icon search"></i>
5530                            </a>
5531                            <div class="collapse multi-collapse" id="search-bar">
5532                                <div class="search-mobile">
5533                                    <div class="container search-bar px-md-0">
5534                                        
5535
5536<div class="site-search">
5537	<form role="search"
5538          action="/us/en/search"
5539          method="get"
5540          name="simpleSearch">
5541        <input class="form-control search-field"
5542            id="search-global"
5543            type="text"
5544            name="q"
5545            value=""
5546            role="combobox"
5547            aria-describedby="search-assistive-text"
5548            aria-haspopup="listbox"
5549            aria-owns="search-results"
5550            aria-expanded="false"
5551            aria-autocomplete="list"
5552            aria-activedescendant=""
5553            aria-controls="search-results"
5554            aria-label="Enter Keyword or Item No."
5555            autocomplete="off" />
5556        <span class="fake-placeholder">
5557            Search :<span class="suggested-copy">&nbsp;sweats</span>
5558        </span>
5559        <button type="submit" name="search-button" class="svg-icon search search-icon-btn" aria-label="Search"></button>
5560        <div class="suggestions-wrapper" data-url="/on/demandware.store/Sites-RootsUS-Site/en_US/SearchServices-GetSuggestions?q=" data-empty-url="/on/demandware.store/Sites-RootsUS-Site/en_US/SearchServices-EmptyState"></div>
5561        <input type="hidden" value="null" name="lang">
5562	</form>
5563</div>
5564
5565                                    </div>
5566                                </div>
5567                            </div>
5568                        </div>
5569                        <div class="wish-list-header mr-2">
5570                            <a href="https://www.roots.com/us/en/wishlist" class="d-flex align-items-center test-wishlist-link">
5571                                <i class="svg-icon icon_heart" aria-hidden="true"></i>
5572                            </a>
5573                        </div>
5574                        <div class="minicart mr-4 mr-md-2" data-action-url="/on/demandware.store/Sites-RootsUS-Site/en_US/Cart-MiniCartShow">
5575                            
5576
5577
5578
5579
5580
5581
5582
5583
5584
5585
5586
5587<div class="minicart-total hide-link-med">
5588    <a role="link" class="minicart-link" href="https://www.roots.com/us/en/cart" title="Cart 0 Items" aria-label="Cart 0 Items" aria-haspopup="true">
5589        <i class="svg-icon bag"></i>
5590        <span class="minicart-quantity d-none">
5591            0
5592        </span>
5593    </a>
5594</div>
5595
5596<div class="minicart-total hide-no-link">
5597    <i class="svg-icon bag"></i>
5598        <span class="minicart-quantity">
5599            0
5600        </span>
5601</div>
5602<div class="popover popover-bottom"></div>
5603                        </div>
5604                        <div class="navbar-header account hidden-lg-down">
5605                           
5606    <div class="user nav-item">
5607        <a href="https://www.roots.com/us/en/login" role="button" aria-label="Login to your account">
5608            
5609                <span class="user-name">Sign in</span>
5610            
5611        </a>
5612    </div>
5613
5614
5615                            
5616                        </div>
5617                    </div>
5618                </div>
5619            </div>
5620        </div>
5621    </nav>
5622
5623    
5624	 
5625
5626	
5627</header>
5628<div role="main" id="maincontent">
5629
5630    <div class="storepage" id="homepage-example">
5631        <div class="storepage">
5632            <div class="container-fluid">
5633                <div class="row">
5634                    <div class="col-12 px-0 mx-0"><div class="experience-component experience-roots_assets-htmlBOXComponent">
5635
5636
5637    <head>
5638  <style>
5639    .sale-hero {
5640      background-color: #1fc053;
5641      width: 100%;
5642      overflow: hidden;
5643    }
5644
5645    .sale-hero__content {
5646      display: flex;
5647      flex-direction: column;
5648    }
5649
5650    .sale-hero__left {
5651      position: relative;
5652      width: 100%;
5653    }
5654
5655    .sale-hero__image-wrapper {
5656      position: relative;
5657      width: 100%;
5658    }
5659
5660    .sale-hero__bg {
5661      display: block;
5662      width: 100%;
5663      height: auto;
5664    }
5665
5666    .sale-hero__lockup {
5667      position: absolute;
5668      left: 11%;
5669      top: 27%;
5670      color: #003633;
5671      font-family: "Cooper Md BT", serif;
5672      font-size: 30.38px;
5673      font-style: normal;
5674      font-weight: 400;
5675      line-height: 100%;
5676      margin: 0;
5677      z-index: 1;
5678    }
5679
5680    .sale-hero__right {
5681      position: relative;
5682      padding: 2.5rem 2rem 1.75rem;
5683    }
5684
5685    .sale-hero__offer-row {
5686      display: block;
5687      width: 311px;
5688      max-width: 100%;
5689      margin: 0 auto 0.5rem;
5690    }
5691
5692    .sale-hero__offer {
5693      display: block;
5694      width: 184px;
5695      max-width: 100%;
5696      height: auto;
5697    }
5698
5699    .sale-hero__details-row {
5700      display: flex;
5701      align-items: flex-end;
5702      justify-content: space-between;
5703      width: 311px;
5704      max-width: 100%;
5705      margin: 0 auto 2rem;
5706    }
5707
5708    .sale-hero__selectstyles {
5709      color: #003633;
5710      font-family: "Centra No1", sans-serif;
5711      font-size: 15.278px;
5712      font-style: normal;
5713      font-weight: 500;
5714      line-height: 1;
5715      letter-spacing: 0.764px;
5716      text-transform: uppercase;
5717      margin: 0;
5718      text-align: left;
5719    }
5720
5721    .sale-hero__logo--mobile {
5722      display: block;
5723      width: 58px;
5724      height: auto;
5725      margin: 0 0 2px 0;
5726      flex-shrink: 0;
5727    }
5728
5729    .sale-hero__ctas {
5730      display: flex;
5731      flex-direction: column;
5732      gap: 5px;
5733      width: 100%;
5734      margin-bottom: 2rem;
5735      align-items: center;
5736    }
5737
5738    .sale-hero .cta-button {
5739      display: inline-flex;
5740      align-items: center;
5741      justify-content: center;
5742      transition: all 0.2s ease-in-out;
5743      font-size: 11px;
5744      font-family: "Centra No1", sans-serif !important;
5745      text-decoration: none;
5746      text-transform: uppercase;
5747      font-weight: 500;
5748      letter-spacing: 1.1pt !important;
5749      border: none;
5750      border-radius: 3px;
5751      padding: 1rem 3rem;
5752      color: #ffffff;
5753      background: #003633;
5754      width: 100%;
5755      min-width: 311px;
5756      max-width: 311px;
5757      line-height: 1.2;
5758      text-align: center;
5759    }
5760
5761    .sale-hero .cta-button:hover {
5762      background: #333333;
5763      text-decoration: none;
5764      color: #ffffff;
5765    }
5766
5767    .sale-hero__logo--desktop {
5768      display: none;
5769    }
5770
5771    .sale-hero__disclaimer {
5772      margin: 0;
5773      color: #003633;
5774      text-align: center;
5775      font-family: "Centra No1", sans-serif;
5776      font-size: 7.107px;
5777      font-style: normal;
5778      font-weight: 400;
5779      line-height: normal;
5780      letter-spacing: 0.711px;
5781      white-space: nowrap;
5782    }
5783
5784    .sale-hero__disclaimer a {
5785      color: inherit;
5786      text-decoration: none;
5787    }
5788
5789    .sale-hero__disclaimer a:hover {
5790      text-decoration: underline;
5791    }
5792
5793    @media screen and (min-width: 768px) {
5794      .sale-hero__content {
5795        flex-direction: row;
5796      }
5797
5798      .sale-hero__left,
5799      .sale-hero__right {
5800        width: 50%;
5801      }
5802
5803      .sale-hero__image-wrapper {
5804        height: 100%;
5805      }
5806
5807      .sale-hero__bg {
5808        content: url("https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwbb38e3a7/ROOTS_ASSETS/DLP/2026/260922-CAE-Sale/hp-hero-dsk.jpg");
5809        width: 100%;
5810        height: 100%;
5811        object-fit: cover;
5812      }
5813
5814      .sale-hero__lockup {
5815        left: 6.5vw;
5816        top: 37%;
5817        font-size: 4.2vw;
5818      }
5819
5820      .sale-hero__right {
5821        display: flex;
5822        flex-direction: column;
5823        justify-content: center;
5824        padding: 0 clamp(1.5rem, 3vw, 3.5rem);
5825      }
5826
5827      .sale-hero__offer-row {
5828        display: block;
5829        width: 100%;
5830        max-width: none;
5831        margin: 0 0 1rem;
5832      }
5833
5834      .sale-hero__offer {
5835        width: min(70%, 361px);
5836        max-width: 361px;
5837        height: auto;
5838      }
5839
5840      .sale-hero__details-row {
5841        display: block;
5842        width: auto;
5843        max-width: none;
5844        margin: 0 0 2rem;
5845      }
5846
5847      .sale-hero__selectstyles {
5848        font-size: 2vw;
5849        line-height: 150%;
5850        margin: 0;
5851        text-align: left;
5852      }
5853
5854      .sale-hero__logo--mobile {
5855        display: none;
5856      }
5857
5858      .sale-hero__ctas {
5859        display: grid;
5860        grid-template-columns: repeat(2, 149px);
5861        gap: 4.66px;
5862        justify-content: start;
5863        align-items: center;
5864        width: auto;
5865        margin-bottom: 0;
5866      }
5867
5868      .sale-hero .cta-button {
5869        width: 149px;
5870        min-width: 149px;
5871        max-width: 149px;
5872        height: 51px;
5873        padding: 0;
5874        font-size: 11px;
5875        white-space: nowrap;
5876      }
5877
5878      .sale-hero__logo--desktop {
5879        display: block;
5880        position: absolute;
5881        right: 2.5rem;
5882        bottom: 2.5rem;
5883        width: 72px;
5884        height: auto;
5885      }
5886
5887      .sale-hero__disclaimer {
5888        position: absolute;
5889        left: clamp(1.5rem, 3vw, 3.5rem);
5890        bottom: 2.5rem;
5891        margin: 0;
5892        color: #003633;
5893        text-align: left;
5894        font-family: "Centra No1", sans-serif;
5895        font-size: 0.75rem;
5896        font-style: normal;
5897        font-weight: 400;
5898        line-height: normal;
5899        letter-spacing: 1.4px;
5900        white-space: normal;
5901      }
5902    }
5903
5904    @media screen and (min-width: 1247px) {
5905      .sale-hero__lockup {
5906        left: 6.5rem;
5907        font-size: 64.577px;
5908      }
5909
5910      .sale-hero__selectstyles {
5911        font-size: 30px;
5912      }
5913
5914      .sale-hero__offer {
5915        width: 361px;
5916        max-width: 361px;
5917      }
5918    }
5919
5920    @media screen and (min-width: 1300px) {
5921      .sale-hero__ctas {
5922        display: flex;
5923        flex-direction: row;
5924        gap: 4.66px;
5925        justify-content: flex-start;
5926        align-items: center;
5927      }
5928    }
5929  </style>
5930</head>
5931
5932<section class="sale-hero">
5933  <div class="sale-hero__content">
5934    <div class="sale-hero__left">
5935      <div class="sale-hero__image-wrapper">
5936        <img
5937          class="sale-hero__bg"
5938          src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw6e42d91b/ROOTS_ASSETS/DLP/2026/260922-CAE-Sale/hp-hero-mbl.jpg"
5939          alt=""
5940        />
5941
5942        <h1 class="sale-hero__lockup">
5943          Customer<br />
5944          Appreciation<br />
5945          Event
5946        </h1>
5947      </div>
5948    </div>
5949
5950    <div class="sale-hero__right">
5951      <div class="sale-hero__offer-row">
5952        <img
5953          class="sale-hero__offer"
5954          src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw786cf523/ROOTS_ASSETS/DLP/2026/260922-CAE-Sale/cae-2026-lockup-en.svg"
5955          alt="25% Off"
5956        />
5957      </div>
5958
5959      <div class="sale-hero__details-row">
5960        <p class="sale-hero__selectstyles">
5961          Almost Everything
5962        </p>
5963
5964        <img
5965          class="sale-hero__logo--mobile"
5966          src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw1604ef95/ROOTS_ASSETS/DLP/2026/260922-CAE-Sale/roots-icon-pine.svg"
5967          alt="Roots"
5968        />
5969      </div>
5970
5971      <div class="sale-hero__ctas">
5972        <a
5973          href="https://www.roots.com/us/en/women/clothing/"
5974          class="cta-button"
5975        >
5976          Shop Women
5977        </a>
5978
5979        <a
5980          href="https://www.roots.com/us/en/men/clothing/"
5981          class="cta-button"
5982        >
5983          Shop Men
5984        </a>
5985
5986        <a
5987          href="https://www.roots.com/us/en/kids-clothing-and-accessories/"
5988          class="cta-button"
5989        >
5990          Shop Kids
5991        </a>
5992
5993        <a
5994          href="https://www.roots.com/us/en/leather/leather-goods/"
5995          class="cta-button"
5996        >
5997          Shop Leather
5998        </a>
5999      </div>
6000
6001      <img
6002        class="sale-hero__logo--desktop"
6003        src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw1604ef95/ROOTS_ASSETS/DLP/2026/260922-CAE-Sale/roots-icon-pine.svg"
6004        alt="Roots"
6005      />
6006
6007      <p class="sale-hero__disclaimer">
6008        <a href="https://help.roots.com/en_us/contests-and-promotions-ry0tzOO2c">
6009          Online &amp; in-store. Some exclusions and conditions apply.
6010        </a>
6011      </p>
6012    </div>
6013  </div>
6014</section>
6015
6016</div><div class="experience-component experience-roots_assets-htmlBOXComponent">
6017
6018
6019    <!-- === Featured Carousel (Full) === -->
6020<link
6021  rel="stylesheet"
6022  href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
6023/>
6024
6025<style>
6026  .hp-featured-carousel-title {
6027    max-width: 1280px;
6028    margin: 0 auto;
6029    padding: 60px 44px 0;
6030    font-family: "Cooper Lt BT";
6031    font-weight: 200;
6032    text-transform: none;
6033    color: #333;
6034    letter-spacing: 0;
6035    text-align: left;
6036  }
6037
6038  /* ===== Desktop / Tablet ===== */
6039  #hp-featured-carousel {
6040    display: grid;
6041    grid-template-columns: 44px 1fr 44px;
6042    align-items: start;
6043    max-width: 1280px;
6044    margin: 0 auto;
6045    gap: 0;
6046    position: relative;
6047  }
6048
6049  #hp-featured-carousel .swiper {
6050    grid-column: 2;
6051    width: 100%;
6052    overflow: hidden;
6053    padding-top: 56px;
6054    padding-bottom: 31px;
6055  }
6056
6057  #hp-featured-carousel .swiper-button-prev,
6058  #hp-featured-carousel .swiper-button-next {
6059    position: absolute;
6060    top: 52%;
6061    z-index: 2;
6062    width: 36px;
6063    height: 36px;
6064    background-position: center;
6065    background-repeat: no-repeat;
6066    background-size: 12px 12px;
6067    cursor: pointer;
6068  }
6069
6070  #hp-featured-carousel .swiper-button-prev {
6071    left: 4px;
6072    background-image: url("https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw36c11029/ROOTS_ASSETS/shared/icons/left-arrow-black.svg");
6073  }
6074
6075  #hp-featured-carousel .swiper-button-next {
6076    right: 4px;
6077    background-image: url("https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwc040644f/ROOTS_ASSETS/shared/icons/right-arrow-black.svg");
6078    display: unset;
6079  }
6080
6081  #hp-featured-carousel .swiper-button-prev::after,
6082  #hp-featured-carousel .swiper-button-next::after {
6083    content: "" !important;
6084    display: none !important;
6085  }
6086
6087  #hp-featured-carousel .swiper-slide {
6088    text-align: left;
6089    box-sizing: border-box;
6090  }
6091
6092  .product-link {
6093    display: block;
6094    color: inherit;
6095    text-decoration: none;
6096  }
6097
6098  .product-item {
6099    display: flex;
6100    flex-direction: column;
6101    align-items: stretch;
6102  }
6103
6104  .product-item img {
6105    width: 100%;
6106    height: auto;
6107    display: block;
6108  }
6109
6110  .category-label {
6111    display: inline-flex;
6112    align-items: start;
6113    justify-content: space-between;
6114    gap: 6px;
6115    margin-top: 26px;
6116    color: #333;
6117    font-family: "Centra No1";
6118    font-size: 11px;
6119    font-weight: 500;
6120    letter-spacing: 0.55px;
6121    text-transform: uppercase;
6122    line-height: normal;
6123  }
6124
6125  .category-label .cat-arrow {
6126    width: 10px;
6127    height: 10px;
6128    flex: 0 0 10px;
6129    background: url("https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwc040644f/ROOTS_ASSETS/shared/icons/right-arrow-black.svg")
6130      center/contain no-repeat;
6131  }
6132
6133  /* ===== Mobile (<= 639px) ===== */
6134  @media (max-width: 639.98px) {
6135    .hp-featured-carousel-title {
6136      padding: 40px 31px 0;
6137      font-family: "Cooper Lt BT";
6138      font-weight: 200;
6139      text-transform: none;
6140      color: #333;
6141      letter-spacing: 0;
6142      text-align: center;
6143    }
6144
6145    #hp-featured-carousel {
6146      display: block;
6147      max-width: none;
6148      margin-left: calc(50% - 50vw);
6149      margin-right: calc(50% - 50vw);
6150      padding-left: 31px;
6151      overflow: hidden;
6152    }
6153
6154    #hp-featured-carousel .swiper {
6155      width: calc(100vw - 31px);
6156      padding-top: 20px;
6157      padding-bottom: 31px;
6158    }
6159
6160    #hp-featured-carousel .swiper-button-prev {
6161      left: -2px;
6162      visibility: hidden;
6163      pointer-events: none;
6164    }
6165
6166    #hp-featured-carousel .swiper-button-next {
6167      right: 0;
6168      display: none;
6169    }
6170  }
6171</style>
6172
6173<h2 class="hp-featured-carousel-title">
6174  What's Trending
6175</h2>
6176
6177<div id="hp-featured-carousel">
6178  <div
6179    class="swiper-button-prev"
6180    aria-label="Previous"
6181  ></div>
6182
6183  <div class="swiper">
6184    <div class="swiper-wrapper">
6185      <!-- 1: Women's Sweats -->
6186      <div class="swiper-slide">
6187        <a
6188          class="product-link"
6189          href="https://www.roots.com/us/en/women/clothing/sweatshirts-and-sweatpants/"
6190        >
6191          <div class="product-item">
6192            <img
6193              src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwc90b86d3/ROOTS_ASSETS/HP/2026/260804-AugustSweats/QuickLinks/hp-ft-women-sweats.jpg"
6194              alt="Women's Sweats"
6195            />
6196
6197            <div class="category-label">
6198              Women’s Sweats
6199              <span
6200                class="cat-arrow"
6201                aria-hidden="true"
6202              ></span>
6203            </div>
6204          </div>
6205        </a>
6206      </div>
6207
6208      <!-- 2: Leather Bags -->
6209      <div class="swiper-slide">
6210        <a
6211          class="product-link"
6212          href="https://www.roots.com/us/en/leather/leather-goods/leather-bags/"
6213        >
6214          <div class="product-item">
6215            <img
6216              src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw39fb071f/ROOTS_ASSETS/HP/2026/260804-AugustSweats/QuickLinks/hp-ft-02.jpg"
6217              alt="Leather Bags"
6218            />
6219
6220            <div class="category-label">
6221              Leather Bags
6222              <span
6223                class="cat-arrow"
6224                aria-hidden="true"
6225              ></span>
6226            </div>
6227          </div>
6228        </a>
6229      </div>
6230
6231      <!-- 3: Baby -->
6232      <div class="swiper-slide">
6233        <a
6234          class="product-link"
6235          href="https://www.roots.com/us/en/baby-clothing-and-accessories/"
6236        >
6237          <div class="product-item">
6238            <img
6239              src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw33c6b521/ROOTS_ASSETS/HP/2026/260804-AugustSweats/QuickLinks/hp-ft-06.jpg"
6240              alt="Baby"
6241            />
6242
6243            <div class="category-label">
6244              Baby
6245              <span
6246                class="cat-arrow"
6247                aria-hidden="true"
6248              ></span>
6249            </div>
6250          </div>
6251        </a>
6252      </div>
6253
6254      <!-- 4: Men's Sweats -->
6255      <div class="swiper-slide">
6256        <a
6257          class="product-link"
6258          href="https://www.roots.com/us/en/men/clothing/sweatshirts-and-sweatpants/"
6259        >
6260          <div class="product-item">
6261            <img
6262              src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwac5df8c6/ROOTS_ASSETS/HP/2026/260804-AugustSweats/QuickLinks/hp-ft-men-sweats.jpg"
6263              alt="Men's Sweats"
6264            />
6265
6266            <div class="category-label">
6267              Men’s Sweats
6268              <span
6269                class="cat-arrow"
6270                aria-hidden="true"
6271              ></span>
6272            </div>
6273          </div>
6274        </a>
6275      </div>
6276
6277      <!-- 5: Women's T-Shirts -->
6278      <div class="swiper-slide">
6279        <a
6280          class="product-link"
6281          href="https://www.roots.com/us/en/women/clothing/t-shirts-and-graphic-tees/"
6282        >
6283          <div class="product-item">
6284            <img
6285              src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwc62695bf/ROOTS_ASSETS/HP/2026/260804-AugustSweats/QuickLinks/hp-ft-women-tshirts.jpg"
6286              alt="Women's T-Shirts"
6287            />
6288
6289            <div class="category-label">
6290              Women’s T-Shirts
6291              <span
6292                class="cat-arrow"
6293                aria-hidden="true"
6294              ></span>
6295            </div>
6296          </div>
6297        </a>
6298      </div>
6299
6300      <!-- 6: Kids' Sweats -->
6301      <div class="swiper-slide">
6302        <a
6303          class="product-link"
6304          href="https://www.roots.com/us/en/kids/kids-clothing-6-14-years/sweatshirts-and-sweatpants/"
6305        >
6306          <div class="product-item">
6307            <img
6308              src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwbf5c118f/ROOTS_ASSETS/HP/2026/260804-AugustSweats/QuickLinks/hp-ft-kids-sweats.jpg"
6309              alt="Kids' Sweats"
6310            />
6311
6312            <div class="category-label">
6313              Kids’ Sweats
6314              <span
6315                class="cat-arrow"
6316                aria-hidden="true"
6317              ></span>
6318            </div>
6319          </div>
6320        </a>
6321      </div>
6322
6323      <!-- 7: Toddler -->
6324      <div class="swiper-slide">
6325        <a
6326          class="product-link"
6327          href="https://www.roots.com/us/en/toddler-clothing-and-accessories/"
6328        >
6329          <div class="product-item">
6330            <img
6331              src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw4feec0eb/ROOTS_ASSETS/HP/2026/260804-AugustSweats/QuickLinks/hp-ft-07.jpg"
6332              alt="Toddler"
6333            />
6334
6335            <div class="category-label">
6336              Toddler
6337              <span
6338                class="cat-arrow"
6339                aria-hidden="true"
6340              ></span>
6341            </div>
6342          </div>
6343        </a>
6344      </div>
6345
6346      <!-- 8: Men's T-Shirts -->
6347      <div class="swiper-slide">
6348        <a
6349          class="product-link"
6350          href="https://www.roots.com/us/en/men/clothing/t-shirts-and-graphic-tees/"
6351        >
6352          <div class="product-item">
6353            <img
6354              src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwaae22223/ROOTS_ASSETS/HP/2026/260804-AugustSweats/QuickLinks/hp-ft-mens-shorts.jpg"
6355              alt="Men's T-Shirts"
6356            />
6357
6358            <div class="category-label">
6359              Men’s T-Shirts
6360              <span
6361                class="cat-arrow"
6362                aria-hidden="true"
6363              ></span>
6364            </div>
6365          </div>
6366        </a>
6367      </div>
6368
6369      <!-- 9: Back to School Backpacks -->
6370      <div class="swiper-slide">
6371        <a
6372          class="product-link"
6373          href="https://www.roots.com/us/en/kids/back-to-school-backpacks/"
6374        >
6375          <div class="product-item">
6376            <img
6377              src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw99294134/ROOTS_ASSETS/HP/2026/260804-AugustSweats/QuickLinks/hp-ft-09.jpg"
6378              alt="Back to School Backpacks"
6379            />
6380
6381            <div class="category-label">
6382              Back to School Backpacks
6383              <span
6384                class="cat-arrow"
6385                aria-hidden="true"
6386              ></span>
6387            </div>
6388          </div>
6389        </a>
6390      </div>
6391
6392      <!-- 10: Women's The Original Sweats -->
6393      <div class="swiper-slide">
6394        <a
6395          class="product-link"
6396          href="https://www.roots.com/us/en/sweats/women/the-original-sweats/"
6397        >
6398          <div class="product-item">
6399            <img
6400              src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw32091421/ROOTS_ASSETS/HP/2026/260804-AugustSweats/QuickLinks/hp-ft-womens-cooper-sweats.jpg"
6401              alt="Women's The Original Sweats"
6402            />
6403
6404            <div class="category-label">
6405              Women’s The Original Sweats™
6406              <span
6407                class="cat-arrow"
6408                aria-hidden="true"
6409              ></span>
6410            </div>
6411          </div>
6412        </a>
6413      </div>
6414    </div>
6415  </div>
6416
6417  <div
6418    class="swiper-button-next"
6419    aria-label="Next"
6420  ></div>
6421</div>
6422
6423<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
6423
6424
6425<script>
6426  (function () {
6427    const root = document.getElementById("hp-featured-carousel");
6428    const swiperEl = root.querySelector(".swiper");
6429    const prevBtn = root.querySelector(".swiper-button-prev");
6430    const nextBtn = root.querySelector(".swiper-button-next");
6431
6432    const swiper = new Swiper(swiperEl, {
6433      slidesPerView: 2.3,
6434      spaceBetween: 5,
6435      slidesOffsetBefore: 0,
6436      slidesOffsetAfter: 0,
6437
6438      navigation: {
6439        nextEl: "#hp-featured-carousel .swiper-button-next",
6440        prevEl: "#hp-featured-carousel .swiper-button-prev",
6441      },
6442
6443      breakpoints: {
6444        640: {
6445          slidesPerView: 3,
6446          spaceBetween: 16,
6447          slidesOffsetBefore: 0,
6448          slidesOffsetAfter: 0,
6449        },
6450
6451        768: {
6452          slidesPerView: 4,
6453          spaceBetween: 16,
6454        },
6455
6456        1024: {
6457          slidesPerView: 5,
6458          spaceBetween: 16,
6459        },
6460
6461        1280: {
6462          slidesPerView: 6,
6463          spaceBetween: 16,
6464        },
6465      },
6466
6467      on: {
6468        init(sw) {
6469          togglePrev(sw);
6470          placeArrows(sw);
6471        },
6472
6473        slideChange(sw) {
6474          togglePrev(sw);
6475        },
6476
6477        slideChangeTransitionEnd(sw) {
6478          placeArrows(sw);
6479        },
6480
6481        reachBeginning(sw) {
6482          togglePrev(sw);
6483          placeArrows(sw);
6484        },
6485
6486        fromEdge(sw) {
6487          togglePrev(sw);
6488          placeArrows(sw);
6489        },
6490      },
6491    });
6492
6493    function getReferenceImage(sw) {
6494      const wrapRect = sw.el.getBoundingClientRect();
6495      const swiperCenterX = wrapRect.left + wrapRect.width / 2;
6496
6497      const visibleSlides = Array.from(sw.slides).filter((slide) =>
6498        slide.classList.contains("swiper-slide-visible")
6499      );
6500
6501      if (!visibleSlides.length) {
6502        return null;
6503      }
6504
6505      let bestSlide = visibleSlides[0];
6506      let bestDistance = Infinity;
6507
6508      visibleSlides.forEach((slide) => {
6509        const slideRect = slide.getBoundingClientRect();
6510        const slideCenterX = slideRect.left + slideRect.width / 2;
6511        const distance = Math.abs(slideCenterX - swiperCenterX);
6512
6513        if (distance < bestDistance) {
6514          bestSlide = slide;
6515          bestDistance = distance;
6516        }
6517      });
6518
6519      return bestSlide.querySelector("img");
6520    }
6521
6522    function placeArrows(sw) {
6523      const image = getReferenceImage(sw);
6524
6525      if (!image) {
6526        return;
6527      }
6528
6529      const imageRect = image.getBoundingClientRect();
6530      const rootRect = root.getBoundingClientRect();
6531      const arrowHalf = 18;
6532
6533      const topPosition =
6534        imageRect.top +
6535        imageRect.height / 2 -
6536        rootRect.top -
6537        arrowHalf;
6538
6539      const top = Math.max(0, Math.round(topPosition));
6540
6541      prevBtn.style.top = `${top}px`;
6542      nextBtn.style.top = `${top}px`;
6543    }
6544
6545    function togglePrev(sw) {
6546      const isMobile = window.matchMedia(
6547        "(max-width: 639.98px)"
6548      ).matches;
6549
6550      if (!isMobile) {
6551        prevBtn.style.visibility = "visible";
6552        prevBtn.style.pointerEvents = "auto";
6553        return;
6554      }
6555
6556      if (sw.isBeginning) {
6557        prevBtn.style.visibility = "hidden";
6558        prevBtn.style.pointerEvents = "none";
6559      } else {
6560        prevBtn.style.visibility = "visible";
6561        prevBtn.style.pointerEvents = "auto";
6562      }
6563    }
6564
6565    window.addEventListener("resize", () => {
6566      togglePrev(swiper);
6567      requestAnimationFrame(() => placeArrows(swiper));
6568    });
6569
6570    Array.from(root.querySelectorAll("img")).forEach((image) => {
6571      image.addEventListener(
6572        "load",
6573        () => {
6574          placeArrows(swiper);
6575        },
6576        { once: true }
6577      );
6578    });
6579  })();
6580</script>
6580
6581
6582</div><div class="experience-component experience-bloomreach-bloomreachCarouselProduct"> 
6583
6584    <div id="carousel-a4bad7e1ab6d43ef0b2be18947" class="bloomreach-carousel slick-carousel-layout  einstein-carousel experience-einstein-carousel type-default ft-slider-dots " data-recommender-id="66a2a8dd1e458f8ab1b8ea69"  data-recommendationIdVaule="null"
6585        data-product-load-url= "https://www.roots.com/on/demandware.store/Sites-RootsUS-Site/en_US/BRCarousel-Show?recommendationId=66a2a8dd1e458f8ab1b8ea69&amp;fillWithRandom=true&amp;size=10"
6586        data-recommendationSize= "10"
6587        data-fillWithRandom= "true"
6588        data-recommendationId= "66a2a8dd1e458f8ab1b8ea69"
6589        data-prev-label="Previous products"
6590        data-next-label="Next products"
6591        style="background-color: transparent" data-slick-config='{&quot;slidesToShow&quot;:4,&quot;slidesToScroll&quot;:1,&quot;dots&quot;:true,&quot;mobileFirst&quot;:false,&quot;infinite&quot;:false,&quot;pagerStatus&quot;:false,&quot;centerMode&quot;:false,&quot;desktopCenterMode&quot;:false,&quot;showArrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000,&quot;responsive&quot;:[{&quot;breakpoint&quot;:1200,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:4,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:991,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;arrows&quot;:true,&quot;variableWidth&quot;:false,&quot;slidesToShow&quot;:3,&quot;slidesToScroll&quot;:1,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:769,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:600,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:500,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:400,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:374,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:320,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}}]}'>
6592        <div class="container">
6593            <div class="row">
6594                <div class="col-12 px-0" style="position: relative;">
6595                    
6596                        <div class="d-flex justify-content-between">
6597                            <h2 class="title text-md-left"
6598                            style="
6599                                font-family: Cooper Lt BT;
6600                                font-weight: 200;
6601                                text-transform: none;
6602                                color: #333;
6603                                font-size: undefined;
6604                                letter-spacing: 0 px;
6605                            "
6606                            >We Think You'll Like These</h2>
6607                            <button type="button" class="load-more px-0">More</button>
6608                            <button type="button" class="load-less px-0 d-none">Less</button>
6609                        </div>
6610                    
6611                    
6612                    <div>
6613                        <div id="recommendations-container" class="bloomreach-carousel-container experience-items bloomreach-carousel-product-container bloomreach-product-wrapper">
6614                        </div>
6615                    </div>
6616                </div>
6617            </div>
6618        </div>
6619    </div>
6620</div><div class="experience-component experience-roots_assets-htmlBOXComponent">
6621
6622
6623    <style>
6624    .padding-1 {
6625        display: block;
6626        position: relative;
6627        padding: 1rem;
6628    }
6629</style>
6630<div class="padding-1"></div>
6631
6632</div><div class="experience-component experience-commerce_layouts-mobileGrid2r1c">
6633
6634<div class="layout">
6635<div class="container-fluid fifty-fifty-layout layout__content">
6636
6637<div class="row section-block">
6638<div class="col-md-6 p-0 d-flex align-items-center left-section"><div class="experience-component experience-roots_assets-imageMastheadTitleLinkFlexible">
6639
6640
6641<div class="image-masthead-title-link-flexble type-default columns-one w-100">
6642    <figure class="image-component type-default position-relative m-0">
6643        <picture>
6644            <source srcset="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dwb5cdf9a9/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-01.jpg" media="(min-width: 769px)"/>
6645            <img class="w-100"
6646                src="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dwb5cdf9a9/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-01.jpg"
6647                alt="Category" 
6648                style="--focal-point-x:50%; --focal-point-y:50%"
6649            />
6650        </picture>
6651        <figcaption class="position-absolute w-100 content-container position-center text-center">
6652            <div class="d-md-none">
6653                <label class="masthead centra-no1" 
6654                    style="font-size: ; font-weight: 500;  text-transform: Uppercase;
6655                        color: #ffffff; letter-spacing: 1px; line-height: normal"
6656                    >
6657                    WOMEN'S OUTERWEAR
6658                </label>
6659                <h2 class="title centra-no1" 
6660                    style="font-size: ; font-weight: 500; 
6661                        color: #ffffff; letter-spacing: normal; line-height: normal"
6662                    >
6663                    LAYERS YOU'LL LOVE
6664                </h2>
6665                <a class="cta text-uppercase centra-no1" href="https://www.roots.com/us/en/women/clothing/jackets-and-outerwear/" role="button" 
6666                    style="font-size: ; font-weight: 400;  
6667                        color: #ffffff; letter-spacing: normal; line-height: "
6668                    >
6669                    SHOP NOW 
6670                </a>
6671            </div>
6672            <div class="d-none d-md-block">
6673                <label class="masthead centra-no1" 
6674                    style="font-size: ; font-weight: 500; text-transform: Uppercase;
6675                        color: #ffffff; letter-spacing: 1px; line-height: normal"
6676                    >
6677                    WOMEN'S OUTERWEAR
6678                </label>
6679                <h2 class="title centra-no1" 
6680                    style="font-size: ; font-weight: 500;
6681                        color: #ffffff; letter-spacing: normal; line-height: normal"
6682                    >
6683                    LAYERS YOU'LL LOVE
6684                </h2>
6685                <a class="cta text-uppercase centra-no1" href="https://www.roots.com/us/en/women/clothing/jackets-and-outerwear/" role="button"
6686                    style="font-size: ; font-weight: 400;
6687                         color: #ffffff; letter-spacing: normal; line-height: "
6688                    >
6689                    SHOP NOW
6690                </a>
6691            </div>
6692        </figcaption>
6693    </figure>
6694</div>
6695</div></div>
6696<div class="col-md-6 p-0 right-section"><div class="experience-component experience-roots_assets-imageMastheadTitleLinkFlexible">
6697
6698
6699<div class="image-masthead-title-link-flexble type-default columns-one w-100">
6700    <figure class="image-component type-default position-relative m-0">
6701        <picture>
6702            <source srcset="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dw034b3cdd/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-02.jpg" media="(min-width: 769px)"/>
6703            <img class="w-100"
6704                src="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dw034b3cdd/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-02.jpg"
6705                alt="Category" 
6706                style="--focal-point-x:50%; --focal-point-y:50%"
6707            />
6708        </picture>
6709        <figcaption class="position-absolute w-100 content-container position-center text-center">
6710            <div class="d-md-none">
6711                <label class="masthead centra-no1" 
6712                    style="font-size: ; font-weight: 500;  text-transform: Uppercase;
6713                        color: #ffffff; letter-spacing: 1px; line-height: normal"
6714                    >
6715                    MEN'S OUTERWEAR
6716                </label>
6717                <h2 class="title centra-no1" 
6718                    style="font-size: ; font-weight: 500; 
6719                        color: #ffffff; letter-spacing: normal; line-height: normal"
6720                    >
6721                    NEW ESSENTIALS
6722                </h2>
6723                <a class="cta text-uppercase centra-no1" href="https://www.roots.com/us/en/men/clothing/jackets-and-outerwear/" role="button" 
6724                    style="font-size: ; font-weight: 400;  
6725                        color: #ffffff; letter-spacing: normal; line-height: "
6726                    >
6727                    SHOP NOW 
6728                </a>
6729            </div>
6730            <div class="d-none d-md-block">
6731                <label class="masthead centra-no1" 
6732                    style="font-size: ; font-weight: 500; text-transform: Uppercase;
6733                        color: #ffffff; letter-spacing: 1px; line-height: normal"
6734                    >
6735                    MEN'S OUTERWEAR
6736                </label>
6737                <h2 class="title centra-no1" 
6738                    style="font-size: ; font-weight: 500;
6739                        color: #ffffff; letter-spacing: normal; line-height: normal"
6740                    >
6741                    NEW ESSENTIALS
6742                </h2>
6743                <a class="cta text-uppercase centra-no1" href="https://www.roots.com/us/en/men/clothing/jackets-and-outerwear/" role="button"
6744                    style="font-size: ; font-weight: 400;
6745                         color: #ffffff; letter-spacing: normal; line-height: "
6746                    >
6747                    SHOP NOW
6748                </a>
6749            </div>
6750        </figcaption>
6751    </figure>
6752</div>
6753</div></div>
6754</div>
6755</div>
6756</div>
6757</div><div class="experience-component experience-commerce_layouts-mobileGrid2r1c">
6758
6759<div class="layout">
6760<div class="container-fluid fifty-fifty-layout layout__content">
6761
6762<div class="row section-block">
6763<div class="col-md-6 p-0 d-flex align-items-center left-section"><div class="experience-component experience-roots_assets-imageMastheadTitleLinkFlexible">
6764
6765
6766<div class="image-masthead-title-link-flexble type-default columns-one w-100">
6767    <figure class="image-component type-default position-relative m-0">
6768        <picture>
6769            <source srcset="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dw92a40056/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-03.jpg" media="(min-width: 769px)"/>
6770            <img class="w-100"
6771                src="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dw92a40056/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-03.jpg"
6772                alt="Category" 
6773                style="--focal-point-x:50%; --focal-point-y:50%"
6774            />
6775        </picture>
6776        <figcaption class="position-absolute w-100 content-container position-center text-center">
6777            <div class="d-md-none">
6778                <label class="masthead centra-no1" 
6779                    style="font-size: ; font-weight: 500;  text-transform: Uppercase;
6780                        color: #ffffff; letter-spacing: 1px; line-height: normal"
6781                    >
6782                    WOMEN'S TOPS
6783                </label>
6784                <h2 class="title centra-no1" 
6785                    style="font-size: ; font-weight: 500; 
6786                        color: #ffffff; letter-spacing: normal; line-height: normal"
6787                    >
6788                    FRESH PICKS
6789                </h2>
6790                <a class="cta text-uppercase centra-no1" href="https://www.roots.com/us/en/women/clothing/tops/" role="button" 
6791                    style="font-size: ; font-weight: 400;  
6792                        color: #ffffff; letter-spacing: normal; line-height: "
6793                    >
6794                    SHOP NOW 
6795                </a>
6796            </div>
6797            <div class="d-none d-md-block">
6798                <label class="masthead centra-no1" 
6799                    style="font-size: ; font-weight: 500; text-transform: Uppercase;
6800                        color: #ffffff; letter-spacing: 1px; line-height: normal"
6801                    >
6802                    WOMEN'S TOPS
6803                </label>
6804                <h2 class="title centra-no1" 
6805                    style="font-size: ; font-weight: 500;
6806                        color: #ffffff; letter-spacing: normal; line-height: normal"
6807                    >
6808                    FRESH PICKS
6809                </h2>
6810                <a class="cta text-uppercase centra-no1" href="https://www.roots.com/us/en/women/clothing/tops/" role="button"
6811                    style="font-size: ; font-weight: 400;
6812                         color: #ffffff; letter-spacing: normal; line-height: "
6813                    >
6814                    SHOP NOW
6815                </a>
6816            </div>
6817        </figcaption>
6818    </figure>
6819</div>
6820</div></div>
6821<div class="col-md-6 p-0 right-section"><div class="experience-component experience-roots_assets-imageMastheadTitleLinkFlexible">
6822
6823
6824<div class="image-masthead-title-link-flexble type-default columns-one w-100">
6825    <figure class="image-component type-default position-relative m-0">
6826        <picture>
6827            <source srcset="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dw2b0d190f/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-04.jpg" media="(min-width: 769px)"/>
6828            <img class="w-100"
6829                src="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dw2b0d190f/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-04.jpg"
6830                alt="Category" 
6831                style="--focal-point-x:50%; --focal-point-y:50%"
6832            />
6833        </picture>
6834        <figcaption class="position-absolute w-100 content-container position-center text-center">
6835            <div class="d-md-none">
6836                <label class="masthead centra-no1" 
6837                    style="font-size: ; font-weight: 500;  text-transform: Uppercase;
6838                        color: #ffffff; letter-spacing: 1px; line-height: normal"
6839                    >
6840                    MEN'S TOPS
6841                </label>
6842                <h2 class="title centra-no1" 
6843                    style="font-size: ; font-weight: 500; 
6844                        color: #ffffff; letter-spacing: normal; line-height: normal"
6845                    >
6846                    FALL CLASSICS
6847                </h2>
6848                <a class="cta text-uppercase centra-no1" href="https://www.roots.com/us/en/men/clothing/tops/" role="button" 
6849                    style="font-size: ; font-weight: 400;  
6850                        color: #ffffff; letter-spacing: normal; line-height: "
6851                    >
6852                    SHOP NOW 
6853                </a>
6854            </div>
6855            <div class="d-none d-md-block">
6856                <label class="masthead centra-no1" 
6857                    style="font-size: ; font-weight: 500; text-transform: Uppercase;
6858                        color: #ffffff; letter-spacing: 1px; line-height: normal"
6859                    >
6860                    MEN'S TOPS
6861                </label>
6862                <h2 class="title centra-no1" 
6863                    style="font-size: ; font-weight: 500;
6864                        color: #ffffff; letter-spacing: normal; line-height: normal"
6865                    >
6866                    FALL CLASSICS
6867                </h2>
6868                <a class="cta text-uppercase centra-no1" href="https://www.roots.com/us/en/men/clothing/tops/" role="button"
6869                    style="font-size: ; font-weight: 400;
6870                         color: #ffffff; letter-spacing: normal; line-height: "
6871                    >
6872                    SHOP NOW
6873                </a>
6874            </div>
6875        </figcaption>
6876    </figure>
6877</div>
6878</div></div>
6879</div>
6880</div>
6881</div>
6882</div><div class="experience-component experience-bloomreach-bloomreachCarou
6882selProduct"> 
6883
6884    <div id="carousel-50e5e958b40950ac9dcb5e37dd" class="bloomreach-carousel slick-carousel-layout  einstein-carousel experience-einstein-carousel type-default ft-slider-dots " data-recommender-id="6699815545872aafe10b6124"  data-recommendationIdVaule="null"
6885        data-product-load-url= "https://www.roots.com/on/demandware.store/Sites-RootsUS-Site/en_US/BRCarousel-Show?recommendationId=6699815545872aafe10b6124&amp;fillWithRandom=true&amp;size=10"
6886        data-recommendationSize= "10"
6887        data-fillWithRandom= "true"
6888        data-recommendationId= "6699815545872aafe10b6124"
6889        data-prev-label="Previous products"
6890        data-next-label="Next products"
6891        style="background-color: transparent" data-slick-config='{&quot;slidesToShow&quot;:4,&quot;slidesToScroll&quot;:1,&quot;dots&quot;:true,&quot;mobileFirst&quot;:false,&quot;infinite&quot;:false,&quot;pagerStatus&quot;:false,&quot;centerMode&quot;:false,&quot;desktopCenterMode&quot;:false,&quot;showArrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000,&quot;responsive&quot;:[{&quot;breakpoint&quot;:1200,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:4,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:991,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;arrows&quot;:true,&quot;variableWidth&quot;:false,&quot;slidesToShow&quot;:3,&quot;slidesToScroll&quot;:1,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:769,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:600,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:500,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:400,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:374,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}},{&quot;breakpoint&quot;:320,&quot;settings&quot;:{&quot;centerMode&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;arrows&quot;:true,&quot;speed&quot;:300,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:5000}}]}'>
6892        <div class="container">
6893            <div class="row">
6894                <div class="col-12 px-0" style="position: relative;">
6895                    
6896                        <div class="d-flex justify-content-between">
6897                            <h2 class="title text-md-left"
6898                            style="
6899                                font-family: Cooper Lt BT;
6900                                font-weight: 200;
6901                                text-transform: none;
6902                                color: #333;
6903                                font-size: undefined;
6904                                letter-spacing: 0 px;
6905                            "
6906                            >Most Loved</h2>
6907                            <button type="button" class="load-more px-0">More</button>
6908                            <button type="button" class="load-less px-0 d-none">Less</button>
6909                        </div>
6910                    
6911                    
6912                    <div>
6913                        <div id="recommendations-container" class="bloomreach-carousel-container experience-items bloomreach-carousel-product-container bloomreach-product-wrapper">
6914                        </div>
6915                    </div>
6916                </div>
6917            </div>
6918        </div>
6919    </div>
6920</div><div class="experience-component experience-commerce_layouts-mobileGrid2r1c">
6921
6922<div class="layout">
6923<div class="container-fluid fifty-fifty-layout layout__content">
6924
6925<div class="row section-block">
6926<div class="col-md-6 p-0 d-flex align-items-center left-section"><div class="experience-component experience-roots_assets-textLinkCard">
6927<div class="text-linkcard journey-collection">
6928
6929<p class="promo-text" style="color:; font-family:">
6930KIDS' NEW ARRIVALS
6931</p>
6932
6933<h2 class="journey-heading" style="color:; font-family:">
6934Fresh for Fall
6935</h2>
6936
6937<div class="description" style="color:; font-family:">
6938<p><span style="color: rgb(0, 0, 0);">From school playgrounds to weekends with family, these fall favourites are ones they’ll wear on repeat all season long.</span></p>
6939</div>
6940<div class="d-flex justify-content-center justify-content-md-start leather-bag-buttons">
6941<a role="button" class="btn btn-primary btn-small d-none d-md-inline-flex" href="https://www.roots.com/us/en/kids-new-arrivals/" style="color:; background-color:; font-family:; font-size:">
6942Shop now
6943</a>
6944<a role="button" class="btn btn-primary btn-small d-md-none" href="https://www.roots.com/us/en/kids-new-arrivals/" style="color:; background-color:; font-family:; font-size:">
6945Shop now
6946</a>
6947
6948</div>
6949</div></div></div>
6950<div class="col-md-6 p-0 right-section"><div class="experience-component experience-commerce_assets-photoTile">
6951<div class="photo-tile-container">
6952    <div class="row">
6953        <div class="col-12 d-md-none">
6954            <figure class="photo-tile-figure">
6955                <picture>
6956                    <source srcset="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dwc140d866/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-05.jpg" media="(min-width: 768px)"/>
6957                    <source srcset="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dwc140d866/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-05.jpg" media="(min-width: 1024px)"/>
6958                    <img
6959                        class="photo-tile-image image-fluid"
6960                        src="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dwc140d866/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-05.jpg"
6961                        style="--focal-point-x:50%; --focal-point-y:50%; max-height:; min-height:"
6962                        
6963                        alt="Photo Tile" title="Photo Tile"
6964                        
6965                    />
6966                </picture>
6967            </figure>
6968        </div>
6969
6970        <div class="col-12 d-none d-md-block d-xl-none">
6971            <figure class="photo-tile-figure">
6972                <picture>
6973                    <source srcset="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dwc140d866/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-05.jpg" media="(min-width: 768px)"/>
6974                    <source srcset="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dwc140d866/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-05.jpg" media="(min-width: 1024px)"/>
6975                    <img
6976                        class="photo-tile-image image-fluid"
6977                        src="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dwc140d866/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-05.jpg"
6978                        style="--focal-point-x:50%; --focal-point-y:50%; max-height:; min-height:"
6979                        
6980                        alt="Photo Tile" title="Photo Tile"
6981                        
6982                    />
6983                </picture>
6984            </figure>
6985        </div>
6986
6987        <div class="col-12 d-none d-xl-block">
6988            <figure class="photo-tile-figure">
6989                <picture>
6990                    <source srcset="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dwc140d866/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-05.jpg" media="(min-width: 768px)"/>
6991                    <source srcset="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dwc140d866/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-05.jpg" media="(min-width: 1024px)"/>
6992                    <img
6993                        class="photo-tile-image image-fluid"
6994                        src="https://www.roots.com/dw/image/v2/BGGS_PRD/on/demandware.static/-/Sites-RootsUS-Library/default/dwc140d866/ROOTS_ASSETS/HP/2026/260908-FallVersatility03/hp-ft-05.jpg"
6995                        style="--focal-point-x:50%; --focal-point-y:50%; max-height:; min-height:"
6996                        
6997                        alt="Photo Tile" title="Photo Tile"
6998                        
6999                    />
7000                </picture>
7001            </figure>
7002        </div>
7003    </div>
7004</div>
7005
7006</div></div>
7007</div>
7008</div>
7009</div>
7010</div></div>
7011                </div>
7012            </div>
7013        </div>
7014    </div>
7015
7016</div>
7017
7018<div class="print-only container copyright-container">
7019    <div class="row">
7020        <div class="col-12 text-center">
7021            
7022    
7023    <div class="content-asset"><!-- dwMarker="content" dwContentID="3ddd7a63022828f04bce004dbc" -->
7024        <div class="copyright m-0">© Roots Corporation 2002 - 2026    |    1400 Castlefield Avenue, Toronto, Ontario, M6B4C4</div>
7025    </div> <!-- End content-asset -->
7026
7027
7028
7029        </div>
7030    </div>
7031</div>
7032
7033<footer class="footer" id="footercontent">
7034    <div class="d-md-none mobile-newsletter"></div>
7035
7036    <div class="">
7037        <div class="container">
7038            <div class="row">
7039                <div class="col-12">
7040                    
7041    
7042    <div class="content-asset"><!-- dwMarker="content" dwContentID="1e62427e6ee8de92fdf3b6a7fb" -->
7043        <style>
7044  footer .collapsible-sm .icon-list {
7045    justify-content: space-between;
7046  }
7047  @media (min-width: 769px) {
7048    footer .collapsible-sm .icon-list li {
7049      flex-basis: unset;
7050      flex-grow: unset;
7051    }
7052
7053    footer .collapsible-sm .icon-list li a {
7054      display: block;
7055      text-align: center;
7056      width: fit-content;
7057    }
7058  }
7059
7060  .svg-icon.canada {
7061    background-image: url("https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw9871e5ec/content/about-us/images/icons/made_in_canada_icon.svg");
7062    height: 1.25rem;
7063    width: 1.25rem;
7064  }
7065
7066  #madeincanada {
7067    text-wrap: nowrap;
7068  }
7069  @media (min-width: 768px) {
7070    #madeincanada {
7071      text-wrap: wrap;
7072      /*    margin-left: 7px; */
7073    }
7074
7075    .svg-icon.canada {
7076      top: -0.5rem;
7077      height: 2rem;
7078      position: relative;
7079      width: 1.5rem !important;
7080      margin-bottom: 0 !important;
7081    }
7082  }
7083
7084  @media (min-width: 1200px) {
7085    #madeincanada {
7086      text-wrap: nowrap;
7087      /*  margin-left: 25px; */
7088    }
7089  }
7090</style>
7091<div class="collapsible-sm active custom-footer-collapse">
7092  <div>
7093    <button
7094      class="title btn text-left btn-block d-block d-md-none"
7095      aria-expanded="false"
7096      aria-controls="collapsible-customer-service"
7097    >
7098      Services
7099    </button>
7100  </div>
7101  <ul id="collapsible-customer-service-icon" class="content icon-list">
7102    <li>
7103      <a
7104        aria-label="Store Locator"
7105        href="https://www.roots.com/us/en/store-locator?showMap=true&amp;horizontalView=true&amp;isForm=true"
7106      >
7107        <i class="svg-icon store-locator"></i>
7108        <span class="label">Store Locator</span>
7109      </a>
7110    </li>
7111    <li>
7112      <a aria-label="Tracking & Returns" href="https://www.roots.com/on/demandware.store/Sites-RootsUS-Site/en_US/Order-Trackorder">
7113        <i class="svg-icon crosshair"></i>
7114        Tracking & Returns
7115      </a>
7116    </li>
7117
7118    <li>
7119      <a
7120        aria-label="Delivery Options"
7121        href="https://help.roots.com/en_us/shipping-handling-S1XsY9rr9"
7122      >
7123        <i class="svg-icon package"></i>
7124        Delivery Options
7125      </a>
7126    </li>
7127    <!-- <li>
7128            <a aria-label="Shop Social" href="https://www.instagram.com/roots/">
7129                <i class="svg-icon instagram"></i>
7130                Shop Social
7131            </a>
7132        </li> -->
7133    <li>
7134      <a
7135        aria-label="Shop Made In Canada"
7136        href="https://www.roots.com/us/en/made-in-canada/"
7137        id="madeincanada"
7138      >
7139        <!-- <i class="svg-icon instagram"></i> -->
7140        <i class="svg-icon canada"></i>
7141        Shop Made in Canada
7142      </a>
7143    </li>
7144    <!--  <li>
7145
7146      <a
7147        aria-label="Returns"
7148        href="https://help.roots.com/en_ca/exchange-and-return-policy-BkO_HVEHq"
7149      >
7150        <i class="svg-icon repeat"></i>
7151        Returns
7152      </a>
7153    </li> -->
7154    <!-- <li>
7155      <a
7156        aria-label="Pick Up in Store"
7157        href="https://help.roots.com/en_ca/in-store-pick-up-rJAp4mdhq"
7158      >
7159        <i class="svg-icon shopping-cart"></i>
7160        Pick Up in Store
7161      </a>
7162    </li> -->
7163
7164    <li>
7165      <a aria-label="Careers" href="https://www.roots.com/us/en/careers-page.html">
7166        <i
7167          class="svg-icon"
7168          style="display: flex; height: 1.1875rem; color: #2c5234"
7169          ><svg
7170            xmlns="http://www.w3.org/2000/svg"
7171            width="20"
7172            height="20"
7173            viewBox="0 0 24 24"
7174            fill="none"
7175            stroke="currentColor"
7176            stroke-width="2"
7177            stroke-linecap="round"
7178            stroke-linejoin="round"
7179          >
7180            <rect x="2" y="7" width="20" height="14" rx="2" ry="2" />
7181            <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" /></svg
7182        ></i>
7183        Careers
7184      </a>
7185    </li>
7186    <li>
7187      <a
7188        aria-label="Gift Cards"
7189        href="https://www.roots.com/us/en/giftcardbalance.html"
7190      >
7191        <i class="svg-icon gift"></i>
7192        Gift Cards
7193      </a>
7194    </li>
7195  </ul>
7196</div>
7197    </div> <!-- End content-asset -->
7198
7199
7200
7201                </div>
7202            </div>
7203        </div>
7204        <div class="footer-link-container">
7205            <div class="container">
7206                <div class="row">
7207                    <div class="col-md-4 collapsible-sm d-none d-md-block">
7208                        <div class="footer-item desktop-newsletter">
7209                            
7210                                
7211
7212
7213
7214
7215
7216
7217
7218
7219
7220
7221
7222
7223
7224
7225<div class="experience-newsletter-redesign">
7226    <div class="container inner-section">
7227        <div class="row">
7228            <div class="col-md-12">
7229                <div class="d-flex align-items-start">
7230                    <div class="content">
7231                        
7232    
7233    <div class="content-asset"><!-- dwMarker="content" dwContentID="13bb88ce70298c0c0558ca71f4" -->
7234        <h2>UNLOCK EXCLUSIVE OFFERS</h2>
7235<div class="copy">
7236	<p>Enter your email to get $10 OFF your next $50+ purchase. Also, get another $10 OFF a separate $50+ purchase when you sign up for SMS.</p>
7237</div>
7238    </div> <!-- End content-asset -->
7239
7240
7241
7242                    </div>
7243                </div>
7244                <div class="row m-0">
7245                    <form action="/on/demandware.store/Sites-RootsUS-Site/en_US/NewsLetterSingup-Submit" class="email-signup-form" method="POST" name="dwfrm_newsletter" data-success-msg="Success! You've earned $10 OFF.">
7246                        <div class="col-12 p-0 shopping-for-checkboxes">
7247                            <h3 class="text-center text-md-left">What styles are you interested in?</h3>
7248                            <div class="checkbox-wrappper d-flex justify-content-between flex-wrap ml-md-1">
7249                                <!-- Interests Women -->
7250                                <div class="form-group custom-control custom-checkbox">
7251                                    <input type="checkbox" class="custom-control-input" id="women" name="dwfrm_newsletter_interests_women" value="true"> <label class="custom-control-label" for="women">
7252                                        <span class="label-text">Women</span>
7253                                    </label>
7254                                </div>
7255                                <!-- Interests Men -->
7256                                <div class="form-group custom-control custom-checkbox">
7257                                    <input type="checkbox" class="custom-control-input" id="men" name="dwfrm_newsletter_interests_men" value="true"> <label class="custom-control-label" for="men">
7258                                        <span class="label-text">Men</span>
7259                                    </label>
7260                                </div>
7261                                <!-- Interests Kids & Baby -->
7262                                <div class="form-group custom-control custom-checkbox">
7263                                    <input type="checkbox" class="custom-control-input" id="kids" name="dwfrm_newsletter_interests_kids" value="true"> <label class="custom-control-label" for="kids">
7264                                        <span class="label-text">Kids</span>
7265                                    </label>
7266                                </div>
7267                                <!-- Interests Leather -->
7268                                <div class="form-group custom-control custom-checkbox">
7269                                    <input type="checkbox" class="custom-control-input" id="leather" name="dwfrm_newsletter_interests_leather" value="true"> <label class="custom-control-label" for="leather">
7270                                        <span class="label-text">Leather</span>
7271                                    </label>
7272                                </div>
7273                                <div class="form-group custom-control custom-checkbox pr-0">
7274                                    <input type="checkbox" class="custom-control-input" id="all" name="dwfrm_newsletter_interests_all" value="true"> <label class="custom-control-label" for="all">
7275                                        <span class="label-text">All</span>
7276                                    </label>
7277                                </div>
7278                            </div>
7279                        </div>
7280                        <div class="col-12 p-0 m-0 mb-4">
7281                            <div class="newsletter-method-label">
7282                                <h2 class="button-text mb-0 js-sign-up-for-email">Sign Up For Email</h2>
7283                            </div>
7284                            <div class="email-input-container hide form-group loqate-validate-input">
7285                                <div class="col-12 p-0 m-0 mb-2 d-flex email-input-wrapper form-group">
7286                                    <div class="email-input m-0">
7287                                        <input type="email" autocomplete="email" class="form-control w-100" id="email-signup-form-email" placeholder="Email Address" data-missing-error="This field is required." 
7288                                        data-pattern-mismatch="Please enter a valid e-mail address" data-range-error="Must be 50 characters or less."
7289                                        aria-describedby="form-email-error" name="dwfrm_newsletter_signupLetter_email" required aria-required="true" value="" maxLength="50" pattern="^[\w.%+-]+@[\w.-]+\.[\w]{2,6}$"
7290                                        data-loqate-validation=true data-country=US
7291                                        data-loqate-validate-success-event='{"eventName": "footerSignup:setButtonCondition", "eventParam
7291s": "email"}'
7292                                        data-loqate-validate-error-event='{"eventName": "footerSignup:setButtonCondition", "eventParams": "email"}'>
7293                                        <span class="status-icon">
7294                                            <i class="svg-icon close-red-circle js-loqate-error d-none"></i>
7295                                            <i class="svg-icon check-green-circle js-loqate-success d-none"></i>
7296                                        </span>
7297                                    </div>                    
7298                                    <button type="" class="email-submit js-email-submit" aria-label="submit button for newsletter form" disabled>
7299                                        <span class="svg-icon arrow-right h-100"></span>
7300                                    </button>
7301                                </div>
7302                                <div class="invalid-feedback"> 
7303                                    <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
7304                                    <span class="js-newsletter-input-msg"></span>
7305                                </div>
7306                            </div>
7307                            <div class="email-consent-container hide">
7308                                <div class="form-group custom-control custom-checkbox email-consent-wrapper">
7309                                    <input
7310                                        type="checkbox"
7311                                        class="custom-control-input" id="email-consent"
7312                                        data-missing-error="To proceed, please check the box to give your consent."
7313                                    >
7314                                    <label class="custom-control-label" for="email-consent">
7315                                        <div class="copy">
7316                                            I agree to receive marketing communications from Roots. You can unsubscribe at any time. View our <a href=https://help.roots.com/en_us/terms-of-use-SJP5M44DR style="text-decoration: underline">Terms</a> and <a href=https://help.roots.com/en_us/privacy-policy-HJC8DQO35 style="text-decoration: underline">Privacy Policy</a>. <a href=https://help.roots.com/en_ca/contactez-nous-rJb8ZFybi style="text-decoration: underline">Contact Us</a> for more information.
7317                                        </div>
7318                                    </label>
7319                                </div>
7320                                <div class="invalid-feedback">
7321                                    <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
7322                                    <span class="js-newsletter-input-msg"></span>
7323                                </div>
7324                            </div>
7325                        </div>
7326                        <div class="col-12 p-0 m-0">
7327                            <div class="newsletter-method-label">
7328                                <h2 class="button-text mb-0 js-sign-up-for-text">Sign Up For Texts</h2>
7329                            </div>
7330                            <div class="phone-input-container hide form-group loqate-validate-input">
7331                                <div class="col-12 p-0 m-0 mb-2 d-flex phone-input-wrapper form-group">
7332                                    <div class="phone-input m-0">
7333                                        <input type="tel" class="form-control w-100" id="email-signup-form-phone-facade" placeholder="Enter US Phone Number" data-missing-error="This field is required." 
7334                                            data-pattern-mismatch="Please enter a valid phone number"
7335                                            maxlength="13"
7336                                            aria-describedby="form-phone-error" encoding="off" 
7337                                            data-loqate-validation=true data-country=US
7338                                            data-loqate-validate-success-event='{"eventName": "footerSignup:setButtonCondition", "eventParam
7338s": "text"}'
7339                                            data-loqate-validate-error-event='{"eventName": "footerSignup:setButtonCondition", "eventParams": "text"}'>
7340                                        <input type="text" class="form-control d-none" id="email-signup-form-phone" placeholder="Enter US Phone Number" data-missing-error="This field is required." 
7341                                            data-pattern-mismatch="Please enter a valid phone number"
7342                                            aria-describedby="form-phone-error" name="dwfrm_newsletter_signupLetter_phone" required aria-required="true" value="" maxLength="13" minLength="13" pattern="^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$"> 
7343                                        <span class="status-icon">
7344                                            <i class="svg-icon close-red-circle js-loqate-error d-none"></i>
7345                                            <i class="svg-icon check-green-circle js-loqate-success d-none"></i>
7346                                        </span>
7347                                    </div>                    
7348                                    <button type="" class="phone-submit js-phone-submit" aria-label="submit button for newsletter form" disabled>
7349                                        <span class="svg-icon arrow-right h-100"></span>
7350                                    </button>
7351                                </div>
7352                                <div class="invalid-feedback">
7353                                    <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
7354                                    <span class="js-newsletter-input-msg"></span>
7355                                </div>
7356                            </div>
7357                            <div class="phone-consent-container hide">
7358                                <div class="form-group custom-control custom-checkbox phone-consent-wrapper">
7359                                    <input
7360                                        type="checkbox"
7361                                        class="custom-control-input" id="phone-consent"
7362                                        data-missing-error="To proceed, please check the box to give your consent."
7363                                    >
7364                                    <label class="custom-control-label" for="phone-consent">
7365                                        <div class="copy">
7366                                            I agree to receive marketing communication from Roots. You can unsubscribe at any time by texting STOP. Standard sms rates may apply. View our <a href=https://help.roots.com/en_us/terms-of-use-SJP5M44DR style="text-decoration: underline">Terms</a> and <a href=https://help.roots.com/en_us/privacy-policy-HJC8DQO35 style="text-decoration: underline">Privacy Policy</a>. <a href=https://help.roots.com/en_ca/contactez-nous-rJb8ZFybi style="text-decoration: underline">Contact Us</a> for more information.
7367                                        </div>
7368                                    </label>
7369                                </div>
7370                                <div class="invalid-feedback">
7371                                    <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
7372                                    <span class="js-newsletter-input-msg"></span>
7373                                </div>
7374                            </div>
7375                        </div>
7376                    </form>
7377                </div>  
7378            </div>
7379        </div>
7380    </div>
7381</div>
7382<script defer="" type="text/javascript" src="https://www.roots.com/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/singupRedesign.js"></script>
7382
7383                            
7384                        </div>
7385                    </div>
7386                    <div class="col-md">
7387                        
7388    
7389    <div class="content-asset"><!-- dwMarker="content" dwContentID="7687481214aeec34c3aeeef30f" -->
7390        <style>
7391  /* Generate button */
7392  #request-help-code {
7393    background: none;
7394    border: none;
7395    color: #333;
7396    font-family: "Centra No1";
7397    font-size: 0.75rem;
7398    line-height: 1rem;
7399    letter-spacing: 0.1em;
7400    cursor: pointer;
7401    padding: 0;
7402  }
7403  /* Flex‐wrapper for generated code + copy button */
7404  #help-code-wrapper {
7405    display: none;
7406    inline-flex: inline-flex;
7407    align-items: center;
7408    gap: 0.5rem;
7409    /* margin-top: 0.5rem; */
7410    margin-top: 14px !important;
7411  }
7412  /* Generated code styling */
7413  #help-code-result {
7414    font-family: monospace;
7415    white-space: nowrap;
7416    color: #333;
7417    font-family: "Centra No1";
7418  }
7419  /* Copy button */
7420  #copy-help-code {
7421    background: none;
7422    border: none;
7423    color: #333;
7424    font-family: "Centra No1";
7425    font-size: 0.75rem;
7426    line-height: 1rem;
7427    letter-spacing: 0.1em;
7428    cursor: pointer;
7429    display: inline-flex;
7430    align-items: center;
7431    gap: 0.25rem;
7432  }
7433  #copy-help-code svg {
7434    fill: #333;
7435    width: 1rem;
7436    height: 1rem;
7437  }
7438
7439  /* Generate button */
7440  #request-help-code {
7441    background: none;
7442    border: none;
7443    color: #333;
7444    font-family: "Centra No1";
7445    font-size: 0.75rem;
7446    line-height: 1rem;
7447    letter-spacing: 0.1em;
7448    cursor: pointer;
7449    padding: 0;
7450    text-align: left;
7451  }
7452
7453  /* Generated code styling */
7454  #help-code-result {
7455    font-family: "Centra No1", monospace;
7456    white-space: nowrap;
7457    color: #333;
7458    font-size: 0.75rem;
7459    line-height: 1rem;
7460    letter-spacing: 0.1em;
7461  }
7462  /* Copy button */
7463  #copy-help-code {
7464    background: none;
7465    border: none;
7466    color: #333;
7467    font-family: "Centra No1";
7468    font-size: 0.75rem;
7469    line-height: 1rem;
7470    letter-spacing: 0.1em;
7471    cursor: pointer;
7472    display: inline-flex;
7473    align-items: center;
7474    gap: 0.25rem;
7475    transition: transform 0.15s ease, opacity 0.15s ease;
7476    cursor: pointer;
7477  }
7478  #copy-help-code:hover {
7479    color: black;
7480    transform: translateY(0px) scale(1.03);
7481  }
7482
7483  #copy-help-code svg {
7484    fill: #333;
7485    width: 1rem;
7486    height: 1rem;
7487    transition: fill 0.2s;
7488  }
7489  /* When copied, make the check green */
7490  #copy-help-code.copied svg {
7491    fill: green;
7492  }
7493</style>
7494<div class="footer-item collapsible-sm" style="height: unset;">
7495    <div>
7496        <button class="title btn text-left btn-block d-md-none" aria-expanded="false"
7497            aria-controls="collapsible-customer-service">Orders</button>
7498        <h2 class="title d-none d-md-block">Orders</h2>
7499    </div>
7500    <ul id="collapsible-customer-service" class="menu-footer content"> 
7501        <li><a aria-label="Track Your Order" href="https://www.roots.com/on/demandware.store/Sites-RootsUS-Site/en_US/Order-Trackorder">Track Your Order</a></li>
7502        <li><a aria-label="Returns and Exchanges" href="https://help.roots.com/en_us/exchange-and-return-policy-BkO_HVEHq">Returns and Exchanges</a></li>
7503        <li><a aria-label="Shipping and Handling" href="https://help.roots.com/en_us/shipping-and-handling-S1XsY9rr9">Shipping and Handling</a></li>
7504        <li><a aria-label="International Orders" href="https://help.roots.com/en_us/intern-HJd5OoHB9">International Orders</a></li>
7505        <li><a aria-label="Roots at Your Service" href="https://www.roots.com/us/en/roots-services.html">Roots at Your Service</a></li>
7506    </ul>
7507</div>
7508    <div class="footer-item collapsible-sm" style="height: unset;">
7509
7510    <div>
7511        <button class="title btn text-left btn-block d-md-none" aria-expanded="false"
7512            aria-controls="collapsible-customer-service">We can Help</button>
7513        <h2 class="title d-none d-md-block">We can Help</h2>
7514    </div>
7515    <ul id="collapsible-customer-service" class="menu-footer content"> 
7516        <li><a aria-label="Accessibility" href="https://www.roots.com/us/en/accessibility.html">Accessibility</a></li>
7517        <li><a aria-label="Create an Account / Login" href="https://www.roots.com/us/en/login">Create an Account / Login</a></li>
7518        <li><a aria-label="Gift Services" href="https://help.roots.com/en_us/-HJOqHEun5">Gift Services</a></li>
7519        <li><a aria-label="Help Centre" href="https://help.roots.com/lang/en_us/">Help Centre</a></li>
7520 <li><a aria-label="Help Centre" href="https://www.roots.com/us/en/fabric-and-care-guide.html">Fabric & Care Guide</a></li>
7521        <li><a aria-label="Leather Care" href="https://www.roots.com/us/en/leathercare.html">Leather Care</a></li>
7522        <li><a aria-label="Sizing Chart" href="https://www.roots.com/us/en/help-pages/sizing-charts.html">Sizing Chart</a></li><!-- Help Code Generator -->
7523    <li style="display: flex; flex-direction: column">
7524      <button id="request-help-code" type="button">Generate Help Code</button>
7525      <div id="help-code-wrapper">
7526        <code id="help-code-result"></code>
7527        <button id="copy-help-code" type="button">
7528          Copy
7529          <svg viewBox="0 0 24 24">
7530            <path
7531              d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"
7532            />
7533          </svg>
7534        </button>
7535      </div>
7536    </li>
7537  </ul>
7538</div>
7539
7540<!-- Noibu SDK -->
7541<script src="https://cdn.noibu.com/collect-core.js" defer></script>
7541
7542
7543<script>
7544  window.addEventListener("noibuSDKReady", () => {
7545    const btnGenerate = document.getElementById("request-help-code");
7546    const wrapper = document.getElementById("help-code-wrapper");
7547    const resultCode = document.getElementById("help-code-result");
7548    const btnCopy = document.getElementById("copy-help-code");
7549
7550    btnGenerate.addEventListener("click", async () => {
7551      const code = await window.NOIBUJS.requestHelpCode(false);
7552      if (!code) return;
7553      resultCode.textContent = code;
7554      wrapper.style.display = "inline-flex";
7555      // reset copy button in case it was clicked before
7556      btnCopy.textContent = "Copy";
7557      btnCopy.classList.remove("copied");
7558      // re‑append the original clip icon
7559      btnCopy.insertAdjacentHTML(
7560        "beforeend",
7561        `
7562          <svg viewBox="0 0 24 24">
7563            <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/>
7564          </svg>
7565        `
7566      );
7567    });
7568
7569    btnCopy.addEventListener("click", async () => {
7570      const text = resultCode.textContent;
7571      // copy to clipboard
7572      if (navigator.clipboard && navigator.clipboard.writeText) {
7573        await navigator.clipboard.writeText(text);
7574      } else {
7575        const tmp = document.createElement("input");
7576        tmp.value = text;
7577        document.body.appendChild(tmp);
7578        tmp.select();
7579        document.execCommand("copy");
7580        document.body.removeChild(tmp);
7581      }
7582      // change to "Copied" + tick icon
7583      btnCopy.textContent = "Copied";
7584      btnCopy.classList.add("copied");
7585      btnCopy.insertAdjacentHTML(
7586        "beforeend",
7587        `
7588          <svg viewBox="0 0 24 24">
7589            <path d="M20.29 5.71c-.39-.39-1.02-.39-1.41 0L9 15.59l-3.29-3.29c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4 4c.39.39 1.02.39 1.41 0l11-11c.39-.39.39-1.02 0-1.41z"/>
7590          </svg>
7591        `
7592      );
7593    });
7594  });
7595</script>
7595
7596    </div> <!-- End content-asset -->
7597
7598
7599
7600                    </div>
7601                    <div class="col-md">
7602                        
7603    
7604    <div class="content-asset"><!-- dwMarker="content" dwContentID="546e3b21f4e6accf6687ceee0d" -->
7605        <!--     This is an example:  <a aria-label="TITLE" href="LINK">TITLE</a>  -->
7606<!--     This is an example:  <a aria-label="TITLE" href="https://help.roots.com/ca/en/">TITLE</a>  -->
7607
7608<div class="footer-item collapsible-sm" style="height: unset">
7609  <div>
7610    <button
7611      class="title btn text-left btn-block d-md-none"
7612      aria-expanded="false"
7613      aria-controls="collapsible-customer-about"
7614    >
7615      About Roots
7616    </button>
7617    <h2 class="title d-none d-md-block">About Roots</h2>
7618  </div>
7619  <ul id="collapsible-customer-about" class="menu-footer content">
7620    <li>
7621      <a
7622        aria-label="Authenticity"
7623        href="https://www.roots.com/us/en/authenticity.html"
7624        >Authenticity</a
7625      >
7626    </li>
7627    <li>
7628      <a
7629        aria-label="Iconic Product"
7630        href="https://www.roots.com/us/en/our-story.html#our-legacy"
7631        >Iconic Product</a
7632      >
7633    </li>
7634    <li>
7635      <a aria-label="Our Story" href="https://www.roots.com/us/en/our-story.html"
7636        >Our Story</a
7637      >
7638    </li>
7639    <li>
7640      <a
7641        aria-label="Supply Chain"
7642        href="https://www.roots.com/us/en/supply-chain.html"
7643        >Supply Chain</a
7644      >
7645    </li>
7646    <li>
7647      <a
7648        aria-label="Sustainability"
7649        href="https://www.roots.com/us/en/sustainability.html"
7650        >Sustainability</a
7651      >
7652    </li>
7653    <li>
7654      <a
7655        aria-label="We Are Makers"
7656        href="https://www.roots.com/us/en/we-are-makers.html"
7657        >We Are Makers</a
7658      >
7659    </li>
7660  </ul>
7661</div>
7662
7663<div class="footer-item collapsible-sm" style="height: unset">
7664  <div>
7665    <button
7666      class="title btn text-left btn-block d-md-none"
7667      aria-expanded="false"
7668      aria-controls="collapsible-customer-community"
7669    >
7670      Community
7671    </button>
7672    <h2 class="title d-none d-md-block">Community</h2>
7673  </div>
7674  <ul id="collapsible-customer-community" class="menu-footer content">
7675    <li>
7676      <a
7677        aria-label="Brand Affiliate"
7678        href="https://www.roots.com/us/en/brand-affiliate.html"
7679        >Brand Affiliate</a
7680      >
7681    </li>
7682    <li>
7683      <a aria-label="Roots Cares" href="https://www.roots.com/us/en/roots-cares.html"
7684        >Roots Cares</a
7685      >
7686    </li>
7687    <li>
7688      <a aria-label="Roots Stories" href="https://www.roots.com/us/en/stories.html"
7689        >Roots Stories</a
7690      >
7691    </li>
7692    <li>
7693      <a
7694        aria-label="Together at Roots"
7695        href="https://www.roots.com/us/en/together-at-roots.html"
7696        >Together at Roots</a
7697      >
7698    </li>
7699    <!-- <li>
7700      <a
7701        href="#"
7702        class="roots-bloomreach-refer-footer-link"
7703        aria-label="Refer and Earn"
7704        >Refer and Earn</a
7705      >
7706    </li>-->
7707    <li><span id="extole_zone_global_footer">Refer and Earn</span></li> 
7708  </ul>
7709</div>
7710
7711<script>
7712  (function () {
7713    var BLOOMREACH_WEBLAYER_ID = "69eb82a6e7c7b799fb3ee8a9";
7714
7715    function openBloomreachReferLayer(event) {
7716      event.preventDefault();
7717
7718      if (
7719        window.exponea &&
7720        typeof window.exponea.showWebLayer === "function"
7721      ) {
7722        window.exponea.showWebLayer(BLOOMREACH_WEBLAYER_ID);
7723        return;
7724      }
7725
7726      if (
7727        window.exponea &&
7728        typeof window.exponea.showBanner === "function"
7729      ) {
7730        window.exponea.showBanner(BLOOMREACH_WEBLAYER_ID);
7731        return;
7732      }
7733
7734      console.warn("Bloomreach Refer and Earn web layer could not be opened.");
7735    }
7736
7737    function bindReferFooterLink() {
7738      var links = document.querySelectorAll(".roots-bloomreach-refer-footer-link");
7739
7740      if (!links.length) {
7741        return;
7742      }
7743
7744      links.forEach(function (link) {
7745        if (link.getAttribute("data-refer-bound") === "true") {
7746          return;
7747        }
7748
7749        link.setAttribute("data-refer-bound", "true");
7750        link.addEventListener("click", openBloomreachReferLayer);
7751      });
7752    }
7753
7754    if (document.readyState === "loading") {
7755      document.addEventListener("DOMContentLoaded", bindReferFooterLink);
7756    } else {
7757      bindReferFooterLink();
7758    }
7759
7760    window.addEventListener("load", bindReferFooterLink);
7761  })();
7762</script>
7762
7763    </div> <!-- End content-asset -->
7764
7765
7766
7767                    </div>
7768                    <div class="col-md">
7769                        
7770    
7771    <div class="content-asset"><!-- dwMarker="content" dwContentID="e522a032dd694eecdd78827faf" -->
7772        <div class="contact-menu">
7773  <div class="footer-item collapsible-sm border-right-0">
7774      <div>
7775          <button class="title btn text-left btn-block d-md-none" aria-expanded="false"
7776              aria-controls="collapsible-customer-contact">Contact Us</button>
7777          <h2 class="title d-none d-md-block">Contact Us</h2>
7778      </div>
7779      <ul id="collapsible-customer-contact" class="menu-footer content">
7780          <li><a aria-label="Careers" href="https://www.roots.com/us/en/careers-page.html">Careers</a></li>
7781          <li><a aria-label="Connect with us" href="https://help.roots.com/lang/en_us/">Connect with us</a></li>
7782          <li><a aria-label="Give us feedback" href="https://www.surveygizmo.com/s3/718162/Roots-com-Shipping-Questionaire">Give us feedback</a></li>
7783          <li><a aria-label="International Opportunities" href="https://help.roots.com/en_us/international-opportunities-rk528D_n5">International Opportunities</a></li>
7784          <li><a aria-label="Investor Relations" href="https://investors.roots.com/investor-home/overview/default.aspx">Investor Relations</a></li>
7785          <li><a aria-label="Roots Business to Business" href="https://www.roots.com/us/en/business-to-business.html">Roots Business to Business</a></li>
7786      </ul>
7787  </div>
7788  
7789</div>
7790<div class="social-menu">
7791  <ul class="d-flex justify-content-around m-0">
7792      <li><a  target="_blank" aria-label="Instagram" href="https://www.instagram.com/roots/"><span class="svg-icon insta-social"></span></a></li>
7793      <!-- <li><a  target="_blank" aria-label="Twitter" href="https://twitter.com/ROOTS"><span class="svg-icon twitter"></span></a></li> -->
7794      <li><a  target="_blank" aria-label="Facebook" href="https://www.facebook.com/roots/"><span class="svg-icon facebook"></span></a></li>
7795      <!-- <li><a target="_blank" aria-label="YouTube" href="https://www.youtube.com/user/RootsCanada"><span class="svg-icon youtube"></span></a></li> -->
7796      <li><a target="_blank" aria-label="Pinterest" href="https://www.pinterest.ca/roots/"><span class="svg-icon pinrest"></span></a></li>
7797      <li><a target="_blank" aria-label="Tiktok" href="https://www.tiktok.com/@roots"><span class="svg-icon tiktok"></span></a></li>
7798  </ul>
7799</div>
7800<a class="back-to-top mt-5 mb-0 d-md-none"><span class="svg-icon arrow-up"></span></a>
7801    </div> <!-- End content-asset -->
7802
7803
7804
7805                    </div>
7806                </div>
7807            </div>
7808        </div>
7809        <div class="container copyright-container">
7810            <div class="row">
7811                <div class="col-md-6">
7812                    
7813    
7814    <div class="content-asset"><!-- dwMarker="content" dwContentID="3ddd7a63022828f04bce004dbc" -->
7815        <div class="copyright m-0">© Roots Corporation 2002 - 2026    |    1400 Castlefield Avenue, Toronto, Ontario, M6B4C4</div>
7816    </div> <!-- End content-asset -->
7817
7818
7819
7820                </div>
7821                <div class="col-md-6">
7822                    
7823    
7824    <div class="content-asset"><!-- dwMarker="content" dwContentID="59751fd0d5cf3df10199aed8a4" -->
7825        <ul class="feedback-list">
7826	<li><a href="https://help.roots.com/en_us/privacy-policy-HJC8DQO35">Privacy Policy</a></li>       
7827        <li><a href="https://help.roots.com/en_us/terms-of-use-SJP5M44DR">Terms of Use</a></li>   
7828</ul>
7829    </div> <!-- End content-asset -->
7830
7831
7832
7833                </div>
7834            </div>
7835        </div>
7836    </div>
7837
7838    
7839    
7840    
7841
7842    
7843
7844         
7845            
7845<script 
7846  id="__ada"
7847  data-lazy
7848  data-handle="roots-gr"
7849  src="https://static.ada.support/embed2.js?v=${Date.now()}">
7850</script>
7850
7851
7852<script>
7853  const lang = document.documentElement.lang || 'en';
7854
7855  function startAda() {
7856    if (window.adaEmbed) {
7857      window.adaEmbed.start({
7858        handle: "roots-gr",
7859        cluster: "maple",
7860        testMode: false,
7861        language: lang
7862      });
7863  
7864    } else {
7865      setTimeout(startAda, 200);
7866    }
7867  }
7868
7869  startAda();
7870</script>
7870
7871        
7872    
7873    
7874
7875
7876    
7877    
7878</footer>
7879
7880</div>
7881
7882
7883
7884
7885
7886
7887
7888
7889
7890
7891
7892
7893
7894
7895    <div class="js-auto-show-popup-config" data-config="{&quot;isEnabled&quot;:true,&quot;showBasedOnCountPageClick&quot;:4,&quot;showBasedOnTime&quot;:0}"></div>
7896    
7897        
7898    
7899    <div class="content-asset"><!-- dwMarker="content" dwContentID="7ef54bc0c920d9bef201971d88" -->
7900        <div type="button" class="btn btn-primary flex-row align-items-center signup-trigger-wrapper js-signup-trigger-wrapper hide" style="text-align: left;
7901    font-size: 20px; line-height: 20px; font-weight: 500;position: fixed; top: 50%; transform-origin: 0 0; transform: rotate(-90deg) scale(1, 1) translateX(-50%); padding: 0; min-height: 0; border-radius: 0; z-index: 997">
7902	<button type="button" class="btn btn-primary js-signup-trigger-modal">UNLOCK $10 OFF*</button>
7903	<button type="button" class="close js-hide-trigger-modal pr-3" aria-label="Close"> <i class="svg-icon" aria-hidden="true"></i>
7904
7905	</button>
7906</div>
7907<div class="modal fade js-signup-modal signup-modal" id="signupModal" tabindex="-1" role="dialog" aria-labelledby="signupModalLabel" aria-hidden="true">
7908	<div class="modal-dialog modal-lg">
7909		<div class="js-signup-container modal-content" data-config='{
7910  "email":{
7911    "init":{
7912      "title":"ENJOY $10 OFF YOUR NEXT PURCHASE OF $50+*",
7913      "body":"Enter your email to get all the latest arrivals, news, and exclusive offers before anyone else."
7914    },
7915    "success":{
7916      "title":"SUCCESS! WANT AN ADDITIONAL $10 OFF?*",
7917      "body":"Sign up with your phone number now for an extra $10 off your next purchase of $50+, plus another way to stay in touch with Roots."
7918    },
7919    "form":{
7920      "inputLabel":"Sign up for email",
7921      "inputPlaceholder":"Email Address",
7922      "error":{
7923        "validation":"Please add a valid email address.",
7924        "customerExist":"Sorry! You have already subscribed."
7925      },
7926      "agreementLabel":"I agree to receive marketing communications from Roots. You can unsubscribe at any time. Please see our <a href=\"https://help.roots.com/en_us/privacy-policy-HJC8DQO35\">Privacy Policy</a> or <a href=\"https://help.roots.com/en_us/contact-us-rJb8ZFybi\">Contact Us</a> for more information.",
7927      "buttonLabel":"CONTINUE"
7928    }
7929  },
7930  "texts":{
7931    "init":{
7932      "title":"ENJOY $10 OFF WHEN YOU SIGN UP FOR SMS*",
7933      "body":"Enter your phone number now to stay in touch with Roots, plus get a discount off your next $50+ purchase."
7934    },
7935    "success":{
7936      "title":"SUCCESS! WE WILL BE IN TOUCH SOON.",
7937      "body":"Thanks for subscribing! Check your messages for your discount from us, plus all new updates coming soon."
7938    },
7939    "successBoth":{
7940      "title":"SUCCESS! WE WILL BE IN TOUCH SOON.",
7941      "body":"Thanks for subscribing! Keep an eye out for your discounts from us, plus all new updates from Roots."
7942    },
7943    "form":{
7944      "inputLabel":"Sign up for texts",
7945      "inputPlaceholder":"Phone Number",
7946      "error":{
7947        "validation":"Please add a valid phone number.",
7948        "customerExist":"Sorry! You have already subscribed."
7949      },
7950      "agreementLabel":"I agree to receive marketing communications from Roots. You can unsubscribe at any time by texting STOP. Standard sms rates may apply. Please see our <a href=\"help.roots.com/en_us/privacy-policy-HJC8DQO35\">Privacy Policy</a> or <a href=\"help.roots.com/en_us/contact-us-rJb8ZFybi\">Contact Us</a> for more information.",
7951      "buttonLabel":"SIGN ME UP"
7952    }
7953  }
7954}'>
7955			<div class="modal-body">
7956				<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="svg-icon" aria-hidden="true"></i>
7957
7958				</button>
7959				<div class="d-flex flex-column flex-lg-row">
7960					<div class="signup-image-container">
7961						<div class="logo-content">
7962							<div class="row justify-content-center">
7963								<img id="signup-logo" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw0e60f03d/content/signup-modal/Roots-logo.svg" alt="Roots Logo" />
7964							</div>
7965							<div class="image-text">Join the Roots Family</div>
7966						</div>
7967						<img class="image-desktop" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dwd3ba7fcb/content/signup-modal/Rectangle%201391.png" alt="" />
7968						<img class="image-mobile" src="https://www.roots.com/on/demandware.static/-/Sites-RootsUS-Library/default/dw1caaec47/content/signup-modal/pop-up-mbl.jpg" alt="" />
7969					</div>
7970					<div class="flex-shrink-1 signup-content-container">
7971						<div class="js-signup-title signup-title"></div>
7972						<div class="js-signup-body signup-body"></div>
7973						<form class="js-signup-form">
7974							<div class="form-group signup-input-group">
7975								<label for="inputSignupLabel" class="js-signup-input-label signup-input-label"></label>
7976								<input type="text" class="js-signup-input form-control" id="inputSignupLabel">
7977								<input type="text" class="js-signup-facade form-control hide" id="inputSignupLabel-facade" maxlength="13">
7978								<div class="invalid-feedback"> <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
7979
7980									<span class="js-signup-input-msg"></span>
7981								</div>
7982							</div>
7983							<div class="form-group custom-control custom-checkbox mb-0 js-signup-checkbox-wrapper">
7984								<input type="checkbox" class="js-signup-agreement custom-control-input" id="add-to-signup-list" name="dwfrm_profile_customer_addtoemaillist" value="true">
7985								<label class="js-signup-agreement-label signup-agreement-label custom-control-label" for="add-to-signup-list"></label>
7986							</div>
7987							<div class="invalid-feedback"> <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
7988
7989								<span class="js-signup-agreement-msg">To proceed, please check the box to give your consent.</span>
7990							</div>
7991							<div class="p-0 interest-container">
7992								<div class="signup-interest-label">What styles are you interested in?</div>
7993								<div class="d-flex justify-content-between js-signup-interes-container signup-interest">
7994									<div class="form-group custom-control custom-checkbox">
7995										<input class="custom-control-input" type="checkbox" id="signup-women" value="women">
7996										<label class="custom-control-label" for="signup-women">
7997											<span class="label-text">Women</span>
7998										</label>
7999									</div>
8000									<div class="form-group custom-control custom-checkbox">
8001										<input class="custom-control-input" type="checkbox" id="signup-men" value="men">
8002										<label class="custom-control-label" for="signup-men">
8003											<span class="label-text">Men</span>
8004										</label>
8005									</div>
8006									<div class="form-group custom-control custom-checkbox">
8007										<input class="custom-control-input" type="checkbox" id="signup-kids" value="kids">
8008										<label class="custom-control-label" for="signup-kids">
8009											<span class="label-text">Kids</span>
8010										</label>
8011									</div>
8012									<div class="form-group custom-control custom-checkbox">
8013										<input class="custom-control-input" type="checkbox" id="signup-leather" value="leather">
8014										<label class="custom-control-label" for="signup-leather">
8015											<span class="label-text">Leather</span>
8016										</label>
8017									</div>
8018									<div class="form-group custom-control custom-checkbox">
8019										<input class="custom-control-input" type="checkbox" id="signup-allOptions" value="all">
8020										<label class="custom-control-label" for="signup-allOptions">
8021											<span class="label-text">All</span>
8022										</label>
8023									</div>
8024								</div>
8025							</div>
8026							<button type="button" disabled class="btn btn-block signup-submit-button js-signup-button"></button>
8027						</form>
8028						<div class="signup-skip-step-label"> <a class="js-signup-skip-step signup-skip-step-label">
8028NO THANKS, I’D LIKE TO SIGN UP FOR TEXTS</a>
8029
8030						</div>
8031					</div>
8032				</div>
8033			</div>
8034		</div>
8035	</div>
8036</div>
8037    </div> <!-- End content-asset -->
8038
8039
8040
8041    
8042
8043
8044<div class="error-messaging"></div>
8045<div class="modal-background"></div>
8046
8047
8048
8049<!--[if lt IE 10]>
8050<script>//common/scripts.isml</script>
8050
8051
8052
8053
8054
8055<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/main.js"></script>
8055
8056
8057    
8057<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/productTile.js"></script>
8057
8058
8059    
8059<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/slickCarousel.js"></script>
8059
8060
8061    
8061<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/BRCarousel.js"></script>
8061
8062
8063    
8063<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/imageMastheadTitleLinkFlexible.js"></script>
8063
8064
8065    
8065<script defer type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/campaignBanner.js"></script>
8065
8066
8067
8068
8069
8070
8071
8072    
8072<script>
8073        (function(n,t,i,r,loqateAccountCode){
8074                var u,f;n[i]=n[i]||{},n[i].initial={accountCode:loqateAccountCode,host:loqateAccountCode+".pcapredict.com"},n[i].on=n[i].on||function(){(n[i].onq=n[i].onq||[]).push(arguments)},u=t.createElement("script"),u.async=!0,u.src=r,f=t.getElementsByTagName("script")[0],f.parentNode.insertBefore(u,f)
8075        })(window,document,"pca","//ROOTS11122.pcapredict.com/js/sensor.js", "ROOTS11122")
8076    </script>
8076
8077
8078
8079
8080
8081<![endif]-->
8082
8083<script src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/js/gtm.js"></script>
8083
8084<span class="api-true  tracking-consent"
8085    data-caOnline="false"
8086    data-url="/on/demandware.store/Sites-RootsUS-Site/en_US/ConsentTracking-GetContent?cid=tracking_hint"
8087    data-reject="/on/demandware.store/Sites-RootsUS-Site/en_US/ConsentTracking-SetSession?consent=false"
8088    data-accept="/on/demandware.store/Sites-RootsUS-Site/en_US/ConsentTracking-SetSession?consent=true"
8089    data-acceptText="Yes"
8090    data-rejectText="No"
8091    data-heading="Tracking Consent"
8092    ></span>
8093<!-- Demandware Analytics code 1.0 (body_end-analytics-tracking-asynch.js) -->
8094<script type="text/javascript">//<!--
8095/* <![CDATA[ */
8096function trackPage() {
8097    try{
8098        var trackingUrl = "https://www.roots.com/on/demandware.store/Sites-RootsUS-Site/en_US/__Analytics-Start";
8099        var dwAnalytics = dw.__dwAnalytics.getTracker(trackingUrl);
8100        if (typeof dw.ac == "undefined") {
8101            dwAnalytics.trackPageView();
8102        } else {
8103            dw.ac.setDWAnalytics(dwAnalytics);
8104        }
8105    }catch(err) {};
8106}
8107/* ]]> */
8108// -->
8109</script>
vendor: 1 bytes, line 8109
8109
8110<script type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/internal/jscript/dwanalytics-22.2.js" async="async" onload="trackPage()"></script>
8110
8111<!-- Demandware Active Data (body_end-active_data.js) -->
8112<script src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/internal/jscript/dwac-21.7.js" type="text/javascript" async="async"></script>
8112<!-- CQuotient Activity Tracking (body_end-cquotient.js) -->
8113<script src="https://cdn.cquotient.com/js/v2/gretel.min.js" type="text/javascript" async="async"></script>
8113
8114<!-- Demandware Apple Pay -->
8115<script type="text/javascript">//<!--
8116/* <![CDATA[ */
8117if (!window.dw) dw = {};
8118dw.applepay = {"action":{"cancel":"https:\/\/www.roots.com\/on\/demandware.store\/Sites-RootsUS-Site\/en_US\/__SYSTEM__ApplePay-Cancel","getRequest":"https:\/\/www.roots.com\/on\/demandware.store\/Sites-RootsUS-Site\/en_US\/__SYSTEM__ApplePay-GetRequest","onshippingcontactselected":"https:\/\/www.roots.com\/on\/demandware.store\/Sites-RootsUS-Site\/en_US\/__SYSTEM__ApplePay-ShippingContactSelected","onpaymentmethodselected":"https:\/\/www.roots.com\/on\/demandware.store\/Sites-RootsUS-Site\/en_US\/__SYSTEM__ApplePay-PaymentMethodSelected","onvalidatemerchant":"https:\/\/www.roots.com\/on\/demandware.store\/Sites-RootsUS-Site\/en_US\/__SYSTEM__ApplePay-ValidateMerchant","onpaymentauthorized":"https:\/\/www.roots.com\/on\/demandware.store\/Sites-RootsUS-Site\/en_US\/__SYSTEM__ApplePay-PaymentAuthorized","prepareBasket":"https:\/\/www.roots.com\/on\/demandware.store\/Sites-RootsUS-Site\/en_US\/__SYSTEM__ApplePay-PrepareBasket","onshippingmethodselected":"https:\/\/www.roots.com\/on\/demandware.store\/Sites-RootsUS-Site\/en_US\/__SYSTEM__ApplePay-ShippingMethodSelected"},"inject":{"directives":[{"css":"dw-apple-pay-button","query":"ISAPPLEPAY","action":"replace","copy":true},{"css":"dw-apple-pay-button dw-apple-pay-mini-cart dw-apple-pay-logo-white dw-apple-pay-border","query":".mini-cart-totals","action":"append"},{"css":"dw-apple-pay-button dw-apple-pay-cart dw-apple-pay-logo-white dw-apple-pay-border","query":"button[name=dwfrm_cart_checkoutCart]","action":"after","style":{"ref":"this","attr":["width","margin"]}}]}};
8119/* ]]> */
8120// -->
8121</script>
vendor: 1 bytes, line 8121
8121
8122<script type="text/javascript" src="/on/demandware.static/Sites-RootsUS-Site/-/en_US/v1790260646337/internal/jscript/applepay.js" async="true"></script>
vendor: 1 bytes, line 8122
8122
8123<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"0d28131bbfd0400c8a5d258a16b7b88b","spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 8123
8123
8124<script type="text/javascript"  src="/7L_V/fzb-/H7/qaoJ/SROA/E1Y3SG0QzJGhSD/BzYlJg/BHAw/Sw1UIV8"></script>
8124<link rel="stylesheet" type="text/css"  href="/7L_V/fzb-/H7/qaoJ/SROA/kw/YxoaJg/BUxS/BiQ5NyBY">
8124<script  src="/7L_V/fzb-/H7/qaoJ/SROA/E1/YxoaJg/QSh5/aVE0ZRYp" async defer></script>
8124<div id="sec-overlay" style="display:none;"><div id="sec-container"></div></div>
8124<script type="text/javascript"  src="/7L_V/fzb-/H7/qaoJ/SROA/kwY3SGbE/XlUoJg/GGUA/XE5AeQM6?v=f6a4cebe-fbf8-d20d-bbe9-b920350317d7" defer></script>
8124</body>
8125</html>
8126
8127

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.