1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 5 6 7 8 9 10 11
12<script> 13 (function () { 14 15 var _digitalData = {"pageInstanceID":"SOREL UK | Shop Now | Sorel - Production","page":{"pageInfo":{"pageName":"SOREL UK | Shop Now | Sorel","pageType":"Homepage","pageErrorURL":"","siteError":"","productsOnPage":[],"locale":"en_GB","siteID":"Sorel_UK","department":"Homepage","subCategory1":null,"subCategory2":null,"pageHier":"Home","domain":"sorelfootwear.co.uk","subDomain":"www","language":"en","country":"GB","environment":"Production","isComposable":false},"attributes":{"SiteID":"Sorel_UK","currency":"GBP"},"form":{"registrationType":"registrationStart"}},"user":{"customerType":"Guest","isAuthenticated":false,"isEmployee":false,"customerGroups":"Everyone|Everyone except CUSTCARE_AGENT|Everyone except FF and Employees|New Visitors|Unregistered","sfccCampaignId":null,"campaign":null,"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; PageSourceSearchBot/1.0; +https://pagesourcesearch.com/bot) Chrome/128.0.0.0 Safari/537.36","IP":"181.215.65.43","SoftwareVersion":"6.2.0","customerCareAgent":false,"newCustomer":1,"sfccId":"abpXsJsFeyYVkhVIWOgwqIK6P9","sfccSessionID":"_t_vNEfFqqddEsAry3Nnwc3BpEOD8Qqqgj0=","abTestParticipation":null,"deviceFormFactor":"Desk","visitorCountryCode":"US","loggedIn":false}} || {}; 16 17 Object.defineProperty(window, 'digitalData', { 18 get: function() { 19 return _digitalData; 20 }, 21 set: function(value) { 22 if (value === _digitalData) { 23 return; 24 } 25 26 var error = new Error('window.digitalData should not be set directly, it should only be amended by setting child properties'); 27 console.error(error); 28 _digitalData = value; 29 } 30 }); 31 32 33 var _clientData = { 34 site: { 35 id: 'Sorel_UK', 36 locale: 'en_GB' 37 }, 38 page: { 39 authRequiredToAccessPage: false, 40 } 41 }; 42 43 Object.defineProperty(window, 'clientData', { 44 get: function() { 45 return _clientData; 46 }, 47 set: function(value) { 48 if (value === _clientData) { 49 return; 50 } 51 52 var error = new Error('window.clientData should not be set directly, it should only be amended by setting child properties'); 53 console.error(error); 54 _clientData = value; 55 } 56 }); 57 }()); 58</script>
58 59 60 61 62
62<script class="js-data-layer-script" data-user-specific-data-url="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Dtm-UserSpecificDataLayer"> 63 if (!window.resources) { 64 window.resources = {}; 65 } 66 67 68 window.resources.dataLayer = { 69 singleReferralDomains: ["facebook.com","instagram.com","snapchat.com","pinterest.com","google.com","bing.com","yahoo.com","searchiqnet.com","trafficsafe.net","safevisitors.net"] 70 }; 71 </script>
71 72 73 74 75 76 77 78 79 80<meta charset="UTF-8" /> 81<meta http-equiv="x-ua-compatible" content="ie=edge" /> 82<meta name="viewport" content="width=device-width, initial-scale=1" /> 83 84 85 86 87 <!-- CSP Meta Tag last modified Mar 09, 2026 07:11:00 PST. Place this snippet in the HEAD tag of your website before any LINK or SCRIPT tags --> 88 89<meta http-equiv="Content-Security-Policy" content="default-src https: 'self' 'unsafe-inline' 'unsafe-eval' members.cj.com int-ds-shared-1.monetate.org *.247-inc.net 247-inc.net ca.assist.247-inc.net columbia.ca.assist.247-inc.net tie.247-inc.net *.id5-sync.com *.cloudflareinsights.com *.quantummetric.com *.amplience.net 'unsafe-inline' 'unsafe-eval'; worker-src blob:; child-src blob *.acuityplatform.com ipredictive.com adform.net 112.2o7.net everesttech.net demdex.net adobedtm.com assets.adobetm.com *.scene7.com scene7.com tt.omtrdc.net *.typekit.net typekit.net advertising.com *.riskified.com *.adyen.com adyen.com amazon-adsystem.com s3.amazonaws.com *.amazonaws.com amazonaws.com adnxs.com atdmt.com azureedge.net *.feedmagnet.com api.bazaarvoice.com apps.bazaarvoice.com feedmagnet.com network.bazaarvoice.com nexus.bazaarvoice.com reviews.bazaarvoice.com display.ugc.bazaarvoice.com ugc.bazaarvoice.com curations.bazaarvoice.com bazaarvoice.com bidswitch.net bat.bing.com bing.com btttag.com columbiasportswear13531z.btttag.com d.btttag.com *.bluecore.app *.bluecore.com api.bluecore.com bluecore.app bluecore.com bluekai.com *.braintreegateway.com bugsnag.com cloudflare.com cloudfront.net d1af033869koo7.cloudfront.net *.columbiasportswear.co.uk columbia.com smetrics.columbia.com demandware.net *.emjcd.com emjcd.com couponcabin.com cquotient.com e.cquotient.com p.cquotient.com criteo.com criteo.net da.us.criteo.net us.criteo.com va.us.criteo.net *.curalate.com curalate.com edge.curalate.com dotomi.com g.doubleclick.net googleads.g.doubleclick.net doubleclick.net fls.doubleclick.net dstillery.com media6degrees.com connect.facebook.net facebook.com facebook.net *.sspinc.io columbia.sspinc.io fit-predictor.net sspinc.io fontawesome.com api2.fonts.com *.foursixty.com foursixty.com edge.fullstory.com fullstory.com rs.fullstory.com adservice.google.com google.ae google.at google.be google.bs google.ca google.ch google.cl google.co.cr google.co.id google.co.il google.co.in google.co.kr google.co.nz google.co.th google.co.uk google.co.ve google.co.vi google.co.za google.com google.com.ar google.com.au google.com.bo google.com.br google.com.bz google.com.co google.com.do google.com.ec google.com.eg google.com.hk google.com.mx google.com.my google.com.ng google.com.pa google.com.pe google.com.ph google.com.pk google.com.pr google.com.py google.com.sg google.com.sv google.com.tr google.com.tw google.com.ua google.com.uy google.com.vn google.cz google.de google.dk google.es google.fi google.fr google.hn google.ie google.is google.it google.jo google.lk google.lt google.md google.nl google.rs google.se google.sk google.tt googlesyndication.com gstatic.com googleadservices.com googleapis.com maps.googleapis.com googletagmanager.com google-analytics.com honey.io joinhoney.com *.hotjar.com hotjar.com hotjar.io static.hotjar.com casalemedia.com instagram.com jquery.com *.klarnacdn.net js.klarna.com *.klarnaservices.com evt-na.klarnaservices.com na-library.klarnaservices.com locally.com *.microsoft.com microsoft.com *.monetate.net d.monetate.net se.monetate.net mountainhardwear.ca mountainhardwear.com cdn.cookielaw.org cookielaw.org agkn.com bam.nr-data.net js-agent.newrelic.com newrelic.com nr-data.net onetrust.com outbrain.com *.braintree-api.com *.paypal.com *.paypalobjects.com braintree-api.com paypal.com paypalobjects.com sandbox.paypal.com pinimg.com pinterest.com prana.com view.publitas.com pubmatic.
89com rlcdn.com rubiconproject.com *.krxd.net krxd.net *.scarabresearch.com cdn.scarabresearch.com sharethrough.com smartadserver.com *.sc-static.net *.snapchat.com sc-static.net tr.snapchat.com sorel.com taboola.com tapad.com teads.tv *.tiktok.com analytics.tiktok.com adsrvr.org 3lift.com *.truefitcorp.com staging.truefitcorp.com truefitcorp.com *.turn.com turn.com *.adstk.io *.onetrust.io *.px-client.net ad.smaato.net adstk.io client.perimeterx.net *.px-cloud.net fast.fonts.net onetrust.io px-client.net vimeo.com vimeocdn.com yahoo.com analytics.yahoo.com youtube.com ytimg.com *.zdassets.com *.zendesk.com zdassets.com zendesk.com *.zopim.com zopim.com *.perimeterx.net perimeterx.net data: blob:; img-src 'self' https: *.qualtrics.com members.cj.com int-ds-shared-1.monetate.org *.247-inc.net 247-inc.net ca.assist.247-inc.net columbia.ca.assist.247-inc.net tie.247-inc.net *.acuityplatform.com acuityplatform.com *.ipredictive.com ipredictive.com *.adform.net adform.net 112.2o7.net *.everesttech.net everesttech.net *.demdex.net demdex.net *.adobedtm.com adobedtm.com assets.adobetm.com *.112.2o7.net *.scene7.com columbia.scene7.com scene7.com tt.omtrdc.net *.typekit.net typekit.net *.advertising.com advertising.com *.riskified.com *.adyen.com adyen.com ads.yieldmo.com *.amazon-adsystem.com amazon-adsystem.com s3.amazonaws.com *.amazonaws.com amazonaws.com *.adnxs.com adnxs.com *.atdmt.com atdmt.com *.azureedge.net azureedge.net *.feedmagnet.com api.bazaarvoice.com apps.bazaarvoice.com feedmagnet.com network.bazaarvoice.com nexus.bazaarvoice.com reviews.bazaarvoice.com display.ugc.bazaarvoice.com ugc.bazaarvoice.com curations.bazaarvoice.com *.bazaarvoice.com bazaarvoice.com *.bidswitch.net bidswitch.net *.bing.com bat.bing.com bing.com *.liadm.com *.btttag.com btttag.com columbiasportswear13531z.btttag.com d.btttag.com *.bluecore.app *.bluecore.com api.bluecore.com bluecore.app bluecore.com *.bluekai.com bluekai.com *.braintreegateway.com braintreegateway.com *.bugsnag.com bugsnag.com creativecdn.com ciuvo.com *.cloudflare.com cloudflare.com *.cloudfront.net cloudfront.net d1af033869koo7.cloudfront.net *.columbia.com *.columbiasportswear.at *.columbiasportswear.be *.columbiasportswear.ca *.columbiasportswear.co.uk *.columbiasportswear.de *.columbiasportswear.es *.columbiasportswear.fi *.columbiasportswear.fr *.columbiasportswear.ie *.columbiasportswear.it *.columbiasportswear.nl columbia.com columbiasportswear.at columbiasportswear.be columbiasportswear.ca columbiasportswear.co.uk columbiasportswear.de columbiasportswear.es columbiasportswear.fi columbiasportswear.fr columbiasportswear.ie columbiasportswear.it columbiasportswear.nl *.liadm.com smetrics.columbia.com *.demandware.net demandware.net *.emjcd.com emjcd.com coupert.com *.couponcabin.com couponcabin.com *.cquotient.com cquotient.com e.cquotient.com p.cquotient.com *.criteo.com *.criteo.net criteo.com criteo.net da.us.criteo.net us.criteo.com va.us.criteo.net *.curalate.com curalate.com edge.curalate.com *.dotomi.com dotomi.com g.doubleclick.net googleads.g.doubleclick.net *.doubleclick.net doubleclick.net fls.doubleclick.net *.dstillery.com *.media6degrees.com dstillery.com media6degrees.com *.facebook.com *.facebook.net connect.facebook.net facebook.com facebook.net *.sspinc.io columbia.sspinc.io fit-predictor.net sspinc.io *.fontawesome.com fontawesome.com api2.fonts.com fonts.com fonts.net *.foursixty.com foursixty.com *.fullstory.com edge.fullstory.com fullstory.com rs.fullstory.com *.google.at *.google.be *.google.ca *.google.com *.google.de *.google.es *.google.fi *.google.fr *.google.ie *.google.it *.google.nl *.googlesyndication.com *.gstatic.com adservice.google.com google.ae google.at google.be google.bs google.ca google.ch google.cl google.co.cr google.co.id google.co.il google.co.in google.co.kr google.co.nz google.co.th google.co.uk google.co.ve google.co.vi google.co.za google.com google.com.ar google.com.au google.com.bo google.com.br google.com.bz google.com.co google.com.do google.com.ec google.com.eg google.com.hk google.com.mx google.com.my google.com.ng google.com.pa google.com.pe google.com.ph google.com.pk google.com.pr google.com.py google.com.sg google.com.sv google.com.tr google.com.tw google.com.ua google.com.uy google.com.vn google.cz google.de google.dk google.es google.fi google.fr google.hn google.ie google.is google.it google.jo google.lk google.lt google.md google.nl google.rs google.se google.sk google.tt googlesyndication.com gstatic.
89com *.googleadservices.com googleadservices.com *.googleapis.com googleapis.com maps.googleapis.com *.googletagmanager.com googletagmanager.com *.google-analytics.com google-analytics.com *.honey.io *.joinhoney.com honey.io joinhoney.com px-cloud.net *.hotjar.com *.hotjar.io hotjar.com hotjar.io static.hotjar.com ibotta.com instok.org *.casalemedia.com casalemedia.com *.instagram.com instagram.com *.jquery.com jquery.com *.klarnacdn.net js.klarna.com *.klarnaservices.com evt-na.klarnaservices.com klarnacdn.net klarnaservices.com na-library.klarnaservices.com playground.klarnaservices.com *.linksynergy.com linksynergy.com *.locally.com locally.com loom.com mathtag.com partner.mediawallahscript.com *.microsoft.com microsoft.com *.monetate.net d.monetate.net monetate.net se.monetate.net *.mountainhardwear.ca *.mountainhardwear.com mountainhardwear.ca mountainhardwear.com *.cookielaw.org cdn.cookielaw.org cookielaw.org *.agkn.com agkn.com *.newrelic.com *.nr-data.net bam.nr-data.net js-agent.newrelic.com newrelic.com nr-data.net *.onetrust.com onetrust.com *.outbrain.com outbrain.com *.braintree-api.com *.paypal.com *.paypalobjects.com braintree-api.com paypal.com paypalobjects.com sandbox.paypal.com *.pinimg.com *.pinterest.com pinimg.com pinterest.com *.prana.com prana.com view.publitas.com *.pubmatic.com pubmatic.
89com contextweb.com *.jrs5.com *.nxtck.com *.rakuten.com jrs5.com nxtck.com rakuten.com rmp.rakuten.com *.rlcdn.com rlcdn.com *.rubiconproject.com rubiconproject.com *.krxd.net krxd.net *.scarabresearch.com cdn.scarabresearch.com scarabresearch.com securedvisit.com *.sharethrough.com sharethrough.com sitescout.com *.smartadserver.com smartadserver.com *.sc-static.net *.snapchat.com sc-static.net snapchat.com tr.snapchat.com *.sorel.at *.sorel.com *.sorel.fi *.sorel.ie *.sorel.it *.sorelfootwear.ca *.sorelfootwear.de *.sorelfootwear.es *.sorelfootwear.fr *.sorelfootwear.nl sorel.at sorel.com sorel.fi sorel.ie sorel.it sorelfootwear.ca sorelfootwear.co.uk sorelfootwear.de sorelfootwear.es sorelfootwear.fr sorelfootwear.nl srv.stackadapt.com *.taboola.com taboola.com *.tapad.com tapad.com *.teads.tv teads.tv *.tiktok.com analytics.tiktok.com tiktok.com *.adsrvr.org adsrvr.org tradedoubler.com tremorhub.com *.3lift.com 3lift.com *.truefitcorp.com staging.truefitcorp.com truefitcorp.com affirm.com *.turn.com turn.com *.adstk.io *.lgw.io *.onetrust.io *.px-cdn.net *.px-client.net *.pxchk.net ad.smaato.net adstk.io client.perimeterx.net *.px-cloud.net fast.fonts.net lgw.io onetrust.io px-cdn.net px-client.net pxchk.net *.vimeo.com *.vimeocdn.com vimeo.com vimeocdn.com *.yahoo.com yahoo.com analytics.yahoo.com *.youtube.com *.ytimg.com youtube.com ytimg.com *.zdassets.com *.zendesk.com zdassets.com zendesk.com *.zoovu.com *.zopim.com zopim.com *.perimeterx.net perimeterx.net data: blob:; font-src 'self' https: members.cj.com int-ds-shared-1.monetate.org *.247-inc.net 247-inc.net ca.assist.247-inc.net columbia.ca.assist.247-inc.net tie.247-inc.net *.acuityplatform.com acuityplatform.com *.ipredictive.com ipredictive.com *.adform.net adform.net 112.2o7.net *.everesttech.net everesttech.net *.demdex.net demdex.net *.adobedtm.com adobedtm.com assets.adobetm.com *.scene7.com scene7.com tt.omtrdc.net *.typekit.net typekit.net *.advertising.com advertising.com *.riskified.com *.adyen.com adyen.com ads.yieldmo.com *.amazon-adsystem.com amazon-adsystem.com s3.amazonaws.com *.amazonaws.com amazonaws.com *.adnxs.com adnxs.com *.atdmt.com atdmt.com *.azureedge.net azureedge.net *.feedmagnet.com api.bazaarvoice.com apps.bazaarvoice.com feedmagnet.com network.bazaarvoice.com nexus.bazaarvoice.com reviews.bazaarvoice.com display.ugc.bazaarvoice.com ugc.bazaarvoice.com curations.bazaarvoice.com *.bazaarvoice.com bazaarvoice.com *.bidswitch.net bidswitch.net *.bing.com bat.bing.com bing.com *.btttag.com btttag.com columbiasportswear13531z.btttag.com d.btttag.com *.bluecore.app *.bluecore.com api.bluecore.com bluecore.app bluecore.com *.bluekai.com bluekai.com *.braintreegateway.com braintreegateway.com *.bugsnag.com bugsnag.com creativecdn.com ciuvo.com *.cloudflare.com cloudflare.com *.cloudfront.net cloudfront.net d1af033869koo7.cloudfront.net *.columbia.com *.columbiasportswear.at *.columbiasportswear.be *.columbiasportswear.ca *.columbiasportswear.co.uk *.columbiasportswear.de *.columbiasportswear.es *.columbiasportswear.fi *.columbiasportswear.fr *.columbiasportswear.ie *.columbiasportswear.it *.columbiasportswear.nl columbia.com columbiasportswear.at columbiasportswear.be columbiasportswear.ca columbiasportswear.co.uk columbiasportswear.de columbiasportswear.es columbiasportswear.fi columbiasportswear.fr columbiasportswear.ie columbiasportswear.it columbiasportswear.nl smetrics.columbia.com *.demandware.net demandware.net *.emjcd.com emjcd.com coupert.com *.couponcabin.com couponcabin.com *.cquotient.com cquotient.com e.cquotient.com p.cquotient.com *.criteo.com *.criteo.net criteo.com criteo.net da.us.criteo.net us.criteo.com va.us.criteo.net *.curalate.com curalate.com edge.curalate.com *.dotomi.com dotomi.com g.doubleclick.net googleads.g.doubleclick.net *.doubleclick.net doubleclick.net fls.doubleclick.net *.dstillery.com *.media6degrees.com dstillery.com media6degrees.com *.facebook.com *.facebook.net connect.facebook.net facebook.com facebook.net *.sspinc.io columbia.sspinc.io fit-predictor.net sspinc.io *.fontawesome.com fontawesome.com api2.fonts.com fonts.com fonts.net *.foursixty.com foursixty.com *.fullstory.com edge.fullstory.com fullstory.com rs.fullstory.com *.google.at *.google.be *.google.ca *.google.com *.google.de *.google.es *.google.fi *.google.fr *.google.ie *.google.it *.google.nl *.googlesyndication.com *.gstatic.
89com adservice.google.com google.ae google.at google.be google.bs google.ca google.ch google.cl google.co.cr google.co.id google.co.il google.co.in google.co.kr google.co.nz google.co.th google.co.uk google.co.ve google.co.vi google.co.za google.com google.com.ar google.com.au google.com.bo google.com.br google.com.bz google.com.co google.com.do google.com.ec google.com.eg google.com.hk google.com.mx google.com.my google.com.ng google.com.pa google.com.pe google.com.ph google.com.pk google.com.pr google.com.py google.com.sg google.com.sv google.com.tr google.com.tw google.com.ua google.com.uy google.com.vn google.cz google.de google.dk google.es google.fi google.fr google.hn google.ie google.is google.it google.jo google.lk google.lt google.md google.nl google.rs google.se google.sk google.tt googlesyndication.com gstatic.com *.googleadservices.com googleadservices.com *.googleapis.com googleapis.com maps.googleapis.com *.googletagmanager.com googletagmanager.com *.google-analytics.com google-analytics.com *.honey.io *.joinhoney.com honey.io joinhoney.com px-cloud.net *.hotjar.com *.hotjar.io hotjar.com hotjar.io static.hotjar.com ibotta.com instok.org *.casalemedia.com casalemedia.com *.instagram.com instagram.com *.jquery.com jquery.com *.klarnacdn.net js.klarna.com *.klarnaservices.com evt-na.klarnaservices.com klarnacdn.net klarnaservices.com na-library.klarnaservices.com playground.klarnaservices.com *.linksynergy.com linksynergy.com *.locally.com locally.com loom.com mathtag.com *.microsoft.com microsoft.com *.monetate.net d.monetate.net monetate.net se.monetate.net *.mountainhardwear.ca *.mountainhardwear.com mountainhardwear.ca mountainhardwear.com *.cookielaw.org cdn.cookielaw.org cookielaw.org *.agkn.com agkn.com *.newrelic.com *.nr-data.net bam.nr-data.net js-agent.newrelic.com newrelic.com nr-data.net *.onetrust.com onetrust.com *.outbrain.com outbrain.com *.braintree-api.com *.paypal.com *.paypalobjects.com braintree-api.com paypal.com paypalobjects.com sandbox.paypal.com *.pinimg.com *.pinterest.com pinimg.com pinterest.com *.prana.com prana.com view.publitas.com *.pubmatic.com pubmatic.
89com contextweb.com *.jrs5.com *.nxtck.com *.rakuten.com jrs5.com nxtck.com rakuten.com rmp.rakuten.com *.rlcdn.com rlcdn.com *.rubiconproject.com rubiconproject.com *.krxd.net krxd.net *.scarabresearch.com cdn.scarabresearch.com scarabresearch.com securedvisit.com *.sharethrough.com sharethrough.com sitescout.com *.smartadserver.com smartadserver.com *.sc-static.net *.snapchat.com sc-static.net snapchat.com tr.snapchat.com *.sorel.at *.sorel.com *.sorel.fi *.sorel.ie *.sorel.it *.sorelfootwear.ca *.sorelfootwear.de *.sorelfootwear.es *.sorelfootwear.fr *.sorelfootwear.nl sorel.at sorel.com sorel.fi sorel.ie sorel.it sorelfootwear.ca sorelfootwear.co.uk sorelfootwear.de sorelfootwear.es sorelfootwear.fr sorelfootwear.nl srv.stackadapt.com *.taboola.com taboola.com *.tapad.com tapad.com *.teads.tv teads.tv *.tiktok.com analytics.tiktok.com tiktok.com ad.tpmn.co.kr *.adsrvr.org adsrvr.org tradedoubler.com tremorhub.com *.3lift.com 3lift.com *.truefitcorp.com staging.truefitcorp.com truefitcorp.com affirm.com *.turn.com turn.com *.adstk.io *.lgw.io *.onetrust.io *.px-cdn.net *.px-client.net *.pxchk.net ad.smaato.net adstk.io client.perimeterx.net *.px-cloud.net fast.fonts.net lgw.io onetrust.io px-cdn.net px-client.net pxchk.net *.vimeo.com *.vimeocdn.com vimeo.com vimeocdn.com *.yahoo.com yahoo.com analytics.yahoo.com *.youtube.com *.ytimg.com youtube.com ytimg.com *.zdassets.com *.zendesk.com zdassets.com zendesk.com barracuda-assets.zoovu.com *.zopim.com zopim.com barracuda-cdn.zoovu.com *.perimeterx.net perimeterx.net data: blob:; frame-src https: 'self' 'unsafe-inline' 'unsafe-eval' *.id5-sync.com *.cloudflareinsights.com *.quantummetric.com *.amplience.net *.qualtrics.com members.cj.com int-ds-shared-1.monetate.org *.247-inc.net 247-inc.net ca.assist.247-inc.net columbia.ca.assist.247-inc.net tie.247-inc.net *.acuityplatform.com ipredictive.com adform.net 112.2o7.net everesttech.net demdex.net adobedtm.com assets.adobetm.com *.scene7.com scene7.com tt.omtrdc.net *.typekit.net typekit.net advertising.com *.riskified.com *.adyen.com adyen.com amazon-adsystem.com s3.amazonaws.com *.amazonaws.com amazonaws.com adnxs.com atdmt.com azureedge.net *.feedmagnet.com api.bazaarvoice.com apps.bazaarvoice.com feedmagnet.com network.bazaarvoice.com nexus.bazaarvoice.com reviews.bazaarvoice.com display.ugc.bazaarvoice.com ugc.bazaarvoice.com curations.bazaarvoice.com bazaarvoice.com bidswitch.net bat.bing.com bing.com btttag.com columbiasportswear13531z.btttag.com d.btttag.com *.bluecore.app *.bluecore.com api.bluecore.com bluecore.app bluecore.com bluekai.com *.braintreegateway.com bugsnag.com cloudflare.com cloudfront.net d1af033869koo7.cloudfront.net *.columbiasportswear.co.uk columbia.com smetrics.columbia.com demandware.net *.emjcd.com emjcd.com couponcabin.com cquotient.com e.cquotient.com p.cquotient.com criteo.com criteo.net da.us.criteo.net us.criteo.com va.us.criteo.net *.curalate.com curalate.com edge.curalate.com dotomi.com g.doubleclick.net googleads.g.doubleclick.net doubleclick.net fls.doubleclick.net dstillery.com media6degrees.com connect.facebook.net facebook.com facebook.net *.sspinc.io columbia.sspinc.io fit-predictor.net sspinc.io fontawesome.com api2.fonts.com *.foursixty.com foursixty.com edge.fullstory.com fullstory.com rs.fullstory.com adservice.google.com google.ae google.at google.be google.bs google.ca google.ch google.cl google.co.cr google.co.id google.co.il google.co.in google.co.kr google.co.nz google.co.th google.co.uk google.co.ve google.co.vi google.co.za google.com google.com.ar google.com.au google.com.bo google.com.br google.com.bz google.com.co google.com.do google.com.ec google.com.eg google.com.hk google.com.mx google.com.my google.com.ng google.com.pa google.com.pe google.com.ph google.com.pk google.com.pr google.com.py google.com.sg google.com.sv google.com.tr google.com.tw google.com.ua google.com.uy google.com.vn google.cz google.de google.dk google.es google.fi google.fr google.hn google.ie google.is google.it google.jo google.lk google.lt google.md google.nl google.rs google.se google.sk google.tt googlesyndication.com gstatic.
89com googleadservices.com googleapis.com maps.googleapis.com googletagmanager.com google-analytics.com honey.io joinhoney.com *.hotjar.com hotjar.com hotjar.io static.hotjar.com casalemedia.com instagram.com jquery.com *.klarnacdn.net js.klarna.com *.klarnaservices.com evt-na.klarnaservices.com na-library.klarnaservices.com locally.com *.mczbf.com mczbf.com *.microsoft.com microsoft.com *.monetate.net d.monetate.net se.monetate.net mountainhardwear.ca mountainhardwear.com cdn.cookielaw.org cookielaw.org agkn.com bam.nr-data.net js-agent.newrelic.com newrelic.com nr-data.net onetrust.com outbrain.com *.braintree-api.com *.paypal.com *.paypalobjects.com braintree-api.com paypal.com paypalobjects.com sandbox.paypal.com pinimg.com pinterest.com prana.com view.publitas.com pubmatic.com rlcdn.com rubiconproject.com *.krxd.net krxd.net *.scarabresearch.com cdn.scarabresearch.com sharethrough.com smartadserver.com *.sc-static.net *.snapchat.com sc-static.net tr.snapchat.com sorel.com taboola.com tapad.com teads.tv *.tiktok.com analytics.tiktok.com adsrvr.org 3lift.com *.truefitcorp.com staging.truefitcorp.com truefitcorp.com *.turn.com turn.com *.adstk.io *.onetrust.io *.px-client.net ad.smaato.net adstk.io client.perimeterx.net *.px-cloud.net fast.fonts.net onetrust.io px-client.net vimeo.com vimeocdn.com yahoo.com analytics.yahoo.com youtube.com ytimg.com *.zdassets.com *.zendesk.com zdassets.com zendesk.com *.zopim.com zopim.com *.perimeterx.net perimeterx.net data: blob:; script-src 'self' 'unsafe-inline' 'unsafe-eval' *.id5-sync.com *.cloudflareinsights.com *.my.site.com *.quantummetric.com *.amplience.net cdn.attn.tv creatives.attn.tv events.attentivemobile.com events.attentivemobile.com https://*.qualtrics.com http://121.244.33.98 http://182.73.124.150 trk.lgw.io *.lgw.io members.cj.com int-ds-shared-1.monetate.org *.247-inc.net 247-inc.net ca.assist.247-inc.net columbia.ca.assist.247-inc.net tie.247-inc.net *.acuityplatform.com acuityplatform.com *.ipredictive.com ipredictive.com *.adform.net adform.net 112.2o7.net *.everesttech.net everesttech.net *.demdex.net demdex.net *.adobedtm.com adobedtm.com assets.adobetm.com *.scene7.com scene7.com rezync.com live.rezync.com cloudwaysapps.com api.lightboxcdn.com lightboxcdn.com *.boomtrain.com tt.omtrdc.net *.typekit.net typekit.net *.advertising.com advertising.com *.riskified.com *.adyen.com adyen.com ads.yieldmo.com *.liadm.com *.amazon-adsystem.com amazon-adsystem.com s3.amazonaws.com *.amazonaws.com amazonaws.com *.adnxs.com adnxs.com *.atdmt.com atdmt.com *.azureedge.net azureedge.net *.feedmagnet.com api.bazaarvoice.com apps.bazaarvoice.com feedmagnet.com network.bazaarvoice.com nexus.bazaarvoice.com reviews.bazaarvoice.com display.ugc.bazaarvoice.com ugc.bazaarvoice.com curations.bazaarvoice.com *.bazaarvoice.com bazaarvoice.com *.bidswitch.net bidswitch.net *.bing.com bat.bing.com bing.com *.btttag.com btttag.com columbiasportswear13531z.btttag.com d.btttag.com *.bluecore.app *.bluecore.com api.bluecore.com bluecore.app bluecore.com *.bluekai.com bluekai.com bfx-objects.prd.borderfree.com depot.prd.borderfree.com global.prd.borderfree.com *.braintreegateway.com braintreegateway.com *.bugsnag.com bugsnag.com creativecdn.com ciuvo.com *.rewardstyle.com ln-rules.rewardstyle.com *.cloudflare.com cloudflare.com *.cloudfront.net cloudfront.net d1af033869koo7.cloudfront.net *.columbia.com *.columbiasportswear.at *.columbiasportswear.be *.columbiasportswear.ca *.columbiasportswear.co.uk *.columbiasportswear.de *.columbiasportswear.es *.columbiasportswear.fi *.columbiasportswear.fr *.columbiasportswear.ie *.columbiasportswear.it *.columbiasportswear.nl columbia.com columbiasportswear.at columbiasportswear.be columbiasportswear.ca columbiasportswear.co.uk columbiasportswear.de columbiasportswear.es columbiasportswear.fi columbiasportswear.fr columbiasportswear.ie columbiasportswear.it columbiasportswear.nl smetrics.columbia.com *.demandware.net demandware.net *.emjcd.com emjcd.com coupert.com *.couponcabin.com couponcabin.com *.cquotient.com cquotient.com e.cquotient.com p.cquotient.com *.criteo.com *.criteo.net ade.clmbtech.com criteo-partners.tremorhub.com criteo.com criteo.net da.us.criteo.net https://tracker.adreadyclick.com us.criteo.com va.us.criteo.net *.curalate.com curalate.com edge.curalate.com *.dotomi.com dotomi.com g.doubleclick.net googleads.g.doubleclick.net *.doubleclick.net doubleclick.net fls.doubleclick.net *.dstillery.com *.media6degrees.com dstillery.com media6degrees.com *.facebook.com *.facebook.net connect.facebook.net facebook.com facebook.net *.sspinc.io columbia.sspinc.io fit-predictor.net sspinc.io *.fontawesome.com fontawesome.com api2.fonts.com fonts.com fonts.net *.foursixty.com foursixty.com mpsnare.iesnare.com *.fullstory.com edge.fullstory.com fullstory.com rs.fullstory.com *.google.at *.google.be *.google.ca *.google.com *.google.de *.google.es *.google.fi *.google.fr *.google.ie *.google.it *.google.nl *.googlesyndication.com *.gstatic.
89com adservice.google.com google.ae google.at google.be google.bs google.ca google.ch google.cl google.co.cr google.co.id google.co.il google.co.in google.co.kr google.co.nz google.co.th google.co.uk google.co.ve google.co.vi google.co.za google.com google.com.ar google.com.au google.com.bo google.com.br google.com.bz google.com.co google.com.do google.com.ec google.com.eg google.com.hk google.com.mx google.com.my google.com.ng google.com.pa google.com.pe google.com.ph google.com.pk google.com.pr google.com.py google.com.sg google.com.sv google.com.tr google.com.tw google.com.ua google.com.uy google.com.vn google.cz google.de google.dk google.es google.fi google.fr google.hn google.ie google.is google.it google.jo google.lk google.lt google.md google.nl google.rs google.se google.sk google.tt googlesyndication.com gstatic.com *.googleadservices.com googleadservices.com *.googleapis.com googleapis.com maps.googleapis.com *.googletagmanager.com googletagmanager.com *.google-analytics.com google-analytics.com *.honey.io *.joinhoney.com honey.io joinhoney.com px-cloud.net *.hotjar.com *.hotjar.io hotjar.com hotjar.io static.hotjar.com ibotta.com utt.impactcdn.com instok.org ad.360yield.com *.casalemedia.com casalemedia.com *.instagram.com instagram.com matching.ivitrack.com *.jquery.com jquery.com *.klarnacdn.net js.klarna.com *.klarnaservices.com evt-na.klarnaservices.com klarnacdn.net klarnaservices.com na-library.klarnaservices.com playground.klarnaservices.com *.playground.klarna.com *.linksynergy.com linksynergy.com *.locally.com locally.com loom.com *.mczbf.com mczbf.com contextual.media.net mathtag.com exchange.mediavine.com *.microsoft.com microsoft.com *.monetate.net d.monetate.net monetate.net se.monetate.net *.mountainhardwear.ca *.mountainhardwear.com mountainhardwear.ca mountainhardwear.com *.cookielaw.org cdn.cookielaw.org cookielaw.org jadserve.postrelease.com *.agkn.com agkn.com *.newrelic.com *.nr-data.net bam.nr-data.net js-agent.newrelic.com newrelic.com nr-data.net visitor.omnitagjs.com *.onetrust.com onetrust.com *.outbrain.com outbrain.com *.braintree-api.com *.paypal.com *.paypalobjects.com braintree-api.com paypal.com paypalobjects.com sandbox.paypal.com *.pinimg.com *.pinterest.com pinimg.com pinterest.com *.prana.com prana.com view.publitas.com *.pubmatic.com pubmatic.
89com contextweb.com *.jrs5.com *.nxtck.com *.rakuten.com jrs5.com nxtck.com rakuten.com rmp.rakuten.com *.rlcdn.com rlcdn.com trends.revcontent.com *.rubiconproject.com rubiconproject.com *.krxd.net krxd.net *.scarabresearch.com cdn.scarabresearch.com scarabresearch.com securedvisit.com *.sharethrough.com sharethrough.com sitescout.com *.smartadserver.com smartadserver.com *.sc-static.net *.snapchat.com sc-static.net snapchat.com tr.snapchat.com *.sorel.at *.sorel.com *.sorel.fi *.sorel.ie *.sorel.it *.sorelfootwear.ca *.sorelfootwear.de *.sorelfootwear.es *.sorelfootwear.fr *.sorelfootwear.nl sorel.at sorel.com sorel.fi sorel.ie sorel.it sorelfootwear.ca sorelfootwear.co.uk sorelfootwear.de sorelfootwear.es sorelfootwear.fr sorelfootwear.nl srv.stackadapt.com *.taboola.com taboola.com *.tapad.com tapad.com *.teads.tv teads.tv *.tiktok.com analytics.tiktok.com tiktok.com ad.tpmn.co.kr *.adsrvr.org adsrvr.org swrap.tradedoubler.com tradedoubler.com tremorhub.com *.3lift.com 3lift.com *.truefitcorp.com staging.truefitcorp.com truefitcorp.com affirm.com *.turn.com turn.com *.adstk.io *.lgw.io *.onetrust.io *.px-cdn.net *.px-client.net *.pxchk.net ad.smaato.net adstk.io client.perimeterx.net *.px-cloud.net fast.fonts.net lgw.io onetrust.io party.spockee.io px-cdn.net px-client.net pxchk.net s.ad.smaato.net *.vimeo.com *.vimeocdn.com vimeo.com vimeocdn.com *.yahoo.com yahoo.com analytics.yahoo.com sync-criteo.ads.yieldmo.com *.youtube.com *.ytimg.com youtube.com ytimg.com *.zdassets.com *.zendesk.com zdassets.com zendesk.com *.zopim.com zopim.com api-barracuda.zoovu.com barracuda-cdn.zoovu.com *.perimeterx.net perimeterx.net data: blob:; script-src-elem 'self' 'unsafe-inline' 'unsafe-eval' *.my.site.com *.id5-sync.com *.cloudflareinsights.com *.quantummetric.com *.amplience.net cdn.attn.tv creatives.attn.tv events.attentivemobile.com events.attentivemobile.com https://*.qualtrics.com http://121.244.33.98 http://182.73.124.150 trk.lgw.io *.lgw.io members.cj.com int-ds-shared-1.monetate.org *.247-inc.net 247-inc.net ca.assist.247-inc.net columbia.ca.assist.247-inc.net tie.247-inc.net *.acuityplatform.com acuityplatform.com *.ipredictive.com ipredictive.com *.adform.net adform.net 112.2o7.net *.everesttech.net everesttech.net *.demdex.net demdex.net *.adobedtm.com adobedtm.com assets.adobetm.com *.scene7.com scene7.com rezync.com live.rezync.com cloudwaysapps.com api.lightboxcdn.com lightboxcdn.com https://utt.impactcdn.com *.boomtrain.com tt.omtrdc.net *.typekit.net typekit.net *.advertising.com advertising.com *.riskified.com *.adyen.com adyen.com ads.yieldmo.com *.amazon-adsystem.com amazon-adsystem.com s3.amazonaws.com *.amazonaws.com amazonaws.com *.adnxs.com adnxs.com *.atdmt.com atdmt.com *.azureedge.net azureedge.net *.feedmagnet.com api.bazaarvoice.com apps.bazaarvoice.com *.liadm.com feedmagnet.com network.bazaarvoice.com nexus.bazaarvoice.com reviews.bazaarvoice.com display.ugc.bazaarvoice.com ugc.bazaarvoice.com curations.bazaarvoice.com *.bazaarvoice.com bazaarvoice.com *.bidswitch.net bidswitch.net *.bing.com bat.bing.com bing.com *.btttag.com btttag.com columbiasportswear13531z.btttag.com d.btttag.com *.bluecore.app *.bluecore.com api.bluecore.com bluecore.app bluecore.com *.bluekai.com bluekai.com bfx-objects.prd.borderfree.com depot.prd.borderfree.com global.prd.borderfree.com *.braintreegateway.com braintreegateway.com *.bugsnag.com bugsnag.com creativecdn.com ciuvo.com *.rewardstyle.com ln-rules.rewardstyle.com *.cloudflare.com cloudflare.com *.cloudfront.net cloudfront.net d1af033869koo7.cloudfront.net *.columbia.com *.columbiasportswear.at *.columbiasportswear.be *.columbiasportswear.ca *.columbiasportswear.co.uk *.columbiasportswear.de *.columbiasportswear.es *.columbiasportswear.fi *.columbiasportswear.fr *.columbiasportswear.ie *.columbiasportswear.it *.columbiasportswear.nl columbia.com columbiasportswear.at columbiasportswear.be columbiasportswear.ca columbiasportswear.co.uk columbiasportswear.de columbiasportswear.es columbiasportswear.fi columbiasportswear.fr columbiasportswear.ie columbiasportswear.it columbiasportswear.nl smetrics.columbia.com *.demandware.net demandware.net *.emjcd.com emjcd.com coupert.com *.couponcabin.com couponcabin.com *.cquotient.com cquotient.com e.cquotient.com p.cquotient.com *.criteo.com *.criteo.net ade.clmbtech.com criteo-partners.tremorhub.com criteo.com criteo.net da.us.criteo.net https://tracker.adreadyclick.com us.criteo.com va.us.criteo.net *.curalate.com curalate.com edge.curalate.com *.dotomi.com dotomi.com g.doubleclick.net googleads.g.doubleclick.net *.doubleclick.net doubleclick.net fls.doubleclick.net *.dstillery.com *.media6degrees.com dstillery.com media6degrees.com *.facebook.com *.facebook.net connect.facebook.net facebook.com facebook.net *.sspinc.io columbia.sspinc.io fit-predictor.net sspinc.io *.fontawesome.com fontawesome.com api2.fonts.com fonts.com fonts.net *.foursixty.com foursixty.com mpsnare.iesnare.com *.fullstory.com edge.fullstory.com fullstory.com rs.fullstory.com *.google.at *.google.be *.google.ca *.google.com *.google.de *.google.es *.google.fi *.google.fr *.google.ie *.google.it *.google.nl *.googlesyndication.com *.gstatic.
89com adservice.google.com google.ae google.at google.be google.bs google.ca google.ch google.cl google.co.cr google.co.id google.co.il google.co.in google.co.kr google.co.nz google.co.th google.co.uk google.co.ve google.co.vi google.co.za google.com google.com.ar google.com.au google.com.bo google.com.br google.com.bz google.com.co google.com.do google.com.ec google.com.eg google.com.hk google.com.mx google.com.my google.com.ng google.com.pa google.com.pe google.com.ph google.com.pk google.com.pr google.com.py google.com.sg google.com.sv google.com.tr google.com.tw google.com.ua google.com.uy google.com.vn google.cz google.de google.dk google.es google.fi google.fr google.hn google.ie google.is google.it google.jo google.lk google.lt google.md google.nl google.rs google.se google.sk google.tt googlesyndication.com gstatic.com *.googleadservices.com googleadservices.com *.googleapis.com googleapis.com maps.googleapis.com *.googletagmanager.com googletagmanager.com *.google-analytics.com google-analytics.com *.honey.io *.joinhoney.com honey.io joinhoney.com px-cloud.net *.hotjar.com *.hotjar.io hotjar.com hotjar.io static.hotjar.com ibotta.com utt.impactcdn.com instok.org ad.360yield.com *.casalemedia.com casalemedia.com *.instagram.com instagram.com matching.ivitrack.com *.jquery.com jquery.com *.klarnacdn.net js.klarna.com *.klarnaservices.com evt-na.klarnaservices.com klarnacdn.net klarnaservices.com na-library.klarnaservices.com playground.klarnaservices.com *.playground.klarna.com *.linksynergy.com linksynergy.com *.locally.com locally.com loom.com *.mczbf.com mczbf.com contextual.media.net mathtag.com exchange.mediavine.com *.microsoft.com microsoft.com *.monetate.net d.monetate.net monetate.net se.monetate.net *.mountainhardwear.ca *.mountainhardwear.com mountainhardwear.ca mountainhardwear.com *.cookielaw.org cdn.cookielaw.org cookielaw.org jadserve.postrelease.com *.agkn.com agkn.com *.newrelic.com *.nr-data.net bam.nr-data.net js-agent.newrelic.com newrelic.com nr-data.net visitor.omnitagjs.com *.onetrust.com onetrust.com *.outbrain.com outbrain.com *.braintree-api.com *.paypal.com *.paypalobjects.com braintree-api.com paypal.com paypalobjects.com sandbox.paypal.com *.pinimg.com *.pinterest.com pinimg.com pinterest.com *.prana.com prana.com view.publitas.com *.pubmatic.com pubmatic.
89com contextweb.com *.jrs5.com *.nxtck.com *.rakuten.com jrs5.com nxtck.com rakuten.com rmp.rakuten.com *.rlcdn.com rlcdn.com trends.revcontent.com *.rubiconproject.com rubiconproject.com *.krxd.net krxd.net *.scarabresearch.com cdn.scarabresearch.com scarabresearch.com securedvisit.com *.sharethrough.com sharethrough.com sitescout.com *.smartadserver.com smartadserver.com *.sc-static.net *.snapchat.com sc-static.net snapchat.com tr.snapchat.com *.sorel.at *.sorel.com *.sorel.fi *.sorel.ie *.sorel.it *.sorelfootwear.ca *.sorelfootwear.de *.sorelfootwear.es *.sorelfootwear.fr *.sorelfootwear.nl sorel.at sorel.com sorel.fi sorel.ie sorel.it sorelfootwear.ca sorelfootwear.co.uk sorelfootwear.de sorelfootwear.es sorelfootwear.fr sorelfootwear.nl srv.stackadapt.com *.taboola.com taboola.com *.tapad.com tapad.com *.teads.tv teads.tv *.tiktok.com analytics.tiktok.com tiktok.com ad.tpmn.co.kr *.adsrvr.org adsrvr.org swrap.tradedoubler.com tradedoubler.com tremorhub.com *.3lift.com 3lift.com *.truefitcorp.com staging.truefitcorp.com truefitcorp.com affirm.com *.turn.com turn.com *.adstk.io *.lgw.io *.onetrust.io *.px-cdn.net *.px-client.net *.pxchk.net ad.smaato.net adstk.io client.perimeterx.net *.px-cloud.net fast.fonts.net lgw.io onetrust.io party.spockee.io px-cdn.net px-client.net pxchk.net s.ad.smaato.net *.vimeo.com *.vimeocdn.com vimeo.com vimeocdn.com *.yahoo.com yahoo.com analytics.yahoo.com sync-criteo.ads.yieldmo.com *.youtube.com *.ytimg.com youtube.com ytimg.com *.zdassets.com *.zendesk.com zdassets.com zendesk.com *.zopim.com zopim.com api-barracuda.zoovu.com barracuda-cdn.zoovu.com *.perimeterx.net perimeterx.net data: blob:; style-src 'self' 'unsafe-inline' *.my.site.com members.cj.com int-ds-shared-1.monetate.org *.247-inc.net 247-inc.net ca.assist.247-inc.net columbia.ca.assist.247-inc.net tie.247-inc.net *.acuityplatform.com acuityplatform.com *.ipredictive.com ipredictive.com *.adform.net adform.net 112.2o7.net *.everesttech.net everesttech.net *.demdex.net demdex.net *.adobedtm.com adobedtm.com assets.adobetm.com *.scene7.com scene7.com tt.omtrdc.net *.typekit.net typekit.net *.advertising.com advertising.com *.riskified.com *.adyen.com adyen.com ads.yieldmo.com *.amazon-adsystem.com amazon-adsystem.com s3.amazonaws.com *.amazonaws.com amazonaws.com *.adnxs.com adnxs.com *.atdmt.com atdmt.com *.azureedge.net azureedge.net *.feedmagnet.com api.bazaarvoice.com apps.bazaarvoice.com feedmagnet.com network.bazaarvoice.com nexus.bazaarvoice.com reviews.bazaarvoice.com display.ugc.bazaarvoice.com ugc.bazaarvoice.com curations.bazaarvoice.com *.bazaarvoice.com bazaarvoice.com *.bidswitch.net bidswitch.net *.bing.com bat.bing.com bing.com *.btttag.com btttag.com columbiasportswear13531z.btttag.com d.btttag.com *.bluecore.app *.bluecore.com api.bluecore.com bluecore.app bluecore.com *.bluekai.com bluekai.com bfx-objects.prd.borderfree.com *.braintreegateway.com braintreegateway.com *.bugsnag.com bugsnag.com creativecdn.com ciuvo.com *.cloudflare.com cloudflare.com *.cloudfront.net cloudfront.net d1af033869koo7.cloudfront.net *.columbia.com *.columbiasportswear.at *.columbiasportswear.be *.columbiasportswear.ca *.columbiasportswear.co.uk *.columbiasportswear.de *.columbiasportswear.es *.columbiasportswear.fi *.columbiasportswear.fr *.columbiasportswear.ie *.columbiasportswear.it *.columbiasportswear.nl columbia.com columbiasportswear.at columbiasportswear.be columbiasportswear.ca columbiasportswear.co.uk columbiasportswear.de columbiasportswear.es columbiasportswear.fi columbiasportswear.fr columbiasportswear.ie columbiasportswear.it columbiasportswear.nl smetrics.columbia.com *.demandware.net demandware.net *.emjcd.com emjcd.com coupert.com *.couponcabin.com couponcabin.com *.cquotient.com cquotient.com e.cquotient.com p.cquotient.com *.criteo.com *.criteo.net criteo.com criteo.net da.us.criteo.net us.criteo.com va.us.criteo.net *.curalate.com curalate.com edge.curalate.com *.dotomi.com dotomi.com g.doubleclick.net googleads.g.doubleclick.net *.doubleclick.net doubleclick.net fls.doubleclick.net *.dstillery.com *.media6degrees.com dstillery.com media6degrees.com *.facebook.com *.facebook.net connect.facebook.net facebook.com facebook.net *.sspinc.io columbia.sspinc.io fit-predictor.net sspinc.io *.fontawesome.com fontawesome.com api2.fonts.com fonts.com fonts.net *.foursixty.com foursixty.com *.fullstory.com edge.fullstory.com fullstory.com rs.fullstory.com *.google.at *.google.be *.google.ca *.google.com *.google.de *.google.es *.google.fi *.google.fr *.google.ie *.google.it *.google.nl *.googlesyndication.com *.gstatic.
89com adservice.google.com google.ae google.at google.be google.bs google.ca google.ch google.cl google.co.cr google.co.id google.co.il google.co.in google.co.kr google.co.nz google.co.th google.co.uk google.co.ve google.co.vi google.co.za google.com google.com.ar google.com.au google.com.bo google.com.br google.com.bz google.com.co google.com.do google.com.ec google.com.eg google.com.hk google.com.mx google.com.my google.com.ng google.com.pa google.com.pe google.com.ph google.com.pk google.com.pr google.com.py google.com.sg google.com.sv google.com.tr google.com.tw google.com.ua google.com.uy google.com.vn google.cz google.de google.dk google.es google.fi google.fr google.hn google.ie google.is google.it google.jo google.lk google.lt google.md google.nl google.rs google.se google.sk google.tt googlesyndication.com gstatic.com *.googleadservices.com googleadservices.com *.googleapis.com googleapis.com maps.googleapis.com *.googletagmanager.com googletagmanager.com *.google-analytics.com google-analytics.com *.honey.io *.joinhoney.com honey.io joinhoney.com px-cloud.net *.hotjar.com *.hotjar.io hotjar.com hotjar.io static.hotjar.com ibotta.com instok.org *.casalemedia.com casalemedia.com *.instagram.com instagram.com *.jquery.com jquery.com *.klarnacdn.net js.klarna.com *.klarnaservices.com evt-na.klarnaservices.com klarnacdn.net klarnaservices.com na-library.klarnaservices.com playground.klarnaservices.com *.linksynergy.com linksynergy.com *.locally.com locally.com loom.com mathtag.com *.microsoft.com microsoft.com *.monetate.net d.monetate.net monetate.net se.monetate.net *.mountainhardwear.ca *.mountainhardwear.com mountainhardwear.ca mountainhardwear.com *.cookielaw.org cdn.cookielaw.org cookielaw.org *.agkn.com agkn.com *.newrelic.com *.nr-data.net bam.nr-data.net js-agent.newrelic.com newrelic.com nr-data.net *.onetrust.com onetrust.com *.outbrain.com outbrain.com *.braintree-api.com *.paypal.com *.paypalobjects.com braintree-api.com paypal.com paypalobjects.com sandbox.paypal.com *.pinimg.com *.pinterest.com pinimg.com pinterest.com *.prana.com prana.com view.publitas.com *.pubmatic.com pubmatic.
89com contextweb.com *.jrs5.com *.nxtck.com *.rakuten.com jrs5.com nxtck.com rakuten.com rmp.rakuten.com *.rlcdn.com rlcdn.com *.rubiconproject.com rubiconproject.com *.krxd.net krxd.net *.scarabresearch.com cdn.scarabresearch.com scarabresearch.com securedvisit.com *.sharethrough.com sharethrough.com sitescout.com *.smartadserver.com smartadserver.com *.sc-static.net *.snapchat.com sc-static.net snapchat.com tr.snapchat.com *.sorel.at *.sorel.com *.sorel.fi *.sorel.ie *.sorel.it *.sorelfootwear.ca *.sorelfootwear.de *.sorelfootwear.es *.sorelfootwear.fr *.sorelfootwear.nl sorel.at sorel.com sorel.fi sorel.ie sorel.it sorelfootwear.ca sorelfootwear.co.uk sorelfootwear.de sorelfootwear.es sorelfootwear.fr sorelfootwear.nl srv.stackadapt.com *.taboola.com taboola.com *.tapad.com tapad.com *.teads.tv teads.tv *.tiktok.com analytics.tiktok.com tiktok.com *.adsrvr.org adsrvr.org tradedoubler.com tremorhub.com *.3lift.com 3lift.com *.truefitcorp.com staging.truefitcorp.com truefitcorp.com affirm.com *.turn.com turn.com *.adstk.io *.lgw.io *.onetrust.io *.px-cdn.net *.px-client.net *.pxchk.net ad.smaato.net adstk.io client.perimeterx.net *.px-cloud.net fast.fonts.net lgw.io onetrust.io px-cdn.net px-client.net pxchk.net *.vimeo.com *.vimeocdn.com vimeo.com vimeocdn.com *.yahoo.com yahoo.com analytics.yahoo.com *.youtube.com *.ytimg.com youtube.com ytimg.com *.zdassets.com *.zendesk.com zdassets.com zendesk.com *.zopim.com zopim.com *.zoovu.com barracuda-experience.zoovu.com barracuda-assets.zoovu.com qa-experience.zoovu.com barracuda-cdn.zoovu.com *.perimeterx.net perimeterx.net data: blob:; style-src-elem 'self' 'unsafe-inline' *.my.site.com members.cj.com int-ds-shared-1.monetate.org *.247-inc.net 247-inc.net ca.assist.247-inc.net columbia.ca.assist.247-inc.net tie.247-inc.net *.acuityplatform.com acuityplatform.com *.ipredictive.com ipredictive.com *.adform.net adform.net 112.2o7.net *.everesttech.net everesttech.net *.demdex.net demdex.net *.adobedtm.com adobedtm.com assets.adobetm.com *.scene7.com scene7.com rezync.com live.rezync.com cloudwaysapps.com api.lightboxcdn.com lightboxcdn.com *.boomtrain.com tt.omtrdc.net *.typekit.net typekit.net *.advertising.com advertising.com *.riskified.com *.adyen.com adyen.com ads.yieldmo.com *.amazon-adsystem.com amazon-adsystem.com s3.amazonaws.com *.amazonaws.com amazonaws.com *.adnxs.com adnxs.com *.atdmt.com atdmt.com *.azureedge.net azureedge.net *.feedmagnet.com api.bazaarvoice.com apps.bazaarvoice.com feedmagnet.com network.bazaarvoice.com nexus.bazaarvoice.com reviews.bazaarvoice.com display.ugc.bazaarvoice.com ugc.bazaarvoice.com curations.bazaarvoice.com *.bazaarvoice.com bazaarvoice.com *.bidswitch.net bidswitch.net *.bing.com bat.bing.com bing.com *.btttag.com btttag.com columbiasportswear13531z.btttag.com d.btttag.com *.bluecore.app *.bluecore.com api.bluecore.com bluecore.app bluecore.com *.bluekai.com bluekai.com bfx-objects.prd.borderfree.com *.braintreegateway.com braintreegateway.com *.bugsnag.com bugsnag.com creativecdn.com ciuvo.com *.cloudflare.com cloudflare.com *.cloudfront.net cloudfront.net d1af033869koo7.cloudfront.net *.columbia.com *.columbiasportswear.at *.columbiasportswear.be *.columbiasportswear.ca *.columbiasportswear.co.uk *.columbiasportswear.de *.columbiasportswear.es *.columbiasportswear.fi *.columbiasportswear.fr *.columbiasportswear.ie *.columbiasportswear.it *.columbiasportswear.nl columbia.com columbiasportswear.at columbiasportswear.be columbiasportswear.ca columbiasportswear.co.uk columbiasportswear.de columbiasportswear.es columbiasportswear.fi columbiasportswear.fr columbiasportswear.ie columbiasportswear.it columbiasportswear.nl smetrics.columbia.com *.demandware.net demandware.net *.emjcd.com emjcd.com coupert.com *.couponcabin.com couponcabin.com *.cquotient.com cquotient.com e.cquotient.com p.cquotient.com *.criteo.com *.criteo.net criteo.com criteo.net da.us.criteo.net us.criteo.com va.us.criteo.net *.curalate.com curalate.com edge.curalate.com *.dotomi.com dotomi.com g.doubleclick.net googleads.g.doubleclick.net *.doubleclick.net doubleclick.net fls.doubleclick.net *.dstillery.com *.media6degrees.com dstillery.com media6degrees.com *.facebook.com *.facebook.net connect.facebook.net facebook.com facebook.net *.sspinc.io columbia.sspinc.io fit-predictor.net sspinc.io *.fontawesome.com fontawesome.com api2.fonts.com fonts.com fonts.net *.foursixty.com foursixty.com *.fullstory.com edge.fullstory.com fullstory.com rs.fullstory.com *.google.at *.google.be *.google.ca *.google.com *.google.de *.google.es *.google.fi *.google.fr *.google.ie *.google.it *.google.nl *.googlesyndication.com *.gstatic.
89com adservice.google.com google.ae google.at google.be google.bs google.ca google.ch google.cl google.co.cr google.co.id google.co.il google.co.in google.co.kr google.co.nz google.co.th google.co.uk google.co.ve google.co.vi google.co.za google.com google.com.ar google.com.au google.com.bo google.com.br google.com.bz google.com.co google.com.do google.com.ec google.com.eg google.com.hk google.com.mx google.com.my google.com.ng google.com.pa google.com.pe google.com.ph google.com.pk google.com.pr google.com.py google.com.sg google.com.sv google.com.tr google.com.tw google.com.ua google.com.uy google.com.vn google.cz google.de google.dk google.es google.fi google.fr google.hn google.ie google.is google.it google.jo google.lk google.lt google.md google.nl google.rs google.se google.sk google.tt googlesyndication.com gstatic.com *.googleadservices.com googleadservices.com *.googleapis.com googleapis.com maps.googleapis.com *.googletagmanager.com googletagmanager.com *.google-analytics.com google-analytics.com *.honey.io *.joinhoney.com honey.io joinhoney.com px-cloud.net *.hotjar.com *.hotjar.io hotjar.com hotjar.io static.hotjar.com ibotta.com instok.org *.casalemedia.com casalemedia.com *.instagram.com instagram.com *.jquery.com jquery.com *.klarnacdn.net js.klarna.com *.klarnaservices.com evt-na.klarnaservices.com klarnacdn.net klarnaservices.com na-library.klarnaservices.com playground.klarnaservices.com *.linksynergy.com linksynergy.com *.locally.com locally.com loom.com mathtag.com *.microsoft.com microsoft.com *.monetate.net d.monetate.net monetate.net se.monetate.net *.mountainhardwear.ca *.mountainhardwear.com mountainhardwear.ca mountainhardwear.com *.cookielaw.org cdn.cookielaw.org cookielaw.org *.agkn.com agkn.com *.newrelic.com *.nr-data.net bam.nr-data.net js-agent.newrelic.com newrelic.com nr-data.net *.onetrust.com onetrust.com *.outbrain.com outbrain.com *.braintree-api.com *.paypal.com *.paypalobjects.com braintree-api.com paypal.com paypalobjects.com sandbox.paypal.com *.pinimg.com *.pinterest.com pinimg.com pinterest.com *.prana.com prana.com view.publitas.com *.pubmatic.com pubmatic.
89com contextweb.com *.jrs5.com *.nxtck.com *.rakuten.com jrs5.com nxtck.com rakuten.com rmp.rakuten.com *.rlcdn.com rlcdn.com *.rubiconproject.com rubiconproject.com *.krxd.net krxd.net *.scarabresearch.com cdn.scarabresearch.com scarabresearch.com securedvisit.com *.sharethrough.com sharethrough.com sitescout.com *.smartadserver.com smartadserver.com *.sc-static.net *.snapchat.com sc-static.net snapchat.com tr.snapchat.com *.sorel.at *.sorel.com *.sorel.fi *.sorel.ie *.sorel.it *.sorelfootwear.ca *.sorelfootwear.de *.sorelfootwear.es *.sorelfootwear.fr *.sorelfootwear.nl sorel.at sorel.com sorel.fi sorel.ie sorel.it sorelfootwear.ca sorelfootwear.co.uk sorelfootwear.de sorelfootwear.es sorelfootwear.fr sorelfootwear.nl srv.stackadapt.com *.taboola.com taboola.com *.tapad.com tapad.com *.teads.tv teads.tv *.tiktok.com analytics.tiktok.com tiktok.com *.adsrvr.org adsrvr.org tradedoubler.com tremorhub.com *.3lift.com 3lift.com *.truefitcorp.com staging.truefitcorp.com truefitcorp.com affirm.com *.turn.com turn.com *.adstk.io *.lgw.io *.onetrust.io *.px-cdn.net *.px-client.net *.pxchk.net ad.smaato.net adstk.io client.perimeterx.net *.px-cloud.net fast.fonts.net lgw.io onetrust.io px-cdn.net px-client.net pxchk.net *.vimeo.com *.vimeocdn.com vimeo.com vimeocdn.com *.yahoo.com yahoo.com analytics.yahoo.com *.youtube.com *.ytimg.com youtube.com ytimg.com *.zdassets.com *.zendesk.com zdassets.com zendesk.com *.zopim.com zopim.com *.zoovu.com barracuda-experience.zoovu.com qa-experience.zoovu.com barracuda-assets.zoovu.com barracuda-cdn.zoovu.com *.perimeterx.net perimeterx.net data: blob:; connect-src 'self' https: ws: *.id5-sync.com *.cloudflareinsights.com *.quantummetric.com *.amplience.net cdn.attn.tv creatives.attn.tv events.attentivemobile.com events.attentivemobile.com http://121.244.33.98 http://182.73.124.150 members.cj.com *.247-inc.net 247-inc.net ca.assist.247-inc.net columbia.ca.assist.247-inc.net tie.247-inc.net *.acuityplatform.com ipredictive.com adform.net 112.2o7.net everesttech.net demdex.net adobedtm.com assets.adobetm.com *.scene7.com columbiaprana.112.2o7.net columbiapranadev.112.2o7.net scene7.com tt.omtrdc.net *.typekit.net typekit.net advertising.com data.adxcel-ec2.com *.riskified.com *.adyen.com adyen.com amazon-adsystem.com s3.amazonaws.com *.amazonaws.com amazonaws.com adnxs.com atdmt.com azureedge.net *.feedmagnet.com api.bazaarvoice.com apps.bazaarvoice.com feedmagnet.com network.bazaarvoice.com nexus.bazaarvoice.com reviews.bazaarvoice.com display.ugc.bazaarvoice.com ugc.bazaarvoice.com curations.bazaarvoice.com bazaarvoice.com rh.nexus.bazaarvoice.com bidswitch.net bat.bing.com bing.com btttag.com columbiasportswear13531z.btttag.com d.btttag.com *.bluecore.app *.bluecore.com api.bluecore.com bluecore.app bluecore.com bluekai.com *.braintreegateway.com bugsnag.com cloudflare.com cloudfront.net d1af033869koo7.cloudfront.net *.columbiasportswear.co.uk capi.columbiasportswear.ca columbia.com smetrics.columbia.com demandware.net *.emjcd.com emjcd.com couponcabin.com cquotient.com e.cquotient.com p.cquotient.com ade.clmbtech.com criteo-partners.tremorhub.com criteo.com criteo.net da.us.criteo.net pixelconnector.adready.com tracker.adreadyclick.com us.criteo.com va.us.criteo.net *.curalate.com curalate.com edge.curalate.com dotomi.com g.doubleclick.net googleads.g.doubleclick.net doubleclick.net fls.doubleclick.net dstillery.com media6degrees.com connect.facebook.net facebook.com facebook.net *.sspinc.io columbia.sspinc.io fit-predictor.net sspinc.io fontawesome.com api2.fonts.com *.foursixty.com foursixty.com edge.fullstory.com fullstory.com rs.fullstory.com adservice.google.com google.ae google.at google.be google.bs google.ca google.ch google.cl google.co.cr google.co.id google.co.il google.co.in google.co.kr google.co.nz google.co.th google.co.uk google.co.ve google.co.vi google.co.za google.com google.com.ar google.com.au google.com.bo google.com.br google.com.bz google.com.co google.com.do google.com.ec google.com.eg google.com.hk google.com.mx google.com.my google.com.ng google.com.pa google.com.pe google.com.ph google.com.pk google.com.pr google.com.py google.com.sg google.com.sv google.com.tr google.com.tw google.com.ua google.com.uy google.com.vn google.cz google.de google.dk google.es google.fi google.fr google.hn google.ie google.is google.it google.jo google.lk google.lt google.md google.nl google.rs google.se google.sk google.tt googlesyndication.com gstatic.
89com googleadservices.com googleapis.com maps.googleapis.com googletagmanager.com google-analytics.com honey.io joinhoney.com *.hotjar.com hotjar.com hotjar.io static.hotjar.com ad.360yield.com casalemedia.com instagram.com matching.ivitrack.com jquery.com *.klarnacdn.net js.klarna.com *.klarnaservices.com evt-na.klarnaservices.com na-library.klarnaservices.com i.liadm.com locally.com *.mczbf.com mczbf.com contextual.media.net exchange.mediavine.com *.microsoft.com microsoft.com *.monetate.net d.monetate.net se.monetate.net capi.mountainhardwear.com mountainhardwear.ca mountainhardwear.com cdn.cookielaw.org cookielaw.org jadserve.postrelease.com agkn.com bam.nr-data.net js-agent.newrelic.com newrelic.com nr-data.net visitor.omnitagjs.com geolocation.onetrust.com onetrust.com privacyportal.onetrust.com outbrain.com *.braintree-api.com *.paypal.com *.paypalobjects.com braintree-api.com paypal.com paypalobjects.com sandbox.paypal.com b.px-cdn.net ct.pinterest.com pinimg.com pinterest.com capi.prana.com prana.com view.publitas.com pubmatic.
89com rlcdn.com trends.revcontent.com devt.revlifter.com rubiconproject.com *.krxd.net krxd.net *.scarabresearch.com cdn.scarabresearch.com sharethrough.com smartadserver.com *.sc-static.net *.snapchat.com sc-static.net tr.snapchat.com capi.sorel.com capi.sorelfootwear.ca capi.sorelfootwear.co.uk sorel.com tg.socdm.com taboola.com tapad.com teads.tv *.tiktok.com analytics.tiktok.com adsrvr.org 3lift.com *.truefitcorp.com staging.truefitcorp.com truefitcorp.com *.turn.com turn.com *.adstk.io *.onetrust.io *.px-client.net ad.smaato.net adstk.io client.perimeterx.net *.px-cloud.net fast.fonts.net onetrust.io px-client.net s.ad.smaato.net vimeo.com vimeocdn.com yahoo.com analytics.yahoo.com sync-criteo.ads.yieldmo.com youtube.com ytimg.com *.zdassets.com *.zendesk.com zdassets.com zendesk.com *.zopim.com widget-mediator.zopim.com zopim.com api-barracuda.zoovu.com barracuda-cdn.zoovu.com *.perimeterx.net perimeterx.net data: blob:; upgrade-insecure-requests;" /> 90
91<script>try{var _bttErrorListener=_bttErrorListener||function(b,c){var d=[],e=[];b.addEventListener&&b.addEventListener("error",function(a){"undefined"==typeof _bttErr?d.push(a):_bttErr.capture(a.message,a.filename,a.lineno,a.colno,a.error)});c.addEventListener&&c.addEventListener("securitypolicyviolation",function(a){"undefined"==typeof _bttErr?e.push([a.blockedURI,a.lineNumber,+new Date,a.sourceFile]):_bttErr.captSec(a.blockedURI,a.lineNumber,+new Date,a.sourceFile)});return{get:function(a){return"a"==a?d:e}}}(window,document)}catch(b){_bttErrorListener=void 0};</script>
91 92 93<!-- End Blue Triangle CSP Meta Tag--> 94 95 96
97<script> 98 window.resources = window.resources || {}; 99 window.resources.emailRegex = "^[\w.%+\-]+@[\w.\-]+\.[\w]{2,6}$"; 100</script>
100 101 102 103 104 105<meta property="og:type" content="website" /> 106 107<meta property="og:title" content="SOREL UK | Shop Now" /> 108 109<meta property="og:locale" content="en_GB" /> 110 111<meta property="twitter:card" content="summary_large_image" /> 112 113<meta property="twitter:title" content="SOREL UK | Shop Now" /> 114 115<meta property="og:description" content="Quality shoes and boots for women, men & kids. Discover the autumn-winter collection and get the SOREL® style this season! Free delivery for members" /> 116 117<meta property="twitter:description" content="Quality shoes and boots for women, men & kids. Discover the autumn-winter collection and get the SOREL® style this season! Free delivery for members" /> 118 119<meta property="og:url" content="https://www.sorelfootwear.co.uk/" /> 120 121 122 123 124 <!-- Human / PerimeterX script for mitigating malicious 3rd party scripts and bots --> 125
126<script> 127 window._pxAppId = 'PXOvQ3DcNm'; 128</script>
128 129 130
131<script src="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/PXFP-Handle?src=OvQ3DcNm%2finit%2ejs" async></script>
131 132 133 134 135 136 137 138 139 140 141 142 <title>SOREL UK | Shop Now</title> 143 144 145 <meta name="description" content="Quality shoes and boots for women, men & kids. Discover the autumn-winter collection and get the SOREL® style this season! Free delivery for members"/> 146 147 148 <meta name="keywords" content=""/> 149 150 151 152 153 154 155 156 <link rel="alternate" hreflang="fr-fr" href="https://www.sorelfootwear.fr/"/> 157<link rel="alternate" hreflang="it-it" href="https://www.sorel.it/"/> 158<link rel="alternate" hreflang="fi-fi" href="https://www.sorel.fi/"/> 159<link rel="alternate" hreflang="en-ie" href="https://www.sorel.ie/"/> 160<link rel="alternate" hreflang="es-es" href="https://www.sorelfootwear.es/"/> 161<link rel="alternate" hreflang="de-at" href="https://www.sorel.at/"/> 162<link rel="alternate" hreflang="en-be" href="https://www.sorelfootwear.be/ENBE/home"/> 163<link rel="alternate" hreflang="fr-be" href="https://www.sorelfootwear.be/"/> 164<link rel="alternate" hreflang="de-de" href="https://www.sorelfootwear.de/"/> 165<link rel="alternate" hreflang="nl-nl" href="https://www.sorelfootwear.nl/"/> 166<link rel="alternate" hreflang="en-ca" href="https://www.sorelfootwear.ca/"/> 167<link rel="alternate" hreflang="fr-ca" href="https://www.sorelfootwear.ca/fr/home"/> 168<link rel="alternate" hreflang="en-us" href="https://www.sorel.com/"/> 169<link rel="alternate" hreflang="en-gb" href="https://www.sorelfootwear.co.uk"/> 170 171 172 173 174 175 <meta name="google-site-verification" content="3k4R7ELzLgl7nvLHnHDiJbqKQHUlEBS7YWW_vWMXgis" /> 176 177 178 179 180 181 182
183<script> 184 var imgAlt = "A great image is on the way. Please check back later."; 185 var creditCardLabel = "Credit Card"; 186 var amountLabel = "Amount:"; 187 var greaterRewardsLabel = "Member Rewards Redeemed"; 188 var homeLanguage = "en"; 189 var currentLanguage = "_en".toUpperCase(); 190 window.IsKiosk = false; 191 192 193 if (currentLanguage !== '_DE' && currentLanguage !== '_FR' && currentLanguage !== '_ES' && currentLanguage !== '_IT') { 194 currentLanguage = ''; 195 } 196 var pageType = ''; 197 198 199 if (typeof resources === 'undefined') { 200 var resources = {}; 201 } 202 203 resources.images = { 204 retinaEnabled: "false", 205 placeholderImgLarge: "https://media.sorel.com/i/sorel/ImagePlaceholder_SOR" + currentLanguage, 206 gridImageAppend: "?w=375\x26h=394\x26fmt=auto", 207 pdpProductImgAppend: "?w=768\x26h=806\x26fmt=auto", 208 hiresImgUrlParams: "?w=1280\x26h=1344\x26fmt=auto", 209 pdpThumbImgAppend: "?w=375\x26fmt=auto", 210 placeholderImgAlt: "A great image is on the way. Please check back later.", 211 imageCDNBaseURL: "https:\/\/media.sorel.com\/i\/sorel\/", 212 videoCDNBaseURL: "https:\/\/media.sorel.com\/v\/sorel\/", 213 posterCDNBaseURL: "https:\/\/media.sorel.com\/v\/sorel\/", 214 videoTranscodingSuffix: "\/mp4_720p" 215 }; 216 217 218 219 var unformattedDomainSuggestions = 'columbia.com,mountainhardwear.com,prana.com,sorel.com'; 220 resources.emailSuggestion = { 221 enabled: true, 222 additionalDomains: unformattedDomainSuggestions.split(','), 223 text: { 224 prompt:'Did you mean', 225 fix:'Yes, Fix it' 226 } 227 }; 228 229 230 231 resources.progressiveProfiling = { 232 profilingEnabled: true, 233 profilingStepsUrl: "/on/demandware.store/Sites-Sorel_UK-Site/en_GB/ProgressiveProfiling-ProfilingSteps", 234 profilingEditPreferenceUrl: "/on/demandware.store/Sites-Sorel_UK-Site/en_GB/ProgressiveProfiling-EditPreference", 235 profilingProgress: "/on/demandware.store/Sites-Sorel_UK-Site/en_GB/ProgressiveProfiling-Progress", 236 text: { 237 title: "Congrats!", 238 complete: "Check your email for your reward.", 239 saved: "Your information has been saved.", 240 completeButton: "Complete" 241 } 242 }; 243 244 245 246 247 resources.SpinnerUrl = "/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/images/spinner/spinner.gif"; 248 249 resources.account = { 250 logoutURL: "/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Login-Logout" 251 }; 252 253 resources.cart = { 254 removeProduct: 'Remove Product?', 255 removeProductBody: 'Are you sure you want to remove the following product from the cart?', 256 removeBonusProductBody: 'wonât be added back automatically, but you can add it again later if you change your mind.', 257 removeButton: 'Remove', 258 removeButtonBonusProduct: 'Remove', 259 cancelButton: 'Cancel', 260 cancelButtonBonusProduct: 'Keep Product', 261 saveForLater: 'Save For Later', 262 saveForLaterUrl: '/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Cart-SaveForLaterProductLineItem', 263 approachingDiscountsText: 'See Details', 264 maxDiscountAlerts: '3' 265 }; 266</script>
266 267 268 269 270 271 272 273 274 275 276 <link rel="canonical" href="https://www.sorelfootwear.co.uk/"/> 277 278 279 280<link rel="icon" href="/on/demandware.static/Sites-Sorel_UK-Site/-/default/dw60a12bf7/images/favicon.ico" type="image/x-icon" sizes="32x32" /> 281<link rel="icon" href="/on/demandware.static/Sites-Sorel_UK-Site/-/default/dw5ed51e0d/images/icon.svg" type="image/svg+xml" /> 282 283<link rel="apple-touch-icon" href="/on/demandware.static/Sites-Sorel_UK-Site/-/default/dw3bf3e1a5/images/apple-touch-icon.png" /> 284 285<link rel="manifest" href="/on/demandware.static/Sites-Sorel_UK-Site/-/default/dwb1ca38a7/images/manifest.webmanifest" /> 286 287 288 <link rel="preload" href="/on/demandware.static/Sites-Sorel_UK-Site/-/default/dwff62b1ab/fonts/MaterialIcons-Sharp.woff2" as="font" type="font/woff2" crossorigin/> 289 <style type="text/css"> 290 @font-face { 291 font-family: "Material Icons Sharp"; 292 src: 293 url("/on/demandware.static/Sites-Sorel_UK-Site/-/default/dwff62b1ab/fonts/MaterialIcons-Sharp.woff2") format("woff2"), 294 url("/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/fonts/MaterialIcons-sharp.woff") format("woff"); 295 font-weight: normal; 296 font-style: normal; 297 font-display: optional; 298 } 299 </style> 300 301<link rel="preload" href="/on/demandware.static/Sites-Sorel_UK-Site/-/default/dwb6f8250d/fonts/Sorel-Frontier-Regular.woff2" as="font" type="font/woff2" crossorigin/> 302<link rel="preload" href="/on/demandware.static/Sites-Sorel_UK-Site/-/default/dw53eb4c5c/fonts/Sorel-Frontier-Medium.woff2" as="font" type="font/woff2" crossorigin/> 303<link rel="preload" href="/on/demandware.static/Sites-Sorel_UK-Site/-/default/dw6dc4acbe/fonts/Sorel-Base-Regular.woff2" as="font" type="font/woff2" crossorigin/> 304<link rel="preload" href="/on/demandware.static/Sites-Sorel_UK-Site/-/default/dw2f76d9f4/fonts/Sorel-Base-Medium.woff2" as="font" type="font/woff2" crossorigin/> 305<style type="text/css"> 306 @font-face { 307 font-family: 'Sorel Frontier'; 308 src: 309 url("/on/demandware.static/Sites-Sorel_UK-Site/-/default/dwb6f8250d/fonts/Sorel-Frontier-Regular.woff2") format("woff2"), 310 url("/on/demandware.static/Sites-Sorel_UK-Site/-/default/dwf22bfc51/fonts/Sorel-Frontier-Regular.woff") format("woff"); 311 font-weight: 400; 312 font-style: normal; 313 font-display: optional; 314 } 315 @font-face { 316 font-family: 'Sorel Frontier'; 317 src: 318 url("/on/demandware.static/Sites-Sorel_UK-Site/-/default/dw53eb4c5c/fonts/Sorel-Frontier-Medium.woff2") format("woff2"), 319 url("/on/demandware.static/Sites-Sorel_UK-Site/-/default/dw234332e5/fonts/Sorel-Frontier-Medium.woff") format("woff"); 320 font-weight: 500; 321 font-style: normal; 322 font-display: optional; 323 } 324 @font-face { 325 font-family: 'Sorel Base'; 326 src: 327 url("/on/demandware.static/Sites-Sorel_UK-Site/-/default/dw6dc4acbe/fonts/Sorel-Base-Regular.woff2") format("woff2"), 328 url("/on/demandware.static/Sites-Sorel_UK-Site/-/default/dw40915851/fonts/Sorel-Base-Regular.woff") format("woff"); 329 font-weight: 400; 330 font-style: normal; 331 font-display: optional; 332 } 333 @font-face { 334 font-family: 'Sorel Base'; 335 src: 336 url("/on/demandware.static/Sites-Sorel_UK-Site/-/default/dw2f76d9f4/fonts/Sorel-Base-Medium.woff2") format("woff2"), 337 url("/on/demandware.static/Sites-Sorel_UK-Site/-/default/dwa48b29f9/fonts/Sorel-Base-Medium.woff") format("woff"); 338 font-weight: 500; 339 font-style: normal; 340 font-display: optional; 341 } 342</style> 343 344 345 <link rel="preconnect" href="https://media.sorel.com" crossorigin /> 346 347 348<link rel="stylesheet" href="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/css/global.css" /> 349 350 351 352 353 <link rel="stylesheet" href="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/css/homePage.css" /> 354 355 <link rel="stylesheet" href="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/css/passwordChecker.css" /> 356 357 <link rel="stylesheet" href="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/css/productTiles.css" /> 358 359 360 361 <meta name="google-site-verification" content="KPxMknMVYx_rtlUlobTEleQZ0NtqLlup3KPTrHoP7kU" /> 362 363 364 365 366 367 <!-- Blue Triangle script for tracking client-side js errors on all pages --> 368
368<script> 369 try{window.performance.setResourceTimingBufferSize(400)}catch(e){}try{var _bttErrorListener=_bttErrorListener||function(b,c){var d=[],e=[];b.addEventListener&&b.addEventListener("error",function(a){"undefined"==typeof _bttErr?d.push(a):_bttErr.capture(a.message,a.filename,a.lineno,a.colno,a.error)});c.addEventListener&&c.addEventListener("securitypolicyviolation",function(a){"undefined"==typeof _bttErr?e.push([a.blockedURI,a.lineNumber,+new Date,a.sourceFile,a.disposition]):_bttErr.captSec(a.blockedURI,a.lineNumber,+new Date,a.sourceFile,a.disposition)});return{get:function(a){return"a"==a?d:e}}}(window,document)}catch(b){_bttErrorListener=void 0}; 370</script>
370 371 372 373 374 375 376 377 378
378<script> 379 /** 380 * Work-around for known race condition with OneTrust script X1-18018 381 * Summary: Force value of OptanonActiveGroups if cookie exists but variable is not set 382 */ 383 var OptanonActiveGroups = '', OnetrustActiveGroups = '', oneTrustValues = ''; 384 385 oneTrustValues=",1,"; 386 387 388 (function() { 389 var cookieName = 'OptanonConsent'; 390 391 function getCookie(cookieName) { 392 var value = "; " + document.cookie; 393 // Isolate groups parameter values, trim any trailing parameters 394 var parts = decodeURIComponent(value.split("; " + cookieName + "=").pop().split(";").shift().split("&groups=").pop().split("&")[0]); 395 return parts; 396 } 397 398 function parseCookie(cookie) { 399 var cookieVals, activeGroupString; 400 activeGroupString = ','; // eg. ',1,2,3,4,' 401 cookieVals = cookie.split(','); 402 403 for (var i = 0; i < cookieVals.length; i++) { 404 // Only append values that have a ':1' 405 if (cookieVals[i].split(':').pop() === '1') { 406 activeGroupString += cookieVals[i].split(':').shift()+','; 407 } 408 } 409 410 return activeGroupString; 411 } 412 413 function setActiveGroups(activeGroupsString) { 414 window.OptanonActiveGroups = activeGroupsString; 415 window.OnetrustActiveGroups = activeGroupsString; 416 } 417 418 if ('undefined' === typeof window.OptanonActiveGroups || '' === window.OptanonActiveGroups) { 419 var cookie = getCookie(cookieName); 420 if ('undefined' !== typeof cookie && '' !== cookie) {
421 setActiveGroups(parseCookie(cookie)); 422 } else { 423 setActiveGroups(oneTrustValues); 424 } 425 } 426 427 // Calls ConsentTracking-SetOneTrustSession when the user sets their privacy preferences 428 window.addEventListener('oneTrust:consentChanged', function (e) { 429 const urlParams = new URLSearchParams(window.location.search); 430 const cjEventValue = urlParams.get('cjevent'); 431 const rakutenRanMIDValue = urlParams.get('ranMID'); 432 const rakutenRanSiteIDValue = urlParams.get('ranSiteID'); 433 const domainValue = window.location.hostname.replace('www.', '.'); 434 let data = { 435 oneTrustActiveGroups: window.OnetrustActiveGroups 436 }; 437 438 if (cjEventValue) { 439 data.cjevent = cjEventValue; 440 } 441 442 if (rakutenRanMIDValue && rakutenRanSiteIDValue) { 443 data.ranMID = rakutenRanMIDValue; 444 data.ranSiteID = rakutenRanSiteIDValue; 445 data.domain = domainValue; 446 } 447 448 $.ajax({ 449 url: "/on/demandware.store/Sites-Sorel_UK-Site/en_GB/ConsentTracking-SetOneTrustSession", 450 data: data, 451 type: 'get', 452 dataType: 'json', 453 error: function (err) { 454 console.log('SFCC consent update failed'); 455 } 456 }); 457 }, false); 458 })(); 459</script>
459 460 461 462 463 464 465 466 467 <!-- Begin Monetate ExpressTag Async v6.1. Place at start of document head. DO NOT ALTER. --> 468
468<script type="text/javascript"> 469 var monetateT = new Date().getTime(); 470 (function() { 471 var p = document.location.protocol; 472 if (window.OnetrustActiveGroups && window.OnetrustActiveGroups.includes(',3,') && (p == "http:" || p == "https:")) { 473 var m = document.createElement('script'); m.type = 'text/javascript'; m.async = true; m.src = (p == "https:" ? "https://s" : "http://") + "e.monetate.net/js/2/a-ab240497/p/sorelfootwear.co.uk/custom.js"; 474 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(m, s); 475 } 476 })(); 477 </script>
477 478 <!-- End Monetate tag. --> 479 480 481 482
483<script type="text/javascript" src="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/js/mainHead.js"></script>
483 484 485 486
486<script async src="https://js.klarna.com/web-sdk/v1/klarna.js" data-client-id="klarna_live_client_ZE5oTkpZTChlQWlBT2pqL0Qvb1YjYm5KaVdCV1E5OWwsODlhZDNmZDAtMjc3ZC00NjYwLWI5Y2UtYzY0NzQ1ODA0YzU3LDEsRjlWZnhSdmhRVkE3Z3NKbEJqajdmWVVyVEIzNGlIWnJOOUpqTjg4b2pNRT0"></script>
486 487 488 489 490 491 492 493 494 495
495<script type="text/javascript" src="//assets.adobedtm.com/launch-EN35f5efb383704a3a82257ee3693a51e1.min.js" async id="dtmScript"></script>
495 496 497 498 499 500 501 502 503 504 505 506 507
508<script type="text/javascript">//<!-- 509/* <![CDATA[ (head-active_data.js) */ 510var dw = (window.dw || {}); 511dw.ac = { 512 _analytics: null, 513 _events: [], 514 _category: "", 515 _searchData: "", 516 _anact: "", 517 _anact_nohit_tag: "", 518 _analytics_enabled: "true", 519 _timeZone: "Etc/UTC", 520 _capture: function(configs) { 521 if (Object.prototype.toString.call(configs) === "[object Array]") { 522 configs.forEach(captureObject); 523 return; 524 } 525 dw.ac._events.push(configs); 526 }, 527 capture: function() { 528 dw.ac._capture(arguments); 529 // send to CQ as well: 530 if (window.CQuotient) { 531 window.CQuotient.trackEventsFromAC(arguments); 532 } 533 }, 534 EV_PRD_SEARCHHIT: "searchhit", 535 EV_PRD_DETAIL: "detail", 536 EV_PRD_RECOMMENDATION: "recommendation", 537 EV_PRD_SETPRODUCT: "setproduct", 538 applyContext: function(context) { 539 if (typeof context === "object" && context.hasOwnProperty("category")) { 540 dw.ac._category = context.category; 541 } 542 if (typeof context === "object" && context.hasOwnProperty("searchData")) { 543 dw.ac._searchData = context.searchData; 544 } 545 }, 546 setDWAnalytics: function(analytics) { 547 dw.ac._analytics = analytics; 548 }, 549 eventsIsEmpty: function() { 550 return 0 == dw.ac._events.length; 551 } 552}; 553/* ]]> */ 554// --> 555</script>
vendor: 1 bytes, line 555
555
556<script type="text/javascript">//<!-- 557/* <![CDATA[ (head-cquotient.js) */ 558var CQuotient = window.CQuotient = {}; 559CQuotient.clientId = 'bcpx-Sorel_UK'; 560CQuotient.realm = 'BCPX'; 561CQuotient.siteId = 'Sorel_UK'; 562CQuotient.instanceType = 'prd'; 563CQuotient.locale = 'en_GB'; 564CQuotient.fbPixelId = '__UNKNOWN__'; 565CQuotient.activities = []; 566CQuotient.cqcid=''; 567CQuotient.cquid=''; 568CQuotient.cqeid=''; 569CQuotient.cqlid=''; 570CQuotient.apiHost='api.cquotient.com'; 571/* Turn this on to test against Staging Einstein */ 572/* CQuotient.useTest= true; */ 573CQuotient.useTest = ('true' === 'false'); 574CQuotient.initFromCookies = function () { 575 var ca = document.cookie.split(';'); 576 for(var i=0;i < ca.length;i++) { 577 var c = ca[i]; 578 while (c.charAt(0)==' ') c = c.substring(1,c.length); 579 if (c.indexOf('cqcid=') == 0) { 580 CQuotient.cqcid=c.substring('cqcid='.length,c.length); 581 } else if (c.indexOf('cquid=') == 0) { 582 var value = c.substring('cquid='.length,c.length); 583 if (value) { 584 var split_value = value.split("|", 3); 585 if (split_value.length > 0) { 586 CQuotient.cquid=split_value[0]; 587 } 588 if (split_value.length > 1) { 589 CQuotient.cqeid=split_value[1]; 590 } 591 if (split_value.length > 2) { 592 CQuotient.cqlid=split_value[2]; 593 } 594 } 595 } 596 } 597} 598CQuotient.getCQCookieId = function () { 599 if(window.CQuotient.cqcid == '') 600 window.CQuotient.initFromCookies(); 601 return window.CQuotient.cqcid; 602}; 603CQuotient.getCQUserId = function () { 604 if(window.CQuotient.cquid == '') 605 window.CQuotient.initFromCookies(); 606 return window.CQuotient.cquid; 607}; 608CQuotient.getCQHashedEmail = function () { 609 if(window.CQuotient.cqeid == '') 610 window.CQuotient.initFromCookies(); 611 return window.CQuotient.cqeid; 612}; 613CQuotient.getCQHashedLogin = function () { 614 if(window.CQuotient.cqlid == '') 615 window.CQuotient.initFromCookies(); 616 return window.CQuotient.cqlid; 617}; 618CQuotient.trackEventsFromAC = function (/* Object or Array */ events) { 619try { 620 if (Object.prototype.toString.call(events) === "[object Array]") { 621 events.forEach(_trackASingleCQEvent); 622 } else { 623 CQuotient._trackASingleCQEvent(events); 624 } 625} catch(err) {} 626}; 627CQuotient._trackASingleCQEvent = function ( /* Object */ event) { 628 if (event && event.id) { 629 if (event.type === dw.ac.EV_PRD_DETAIL) { 630 CQuotient.trackViewProduct( {id:'', alt_id: event.id, type: 'raw_sku'} ); 631 } // not handling the other dw.ac.* events currently 632 } 633}; 634CQuotient.trackViewProduct = function(/* Object */ cqParamData){ 635 var cq_params = {}; 636 cq_params.cookieId = CQuotient.getCQCookieId(); 637 cq_params.userId = CQuotient.getCQUserId(); 638 cq_params.emailId = CQuotient.getCQHashedEmail(); 639 cq_params.loginId = CQuotient.getCQHashedLogin(); 640 cq_params.product = cqParamData.product; 641 cq_params.realm = cqParamData.realm; 642 cq_params.siteId = cqParamData.siteId; 643 cq_params.instanceType = cqParamData.instanceType; 644 cq_params.locale = CQuotient.locale; 645 646 if(CQuotient.sendActivity) { 647 CQuotient.sendActivity(CQuotient.clientId, 'viewProduct', cq_params); 648 } else { 649 CQuotient.activities.push({activityType: 'viewProduct', parameters: cq_params}); 650 } 651}; 652/* ]]> */ 653// --> 654</script>
654 655<!-- Demandware Apple Pay --> 656 657<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} 658</style> 659 660 661</head> 662<body class=""> 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699
699<script type="text/javascript" src="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/js/emailPopup.js"></script>
699 700 <link rel="stylesheet" href="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/css/emailPopUp.css" /> 701 <div class="modal fade email-signup-modal " 702 data-cookie="Sorel_UK_emailPopup" data-expires="60" data-timeout="8000" 703 id="email-signup-modal" tabindex="-1" role="dialog" aria-hidden="true"> 704 <div class="modal-dialog modal-dialog-centered" role="document"> 705 <div class="modal-content"> 706 <div class="modal-header"> 707 <div class="d-none align-items-center details-back-btn" aria-label="Back"> 708 <svg class="svgicon"><use href="#chevron_left"></use></svg> 709 <span>BACK</span> 710 </div> 711 <button type="button" class="close btn btn-icon" data-dismiss="modal" aria-label="Close"> 712 <svg class="svgicon"><use href="#close"></use></svg> 713 </button> 714 </div> 715 <!--/* AEM Content */--> 716 <div class="modal-body container text-center px-3 px-lg-5"> 717 <div class="signup-form-container"> 718 719 720 721 722 723 724 725 726 727 <div id="UUID_e59e2e84_569c_4faf_a724_7ce6a5f9708f" class="amp-contant-page"> 728 729 <div class="gridContainer parbase"> 730 <div 731 id="con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 732 class="container px-0" 733 > 734 735 736 <div class="wrapper"> 737 <div 738 id="w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 739 class="text-left d-block d-md-block d-lg-block d-xl-block bg-white" 740 > 741 742 743 744 <div class="columnControl"> 745 <div 746 id="co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 747 class="row row-sm--no-gutters justify-content-center" 748 > 749 <div class=" col-12 order-sm-0"> 750 751 752 <div class="wrapper"> 753 <div 754 id="w0co0co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 755 class="text-left d-block d-md-block d-lg-block d-xl-block" 756 > 757 758 759 760 761 762 763 764 765 766 <div class="image parbase"> 767 768 <picture id="responsive-image-i0w0co0co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f"> 769 <source srcset="https://media.sorel.com/i/sorel/53641_SOR_F26_Popin_MD?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 770 <source srcset="https://media.sorel.com/i/sorel/53641_SOR_F26_Popin_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 771 <source srcset="https://media.sorel.com/i/sorel/53641_SOR_F26_Popin_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 772 <source srcset="https://media.sorel.com/i/sorel/53641_SOR_F26_Popin_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 773 774 <img 775 id="i0w0co0co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 776 class="img-fluid d-block mr-auto" 777 src="https://media.sorel.com/i/sorel/53641_SOR_F26_Popin_MD?fmt=auto&$aem_pjpeg$" 778 width="" height="" 779 alt="" 780 /> 781 </picture> 782 783
783<script> 784(async function() { 785 const imageName = '53641_SOR_F26_Popin_MD'; 786 const imageFormat = 'pjpeg'; 787 const imageHost = 'media.sorel.com'; 788 const imageEndpoint = 'sorel'; 789 const pictureId = 'responsive-image-i0w0co0co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f'; 790 791 // Extract base name from image filename 792 let baseName = imageName; 793 if (imageName.includes('_XL')) { 794 baseName = imageName.replace('_XL', ''); 795 } else if (imageName.includes('_LG')) { 796 baseName = imageName.replace('_LG', ''); 797 } else if (imageName.includes('_MD')) { 798 baseName = imageName.replace('_MD', ''); 799 } else if (imageName.includes('_SM')) { 800 baseName = imageName.replace('_SM', ''); 801 } 802 803 // Initialize global cache if it doesn't exist 804 if (!window.imageExistenceCache) { 805 window.imageExistenceCache = new Map(); 806 } 807 808 // Check if we have cached results for this base name 809 if (window.imageExistenceCache.has(baseName)) { 810 const existenceResults = window.imageExistenceCache.get(baseName); 811 updatePictureSources(existenceResults); 812 return; 813 } 814 815 // Function to check if image exists via HTTP HEAD request 816 async function checkImageExists(url) { 817 try { 818 const response = await fetch(url, { method: 'HEAD' }); 819 return response.ok; 820 } catch (error) { 821 // Silently handle network errors without console spam 822 return false; 823 } 824 } 825 826 // Check all possible sizes 827 const sizes = ['SM', 'MD', 'LG', 'XL']; 828 const existenceResults = {}; 829 830 // Use Scene7 format auto-detection instead of hardcoded extensions 831 for (const size of sizes) { 832 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 833 existenceResults[size] = await checkImageExists(url); 834 } 835 836 // Log availability for debugging (only if some sizes are missing) 837 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 838 const totalSizes = sizes.length; 839 if (availableSizes < totalSizes) { 840 console.log(`ð¸ Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 841 if (availableSizes === 0) { 842 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 843 } 844 } 845 846 // Cache the results 847 window.imageExistenceCache.set(baseName, existenceResults); 848 849 // Update the picture sources 850 updatePictureSources(existenceResults); 851 852 // Function to update picture sources 853 function updatePictureSources(existenceResults) { 854 // Find the picture element 855 const picture = document.getElementById(pictureId); 856 if (!picture) { 857 return; 858 } 859 860 // Remove all existing sources 861 const existingSources = picture.querySelectorAll('source'); 862 existingSources.forEach(source => source.remove()); 863 864 // Create new sources with optimal sizes 865 const breakpoints = [ 866 { media: '(max-width: 575px)', preferSize: 'SM' }, 867 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 868 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 869 { media: '(min-width: 1440px)', preferSize: 'XL' } 870 ]; 871 872 breakpoints.forEach((breakpoint, index) => { 873 let optimalSize = ''; 874 875 // Determine optimal size for this breakpoint 876 if (breakpoint.preferSize === 'SM') { 877 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 878 } else if (breakpoint.preferSize === 'MD') { 879 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 880 } else if (breakpoint.preferSize === 'LG') { 881 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 882 } else if (breakpoint.preferSize === 'XL') { 883 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 884 } 885 886 // Create new source element 887 const newSource = document.createElement('source'); 888 newSource.setAttribute('media', breakpoint.media); 889 890 let srcset = ''; 891 if (optimalSize === 'BASE') { 892 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 893 } else { 894 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 895 } 896 897 newSource.setAttribute('srcset', srcset); 898 899 // Insert before the img element 900 const img = picture.querySelector('img'); 901 picture.insertBefore(newSource, img); 902 }); 903 } 904})(); 905</script>
905</div> 906 907 908 909 910 911 912 913 914 915 916 917 </div> 918</div> 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 </div> 937 <div class=" col-12 order-sm-0 align-self-center"> 938 939 940 <div class="wrapper"> 941 <div 942 id="w0co1co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 943 class="text-left pt-4 pb-4 pt-md-4 pb-md-4 pl-md-4 pr-md-4 d-block d-md-block d-lg-block d-xl-block" 944 > 945 946 947 948 949 950 951 952 <div 953 id="te0w0co1co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 954 class="font-size-28 font-size-md-32 font-size-lg-40 text-left font-weight-semi-bold line-height-1 font-accent text-black font-normal" role="group" 955> 956 Your style evolution starts here. 957 958</div> 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 978 979 980 <div 981 id="v1w0co1co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 982 class="verticalspacer parbase" 983> 984 <div class="pt-3"></div> 985</div> 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 <div 1005 id="te2w0co1co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 1006 class="font-size-14 font-size-md-16 text-left line-height-default font-base text-black" role="group" 1007> 1008 Sign up to the SOREL newsletter for first access to fresh drops, statement silhouettes, and limitedâedition collabs â and <b>enjoy 15% off your first order.</b>** 1009 1010</div> 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 <div 1033 id="v3w0co1co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 1034 class="verticalspacer parbase" 1035> 1036 <div class="pt-3"></div> 1037</div> 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 <div 1066 id="f4w0co1co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f"
1067 class="foot-email amplience-form-vizualization" 1068 > 1069 1070 1071 1072 1073<form role="form" 1074 action="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Account-SubmitEmailStep1" 1075 method="POST" 1076 novalidate 1077 class="js-subscribe-form-step1" 1078 data-dtm-name="Email Signup PopUp Form Step 1" 1079> 1080 <div class="form-row"> 1081 <div class="col"> 1082 <div class="form-group material-text-input required"> 1083 <label class="form-control-label" for="hpEmailSignUp"> 1084 Your email address 1085 </label> 1086 <input 1087 type="email" 1088 class="form-control material-text-input" 1089 autocomplete="email" 1090 name="hpEmailSignUp" 1091 id="emailPopUpMultiStep-hpEmailSignUp" 1092 required 1093 pattern="^[\w.%+\-]+@[\w.\-]+\.[\w]{2,6}$" 1094 /> 1095 <div class="js-email-subscribed-error invalid-feedback text-left">Sorry, this email is already signed up.</div> 1096 </div> 1097 </div> 1098 </div> 1099 <button type="submit" class="btn btn-primary btn-block mt-2 js-subscribe-form-step1submit "> 1100 Sign up now 1101 </button> 1102 <button class="btn btn-link d-block mx-auto mt-5" data-dismiss="modal">No Thanks</button> 1103</form> 1104<form role="form" 1105 action="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Account-SubmitEmailStep2" 1106 method="POST" 1107 class="js-subscribe-form-step2 d-none" 1108 data-dtm-name="Email Signup PopUp Form Step 2" 1109> 1110 <input type="hidden" name="emailAddressVal" id="emailPopUpFormMultiStep-emailAddressVal" class="email-address-value" value="" /> 1111 <input type="hidden" name="source" value="Footer_Signup" /> 1112 <input type="hidden" name="messageId" value="" /> 1113 <input type="hidden" name="csrf_token" value="C-ILaa3uRspc51pvKjI52_FuTuIgFKhZeE_sE_M-HeEzITn4kTQTYbK5wY9zF25CnawIUpYw4c4Y0euhocuI_N89yLJjUgf0Y0HJ1gimkEMPEK_pFDlHJ9KrogCMc92OEdJ301eJR47cFG2EHINoAp3QvT45GGnSfvjG5WpdMjH0Qwr2XxM="/> 1114 1115 <div class="h4">Thank you for signing up!</div> 1116 <p>Tell us a little more about you so we can keep in touch.</p> 1117 1118 <div class="form-row"> 1119 <div class="col"> 1120 <div class="form-group material-text-input"> 1121 <label class="form-control-label" for="postalCode"> 1122 Postcode 1123 </label> 1124 <input 1125 type="text" 1126 class="form-control js-footer-email-zip" 1127 name="dwfrm_emailSignup_postalCodes_GB" value="" maxLength="10" minLength="5" pattern="^(?:[A-PR-UWYZa-pr-uwyz](?:[A-HK-Ya-hk-y]\s?[0-9]\s?[ABEHMNPRVWXYabehmnprvwxz0-9]?|[0-9]\s?[A-HJKPSTUWa-hjkpstuw0-9]?)\s?[0-9]\s?[ABD-HJLNP-UW-Zabd-hjlnp-uw-z]{2})|[Gg][Ii]\s?[Rr]\s?0\s?[Aa]{2}|[Ww]1\s?[Nn]\s?4\s?[Dd][Jj]|[A-Xa-x]{4}\s?1\s?[Zz]{2}$" 1128 data-missing-error="This field is required." 1129 data-pattern-mismatch="Postcode is not valid" 1130 /> 1131 <div class="invalid-feedback"></div> 1132 <div class="form-help-text"> 1133 We'd like to tell you about events happening nearby.* 1134 </div> 1135 </div> 1136 </div> 1137 </div> 1138 1139 <div class="form-row"> 1140 <div class="col"> 1141 <div class="form-group material-select"> 1142 <select class="form-control custom-select" name="dwfrm_emailSignup_gender" required aria-required="true"> 1143 1144 <option id="01" value="0" >Gender</option> 1145 1146 <option id="02" value="1" >Male</option> 1147 1148 <option id="03" value="2" >Female</option> 1149 1150 <option id="04" value="-1" >Prefer not to answer</option> 1151 1152 </select> 1153 </div> 1154 </div> 1155 </div> 1156 <div class="form-row"> 1157 <div class="col"> 1158 <button type="submit" class="btn btn-primary btn-block js-subscribe-form-step2submit " > 1159 Submit 1160 </button> 1161 </div> 1162 </div> 1163 1164 <div class="form-row my-3"> 1165 <div class="col"> 1166 <div class="form-group"> 1167 <div class="privacy-policy small text-left"> 1168 ÆSorel limits the use of personal information as disclosed in our 1169 <a href="/privacy-policy.html" target="_blank">privacy policy</a>. 1170 </div> 1171 </div> 1172 </div> 1173 </div> 1174</form> 1175 1176 </div> 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189 <div 1190 id="v5w0co1co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 1191 class="verticalspacer parbase" 1192> 1193 <div class="pt-3"></div> 1194</div> 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 <div 1214 id="te6w0co1co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 1215 class="font-size-12 text-left line-height-default font-base text-black font-normal" role="group" 1216> 1217 <b>*TERMS AND CONDITIONS </b><br> 1218<i>You can unsubscribe at any time. A link to unsubscribe is included in each eâmail. We will use your email address to send you updates on new arrivals, offers and promotional events. See our <a href="/l/privacy-policy"><u>Privacy Notice</u></a> for details of how we will process your data for marketing purposes and how you can withdraw your consent.</i> 1219 1220</div> 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 <div 1242 id="te7w0co1co0w0con0_e59e2e84_569c_4faf_a724_7ce6a5f9708f" 1243 class="font-size-12 text-left line-height-default font-base text-black" role="group" 1244> 1245 <br>**Applies on full-price items & orders over £120. 1246 1247</div> 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 </div> 1262</div> 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 </div> 1281 1282 1283 </div> 1284</div> 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 </div> 1302</div> 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 </div> 1321</div> 1322 1323 1324 1325 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340</div> 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 <!-- Page does not contain any content. --> 1371 1372 1373 1374 1375 1376 1377 <div class="content-asset"> 1378 1379 </div> 1380 1381 1382 1383 </div>
1384 <div class="signup-details-container d-none"> 1385 1386 1387 1388 1389 </div> 1390 <div class="signup-success-container d-none"> 1391 <div class="success-message"> 1392 1393 1394 1395 1396 <div class="content-asset"> 1397 <div class="mt-1"> 1398 Thank you for signing up! 1399 </div> 1400 <div class="mt-2"> 1401 Check your email to get the code. 1402 </div> 1403 <div class="mt-3"> 1404 <a href="https://www.sorelfootwear.co.uk/" class="btn btn-primary btn-sm"> 1405 Start Shopping 1406 </a> 1407 </div> 1408 </div> 1409 1410 1411 1412</div> 1413 1414 </div> 1415 </div> 1416 </div> 1417 </div> 1418 </div> 1419 1420 1421 1422 1423 1424 1425 1426<!-- Skip Navigation --> 1427<div id="skip-link-nav" aria-label="Skip Menu" role="navigation" class="aria-offscreen"> 1428 <ul role="menu"> 1429 <li role="presentation"><a role="menuitem" href="#main">Skip to Content</a></li> 1430 <li role="presentation"><a role="menuitem" href="#main-menu">Skip to Main Nav</a></li> 1431 <li role="presentation"><a role="menuitem" href="#searchPopover_fieldInput">Skip to Search</a></li> 1432 1433 1434 </ul> 1435</div> 1436 1437 1438 1439 1440 1441 1442 1443<div class="globalbanner"> 1444 <div class="globalbanner__inner"> 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 <div id="UUID_3aa57768_95f9_4079_8bac_c1f315094178" class="amp-contant-page"> 1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 <div 1471 id="0_3aa57768_95f9_4079_8bac_c1f315094178" 1472 class="marketing-banner js-global-marketing-banner" 1473> 1474 <div class="marketing-banner__message row m-0"> 1475 <button type="button" class="marketing-banner__message-container" 1476 aria-label="Expand to view all promotions" 1477 aria-controls="0_3aa57768_95f9_4079_8bac_c1f315094178_drawer-content" 1478 data-toggle="drawer" 1479 data-settings='{ 1480 "target": "#0_3aa57768_95f9_4079_8bac_c1f315094178_drawer-content", 1481 "size": "sm", 1482 "class": "marketing-banner__drawer" 1483 }'> 1484 <span class="marketing-banner__link"> 1485 <span class="d-lg-none global-marketing-banner-messages"> 1486 <span class="hidden mobileMessage">Members: free shipping</span> 1487 <span class="hidden mobileMessage">Free returns</span> 1488 <span class="hidden mobileMessage">Sign up and get a 15% coupon</span> 1489 <span class="hidden mobileMessage">Enjoy flexible payment options with Klarna or Paypal</span> 1490 </span> 1491 <span class="d-none d-lg-inline global-marketing-banner-messages"> 1492 <span class="hidden desktopMessage">Free shipping for members or from £70. Join now</span> 1493 <span class="hidden desktopMessage">Free returns on all orders</span> 1494 <span class="hidden desktopMessage">Sign up and get a 15% coupon</span> 1495 <span class="hidden desktopMessage">Enjoy flexible payment options with Klarna or Paypal</span> 1496 </span> 1497 <span class="d-none global-marketing-banner-messages__hide-offers">Hide Offers</span> 1498 </span> 1499 <span class="marketing-banner__details marketing-banner__details--dismiss btn-icon" 1500 data-target="#0_3aa57768_95f9_4079_8bac_c1f315094178_drawer-content" 1501 aria-controls="0_3aa57768_95f9_4079_8bac_c1f315094178_drawer-content" 1502 aria-expanded="false"></span> 1503 </button> 1504 </div> 1505 1506 <div class="d-none"> 1507 <div id="0_3aa57768_95f9_4079_8bac_c1f315094178_drawer-content"> 1508 <div class="marketing-banner__column"> 1509 <div id="m0_3aa57768_95f9_4079_8bac_c1f315094178" class="marketing-banner-child p-0"> 1510 <div class="h4 marketing-banner-child__headline mb-3"> 1511 Free Shipping 1512 </div> 1513 <div class="marketing-banner-child__body-copy mb-3"> 1514 Create your account now and enjoy members‑only benefits. 1515 </div> 1516 1517 <div class="mb-3"> 1518 <div class="ctaBlock"> 1519 <div 1520 id="ctas_login_sor_default" 1521 class="ctas ctas--horizontal cta--medium ctas--left" 1522 > 1523 <div class="row ctas__row"> 1524 <div class="col-auto"> 1525 <a 1526 1527 class="cta btn btn-primary" 1528 href="https://www.sorelfootwear.co.uk/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Login-Show" 1529 target="_self" 1530 > 1531 Create Your Account 1532 </a> 1533 </div> 1534 </div> 1535 </div> 1536</div> 1537 </div> 1538 1539 </div> 1540 <div id="m1_3aa57768_95f9_4079_8bac_c1f315094178" class="marketing-banner-child p-0"> 1541 <div class="h4 marketing-banner-child__headline mb-3"> 1542 Free Returns 1543 </div> 1544 <div class="marketing-banner-child__body-copy mb-3"> 1545 On all orders, within 30 days of the purchase date. 1546 </div> 1547 1548 <div class="mb-3"> 1549 <div class="ctaBlock"> 1550 <div 1551 id="" 1552 class="ctas ctas--stacked cta--medium ctas--left" 1553 > 1554 <div class="row ctas__row"> 1555 <div class="col-12"> 1556 <a 1557 1558 class="cta btn btn-primary" 1559 href="https://www.sorelfootwear.co.uk/order-returns" 1560 target="_self" 1561 > 1562 Learn More 1563 </a> 1564 </div> 1565 </div> 1566 </div> 1567</div> 1568 </div> 1569 1570 </div> 1571 <div id="m2_3aa57768_95f9_4079_8bac_c1f315094178" class="marketing-banner-child p-0"> 1572 <div class="h4 marketing-banner-child__headline mb-3"> 1573 Get a 15% Coupon 1574 </div> 1575 <div class="marketing-banner-child__body-copy mb-3"> 1576 Sign up to our newsletter and get 15% off your first order. When you spend £120 on full price items. 1577 </div> 1578 1579 <div class="mb-3"> 1580 <div class="ctaBlock"> 1581 <div 1582 id="" 1583 class="ctas ctas--stacked cta--medium ctas--left" 1584 > 1585 <div class="row ctas__row"> 1586 <div class="col-12"> 1587 <a 1588 1589 class="cta btn btn-primary" 1590 href="https://www.sorelfootwear.co.uk/l/newsletter" 1591 target="_self" 1592 > 1593 Sign Up 1594 </a> 1595 </div> 1596 </div> 1597 </div> 1598</div> 1599 </div> 1600 1601 </div> 1602 <div id="m3_3aa57768_95f9_4079_8bac_c1f315094178" class="marketing-banner-child p-0"> 1603 <div class="h4 marketing-banner-child__headline mb-3"> 1604 Flexible Payment 1605 </div> 1606 <div class="marketing-banner-child__body-copy mb-3"> 1607 Pay in 30 days or pay in 3 interest‑free installments with <b>Paypal</b> or <b>Klarna</b>. 1608<br><i><a href="https://www.klarna.com/uk/terms-and-conditions/">Klarna T&Cs</a></i> / <i><a href="https://www.paypal.com/uk/legalhub/paypal/useragreement-full">Paypal T&Cs</a></i> 1609 </div> 1610 1611 <div class="mb-3"> 1612 <div class="ctaBlock"> 1613 <div 1614 id="" 1615 class="ctas ctas--stacked cta--medium ctas--left" 1616 > 1617 <div class="row ctas__row"> 1618 <div class="col-12"> 1619 <a 1620 1621 class="cta btn btn-primary" 1622 href="https://www.sorelfootwear.co.uk/l/customer-service-payment" 1623 target="_self" 1624 > 1625 Learn More 1626 </a> 1627 </div> 1628 </div> 1629 </div> 1630</div> 1631 </div> 1632 1633 </div> 1634 </div> 1635 </div> 1636 </div> 1637</div> 1638 1639 1640 1641 1642 1643 1644 1645 1646 1647 <div class="htmlSlot parbase"> 1648
1648<script> 1649$("#ctas_login_sor_default").addClass('js-drawer-registration'); 1650</script>
1650 1651</div> 1652 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 1665 1666</div> 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 1692 </div> 1693</div> 1694 1695<header> 1696 <nav aria-label="Header Navigation"> 1697 <div class="siteheader navbar-header" 1698 data-minicart-url="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Cart-MiniCartShow" 1699 data-lazy-load-account-drawer-url="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/AccountDrawer-Show" 1700 data-request-url="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Page-HeaderMessage"> 1701 <div class="siteheader__inner"> 1702 <div class="siteheader__top"> 1703 <div class="siteheader__top__inner"> 1704 <div class="siteheader__region"> 1705 <div class="country-selector " data-url="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Page-SetLocale" tabindex="-1"> 1706 <a tabindex="0" 1707 href="/countries" 1708 class="js-action__language-selection siteheader__region-link" 1709 data-toggle="tooltip" 1710 data-placement="left" 1711 aria-label="Change Shipping Location" 1712 title="Change Shipping Location" 1713 data-num-locales="1.0" 1714 aria-haspopup="true" 1715 aria-expanded="false"> 1716 <span class="svgicon"> 1717 <i class="flag-icon flag-icon-gb"></i> 1718 </span> 1719 1720 </a> 1721</div> 1722 1723 </div> 1724 </div> 1725 </div> 1726 <div class="siteheader__bottom js-site-header"> 1727 <!-- Mobile --> 1728 <div class="siteheader__bottom__inner"> 1729 <!-- Hamburger --> 1730 <div class="siteheader__popover-icons"> 1731 <div class="siteheader__menutoggle"> 1732 <button aria-label="Menu" class="js-action__menutoggle menutoggle-button open" role="button" data-lazy-load-menu-account-section-url="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Menu-MobileMenuAccountSection"> 1733 <span></span> 1734 <span></span> 1735 <span></span> 1736 </button> 1737 </div> 1738 <div class="siteheader__search search-mobile js-header-search"> 1739 <button class="siteheader__search-link no-flyout action__search js-action-search" type="button" title="Search"> 1740 <svg class="svgicon icon-search"> 1741 <use href="#search"></use> 1742 </svg> 1743 <span class="aria-offscreen">Search</span> 1744 </button> 1745 1746 1747 1748 1749 1750 1751 1752 1753 1754 1755 1756 1757 1758 1759 1760 1761 1762 1763 1764 1765 1766 1767 1768 1769 1770 1771 1772 1773 1774 1775 1776 1777<div class="siteheader__search-popover js-search-popover"> 1778 <form role="search" 1779 action="/search" 1780 method="get" 1781 name="advancedSearch" 1782 data-dtm-name="Mobile Header Search Form" 1783 data-searchmethod="manualSearch" 1784 > 1785 <div class="search-field__container"> 1786 <input class="form-control search-field form-control-lg js-search-field" 1787 type="search" 1788 name="q" 1789 value="" 1790 placeholder="Search" 1791 autocomplete="off" 1792 autocorrect="off" 1793 autocapitalize="off" 1794 spellcheck="false" 1795 aria-label="Search" 1796 required="required" /> 1797 <button class="action__search--button js-action__search-submit" type="submit" 1798 title="Search" value="submit" 1799 name="simpleSearchSubmit"> 1800 <svg class="svgicon icon-search"> 1801 <use href="#search"></use> 1802 </svg> 1803 <span class="aria-offscreen">Search</span> 1804 </button> 1805 1806 <button class="action__search--close js-action-search-close" value="Close" type="button"> 1807 <svg class="svgicon icon-close"> 1808 <use href="#close"></use> 1809 </svg> 1810 </button> 1811 </div> 1812 1813 <div class="suggestions-wrapper" data-url="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/SearchServices-GetSuggestions?q="> 1814 <div class="js-search-quicklinks"> 1815 <div class="suggestions"> 1816 1817 1818 1819 1820 <div class="content-asset"> 1821 <div class="text parbase"> 1822 <div id="text_1p48969" class="h4 font-size-16 line-height-default text-left text-primary font-oswald"> 1823 Quicklinks 1824 </div> 1825 </div> 1826<div class="verticalspacer parbase"> 1827 <div class="pt-3"> </div> 1828 </div> 1829 1830<div class="htmlSlot parbase"> 1831 <div class="text parbase"> 1832 <div id="text_1s27180" class="font-size-16 line-height-default text-left text-black font-oswald quicklinks"> 1833 <a href="https://www.sorelfootwear.co.uk/c/collections/ambler?searchmethod=quicklinksSearch" target="_self" class="text-black text-black text-decoration-none" data-searchmethod="quicklinksSearch"> 1834 Ambler⢠Collection 1835 </a> 1836 </div> 1837 </div> 1838 1839 <div class="verticalspacer parbase"> 1840 <div class="pt-3"> </div> 1841 </div> 1842 1843 <div class="text parbase"> 1844 <div id="text_1s27180" class="font-size-16 line-height-default text-left text-black font-oswald quicklinks"> 1845 <a href="https://www.sorelfootwear.co.uk/c/womens-boots?searchmethod=quicklinksSearch" target="_self" class="text-black text-black text-decoration-none" data-searchmethod="quicklinksSearch"> 1846 Women's Boots 1847 </a> 1848 </div> 1849 </div> 1850 1851 1852 <div class="verticalspacer parbase"> 1853 <div class="pt-3"> </div> 1854 </div> 1855 1856 1857 1858 <div class="text parbase"> 1859 <div id="text_1s27180" class="font-size-16 line-height-default text-left text-black font-oswald quicklinks"> 1860 <a href="https://www.sorelfootwear.co.uk/c/womens-sneakers?searchmethod=quicklinksSearch" target="_self" class="text-black text-black text-decoration-none" data-searchmethod="quicklinksSearch"> 1861 Women's Sneakers 1862 </a> 1863 </div> 1864 </div> 1865 1866 1867 1868 1869 <div class="verticalspacer parbase"> 1870 <div class="pt-3"> </div> 1871 </div> 1872 1873 1874 1875 1876 <div class="text parbase"> 1877 <div id="text_do9j4l" class="font-size-16 line-height-default text-left text-black font-oswald quicklinks"> 1878 <a href="https://www.sorelfootwear.co.uk/c/men-all?searchmethod=quicklinksSearch" target="_self" class="text-black text-black text-decoration-none" data-searchmethod="quicklinksSearch"> 1879 Men's Shoes & Boots 1880 </a> 1881 </div> 1882 </div> 1883</div> 1884 </div> 1885 1886 1887 1888 </div> 1889 </div> 1890 <div class="js-search-suggestions"></div> 1891 </div> 1892 <input type="hidden" value="en_GB" name="lang" /> 1893 <input type="hidden" value="manualSearch" name="searchMethod" /> 1894 </form> 1895</div> 1896 1897 </div> 1898 </div> 1899 1900 <!-- Logo --> 1901 <div class="siteheader__logo"> 1902 <div class="siteheader__logo__inner"> 1903 <a class="siteheader__logo__link" href="/" title="SOREL Home">
1904 <span class="siteheader__logo__icon siteheader__logo__icon--small"><svg><use href="#logo"></use></svg></span> 1905 <span class="siteheader__logo__icon siteheader__logo__icon--large"><svg><use href="#logo-mark"></use></svg></span> 1906 <span class="aria-offscreen">SOREL</span> 1907 </a> 1908 </div> 1909</div> 1910 1911 1912 <!-- Nav --> 1913 <div class="sitenav"> 1914 <div class="sitenav-bg"> 1915 <!-- Nav Menu --> 1916 <div class="sitenav__menu"> 1917 1918 1919 1920 1921 1922 1923<nav class="sitenav__nav" aria-label="Primary Categories Main Menu"> 1924 <ul role="menu" id="main-menu" class="sitenav-primary__ul"> 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 <!-- Primary Item --> 1936 <li role="menuitem" tabindex="0" aria-expanded="false" class="sitenav-primary__li " id="women" aria-label="Women"> 1937 <a tabindex="-1" aria-haspopup="true" href="/l/womens" title="Women" data-dtm-id="sitenav-link" data-dtm-category-id="women" class="sitenav-primary__a "> 1938 <span class="menu-text">Women</span> 1939 1940 <svg class="twisty svgicon"> 1941 <use href="#chevron_right"></use> 1942 </svg> 1943 1944 </a> 1945 1946 1947 1948 1949 <div class="sitenav-secondary "> 1950 <div class="sitenav-secondary__container"> 1951 <div class="menu-container d-lg-flex sitenav-secondary__menu--lg"> 1952 <div class="sitenav-secondary__menu-categories"> 1953 <div class="sitenav__back js-action__menuback d-lg-none"> 1954 <span class="sitenav__back-icon"> 1955 <svg class="svgicon"> 1956 <use href="#chevron_left"></use> 1957 </svg> 1958 </span> 1959 <span class="sitenav__back-text">Back</span> 1960 </div> 1961 1962 1963 <ul class="sitenav-secondary__menu sitenav-secondary__ul d-lg-none"> 1964 <li role="menuitem" tabindex="0" aria-expanded="false" class="sitenav-secondary__li" id="women" aria-label="Women"> 1965 <a tabindex="-1" aria-haspopup="true" href="/l/womens" title="Women" data-dtm-id="sitenav-link" data-dtm-category-id="women" class="sitenav-secondary__a "> 1966 <span class="menu-text h2 mb-0">Women</span> 1967 </a> 1968 </li> 1969 </ul> 1970 1971 1972 <!-- Featured --> 1973 <ul class="sitenav-secondary__menu sitenav-secondary__ul sitenav-secondary__menu--featured "> 1974 1975 1976 1977 1978 1979 1980 <!-- Secondary Item Featured --> 1981 1982 <li tabindex="0" aria-label="New collection" class="sitenav-secondary__li " id="women-women-new"> 1983 <a tabindex="-1" href="/c/womens-new-arrivals" class="sitenav-secondary__a text-blue" title="New collection"> 1984 <sp
1984an class="h4 sitenav-secondary__h4 menu-text">New collection</span> 1985 </a> 1986 </li> 1987 1988 1989 1990 1991 1992 <!-- Secondary Item Featured --> 1993 1994 <li tabindex="0" aria-label="Best Sellers" class="sitenav-secondary__li " id="women-women-bestseller"> 1995 <a tabindex="-1" href="/c/women/best-sellers" class="sitenav-secondary__a " title="Best Sellers"> 1996 <span class="h4 sitenav-secondary__h4 menu-text">Best Sellers</span> 1997 </a> 1998 </li> 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 <!-- Secondary Item Featured --> 2009 2010 <li tabindex="0" aria-expanded="false" aria-label="Collab" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories " id="women-women-collab"> 2011 <a tabindex="-1" class="sitenav-secondary__a " href="/c/women/collab" title="Collab" 2012 data-dtm-id="sitenav-link" 2013 data-dtm-category-id="women-collab" 2014 > 2015 <span class="h4 sitenav-secondary__h4">Collab</span> 2016 2017 <svg class="twisty svgicon"> 2018 <use href="#chevron_right"></use> 2019 </svg> 2020 2021 </a> 2022 <ul class="sitenav-tertiary__ul mb-md-2"> 2023 2024 2025 2026 <!-- Tertiary Item --> 2027 <li tabindex="0" aria-label="Collab" class="sitenav-tertiary__li " 2028 id="women-women-collab-women-collab-needles"> 2029 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/collab/sorel-x-needles" title="SOREL X Needles™" 2030 class="sitenav-tertiary__a " 2031 data-dtm-id="sitenav-link" 2032 data-dtm-category-id="women-collab-needles" 2033 > 2034 <sp
2034an class="menu-text">SOREL X Needles™</span> 2035 </a> 2036 </li> 2037 2038 2039 2040 2041 2042 2043 2044 2045 </ul> 2046 </li> 2047 2048 2049 2050 2051 2052 <!-- Secondary Item Featured --> 2053 2054 <li tabindex="0" aria-expanded="false" aria-label="Collections" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories mt-lg-3" id="women-women-collection"> 2055 <a tabindex="-1" class="sitenav-secondary__a " href="/c/womens-collections" title="Collections" 2056 data-dtm-id="sitenav-link" 2057 data-dtm-category-id="women-collection" 2058 > 2059 <span class="h4 sitenav-secondary__h4">Collections</span> 2060 2061 <svg class="twisty svgicon"> 2062 <use href="#chevron_right"></use> 2063 </svg> 2064 2065 </a> 2066 <ul class="sitenav-tertiary__ul mb-md-2"> 2067 2068 2069 2070 <!-- Tertiary Item --> 2071 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 2072 id="women-women-collection-ambler-women"> 2073 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/collections/ambler?prefv1=Women&prefn1=genderGroup" title="AMBLER™" 2074 class="sitenav-tertiary__a " 2075 data-dtm-id="sitenav-link" 2076 data-dtm-category-id="ambler-women" 2077 > 2078 <sp
2078an class="menu-text">AMBLER™</span> 2079 </a> 2080 </li> 2081 2082 2083 2084 2085 <!-- Tertiary Item --> 2086 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 2087 id="women-women-collection-kinetic"> 2088 <a tabindex="-1" href="/c/women/collections/kinetic" title="KINETIC™" 2089 class="sitenav-tertiary__a " 2090 data-dtm-id="sitenav-link" 2091 data-dtm-category-id="kinetic" 2092 > 2093 <span class="menu-text">KINETIC™</span> 2094 </a> 2095 </li> 2096 2097 2098 2099 2100 <!-- Tertiary Item --> 2101 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 2102 id="women-women-collection-Callsign-women"> 2103 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/collections/callsign-horizon?prefv1=Women&prefn1=genderGroup" title="CALLSIGN™" 2104 class="sitenav-tertiary__a " 2105 data-dtm-id="sitenav-link" 2106 data-dtm-category-id="Callsign-women" 2107 > 2108 <span class="menu-text">CALLSIGN™</span> 2109 </a> 2110 </li> 2111 2112 2113 2114 2115 <!-- Tertiary Item --> 2116 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 2117 id="women-women-collection-horizon"> 2118 <a tabindex="-1" href="/c/horizon-women" title="HORIZON™" 2119 class="sitenav-tertiary__a " 2120 data-dtm-id="sitenav-link" 2121 data-dtm-category-id="horizon" 2122 > 2123 <sp
2123an class="menu-text">HORIZON™</span> 2124 </a> 2125 </li> 2126 2127 2128 2129 2130 <!-- Tertiary Item --> 2131 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 2132 id="women-women-collection-out"> 2133 <a tabindex="-1" href="/c/out-n-about" title="OUT N ABOUT™" 2134 class="sitenav-tertiary__a " 2135 data-dtm-id="sitenav-link" 2136 data-dtm-category-id="out" 2137 > 2138 <span class="menu-text">OUT N ABOUT™</span> 2139 </a> 2140 </li> 2141 2142 2143 2144 2145 <!-- Tertiary Item --> 2146 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 2147 id="women-women-collection-caribou"> 2148 <a tabindex="-1" href="/c/caribou-women-collection" title="CARIBOU™" 2149 class="sitenav-tertiary__a " 2150 data-dtm-id="sitenav-link" 2151 data-dtm-category-id="caribou" 2152 > 2153 <span class="menu-text">CARIBOU™</span> 2154 </a> 2155 </li> 2156 2157 2158 2159 2160 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172 2173 2174 2175 2176 2177 2178 2179 2180 2181 2182 2183 2184 2185 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 2200 2201 2202 2203 2204 2205 2206 2207 2208 2209 2210 2211 2212 2213 2214 2215 2216 2217 2218 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235 2236 2237 2238 2239 2240 2241 2242 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 </ul> 2253 </li> 2254 2255 2256 2257 2258 2259 2260 2261 </ul> 2262 2263 2264 <!-- Secondary Category--> 2265 2266 2267 <div class="sitenav-secondary__menu sitenav-secondary__menu--category "> 2268 <ul role="menu" class="sitenav-secondary__ul d-lg-flex flex-lg-wrap "> 2269 2270 2271 2272 2273 <!-- Secondary Item --> 2274 <li role="menuitem" tabindex="0" aria-expanded="false" aria-label="Boots" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="women-women-boots"> 2275 <a class="sitenav-secondary__a " href="/c/womens-boots" title="Boots" data-dtm-id="sitenav-link" 2276 data-dtm-category-id="women-boots" 2277 > 2278 <sp
2278an class="h4 sitenav-secondary__h4">Boots</span> 2279 2280 <svg class="twisty svgicon"> 2281 <use href="#chevron_right"></use> 2282 </svg> 2283 2284 </a> 2285 <ul role="menu" class="sitenav-tertiary__ul mb-lg-3"> 2286 2287 2288 2289 <!-- Tertiary Item --> 2290 <li role="menuitem" aria-label="All Boots" tabindex="0" class="sitenav-tertiary__li d-lg-none" 2291 id="women-women-boots-women-boots-shopall"> 2292 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/womens-boots" 2293 title="All Boots" 2294 data-dtm-id="sitenav-link" 2295 data-dtm-category-id="women-boots-shopall" 2296 class="sitenav-tertiary__a d-lg-none 2297 "> 2298 <span class="menu-text">All Boots</span> 2299 </a> 2300 </li> 2301 2302 2303 2304 2305 <!-- Tertiary Item --> 2306 <li role="menuitem" aria-label="Casual Boots" tabindex="0" class="sitenav-tertiary__li " 2307 id="women-women-boots-women-boots-casual"> 2308 <a tabindex="-1" href="/c/women-casual-boots" 2309 title="Casual Boots" 2310 data-dtm-id="sitenav-link" 2311 data-dtm-category-id="women-boots-casual" 2312 class="sitenav-tertiary__a 2313 "> 2314 <span class="menu-text">Casual Boots</span> 2315 </a> 2316 </li> 2317 2318 2319 2320 2321 <!-- Tertiary Item --> 2322 <li role="menuitem" aria-label="Ankle Boots" tabindex="0" class="sitenav-tertiary__li " 2323 id="women-women-boots-women-boots-booties"> 2324 <a tabindex="-1" href="/c/womens-ankle-boots" 2325 title="Ankle Boots" 2326 data-dtm-id="sitenav-link" 2327 data-dtm-category-id="women-boots-booties" 2328 class="sitenav-tertiary__a 2329 "> 2330 <sp
2330an class="menu-text">Ankle Boots</span> 2331 </a> 2332 </li> 2333 2334 2335 2336 2337 <!-- Tertiary Item --> 2338 <li role="menuitem" aria-label="Waterproof Boots" tabindex="0" class="sitenav-tertiary__li " 2339 id="women-women-boots-women-boots-rain"> 2340 <a tabindex="-1" href="/c/womens-rain-waterproof-boots" 2341 title="Waterproof Boots" 2342 data-dtm-id="sitenav-link" 2343 data-dtm-category-id="women-boots-rain" 2344 class="sitenav-tertiary__a 2345 "> 2346 <span class="menu-text">Waterproof Boots</span> 2347 </a> 2348 </li> 2349 2350 2351 2352 2353 <!-- Tertiary Item --> 2354 <li role="menuitem" aria-label="Chelsea Boots" tabindex="0" class="sitenav-tertiary__li " 2355 id="women-women-boots-women-boots-chelsea"> 2356 <a tabindex="-1" href="/c/women-chelsea-boots" 2357 title="Chelsea Boots" 2358 data-dtm-id="sitenav-link" 2359 data-dtm-category-id="women-boots-chelsea" 2360 class="sitenav-tertiary__a 2361 "> 2362 <span class="menu-text">Chelsea Boots</span> 2363 </a> 2364 </li> 2365 2366 2367 2368 2369 <!-- Tertiary Item --> 2370 <li role="menuitem" aria-label="Winter Boots" tabindex="0" class="sitenav-tertiary__li " 2371 id="women-women-boots-women-fashion-snow"> 2372 <a tabindex="-1" href="/c/women/boots/winter-boots" 2373 title="Winter Boots" 2374 data-dtm-id="sitenav-link" 2375 data-dtm-category-id="women-fashion-snow" 2376 class="sitenav-tertiary__a 2377 "> 2378 <sp
2378an class="menu-text">Winter Boots</span> 2379 </a> 2380 </li> 2381 2382 2383 2384 2385 <!-- Tertiary Item --> 2386 <li role="menuitem" aria-label="Snow Boots" tabindex="0" class="sitenav-tertiary__li " 2387 id="women-women-boots-women-iconic-snow"> 2388 <a tabindex="-1" href="/c/women/boots/snow-boots" 2389 title="Snow Boots" 2390 data-dtm-id="sitenav-link" 2391 data-dtm-category-id="women-iconic-snow" 2392 class="sitenav-tertiary__a 2393 "> 2394 <span class="menu-text">Snow Boots</span> 2395 </a> 2396 </li> 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 </ul> 2424 </li> 2425 2426 2427 2428 2429 2430 2431 <!-- Secondary Item --> 2432 <li role="menuitem" tabindex="0" aria-expanded="false" aria-label="Sneakers" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="women-women-sneakers"> 2433 <a class="sitenav-secondary__a " href="/c/womens-sneakers" title="Sneakers" data-dtm-id="sitenav-link" 2434 data-dtm-category-id="women-sneakers" 2435 > 2436 <sp
2436an class="h4 sitenav-secondary__h4">Sneakers</span> 2437 2438 <svg class="twisty svgicon"> 2439 <use href="#chevron_right"></use> 2440 </svg> 2441 2442 </a> 2443 <ul role="menu" class="sitenav-tertiary__ul mb-lg-3"> 2444 2445 2446 2447 <!-- Tertiary Item --> 2448 <li role="menuitem" aria-label="All Sneakers" tabindex="0" class="sitenav-tertiary__li d-lg-none" 2449 id="women-women-sneakers-women-sneakers-all"> 2450 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/womens-sneakers" 2451 title="All Sneakers" 2452 data-dtm-id="sitenav-link" 2453 data-dtm-category-id="women-sneakers-all" 2454 class="sitenav-tertiary__a d-lg-none 2455 "> 2456 <span class="menu-text">All Sneakers</span> 2457 </a> 2458 </li> 2459 2460 2461 2462 2463 <!-- Tertiary Item --> 2464 <li role="menuitem" aria-label="Waterproof Sneakers" tabindex="0" class="sitenav-tertiary__li " 2465 id="women-women-sneakers-women-sneakers-waterproof"> 2466 <a tabindex="-1" href="/c/waterproof-sneakers" 2467 title="Waterproof Sneakers" 2468 data-dtm-id="sitenav-link" 2469 data-dtm-category-id="women-sneakers-waterproof" 2470 class="sitenav-tertiary__a 2471 "> 2472 <span class="menu-text">Waterproof Sneakers</span> 2473 </a> 2474 </li> 2475 2476 2477 2478 2479 <!-- Tertiary Item --> 2480 <li role="menuitem" aria-label="Casual Sneakers" tabindex="0" class="sitenav-tertiary__li " 2481 id="women-women-sneakers-women-sneakers-low"> 2482 <a tabindex="-1" href="/c/casual-sneakers" 2483 title="Casual Sneakers" 2484 data-dtm-id="sitenav-link" 2485 data-dtm-category-id="women-sneakers-low" 2486 class="sitenav-tertiary__a 2487 "> 2488 <sp
2488an class="menu-text">Casual Sneakers</span> 2489 </a> 2490 </li> 2491 2492 2493 2494 2495 <!-- Tertiary Item --> 2496 <li role="menuitem" aria-label="Mule Sneakers" tabindex="0" class="sitenav-tertiary__li " 2497 id="women-women-sneakers-women-sneakers-mules"> 2498 <a tabindex="-1" href="/c/mule-sneakers" 2499 title="Mule Sneakers" 2500 data-dtm-id="sitenav-link" 2501 data-dtm-category-id="women-sneakers-mules" 2502 class="sitenav-tertiary__a 2503 "> 2504 <span class="menu-text">Mule Sneakers</span> 2505 </a> 2506 </li> 2507 2508 2509 2510 2511 2512 2513 2514 2515 </ul> 2516 </li> 2517 2518 2519 2520 2521 2522 2523 <!-- Secondary Item --> 2524 <li role="menuitem" tabindex="0" aria-expanded="false" aria-label="Shoes" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="women-women-shoes"> 2525 <a class="sitenav-secondary__a " href="/c/women/shoes" title="Shoes" data-dtm-id="sitenav-link" 2526 data-dtm-category-id="women-shoes" 2527 > 2528 <span class="h4 sitenav-secondary__h4">Shoes</span> 2529 2530 <svg class="twisty svgicon"> 2531 <use href="#chevron_right"></use> 2532 </svg> 2533 2534 </a> 2535 <ul role="menu" class="sitenav-tertiary__ul mb-lg-3"> 2536 2537 2538 2539 <!-- Tertiary Item --> 2540 <li role="menuitem" aria-label="Casual Shoes" tabindex="0" class="sitenav-tertiary__li " 2541 id="women-women-shoes-women-shoes-casual"> 2542 <a tabindex="-1" href="/c/women-casual-shoes" 2543 title="Casual Shoes" 2544 data-dtm-id="sitenav-link" 2545 data-dtm-category-id="women-shoes-casual" 2546 class="sitenav-tertiary__a 2547 "> 2548 <sp
2548an class="menu-text">Casual Shoes</span> 2549 </a> 2550 </li> 2551 2552 2553 2554 2555 2556 2557 <!-- Tertiary Item --> 2558 <li role="menuitem" aria-label="Clogs" tabindex="0" class="sitenav-tertiary__li " 2559 id="women-women-shoes-women-clog"> 2560 <a tabindex="-1" href="/c/womens-clogs" 2561 title="Clogs" 2562 data-dtm-id="sitenav-link" 2563 data-dtm-category-id="women-clog" 2564 class="sitenav-tertiary__a 2565 "> 2566 <span class="menu-text">Clogs</span> 2567 </a> 2568 </li> 2569 2570 2571 </ul> 2572 </li> 2573 2574 2575 2576 2577 2578 2579 <!-- Secondary Item --> 2580 <li role="menuitem" tabindex="0" aria-expanded="false" aria-label="Sandals" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="women-women-sandals"> 2581 <a class="sitenav-secondary__a " href="/c/women-wedge-sandals" title="Sandals" data-dtm-id="sitenav-link" 2582 data-dtm-category-id="women-sandals" 2583 > 2584 <span class="h4 sitenav-secondary__h4">Sandals</span> 2585 2586 <svg class="twisty svgicon"> 2587 <use href="#chevron_right"></use> 2588 </svg> 2589 2590 </a> 2591 <ul role="menu" class="sitenav-tertiary__ul mb-lg-3"> 2592 2593 2594 2595 2596 2597 <!-- Tertiary Item --> 2598 <li role="menuitem" aria-label="All Sandals" tabindex="0" class="sitenav-tertiary__li d-lg-none" 2599 id="women-women-sandals-women-sandals-all"> 2600 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/women-wedge-sandals" 2601 title="All Sandals" 2602 data-dtm-id="sitenav-link" 2603 data-dtm-category-id="women-sandals-all" 2604 class="sitenav-tertiary__a d-lg-none 2605 "> 2606 <sp
2606an class="menu-text">All Sandals</span> 2607 </a> 2608 </li> 2609 2610 2611 2612 2613 2614 2615 <!-- Tertiary Item --> 2616 <li role="menuitem" aria-label="Flat Sandals" tabindex="0" class="sitenav-tertiary__li " 2617 id="women-women-sandals-women-sandals-flat"> 2618 <a tabindex="-1" href="/c/womens-flat-sandals" 2619 title="Flat Sandals" 2620 data-dtm-id="sitenav-link" 2621 data-dtm-category-id="women-sandals-flat" 2622 class="sitenav-tertiary__a 2623 "> 2624 <span class="menu-text">Flat Sandals</span> 2625 </a> 2626 </li> 2627 2628 2629 2630 2631 <!-- Tertiary Item --> 2632 <li role="menuitem" aria-label="Ankle Strap Sandals" tabindex="0" class="sitenav-tertiary__li " 2633 id="women-women-sandals-women-sandals-anklestrap"> 2634 <a tabindex="-1" href="/c/womens-ankle-strap-sandals" 2635 title="Ankle Strap Sandals" 2636 data-dtm-id="sitenav-link" 2637 data-dtm-category-id="women-sandals-anklestrap" 2638 class="sitenav-tertiary__a 2639 "> 2640 <span class="menu-text">Ankle Strap Sandals</span> 2641 </a> 2642 </li> 2643 2644 2645 2646 2647 <!-- Tertiary Item --> 2648 <li role="menuitem" aria-label="Heel & Wedge Sandals" tabindex="0" class="sitenav-tertiary__li " 2649 id="women-women-sandals-women-sandals-heels"> 2650 <a tabindex="-1" href="/c/womens-heel-sandals" 2651 title="Heel & Wedge Sandals" 2652 data-dtm-id="sitenav-link" 2653 data-dtm-category-id="women-sandals-heels" 2654 class="sitenav-tertiary__a 2655 "> 2656 <sp
2656an class="menu-text">Heel & Wedge Sandals</span> 2657 </a> 2658 </li> 2659 2660 2661 2662 2663 </ul> 2664 </li> 2665 2666 2667 2668 2669 2670 2671 2672 2673 2674 2675 <!-- Secondary Item --> 2676 <li role="menuitem" tabindex="0" aria-label="Apparel" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="women-women-clothing"> 2677 <a class="sitenav-secondary__a " href="/c/women-apparel" title="Apparel" 2678 data-dtm-id="sitenav-link" 2679 data-dtm-category-id="women-clothing"> 2680 <span class="h4 sitenav-secondary__h4">Apparel</span> 2681 </a> 2682 </li> 2683 2684 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 2696 </ul> 2697 </div> 2698 2699 2700 <!-- Secondary Featured --> 2701 <ul role="menu" class="sitenav-secondary__menu sitenav-secondary__ul sitenav-secondary__menu--secondaryfeatured "> 2702 2703 2704 2705 2706 <!-- Secondary Item Secondary Featured --> 2707 <li role="menuitem" tabindex="0" aria-label="Outlet" class="sitenav-secondary__li " 2708 id="women-women-sale"> 2709 <a class="sitenav-secondary__a text-sale" href="https://www.sorelfootwear.co.uk/c/sale-womens-boots-shoes" title="Outlet" 2710 data-dtm-id="sitenav-link" 2711 data-dtm-category-id="women-sale" 2712 > 2713 <sp
2713an class="h4 sitenav-secondary__h4">Outlet</span> 2714 </a> 2715 </li> 2716 2717 2718 2719 2720 <!-- Secondary Item Secondary Featured --> 2721 <li role="menuitem" tabindex="0" aria-label="Slippers" class="sitenav-secondary__li " 2722 id="women-women-slippers"> 2723 <a class="sitenav-secondary__a " href="/c/womens-slippers" title="Slippers" 2724 data-dtm-id="sitenav-link" 2725 data-dtm-category-id="women-slippers" 2726 > 2727 <span class="h4 sitenav-secondary__h4">Slippers</span> 2728 </a> 2729 </li> 2730 2731 2732 2733 2734 <!-- Secondary Item Secondary Featured --> 2735 <li role="menuitem" tabindex="0" aria-label="Boot Liners" class="sitenav-secondary__li " 2736 id="women-women-liners"> 2737 <a class="sitenav-secondary__a " href="/c/womens-boot-liners" title="Boot Liners" 2738 data-dtm-id="sitenav-link" 2739 data-dtm-category-id="women-liners" 2740 > 2741 <span class="h4 sitenav-secondary__h4">Boot Liners</span> 2742 </a> 2743 </li> 2744 2745 2746 <li role="menuitem" tabindex="0" class="d-none d-lg-block sitenav-secondary__li sitenav-secondary__li--shopall"> 2747 <a tabindex="-1" 2748 href="/s/Sorel_UK/c/women-all" 2749 title="Women" 2750 data-dtm-id="sitenav-link" 2751 data-dtm-category-id="women" 2752 class="sitenav-secondary__a "> 2753 <span class="menu-text"> 2754 Shop All 2755 </span> 2756 <svg class="svgicon"> 2757 <use href="#arrow_forward"></use> 2758 </svg> 2759 </a> 2760 </li> 2761 </ul> 2762 2763 2764 <div tabindex="0" class="d-lg-none sitenav-secondary__div sitenav-secondary__div--shopall"> 2765 <a tabindex="-1" href="/s/Sorel_UK/c/women-all" title="Women" data-dtm-id="sitenav-link" data-dtm-category-id="women" class="btn btn-primary btn-block">
2766 <span class="menu-text">Shop all</span> 2767 </a> 2768 </div> 2769 2770 </div> 2771 2772 2773 2774 2775 </div> 2776 2777 2778 2779 2780 </div> 2781 </div> 2782 2783 </li> 2784 2785 2786 2787 2788 <!-- Primary Item --> 2789 <li role="menuitem" tabindex="0" aria-expanded="false" class="sitenav-primary__li " id="men" aria-label="Men"> 2790 <a tabindex="-1" aria-haspopup="true" href="/l/mens" title="Men" data-dtm-id="sitenav-link" data-dtm-category-id="men" class="sitenav-primary__a "> 2791 <span class="menu-text">Men</span> 2792 2793 <svg class="twisty svgicon"> 2794 <use href="#chevron_right"></use> 2795 </svg> 2796 2797 </a> 2798 2799 2800 2801 2802 <div class="sitenav-secondary "> 2803 <div class="sitenav-secondary__container"> 2804 <div class="menu-container d-lg-flex sitenav-secondary__menu--lg"> 2805 <div class="sitenav-secondary__menu-categories"> 2806 <div class="sitenav__back js-action__menuback d-lg-none"> 2807 <span class="sitenav__back-icon"> 2808 <svg class="svgicon"> 2809 <use href="#chevron_left"></use> 2810 </svg> 2811 </span> 2812 <span class="sitenav__back-text">Back</span> 2813 </div> 2814 2815 2816 <ul class="sitenav-secondary__menu sitenav-secondary__ul d-lg-none"> 2817 <li role="menuitem" tabindex="0" aria-expanded="false" class="sitenav-secondary__li" id="men" aria-label="Men"> 2818 <a tabindex="-1" aria-haspopup="true" href="/l/mens" title="Men" data-dtm-id="sitenav-link" data-dtm-category-id="men" class="sitenav-secondary__a "> 2819 <span class="menu-text h2 mb-0">Men</span> 2820 </a> 2821 </li> 2822 </ul> 2823 2824 2825 <!-- Featured --> 2826 <ul class="sitenav-secondary__menu sitenav-secondary__ul sitenav-secondary__menu--featured "> 2827 2828 2829 2830 2831 2832 2833 <!-- Secondary Item Featured --> 2834 2835 <li tabindex="0" aria-label="New collection" class="sitenav-secondary__li " id="men-men-new"> 2836 <a tabindex="-1" href="/c/mens-new-arrivals" class="sitenav-secondary__a text-blue" title="New collection"> 2837 <sp
2837an class="h4 sitenav-secondary__h4 menu-text">New collection</span> 2838 </a> 2839 </li> 2840 2841 2842 2843 2844 2845 <!-- Secondary Item Featured --> 2846 2847 <li tabindex="0" aria-label="Best Sellers" class="sitenav-secondary__li " id="men-men-best-sellers"> 2848 <a tabindex="-1" href="/c/men/best-sellers" class="sitenav-secondary__a " title="Best Sellers"> 2849 <span class="h4 sitenav-secondary__h4 menu-text">Best Sellers</span> 2850 </a> 2851 </li> 2852 2853 2854 2855 2856 2857 2858 2859 <!-- Secondary Item Featured --> 2860 2861 <li tabindex="0" aria-expanded="false" aria-label="Collab" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories " id="men-men-collab"> 2862 <a tabindex="-1" class="sitenav-secondary__a " href="/c/men/collab" title="Collab" 2863 data-dtm-id="sitenav-link" 2864 data-dtm-category-id="men-collab" 2865 > 2866 <span class="h4 sitenav-secondary__h4">Collab</span> 2867 2868 <svg class="twisty svgicon"> 2869 <use href="#chevron_right"></use> 2870 </svg> 2871 2872 </a> 2873 <ul class="sitenav-tertiary__ul mb-md-2"> 2874 2875 2876 2877 2878 2879 <!-- Tertiary Item --> 2880 <li tabindex="0" aria-label="Collab" class="sitenav-tertiary__li " 2881 id="men-men-collab-men-collab-needles"> 2882 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/collab/sorel-x-needles" title="SOREL X Needles™" 2883 class="sitenav-tertiary__a " 2884 data-dtm-id="sitenav-link" 2885 data-dtm-category-id="men-collab-needles" 2886 > 2887 <sp
2887an class="menu-text">SOREL X Needles™</span> 2888 </a> 2889 </li> 2890 2891 2892 2893 2894 </ul> 2895 </li> 2896 2897 2898 2899 2900 2901 <!-- Secondary Item Featured --> 2902 2903 <li tabindex="0" aria-expanded="false" aria-label="Collections" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories mt-lg-3" id="men-men-collection"> 2904 <a tabindex="-1" class="sitenav-secondary__a " href="/c/men/collections" title="Collections" 2905 data-dtm-id="sitenav-link" 2906 data-dtm-category-id="men-collection" 2907 > 2908 <span class="h4 sitenav-secondary__h4">Collections</span> 2909 2910 <svg class="twisty svgicon"> 2911 <use href="#chevron_right"></use> 2912 </svg> 2913 2914 </a> 2915 <ul class="sitenav-tertiary__ul mb-md-2"> 2916 2917 2918 2919 <!-- Tertiary Item --> 2920 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 2921 id="men-men-collection-ambler-men"> 2922 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/collections/ambler?prefv1=Men&prefn1=genderGroup" title="AMBLER™" 2923 class="sitenav-tertiary__a " 2924 data-dtm-id="sitenav-link" 2925 data-dtm-category-id="ambler-men" 2926 > 2927 <span class="menu-text">AMBLER™</span> 2928 </a> 2929 </li> 2930 2931 2932 2933 2934 <!-- Tertiary Item --> 2935 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 2936 id="men-men-collection-horizon-men"> 2937 <a tabindex="-1" href="/c/horizon-men" title="HORIZON™" 2938 class="sitenav-tertiary__a " 2939 data-dtm-id="sitenav-link" 2940 data-dtm-category-id="horizon-men" 2941 > 2942 <sp
2942an class="menu-text">HORIZON™</span> 2943 </a> 2944 </li> 2945 2946 2947 2948 2949 <!-- Tertiary Item --> 2950 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 2951 id="men-men-collection-men-caribou"> 2952 <a tabindex="-1" href="/c/men/collections/caribou" title="CARIBOU™" 2953 class="sitenav-tertiary__a " 2954 data-dtm-id="sitenav-link" 2955 data-dtm-category-id="men-caribou" 2956 > 2957 <span class="menu-text">CARIBOU™</span> 2958 </a> 2959 </li> 2960 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 <!-- Tertiary Item --> 2971 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 2972 id="men-men-collection-callsign-men"> 2973 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/collections/callsign-horizon?prefv1=Men&prefn1=genderGroup" title="CALLSIGN™" 2974 class="sitenav-tertiary__a " 2975 data-dtm-id="sitenav-link" 2976 data-dtm-category-id="callsign-men" 2977 > 2978 <span class="menu-text">CALLSIGN™</span> 2979 </a> 2980 </li> 2981 2982 2983 2984 2985 2986 2987 2988 2989 2990 2991 2992 2993 2994 2995 2996 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007 </ul> 3008 </li> 3009 3010 3011 3012 3013 3014 3015 3016 </ul> 3017 3018 3019 <!-- Secondary Category--> 3020 3021 3022 <div class="sitenav-secondary__menu sitenav-secondary__menu--category "> 3023 <ul role="menu" class="sitenav-secondary__ul d-lg-flex flex-lg-wrap "> 3024 3025 3026 3027 3028 <!-- Secondary Item --> 3029 <li role="menuitem" tabindex="0" aria-expanded="false" aria-label="Sneakers" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="men-men-sneakers"> 3030 <a class="sitenav-secondary__a " href="/c/men/sneakers" title="Sneakers" data-dtm-id="sitenav-link" 3031 data-dtm-category-id="men-sneakers" 3032 > 3033 <sp
3033an class="h4 sitenav-secondary__h4">Sneakers</span> 3034 3035 <svg class="twisty svgicon"> 3036 <use href="#chevron_right"></use> 3037 </svg> 3038 3039 </a> 3040 <ul role="menu" class="sitenav-tertiary__ul mb-lg-3"> 3041 3042 3043 3044 <!-- Tertiary Item --> 3045 <li role="menuitem" aria-label="All Sneakers" tabindex="0" class="sitenav-tertiary__li d-lg-none" 3046 id="men-men-sneakers-men-sneakers-all"> 3047 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/men/sneakers" 3048 title="All Sneakers" 3049 data-dtm-id="sitenav-link" 3050 data-dtm-category-id="men-sneakers-all" 3051 class="sitenav-tertiary__a d-lg-none 3052 "> 3053 <span class="menu-text">All Sneakers</span> 3054 </a> 3055 </li> 3056 3057 3058 3059 3060 <!-- Tertiary Item --> 3061 <li role="menuitem" aria-label="Waterproof Sneakers" tabindex="0" class="sitenav-tertiary__li " 3062 id="men-men-sneakers-waterproof-sneakers-men"> 3063 <a tabindex="-1" href="/c/waterproof-sneakers-men" 3064 title="Waterproof Sneakers" 3065 data-dtm-id="sitenav-link" 3066 data-dtm-category-id="waterproof-sneakers-men" 3067 class="sitenav-tertiary__a 3068 "> 3069 <span class="menu-text">Waterproof Sneakers</span> 3070 </a> 3071 </li> 3072 3073 3074 3075 3076 <!-- Tertiary Item --> 3077 <li role="menuitem" aria-label="Casual Sneakers" tabindex="0" class="sitenav-tertiary__li " 3078 id="men-men-sneakers-casual-sneakers-men"> 3079 <a tabindex="-1" href="/c/casual-sneakers-men" 3080 title="Casual Sneakers" 3081 data-dtm-id="sitenav-link" 3082 data-dtm-category-id="casual-sneakers-men" 3083 class="sitenav-tertiary__a 3084 "> 3085 <sp
3085an class="menu-text">Casual Sneakers</span> 3086 </a> 3087 </li> 3088 3089 3090 </ul> 3091 </li> 3092 3093 3094 3095 3096 3097 3098 <!-- Secondary Item --> 3099 <li role="menuitem" tabindex="0" aria-expanded="false" aria-label="Shoes" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="men-men-shoes"> 3100 <a class="sitenav-secondary__a " href="/c/mens-shoes" title="Shoes" data-dtm-id="sitenav-link" 3101 data-dtm-category-id="men-shoes" 3102 > 3103 <span class="h4 sitenav-secondary__h4">Shoes</span> 3104 3105 <svg class="twisty svgicon"> 3106 <use href="#chevron_right"></use> 3107 </svg> 3108 3109 </a> 3110 <ul role="menu" class="sitenav-tertiary__ul mb-lg-3"> 3111 3112 3113 3114 <!-- Tertiary Item --> 3115 <li role="menuitem" aria-label="Casual Shoes" tabindex="0" class="sitenav-tertiary__li " 3116 id="men-men-shoes-men-shoes-casual"> 3117 <a tabindex="-1" href="/c/men-casual-shoes" 3118 title="Casual Shoes" 3119 data-dtm-id="sitenav-link" 3120 data-dtm-category-id="men-shoes-casual" 3121 class="sitenav-tertiary__a 3122 "> 3123 <span class="menu-text">Casual Shoes</span> 3124 </a> 3125 </li> 3126 3127 3128 3129 3130 <!-- Tertiary Item --> 3131 <li role="menuitem" aria-label="Clogs" tabindex="0" class="sitenav-tertiary__li " 3132 id="men-men-shoes-men-clog"> 3133 <a tabindex="-1" href="/c/mens-clogs" 3134 title="Clogs" 3135 data-dtm-id="sitenav-link" 3136 data-dtm-category-id="men-clog" 3137 class="sitenav-tertiary__a 3138 "> 3139 <sp
3139an class="menu-text">Clogs</span> 3140 </a> 3141 </li> 3142 3143 3144 </ul> 3145 </li> 3146 3147 3148 3149 3150 3151 3152 <!-- Secondary Item --> 3153 <li role="menuitem" tabindex="0" aria-expanded="false" aria-label="Boots" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="men-men-boots"> 3154 <a class="sitenav-secondary__a " href="/c/mens-boots" title="Boots" data-dtm-id="sitenav-link" 3155 data-dtm-category-id="men-boots" 3156 > 3157 <span class="h4 sitenav-secondary__h4">Boots</span> 3158 3159 <svg class="twisty svgicon"> 3160 <use href="#chevron_right"></use> 3161 </svg> 3162 3163 </a> 3164 <ul role="menu" class="sitenav-tertiary__ul mb-lg-3"> 3165 3166 3167 3168 <!-- Tertiary Item --> 3169 <li role="menuitem" aria-label="All Boots" tabindex="0" class="sitenav-tertiary__li d-lg-none" 3170 id="men-men-boots-men-boots-shopall"> 3171 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/mens-boots" 3172 title="All Boots" 3173 data-dtm-id="sitenav-link" 3174 data-dtm-category-id="men-boots-shopall" 3175 class="sitenav-tertiary__a d-lg-none 3176 "> 3177 <span class="menu-text">All Boots</span> 3178 </a> 3179 </li> 3180 3181 3182 3183 3184 <!-- Tertiary Item --> 3185 <li role="menuitem" aria-label="Casual Boots" tabindex="0" class="sitenav-tertiary__li " 3186 id="men-men-boots-men-boots-casual"> 3187 <a tabindex="-1" href="/c/men-casual-boots" 3188 title="Casual Boots" 3189 data-dtm-id="sitenav-link" 3190 data-dtm-category-id="men-boots-casual" 3191 class="sitenav-tertiary__a 3192 "> 3193 <sp
3193an class="menu-text">Casual Boots</span> 3194 </a> 3195 </li> 3196 3197 3198 3199 3200 <!-- Tertiary Item --> 3201 <li role="menuitem" aria-label="Winter Boots" tabindex="0" class="sitenav-tertiary__li " 3202 id="men-men-boots-men-urban-snow"> 3203 <a tabindex="-1" href="/c/men/boots/winter-boots" 3204 title="Winter Boots" 3205 data-dtm-id="sitenav-link" 3206 data-dtm-category-id="men-urban-snow" 3207 class="sitenav-tertiary__a 3208 "> 3209 <span class="menu-text">Winter Boots</span> 3210 </a> 3211 </li> 3212 3213 3214 3215 3216 <!-- Tertiary Item --> 3217 <li role="menuitem" aria-label="Snow Boots" tabindex="0" class="sitenav-tertiary__li " 3218 id="men-men-boots-men-iconic-snow"> 3219 <a tabindex="-1" href="/c/men/boots/snow-boots" 3220 title="Snow Boots" 3221 data-dtm-id="sitenav-link" 3222 data-dtm-category-id="men-iconic-snow" 3223 class="sitenav-tertiary__a 3224 "> 3225 <span class="menu-text">Snow Boots</span> 3226 </a> 3227 </li> 3228 3229 3230 3231 3232 3233 3234 <!-- Tertiary Item --> 3235 <li role="menuitem" aria-label="Waterproof Boots" tabindex="0" class="sitenav-tertiary__li " 3236 id="men-men-boots-men-boots-rain"> 3237 <a tabindex="-1" href="/c/mens-rain-waterproof-boots" 3238 title="Waterproof Boots" 3239 data-dtm-id="sitenav-link" 3240 data-dtm-category-id="men-boots-rain" 3241 class="sitenav-tertiary__a 3242 "> 3243 <sp
3243an class="menu-text">Waterproof Boots</span> 3244 </a> 3245 </li> 3246 3247 3248 3249 3250 <!-- Tertiary Item --> 3251 <li role="menuitem" aria-label="Lace up Boots" tabindex="0" class="sitenav-tertiary__li " 3252 id="men-men-boots-men-boots-laceup"> 3253 <a tabindex="-1" href="/c/men-lace-up-boots" 3254 title="Lace up Boots" 3255 data-dtm-id="sitenav-link" 3256 data-dtm-category-id="men-boots-laceup" 3257 class="sitenav-tertiary__a 3258 "> 3259 <span class="menu-text">Lace up Boots</span> 3260 </a> 3261 </li> 3262 3263 3264 3265 3266 3267 3268 3269 3270 3271 3272 3273 3274 3275 3276 3277 3278 </ul> 3279 </li> 3280 3281 3282 3283 3284 3285 3286 3287 3288 <!-- Secondary Item --> 3289 <li role="menuitem" tabindex="0" aria-label="Apparel" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="men-men-clothing"> 3290 <a class="sitenav-secondary__a " href="/c/men-apparel" title="Ap
3290parel" 3291 data-dtm-id="sitenav-link" 3292 data-dtm-category-id="men-clothing"> 3293 <span class="h4 sitenav-secondary__h4">Apparel</span> 3294 </a> 3295 </li> 3296 3297 3298 3299 3300 3301 </ul> 3302 </div> 3303 3304 3305 <!-- Secondary Featured --> 3306 <ul role="menu" class="sitenav-secondary__menu sitenav-secondary__ul sitenav-secondary__menu--secondaryfeatured "> 3307 3308 3309 3310 3311 <!-- Secondary Item Secondary Featured --> 3312 <li role="menuitem" tabindex="0" aria-label="Outlet" class="sitenav-secondary__li " 3313 id="men-men-sale"> 3314 <a class="sitenav-secondary__a text-sale" href="https://www.sorelfootwear.co.uk/c/sale-mens-boots-slippers-shoes" title="Outlet" 3315 data-dtm-id="sitenav-link" 3316 data-dtm-category-id="men-sale" 3317 > 3318 <span class="h4 sitenav-secondary__h4">Outlet</span> 3319 </a> 3320 </li> 3321 3322 3323 3324 3325 <!-- Secondary Item Secondary Featured --> 3326 <li role="menuitem" tabindex="0" aria-label="Shearling Slippers" class="sitenav-secondary__li " 3327 id="men-men-slippers"> 3328 <a class="sitenav-secondary__a " href="/c/mens-slippers" title="Shearling Slippers" 3329 data-dtm-id="sitenav-link" 3330 data-dtm-category-id="men-slippers" 3331 > 3332 <span class="h4 sitenav-secondary__h4">Shearling Slippers</span> 3333 </a> 3334 </li> 3335 3336 3337 3338 3339 <!-- Secondary Item Secondary Featured --> 3340 <li role="menuitem" tabindex="0" aria-label="Boot Liners" class="sitenav-secondary__li " 3341 id="men-men-liners"> 3342 <a class="sitenav-secondary__a " href="/c/mens-boot-liners" title="Boot Liners" 3343 data-dtm-id="sitenav-link" 3344 data-dtm-category-id="men-liners" 3345 > 3346 <sp
3346an class="h4 sitenav-secondary__h4">Boot Liners</span> 3347 </a> 3348 </li> 3349 3350 3351 <li role="menuitem" tabindex="0" class="d-none d-lg-block sitenav-secondary__li sitenav-secondary__li--shopall"> 3352 <a tabindex="-1" 3353 href="/s/Sorel_UK/c/men-all" 3354 title="Men" 3355 data-dtm-id="sitenav-link" 3356 data-dtm-category-id="men" 3357 class="sitenav-secondary__a "> 3358 <span class="menu-text"> 3359 Shop All 3360 </span> 3361 <svg class="svgicon"> 3362 <use href="#arrow_forward"></use> 3363 </svg> 3364 </a> 3365 </li> 3366 </ul> 3367 3368 3369 <div tabindex="0" class="d-lg-none sitenav-secondary__div sitenav-secondary__div--shopall"> 3370 <a tabindex="-1" href="/s/Sorel_UK/c/men-all" title="Men" data-dtm-id="sitenav-link" data-dtm-category-id="men" class="btn btn-primary btn-block"> 3371 <span class="menu-text">Shop all</span> 3372 </a> 3373 </div> 3374 3375 </div> 3376 3377 3378 3379 3380 </div> 3381 3382 3383 3384 3385 </div> 3386 </div> 3387 3388 </li> 3389 3390 3391 3392 3393 <!-- Primary Item --> 3394 <li role="menuitem" tabindex="0" aria-expanded="false" class="sitenav-primary__li " id="kids" aria-label="Kids"> 3395 <a tabindex="-1" aria-haspopup="true" href="/l/kids" title="Kids" data-dtm-id="sitenav-link" data-dtm-category-id="kids" class="sitenav-primary__a "> 3396 <span class="menu-text">Kids</span> 3397 3398 <svg class="twisty svgicon"> 3399 <use href="#chevron_right"></use> 3400 </svg> 3401 3402 </a> 3403 3404 3405 3406 3407 <div class="sitenav-secondary "> 3408 <div class="sitenav-secondary__container"> 3409 <div class="menu-container d-lg-flex sitenav-secondary__menu--lg"> 3410 <div class="sitenav-secondary__menu-categories"> 3411 <div class="sitenav__back js-action__menuback d-lg-none"> 3412 <span class="sitenav__back-icon"> 3413 <svg class="svgicon"> 3414 <use href="#chevron_left"></use> 3415 </svg> 3416 </span>
3417 <span class="sitenav__back-text">Back</span> 3418 </div> 3419 3420 3421 <ul class="sitenav-secondary__menu sitenav-secondary__ul d-lg-none"> 3422 <li role="menuitem" tabindex="0" aria-expanded="false" class="sitenav-secondary__li" id="kids" aria-label="Kids"> 3423 <a tabindex="-1" aria-haspopup="true" href="/l/kids" title="Kids" data-dtm-id="sitenav-link" data-dtm-category-id="kids" class="sitenav-secondary__a "> 3424 <span class="menu-text h2 mb-0">Kids</span> 3425 </a> 3426 </li> 3427 </ul> 3428 3429 3430 <!-- Featured --> 3431 <ul class="sitenav-secondary__menu sitenav-secondary__ul sitenav-secondary__menu--featured "> 3432 3433 3434 3435 3436 3437 3438 <!-- Secondary Item Featured --> 3439 3440 <li tabindex="0" aria-label="kids collection" class="sitenav-secondary__li " id="kids-kids-new"> 3441 <a tabindex="-1" href="/c/kids-new-arrivals" class="sitenav-secondary__a text-blue" title="kids collection"> 3442 <span class="h4 sitenav-secondary__h4 menu-text">kids collection</span> 3443 </a> 3444 </li> 3445 3446 3447 3448 3449 3450 <!-- Secondary Item Featured --> 3451 3452 <li tabindex="0" aria-expanded="false" aria-label="Collections" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories mt-lg-3" id="kids-kids-collection"> 3453 <a tabindex="-1" class="sitenav-secondary__a " href="/c/kids/collections" title="Collections" 3454 data-dtm-id="sitenav-link" 3455 data-dtm-category-id="kids-collection" 3456 > 3457 <span class="h4 sitenav-secondary__h4">Collections</span> 3458 3459 <svg class="twisty svgicon"> 3460 <use href="#chevron_right"></use> 3461 </svg> 3462 3463 </a> 3464 <ul class="sitenav-tertiary__ul mb-md-2"> 3465 3466 3467 3468 <!-- Tertiary Item --> 3469 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 3470 id="kids-kids-collection-kids-featured-Caribou"> 3471 <a tabindex="-1" href="/c/kids/collections/caribou" title="CARIBOU™" 3472 class="sitenav-tertiary__a " 3473 data-dtm-id="sitenav-link" 3474 data-dtm-category-id="kids-featured-Caribou" 3475 > 3476 <sp
3476an class="menu-text">CARIBOU™</span> 3477 </a> 3478 </li> 3479 3480 3481 3482 3483 <!-- Tertiary Item --> 3484 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 3485 id="kids-kids-collection-kids-featured-Whitney"> 3486 <a tabindex="-1" href="/c/kids/collections/whitney" title="WHITNEY™" 3487 class="sitenav-tertiary__a " 3488 data-dtm-id="sitenav-link" 3489 data-dtm-category-id="kids-featured-Whitney" 3490 > 3491 <span class="menu-text">WHITNEY™</span> 3492 </a> 3493 </li> 3494 3495 3496 3497 3498 <!-- Tertiary Item --> 3499 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 3500 id="kids-kids-collection-kids-featured-Commander"> 3501 <a tabindex="-1" href="/c/kids/collections/commander" title="COMMANDER™" 3502 class="sitenav-tertiary__a " 3503 data-dtm-id="sitenav-link" 3504 data-dtm-category-id="kids-featured-Commander" 3505 > 3506 <span class="menu-text">COMMANDER™</span> 3507 </a> 3508 </li> 3509 3510 3511 3512 3513 <!-- Tertiary Item --> 3514 <li tabindex="0" aria-label="Collections" class="sitenav-tertiary__li " 3515 id="kids-kids-collection-kids-featured-ONA"> 3516 <a tabindex="-1" href="/c/kids/collections/out-n-about" title="OUT N ABOUT™" 3517 class="sitenav-tertiary__a " 3518 data-dtm-id="sitenav-link" 3519 data-dtm-category-id="kids-featured-ONA" 3520 > 3521 <sp
3521an class="menu-text">OUT N ABOUT™</span> 3522 </a> 3523 </li> 3524 3525 3526 </ul> 3527 </li> 3528 3529 3530 3531 3532 3533 3534 3535 </ul> 3536 3537 3538 <!-- Secondary Category--> 3539 3540 3541 <div class="sitenav-secondary__menu sitenav-secondary__menu--category "> 3542 <ul role="menu" class="sitenav-secondary__ul d-lg-flex flex-lg-wrap "> 3543 3544 3545 3546 3547 3548 3549 <!-- Secondary Item --> 3550 <li role="menuitem" tabindex="0" aria-expanded="false" aria-label="Youth (sizes 3-6UK)" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="kids-kids-youth"> 3551 <a class="sitenav-secondary__a " href="/c/youth-boots" title="Youth (sizes 3-6UK)" data-dtm-id="sitenav-link" 3552 data-dtm-category-id="kids-youth" 3553 > 3554 <span class="h4 sitenav-secondary__h4">Youth (sizes 3-6UK)</span> 3555 3556 <svg class="twisty svgicon"> 3557 <use href="#chevron_right"></use> 3558 </svg> 3559 3560 </a> 3561 <ul role="menu" class="sitenav-tertiary__ul mb-lg-3"> 3562 3563 3564 3565 <!-- Tertiary Item --> 3566 <li role="menuitem" aria-label="Snow Boots" tabindex="0" class="sitenav-tertiary__li " 3567 id="kids-kids-youth-kids-youth-snow-boots"> 3568 <a tabindex="-1" href="/c/youth-snow-boots" 3569 title="Snow Boots" 3570 data-dtm-id="sitenav-link" 3571 data-dtm-category-id="kids-youth-snow-boots" 3572 class="sitenav-tertiary__a 3573 "> 3574 <sp
3574an class="menu-text">Snow Boots</span> 3575 </a> 3576 </li> 3577 3578 3579 3580 3581 <!-- Tertiary Item --> 3582 <li role="menuitem" aria-label="Waterproof Boots" tabindex="0" class="sitenav-tertiary__li " 3583 id="kids-kids-youth-kids-youth-boots"> 3584 <a tabindex="-1" href="/c/youth-waterproof-boots" 3585 title="Waterproof Boots" 3586 data-dtm-id="sitenav-link" 3587 data-dtm-category-id="kids-youth-boots" 3588 class="sitenav-tertiary__a 3589 "> 3590 <span class="menu-text">Waterproof Boots</span> 3591 </a> 3592 </li> 3593 3594 3595 3596 3597 <!-- Tertiary Item --> 3598 <li role="menuitem" aria-label="Winter Boots" tabindex="0" class="sitenav-tertiary__li " 3599 id="kids-kids-youth-kids-youth-winter-boots"> 3600 <a tabindex="-1" href="/c/youth-winter-boots" 3601 title="Winter Boots" 3602 data-dtm-id="sitenav-link" 3603 data-dtm-category-id="kids-youth-winter-boots" 3604 class="sitenav-tertiary__a 3605 "> 3606 <span class="menu-text">Winter Boots</span> 3607 </a> 3608 </li> 3609 3610 3611 3612 3613 </ul> 3614 </li> 3615 3616 3617 3618 3619 3620 3621 <!-- Secondary Item --> 3622 <li role="menuitem" tabindex="0" aria-expanded="false" aria-label="Kids (sizes 10-2UK)" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="kids-kids-children"> 3623 <a class="sitenav-secondary__a " href="/c/children-boots" title="Kids (sizes 10-2UK)" data-dtm-id="sitenav-link" 3624 data-dtm-category-id="kids-children" 3625 > 3626 <sp
3626an class="h4 sitenav-secondary__h4">Kids (sizes 10-2UK)</span> 3627 3628 <svg class="twisty svgicon"> 3629 <use href="#chevron_right"></use> 3630 </svg> 3631 3632 </a> 3633 <ul role="menu" class="sitenav-tertiary__ul mb-lg-3"> 3634 3635 3636 3637 <!-- Tertiary Item --> 3638 <li role="menuitem" aria-label="Snow Boots" tabindex="0" class="sitenav-tertiary__li " 3639 id="kids-kids-children-kids-children-snow-boots"> 3640 <a tabindex="-1" href="/c/children-snow-boots" 3641 title="Snow Boots" 3642 data-dtm-id="sitenav-link" 3643 data-dtm-category-id="kids-children-snow-boots" 3644 class="sitenav-tertiary__a 3645 "> 3646 <span class="menu-text">Snow Boots</span> 3647 </a> 3648 </li> 3649 3650 3651 3652 3653 <!-- Tertiary Item --> 3654 <li role="menuitem" aria-label="Waterproof Boots" tabindex="0" class="sitenav-tertiary__li " 3655 id="kids-kids-children-kids-children-boots"> 3656 <a tabindex="-1" href="/c/children-waterproof-boots" 3657 title="Waterproof Boots" 3658 data-dtm-id="sitenav-link" 3659 data-dtm-category-id="kids-children-boots" 3660 class="sitenav-tertiary__a 3661 "> 3662 <span class="menu-text">Waterproof Boots</span> 3663 </a> 3664 </li> 3665 3666 3667 3668 3669 <!-- Tertiary Item --> 3670 <li role="menuitem" aria-label="Winter Boots" tabindex="0" class="sitenav-tertiary__li " 3671 id="kids-kids-children-kids-children-winter-boots"> 3672 <a tabindex="-1" href="/c/kids-winter-boots" 3673 title="Winter Boots" 3674 data-dtm-id="sitenav-link" 3675 data-dtm-category-id="kids-children-winter-boots" 3676 class="sitenav-tertiary__a 3677 "> 3678 <sp
3678an class="menu-text">Winter Boots</span> 3679 </a> 3680 </li> 3681 3682 3683 3684 3685 </ul> 3686 </li> 3687 3688 3689 3690 3691 3692 3693 <!-- Secondary Item --> 3694 <li role="menuitem" tabindex="0" aria-expanded="false" aria-label="Toddler (sizes 3-9UK)" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="kids-kids-toddler"> 3695 <a class="sitenav-secondary__a " href="/c/toddler-boots" title="Toddler (sizes 3-9UK)" data-dtm-id="sitenav-link" 3696 data-dtm-category-id="kids-toddler" 3697 > 3698 <span class="h4 sitenav-secondary__h4">Toddler (sizes 3-9UK)</span> 3699 3700 <svg class="twisty svgicon"> 3701 <use href="#chevron_right"></use> 3702 </svg> 3703 3704 </a> 3705 <ul role="menu" class="sitenav-tertiary__ul mb-lg-3"> 3706 3707 3708 3709 3710 3711 <!-- Tertiary Item --> 3712 <li role="menuitem" aria-label="Snow Boots" tabindex="0" class="sitenav-tertiary__li " 3713 id="kids-kids-toddler-kids-toddler-snow"> 3714 <a tabindex="-1" href="/c/toddler-snow-boots" 3715 title="Snow Boots" 3716 data-dtm-id="sitenav-link" 3717 data-dtm-category-id="kids-toddler-snow" 3718 class="sitenav-tertiary__a 3719 "> 3720 <sp
3720an class="menu-text">Snow Boots</span> 3721 </a> 3722 </li> 3723 3724 3725 3726 3727 3728 3729 </ul> 3730 </li> 3731 3732 3733 3734 3735 3736 3737 3738 3739 3740 3741 3742 3743 3744 </ul> 3745 </div> 3746 3747 3748 <!-- Secondary Featured --> 3749 <ul role="menu" class="sitenav-secondary__menu sitenav-secondary__ul sitenav-secondary__menu--secondaryfeatured "> 3750 3751 3752 3753 3754 3755 3756 <!-- Secondary Item Secondary Featured --> 3757 <li role="menuitem" tabindex="0" aria-label="Slippers" class="sitenav-secondary__li " 3758 id="kids-kids-slippers"> 3759 <a class="sitenav-secondary__a " href="/c/kids-slippers" title="Slippers" 3760 data-dtm-id="sitenav-link" 3761 data-dtm-category-id="kids-slippers" 3762 > 3763 <span class="h4 sitenav-secondary__h4">Slippers</span> 3764 </a> 3765 </li> 3766 3767 3768 3769 3770 <li role="menuitem" tabindex="0" class="d-none d-lg-block sitenav-secondary__li sitenav-secondary__li--shopall"> 3771 <a tabindex="-1" 3772 href="/s/Sorel_UK/c/kids-collection" 3773 title="Kids" 3774 data-dtm-id="sitenav-link" 3775 data-dtm-category-id="kids" 3776 class="sitenav-secondary__a ">
3777 <span class="menu-text"> 3778 Shop All 3779 </span> 3780 <svg class="svgicon"> 3781 <use href="#arrow_forward"></use> 3782 </svg> 3783 </a> 3784 </li> 3785 </ul> 3786 3787 3788 <div tabindex="0" class="d-lg-none sitenav-secondary__div sitenav-secondary__div--shopall"> 3789 <a tabindex="-1" href="/s/Sorel_UK/c/kids-collection" title="Kids" data-dtm-id="sitenav-link" data-dtm-category-id="kids" class="btn btn-primary btn-block"> 3790 <span class="menu-text">Shop all</span> 3791 </a> 3792 </div> 3793 3794 </div> 3795 3796 3797 3798 3799 </div> 3800 3801 3802 3803 3804 </div> 3805 </div> 3806 3807 </li> 3808 3809 3810 3811 3812 3813 3814 3815 3816 <!-- Primary Item --> 3817 <li role="menuitem" tabindex="0" aria-expanded="false" class="sitenav-primary__li " id="sale" aria-label="Outlet"> 3818 <a tabindex="-1" aria-haspopup="true" href="/c/sale" title="Outlet" data-dtm-id="sitenav-link" data-dtm-category-id="sale" class="sitenav-primary__a text-sale"> 3819 <span class="menu-text">Outlet</span> 3820 3821 <svg class="twisty svgicon"> 3822 <use href="#chevron_right"></use> 3823 </svg> 3824 3825 </a> 3826 3827 3828 3829 3830 <div class="sitenav-secondary "> 3831 <div class="sitenav-secondary__container"> 3832 <div class="menu-container d-lg-flex sitenav-secondary__menu--lg"> 3833 <div class="sitenav-secondary__menu-categories"> 3834 <div class="sitenav__back js-action__menuback d-lg-none"> 3835 <span class="sitenav__back-icon"> 3836 <svg class="svgicon"> 3837 <use href="#chevron_left"></use> 3838 </svg> 3839 </span> 3840 <span class="sitenav__back-text">Back</span> 3841 </div> 3842 3843 3844 <ul class="sitenav-secondary__menu sitenav-secondary__ul d-lg-none"> 3845 <li role="menuitem" tabindex="0" aria-expanded="false" class="sitenav-secondary__li" id="sale" aria-label="Outlet"> 3846 <a tabindex="-1" aria-haspopup="true" href="/c/sale" title="Outlet" data-dtm-id="sitenav-link" data-dtm-category-id="sale" class="sitenav-secondary__a text-sale">
3847 <span class="menu-text h2 mb-0">Outlet</span> 3848 </a> 3849 </li> 3850 </ul> 3851 3852 3853 <!-- Featured --> 3854 <ul class="sitenav-secondary__menu sitenav-secondary__ul sitenav-secondary__menu--featured "> 3855 3856 3857 3858 3859 <!-- Secondary Item Featured --> 3860 3861 <li tabindex="0" aria-expanded="false" aria-label="Women" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories " id="sale-sale-women"> 3862 <a tabindex="-1" class="sitenav-secondary__a text-sale" href="https://www.sorelfootwear.co.uk/c/sale-womens-boots-shoes" title="Women" 3863 data-dtm-id="sitenav-link" 3864 data-dtm-category-id="sale-women" 3865 > 3866 <span class="h4 sitenav-secondary__h4">Women</span> 3867 3868 <svg class="twisty svgicon"> 3869 <use href="#chevron_right"></use> 3870 </svg> 3871 3872 </a> 3873 <ul class="sitenav-tertiary__ul mb-md-2"> 3874 3875 3876 3877 <!-- Tertiary Item --> 3878 <li tabindex="0" aria-label="Women" class="sitenav-tertiary__li d-lg-none" 3879 id="sale-sale-women-sale-women-shopall"> 3880 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/sale-womens-boots-shoes" title="Shop All" 3881 class="sitenav-tertiary__a d-lg-none text-sale" 3882 data-dtm-id="sitenav-link" 3883 data-dtm-category-id="sale-women-shopall" 3884 > 3885 <span class="menu-text">Shop All</span> 3886 </a> 3887 </li> 3888 3889 3890 3891 3892 <!-- Tertiary Item --> 3893 <li tabindex="0" aria-label="Women" class="sitenav-tertiary__li " 3894 id="sale-sale-women-sale-women-sneakers"> 3895 <a tabindex="-1" href="/c/women-sale-sneakers" title="Sneakers" 3896 class="sitenav-tertiary__a text-sale" 3897 data-dtm-id="sitenav-link" 3898 data-dtm-category-id="sale-women-sneakers" 3899 > 3900 <sp
3900an class="menu-text">Sneakers</span> 3901 </a> 3902 </li> 3903 3904 3905 3906 3907 <!-- Tertiary Item --> 3908 <li tabindex="0" aria-label="Women" class="sitenav-tertiary__li " 3909 id="sale-sale-women-sale-women-sandals"> 3910 <a tabindex="-1" href="/c/women-sale-sandals" title="Sandals" 3911 class="sitenav-tertiary__a text-sale" 3912 data-dtm-id="sitenav-link" 3913 data-dtm-category-id="sale-women-sandals" 3914 > 3915 <span class="menu-text">Sandals</span> 3916 </a> 3917 </li> 3918 3919 3920 3921 3922 <!-- Tertiary Item --> 3923 <li tabindex="0" aria-label="Women" class="sitenav-tertiary__li " 3924 id="sale-sale-women-sale-women-boots"> 3925 <a tabindex="-1" href="/c/women-sale-boots" title="Boots" 3926 class="sitenav-tertiary__a text-sale" 3927 data-dtm-id="sitenav-link" 3928 data-dtm-category-id="sale-women-boots" 3929 > 3930 <span class="menu-text">Boots</span> 3931 </a> 3932 </li> 3933 3934 3935 3936 3937 <!-- Tertiary Item --> 3938 <li tabindex="0" aria-label="Women" class="sitenav-tertiary__li " 3939 id="sale-sale-women-sale-women-snowboots"> 3940 <a tabindex="-1" href="/c/women-sale-snow-boots" title="Snow Boots" 3941 class="sitenav-tertiary__a text-sale" 3942 data-dtm-id="sitenav-link" 3943 data-dtm-category-id="sale-women-snowboots" 3944 > 3945 <sp
3945an class="menu-text">Snow Boots</span> 3946 </a> 3947 </li> 3948 3949 3950 </ul> 3951 </li> 3952 3953 3954 3955 </ul> 3956 3957 3958 <!-- Secondary Category--> 3959 3960 3961 <div class="sitenav-secondary__menu sitenav-secondary__menu--category "> 3962 <ul role="menu" class="sitenav-secondary__ul d-lg-flex flex-lg-wrap "> 3963 3964 3965 3966 3967 <!-- Secondary Item --> 3968 <li role="menuitem" tabindex="0" aria-expanded="false" aria-label="Men" class="sitenav-secondary__li sitenav-secondary__li--has-subcategories flex-lg-column px-lg-2 " id="sale-sale-men"> 3969 <a class="sitenav-secondary__a text-sale" href="https://www.sorelfootwear.co.uk/c/sale-mens-boots-slippers-shoes" title="Men" data-dtm-id="sitenav-link" 3970 data-dtm-category-id="sale-men" 3971 > 3972 <span class="h4 sitenav-secondary__h4">Men</span> 3973 3974 <svg class="twisty svgicon"> 3975 <use href="#chevron_right"></use> 3976 </svg> 3977 3978 </a> 3979 <ul role="menu" class="sitenav-tertiary__ul mb-lg-3"> 3980 3981 3982 3983 <!-- Tertiary Item --> 3984 <li role="menuitem" aria-label="Shop All" tabindex="0" class="sitenav-tertiary__li d-lg-none" 3985 id="sale-sale-men-sale-men-shopall"> 3986 <a tabindex="-1" href="https://www.sorelfootwear.co.uk/c/sale-mens-boots-slippers-shoes" 3987 title="Shop All" 3988 data-dtm-id="sitenav-link" 3989 data-dtm-category-id="sale-men-shopall" 3990 class="sitenav-tertiary__a d-lg-none 3991 text-sale"> 3992 <sp
3992an class="menu-text">Shop All</span> 3993 </a> 3994 </li> 3995 3996 3997 3998 3999 4000 4001 </ul> 4002 </li> 4003 4004 4005 4006 4007 4008 4009 4010 </ul> 4011 </div> 4012 4013 4014 <!-- Secondary Featured --> 4015 <ul role="menu" class="sitenav-secondary__menu sitenav-secondary__ul sitenav-secondary__menu--secondaryfeatured "> 4016 4017 4018 4019 4020 4021 4022 4023 4024 <li role="menuitem" tabindex="0" class="d-none d-lg-block sitenav-secondary__li sitenav-secondary__li--shopall"> 4025 <a tabindex="-1" 4026 href="/c/sale" 4027 title="Outlet" 4028 data-dtm-id="sitenav-link" 4029 data-dtm-category-id="sale" 4030 class="sitenav-secondary__a text-sale"> 4031 <span class="menu-text"> 4032 View All 4033 </span> 4034 <svg class="svgicon"> 4035 <use href="#arrow_forward"></use> 4036 </svg> 4037 </a> 4038 </li> 4039 </ul> 4040 4041 4042 <div tabindex="0" class="d-lg-none sitenav-secondary__div sitenav-secondary__div--shopall"> 4043 <a tabindex="-1" href="/s/Sorel_UK/c/sale" title="Outlet" data-dtm-id="sitenav-link" data-dtm-category-id="sale" class="btn btn-primary btn-block"> 4044 <span class="menu-text">Shop all</span> 4045 </a> 4046 </div> 4047 4048 </div> 4049 4050 4051 4052 4053 </div> 4054 4055 4056 4057 4058 </div> 4059 </div> 4060 4061 </li> 4062 4063 4064 4065 4066 <!-- Primary Item --> 4067 <li role="menuitem" tabindex="0" aria-expanded="false" class="sitenav-primary__li " id="stories" aria-label="SPOTLIGHT"> 4068 <a tabindex="-1" aria-haspopup="true" href="#" title="SPOTLIGHT" data-dtm-id="sitenav-link" data-dtm-category-id="stories" class="sitenav-primary__a ">
4069 <span class="menu-text">SPOTLIGHT</span> 4070 4071 <svg class="twisty svgicon"> 4072 <use href="#chevron_right"></use> 4073 </svg> 4074 4075 </a> 4076 4077 4078 4079 4080 <div class="sitenav-secondary "> 4081 <div class="sitenav-secondary__container"> 4082 <div class="menu-container d-lg-flex sitenav-secondary__menu--sm"> 4083 <div class="sitenav-secondary__menu-categories"> 4084 <div class="sitenav__back js-action__menuback d-lg-none"> 4085 <span class="sitenav__back-icon"> 4086 <svg class="svgicon"> 4087 <use href="#chevron_left"></use> 4088 </svg> 4089 </span> 4090 <span class="sitenav__back-text">Back</span> 4091 </div> 4092 4093 4094 4095 4096 4097 4098 </div> 4099 4100 4101 4102 4103 </div> 4104 4105 4106 4107 4108 4109 4110 4111 <div tabindex="0" class="d-lg-block sitenav__category-content"> 4112 4113 <div id="UUID_f7543aff_23df_4082_9a06_0326efbdcd65" class="amp-contant-page"> 4114 4115 4116 4117 <div class="columnControl"> 4118 <div 4119 id="co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4120 class="row row-sm--no-gutters justify-content-start" 4121 > 4122 <div class=" col-12 d-md-block col-md-4 d-lg-block col-lg-2 order-sm-0"> 4123 4124 4125 <div class="wrapper"> 4126 <div 4127 id="w0co0co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4128 class="text-left pb-2 pr-4 pb-md-3 pb-lg-0 d-block d-md-block d-lg-block d-xl-block" 4129 > 4130 4131 4132 4133 4134 4135 4136 4137 4138 4139 <div class="image parbase"> 4140 <a 4141 href="https://www.sorelfootwear.co.uk/c/sorel-x-needles-lookbook" 4142 class="d-block" 4143 target="_self" 4144 > 4145 4146 <picture id="responsive-image-i0w0co0co0_f7543aff_23df_4082_9a06_0326efbdcd65"> 4147 <source srcset="https://media.sorel.com/i/sorel/53639_SOR_Needles_Spotlight_Nav_2_MD?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 4148 <source srcset="https://media.sorel.com/i/sorel/53639_SOR_Needles_Spotlight_Nav_2_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 4149 <source srcset="https://media.sorel.com/i/sorel/53639_SOR_Needles_Spotlight_Nav_2_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 4150 <source srcset="https://media.sorel.com/i/sorel/53639_SOR_Needles_Spotlight_Nav_2_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 4151 4152 <img 4153 id="i0w0co0co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4154 class="img-fluid d-block mr-auto" 4155 src="https://media.sorel.com/i/sorel/53639_SOR_Needles_Spotlight_Nav_2_MD?fmt=auto&$aem_pjpeg$" 4156 width="" height="" 4157 alt="" 4158 /> 4159 </picture> 4160 4161
4161<script> 4162(async function() { 4163 const imageName = '53639_SOR_Needles_Spotlight_Nav_2_MD'; 4164 const imageFormat = 'pjpeg'; 4165 const imageHost = 'media.sorel.com'; 4166 const imageEndpoint = 'sorel'; 4167 const pictureId = 'responsive-image-i0w0co0co0_f7543aff_23df_4082_9a06_0326efbdcd65'; 4168 4169 // Extract base name from image filename 4170 let baseName = imageName; 4171 if (imageName.includes('_XL')) { 4172 baseName = imageName.replace('_XL', ''); 4173 } else if (imageName.includes('_LG')) { 4174 baseName = imageName.replace('_LG', ''); 4175 } else if (imageName.includes('_MD')) { 4176 baseName = imageName.replace('_MD', ''); 4177 } else if (imageName.includes('_SM')) { 4178 baseName = imageName.replace('_SM', ''); 4179 } 4180 4181 // Initialize global cache if it doesn't exist 4182 if (!window.imageExistenceCache) { 4183 window.imageExistenceCache = new Map(); 4184 } 4185 4186 // Check if we have cached results for this base name 4187 if (window.imageExistenceCache.has(baseName)) { 4188 const existenceResults = window.imageExistenceCache.get(baseName); 4189 updatePictureSources(existenceResults); 4190 return; 4191 } 4192 4193 // Function to check if image exists via HTTP HEAD request 4194 async function checkImageExists(url) { 4195 try { 4196 const response = await fetch(url, { method: 'HEAD' }); 4197 return response.ok; 4198 } catch (error) { 4199 // Silently handle network errors without console spam 4200 return false; 4201 } 4202 } 4203 4204 // Check all possible sizes 4205 const sizes = ['SM', 'MD', 'LG', 'XL']; 4206 const existenceResults = {}; 4207 4208 // Use Scene7 format auto-detection instead of hardcoded extensions 4209 for (const size of sizes) { 4210 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 4211 existenceResults[size] = await checkImageExists(url); 4212 } 4213 4214 // Log availability for debugging (only if some sizes are missing) 4215 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 4216 const totalSizes = sizes.length; 4217 if (availableSizes < totalSizes) { 4218 console.log(`ð¸ Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 4219 if (availableSizes === 0) { 4220 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 4221 } 4222 } 4223 4224 // Cache the results 4225 window.imageExistenceCache.set(baseName, existenceResults); 4226 4227 // Update the picture sources 4228 updatePictureSources(existenceResults); 4229 4230 // Function to update picture sources 4231 function updatePictureSources(existenceResults) { 4232 // Find the picture element 4233 const picture = document.getElementById(pictureId); 4234 if (!picture) { 4235 return; 4236 } 4237 4238 // Remove all existing sources 4239 const existingSources = picture.querySelectorAll('source'); 4240 existingSources.forEach(source => source.remove()); 4241 4242 // Create new sources with optimal sizes 4243 const breakpoints = [ 4244 { media: '(max-width: 575px)', preferSize: 'SM' }, 4245 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 4246 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 4247 { media: '(min-width: 1440px)', preferSize: 'XL' } 4248 ]; 4249 4250 breakpoints.forEach((breakpoint, index) => { 4251 let optimalSize = ''; 4252 4253 // Determine optimal size for this breakpoint 4254 if (breakpoint.preferSize === 'SM') { 4255 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 4256 } else if (breakpoint.preferSize === 'MD') { 4257 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 4258 } else if (breakpoint.preferSize === 'LG') { 4259 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 4260 } else if (breakpoint.preferSize === 'XL') { 4261 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 4262 } 4263 4264 // Create new source element 4265 const newSource = document.createElement('source'); 4266 newSource.setAttribute('media', breakpoint.media); 4267 4268 let srcset = ''; 4269 if (optimalSize === 'BASE') { 4270 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 4271 } else { 4272 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 4273 } 4274 4275 newSource.setAttribute('srcset', srcset); 4276 4277 // Insert before the img element 4278 const img = picture.querySelector('img'); 4279 picture.insertBefore(newSource, img); 4280 }); 4281 } 4282})(); 4283</script>
4283 </a> 4284</div> 4285 4286 4287 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 4298 4299 4300 4301 4302 4303 4304 <div 4305 id="v1w0co0co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4306 class="verticalspacer parbase" 4307> 4308 <div class="pt-1 pt-md-2"></div> 4309</div> 4310 4311 4312 4313 4314 4315 4316 4317 4318 4319 4320 4321 4322 4323 4324 4325 4326 4327 4328 4329 <div 4330 id="v2w0co0co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4331 class="verticalspacer parbase" 4332> 4333 <div class="pt-hairline pt-md-1"></div> 4334</div> 4335 4336 4337 4338 4339 4340 4341 4342 4343 4344 4345 4346 4347 4348 4349 4350 4351 4352 4353 <div 4354 id="te3w0co0co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4355 class="font-size-14 text-left font-weight-semi-bold line-height-default font-base text-black font-normal" role="group" 4356> 4357 <a href="https://www.sorelfootwear.co.uk/c/sorel-x-needles-lookbook" 4358 class="text-decoration-none" 4359 4360 > 4361 SOREL x Needles 4362 </a> 4363</div> 4364 4365 4366 4367 4368 4369 4370 4371 4372 4373 4374 4375 4376 4377 4378 4379 4380 4381 4382 4383 4384 4385 <div 4386 id="v4w0co0co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4387 class="verticalspacer parbase" 4388> 4389 <div class="pt-hairline"></div> 4390</div> 4391 4392 4393 4394 4395 4396 4397 4398 4399 4400 4401 4402 4403 4404 4405 4406 4407 4408 4409 <div 4410 id="te5w0co0co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4411 class="font-size-14 text-left font-weight-normal line-height-default font-base text-black font-normal" role="group" 4412> 4413 <a href="https://www.sorelfootwear.co.uk/c/sorel-x-needles-lookbook" 4414 class="text-decoration-none" 4415 4416 > 4417 Curiosity & craftsmanship, united by a simple question: What if? 4418 </a> 4419</div> 4420 4421 4422 4423 4424 4425 4426 4427 4428 4429 4430 4431 4432 4433 4434 4435 4436 4437 4438 4439 4440 4441 <div 4442 id="v6w0co0co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4443 class="verticalspacer parbase" 4444> 4445 <div class="pt-4 pt-md-0 pt-lg-0 pt-xl-0"></div> 4446</div> 4447 4448 4449 4450 4451 4452 4453 4454 4455 4456 4457 4458 </div> 4459</div> 4460 4461 4462 4463 4464 4465 4466 4467 4468 4469 4470 4471 4472 4473 4474 4475 4476 4477 </div> 4478 <div class=" col-12 d-md-block col-md-4 d-lg-block col-lg-2 d-xl-block col-xl-2 order-sm-0"> 4479 4480 4481 <div class="wrapper"> 4482 <div 4483 id="w0co1co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4484 class="text-left pb-2 pr-4 pb-md-3 pb-lg-0 d-block d-md-block d-lg-block d-xl-block" 4485 > 4486 4487 4488 4489 4490 4491 4492 4493 4494 4495 <div class="image parbase"> 4496 <a 4497 href="https://www.sorelfootwear.co.uk/c/ambler-lookbook" 4498 class="d-block" 4499 target="_self" 4500 > 4501 4502 <picture id="responsive-image-i0w0co1co0_f7543aff_23df_4082_9a06_0326efbdcd65"> 4503 <source srcset="https://media.sorel.com/i/sorel/53503_SOR_Ambler_Spotlight_Nav_V4_2_MD?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 4504 <source srcset="https://media.sorel.com/i/sorel/53503_SOR_Ambler_Spotlight_Nav_V4_2_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 4505 <source srcset="https://media.sorel.com/i/sorel/53503_SOR_Ambler_Spotlight_Nav_V4_2_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 4506 <source srcset="https://media.sorel.com/i/sorel/53503_SOR_Ambler_Spotlight_Nav_V4_2_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 4507 4508 <img 4509 id="i0w0co1co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4510 class="img-fluid d-block mr-auto" 4511 src="https://media.sorel.com/i/sorel/53503_SOR_Ambler_Spotlight_Nav_V4_2_MD?fmt=auto&$aem_pjpeg$" 4512 width="" height="" 4513 alt="" 4514 /> 4515 </picture> 4516 4517
4517<script> 4518(async function() { 4519 const imageName = '53503_SOR_Ambler_Spotlight_Nav_V4_2_MD'; 4520 const imageFormat = 'pjpeg'; 4521 const imageHost = 'media.sorel.com'; 4522 const imageEndpoint = 'sorel'; 4523 const pictureId = 'responsive-image-i0w0co1co0_f7543aff_23df_4082_9a06_0326efbdcd65'; 4524 4525 // Extract base name from image filename 4526 let baseName = imageName; 4527 if (imageName.includes('_XL')) { 4528 baseName = imageName.replace('_XL', ''); 4529 } else if (imageName.includes('_LG')) { 4530 baseName = imageName.replace('_LG', ''); 4531 } else if (imageName.includes('_MD')) { 4532 baseName = imageName.replace('_MD', ''); 4533 } else if (imageName.includes('_SM')) { 4534 baseName = imageName.replace('_SM', ''); 4535 } 4536 4537 // Initialize global cache if it doesn't exist 4538 if (!window.imageExistenceCache) { 4539 window.imageExistenceCache = new Map(); 4540 } 4541 4542 // Check if we have cached results for this base name 4543 if (window.imageExistenceCache.has(baseName)) { 4544 const existenceResults = window.imageExistenceCache.get(baseName); 4545 updatePictureSources(existenceResults); 4546 return; 4547 } 4548 4549 // Function to check if image exists via HTTP HEAD request 4550 async function checkImageExists(url) { 4551 try { 4552 const response = await fetch(url, { method: 'HEAD' }); 4553 return response.ok; 4554 } catch (error) { 4555 // Silently handle network errors without console spam 4556 return false; 4557 } 4558 } 4559 4560 // Check all possible sizes 4561 const sizes = ['SM', 'MD', 'LG', 'XL']; 4562 const existenceResults = {}; 4563 4564 // Use Scene7 format auto-detection instead of hardcoded extensions 4565 for (const size of sizes) { 4566 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 4567 existenceResults[size] = await checkImageExists(url); 4568 } 4569 4570 // Log availability for debugging (only if some sizes are missing) 4571 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 4572 const totalSizes = sizes.length; 4573 if (availableSizes < totalSizes) { 4574 console.log(`ð¸ Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 4575 if (availableSizes === 0) { 4576 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 4577 } 4578 } 4579 4580 // Cache the results 4581 window.imageExistenceCache.set(baseName, existenceResults); 4582 4583 // Update the picture sources 4584 updatePictureSources(existenceResults); 4585 4586 // Function to update picture sources 4587 function updatePictureSources(existenceResults) { 4588 // Find the picture element 4589 const picture = document.getElementById(pictureId); 4590 if (!picture) { 4591 return; 4592 } 4593 4594 // Remove all existing sources 4595 const existingSources = picture.querySelectorAll('source'); 4596 existingSources.forEach(source => source.remove()); 4597 4598 // Create new sources with optimal sizes 4599 const breakpoints = [ 4600 { media: '(max-width: 575px)', preferSize: 'SM' }, 4601 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 4602 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 4603 { media: '(min-width: 1440px)', preferSize: 'XL' } 4604 ]; 4605 4606 breakpoints.forEach((breakpoint, index) => { 4607 let optimalSize = ''; 4608 4609 // Determine optimal size for this breakpoint 4610 if (breakpoint.preferSize === 'SM') { 4611 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 4612 } else if (breakpoint.preferSize === 'MD') { 4613 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 4614 } else if (breakpoint.preferSize === 'LG') { 4615 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 4616 } else if (breakpoint.preferSize === 'XL') { 4617 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 4618 } 4619 4620 // Create new source element 4621 const newSource = document.createElement('source'); 4622 newSource.setAttribute('media', breakpoint.media); 4623 4624 let srcset = ''; 4625 if (optimalSize === 'BASE') { 4626 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 4627 } else { 4628 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 4629 } 4630 4631 newSource.setAttribute('srcset', srcset); 4632 4633 // Insert before the img element 4634 const img = picture.querySelector('img'); 4635 picture.insertBefore(newSource, img); 4636 }); 4637 } 4638})(); 4639</script>
4639 </a> 4640</div> 4641 4642 4643 4644 4645 4646 4647 4648 4649 4650 4651 4652 4653 4654 4655 4656 4657 4658 4659 4660 <div 4661 id="v1w0co1co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4662 class="verticalspacer parbase" 4663> 4664 <div class="pt-1 pt-md-2"></div> 4665</div> 4666 4667 4668 4669 4670 4671 4672 4673 4674 4675 4676 4677 4678 4679 4680 4681 4682 4683 4684 4685 <div 4686 id="v2w0co1co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4687 class="verticalspacer parbase" 4688> 4689 <div class="pt-hairline pt-md-1"></div> 4690</div> 4691 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 4708 4709 <div 4710 id="te3w0co1co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4711 class="font-size-14 text-left font-weight-semi-bold line-height-default font-base text-black font-normal" role="group" 4712> 4713 <a href="https://www.sorelfootwear.co.uk/c/ambler-lookbook" 4714 class="text-decoration-none" 4715 4716 > 4717 Cut From A Legend 4718 </a> 4719</div> 4720 4721 4722 4723 4724 4725 4726 4727 4728 4729 4730 4731 4732 4733 4734 4735 4736 4737 4738 4739 4740 4741 <div 4742 id="v4w0co1co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4743 class="verticalspacer parbase" 4744> 4745 <div class="pt-hairline"></div> 4746</div> 4747 4748 4749 4750 4751 4752 4753 4754 4755 4756 4757 4758 4759 4760 4761 4762 4763 4764 4765 <div 4766 id="te5w0co1co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4767 class="font-size-14 text-left font-weight-normal line-height-default font-base text-black font-normal" role="group" 4768> 4769 <a href="https://www.sorelfootwear.co.uk/c/ambler-lookbook" 4770 class="text-decoration-none" 4771 4772 > 4773 Meet Amblerâ¢: The Caribou⢠Inspired Clog. 4774 </a> 4775</div> 4776 4777 4778 4779 4780 4781 4782 4783 4784 4785 4786 4787 4788 4789 4790 4791 4792 4793 4794 4795 4796 4797 <div 4798 id="v6w0co1co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4799 class="verticalspacer parbase" 4800> 4801 <div class="pt-4 pt-md-0 pt-lg-0 pt-xl-0"></div> 4802</div> 4803 4804 4805 4806 4807 4808 4809 4810 4811 4812 4813 4814 </div> 4815</div> 4816 4817 4818 4819 4820 4821 4822 4823 4824 4825 4826 4827 4828 4829 4830 4831 4832 4833 </div> 4834 <div class=" col-12 d-md-block col-md-4 d-lg-block col-lg-2 d-xl-block col-xl-2 order-sm-0"> 4835 4836 4837 <div class="wrapper"> 4838 <div 4839 id="w0co2co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4840 class="text-left pb-2 pr-4 pb-md-3 pb-lg-0 d-block d-md-block d-lg-block d-xl-block" 4841 > 4842 4843 4844 4845 4846 4847 4848 4849 4850 4851 <div class="image parbase"> 4852 <a 4853 href="https://www.sorelfootwear.co.uk/c/caribou-gtx-lookbook" 4854 class="d-block" 4855 target="_self" 4856 > 4857 4858 <picture id="responsive-image-i0w0co2co0_f7543aff_23df_4082_9a06_0326efbdcd65"> 4859 <source srcset="https://media.sorel.com/i/sorel/51662_SOR_Caribou_Horizon_GTX_Nav_MD?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 4860 <source srcset="https://media.sorel.com/i/sorel/51662_SOR_Caribou_Horizon_GTX_Nav_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 4861 <source srcset="https://media.sorel.com/i/sorel/51662_SOR_Caribou_Horizon_GTX_Nav_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 4862 <source srcset="https://media.sorel.com/i/sorel/51662_SOR_Caribou_Horizon_GTX_Nav_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 4863 4864 <img 4865 id="i0w0co2co0_f7543aff_23df_4082_9a06_0326efbdcd65" 4866 class="img-fluid d-block mr-auto" 4867 src="https://media.sorel.com/i/sorel/51662_SOR_Caribou_Horizon_GTX_Nav_MD?fmt=auto&$aem_pjpeg$" 4868 width="" height="" 4869 alt="" 4870 /> 4871 </picture> 4872 4873
4873<script> 4874(async function() { 4875 const imageName = '51662_SOR_Caribou_Horizon_GTX_Nav_MD'; 4876 const imageFormat = 'pjpeg'; 4877 const imageHost = 'media.sorel.com'; 4878 const imageEndpoint = 'sorel'; 4879 const pictureId = 'responsive-image-i0w0co2co0_f7543aff_23df_4082_9a06_0326efbdcd65'; 4880 4881 // Extract base name from image filename 4882 let baseName = imageName; 4883 if (imageName.includes('_XL')) { 4884 baseName = imageName.replace('_XL', ''); 4885 } else if (imageName.includes('_LG')) { 4886 baseName = imageName.replace('_LG', ''); 4887 } else if (imageName.includes('_MD')) { 4888 baseName = imageName.replace('_MD', ''); 4889 } else if (imageName.includes('_SM')) { 4890 baseName = imageName.replace('_SM', ''); 4891 } 4892 4893 // Initialize global cache if it doesn't exist 4894 if (!window.imageExistenceCache) { 4895 window.imageExistenceCache = new Map(); 4896 } 4897 4898 // Check if we have cached results for this base name 4899 if (window.imageExistenceCache.has(baseName)) { 4900 const existenceResults = window.imageExistenceCache.get(baseName); 4901 updatePictureSources(existenceResults); 4902 return; 4903 } 4904 4905 // Function to check if image exists via HTTP HEAD request 4906 async function checkImageExists(url) { 4907 try { 4908 const response = await fetch(url, { method: 'HEAD' }); 4909 return response.ok; 4910 } catch (error) { 4911 // Silently handle network errors without console spam 4912 return false; 4913 } 4914 } 4915 4916 // Check all possible sizes 4917 const sizes = ['SM', 'MD', 'LG', 'XL']; 4918 const existenceResults = {}; 4919 4920 // Use Scene7 format auto-detection instead of hardcoded extensions 4921 for (const size of sizes) { 4922 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 4923 existenceResults[size] = await checkImageExists(url); 4924 } 4925 4926 // Log availability for debugging (only if some sizes are missing) 4927 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 4928 const totalSizes = sizes.length; 4929 if (availableSizes < totalSizes) { 4930 console.log(`ð¸ Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 4931 if (availableSizes === 0) { 4932 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 4933 } 4934 } 4935 4936 // Cache the results 4937 window.imageExistenceCache.set(baseName, existenceResults); 4938 4939 // Update the picture sources 4940 updatePictureSources(existenceResults); 4941 4942 // Function to update picture sources 4943 function updatePictureSources(existenceResults) { 4944 // Find the picture element 4945 const picture = document.getElementById(pictureId); 4946 if (!picture) { 4947 return; 4948 } 4949 4950 // Remove all existing sources 4951 const existingSources = picture.querySelectorAll('source'); 4952 existingSources.forEach(source => source.remove()); 4953 4954 // Create new sources with optimal sizes 4955 const breakpoints = [ 4956 { media: '(max-width: 575px)', preferSize: 'SM' }, 4957 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 4958 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 4959 { media: '(min-width: 1440px)', preferSize: 'XL' } 4960 ]; 4961 4962 breakpoints.forEach((breakpoint, index) => { 4963 let optimalSize = ''; 4964 4965 // Determine optimal size for this breakpoint 4966 if (breakpoint.preferSize === 'SM') { 4967 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 4968 } else if (breakpoint.preferSize === 'MD') { 4969 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 4970 } else if (breakpoint.preferSize === 'LG') { 4971 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 4972 } else if (breakpoint.preferSize === 'XL') { 4973 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 4974 } 4975 4976 // Create new source element 4977 const newSource = document.createElement('source'); 4978 newSource.setAttribute('media', breakpoint.media); 4979 4980 let srcset = ''; 4981 if (optimalSize === 'BASE') { 4982 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 4983 } else { 4984 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 4985 } 4986 4987 newSource.setAttribute('srcset', srcset); 4988 4989 // Insert before the img element 4990 const img = picture.querySelector('img'); 4991 picture.insertBefore(newSource, img); 4992 }); 4993 } 4994})(); 4995</script>
4995 </a> 4996</div> 4997 4998 4999 5000 5001 5002 5003 5004 5005 5006 5007 5008 5009 5010 5011 5012 5013 5014 5015 5016 <div 5017 id="v1w0co2co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5018 class="verticalspacer parbase" 5019> 5020 <div class="pt-1 pt-md-2"></div> 5021</div> 5022 5023 5024 5025 5026 5027 5028 5029 5030 5031 5032 5033 5034 5035 5036 5037 5038 5039 5040 5041 <div 5042 id="v2w0co2co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5043 class="verticalspacer parbase" 5044> 5045 <div class="pt-hairline pt-md-1"></div> 5046</div> 5047 5048 5049 5050 5051 5052 5053 5054 5055 5056 5057 5058 5059 5060 5061 5062 5063 5064 5065 <div 5066 id="te3w0co2co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5067 class="font-size-14 text-left font-weight-semi-bold line-height-default font-base text-black font-normal" role="group" 5068> 5069 <a href="https://www.sorelfootwear.co.uk/c/caribou-gtx-lookbook" 5070 class="text-decoration-none" 5071 5072 > 5073 Built For New Frontiers 5074 </a> 5075</div> 5076 5077 5078 5079 5080 5081 5082 5083 5084 5085 5086 5087 5088 5089 5090 5091 5092 5093 5094 5095 5096 5097 <div 5098 id="v4w0co2co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5099 class="verticalspacer parbase" 5100> 5101 <div class="pt-hairline"></div> 5102</div> 5103 5104 5105 5106 5107 5108 5109 5110 5111 5112 5113 5114 5115 5116 5117 5118 5119 5120 5121 <div 5122 id="te5w0co2co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5123 class="font-size-14 text-left font-weight-normal line-height-default font-base text-black font-normal" role="group" 5124> 5125 <a href="https://www.sorelfootwear.co.uk/c/caribou-gtx-lookbook" 5126 class="text-decoration-none" 5127 5128 > 5129 CARIBOU HORIZONâ¢: Caribou DNA. Reimagined for today. 5130 </a> 5131</div> 5132 5133 5134 5135 5136 5137 5138 5139 5140 5141 5142 5143 5144 5145 5146 5147 5148 5149 5150 5151 5152 5153 <div 5154 id="v6w0co2co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5155 class="verticalspacer parbase" 5156> 5157 <div class="pt-4 pt-md-0 pt-lg-0 pt-xl-0"></div> 5158</div> 5159 5160 5161 5162 5163 5164 5165 5166 5167 5168 5169 5170 </div> 5171</div> 5172 5173 5174 5175 5176 5177 5178 5179 5180 5181 5182 5183 5184 5185 5186 5187 5188 5189 </div> 5190 <div class=" col-12 d-md-block col-md-4 d-lg-block col-lg-2 d-xl-block col-xl-2 order-sm-0"> 5191 5192 5193 <div class="wrapper"> 5194 <div 5195 id="w0co3co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5196 class="text-left pb-2 pr-4 pb-md-3 pb-lg-0 d-block d-md-block d-lg-block d-xl-block" 5197 > 5198 5199 5200 5201 5202 5203 5204 5205 5206 5207 <div class="image parbase"> 5208 <a 5209 href="https://www.sorelfootwear.co.uk/c/callsign-lookbook" 5210 class="d-block" 5211 target="_self" 5212 > 5213 5214 <picture id="responsive-image-i0w0co3co0_f7543aff_23df_4082_9a06_0326efbdcd65"> 5215 <source srcset="https://media.sorel.com/i/sorel/51136_SOR_Sept25_NavBanner_Callsign_MD?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 5216 <source srcset="https://media.sorel.com/i/sorel/51136_SOR_Sept25_NavBanner_Callsign_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 5217 <source srcset="https://media.sorel.com/i/sorel/51136_SOR_Sept25_NavBanner_Callsign_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 5218 <source srcset="https://media.sorel.com/i/sorel/51136_SOR_Sept25_NavBanner_Callsign_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 5219 5220 <img 5221 id="i0w0co3co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5222 class="img-fluid d-block mr-auto" 5223 src="https://media.sorel.com/i/sorel/51136_SOR_Sept25_NavBanner_Callsign_MD?fmt=auto&$aem_pjpeg$" 5224 width="" height="" 5225 alt="" 5226 /> 5227 </picture> 5228 5229
5229<script> 5230(async function() { 5231 const imageName = '51136_SOR_Sept25_NavBanner_Callsign_MD'; 5232 const imageFormat = 'pjpeg'; 5233 const imageHost = 'media.sorel.com'; 5234 const imageEndpoint = 'sorel'; 5235 const pictureId = 'responsive-image-i0w0co3co0_f7543aff_23df_4082_9a06_0326efbdcd65'; 5236 5237 // Extract base name from image filename 5238 let baseName = imageName; 5239 if (imageName.includes('_XL')) { 5240 baseName = imageName.replace('_XL', ''); 5241 } else if (imageName.includes('_LG')) { 5242 baseName = imageName.replace('_LG', ''); 5243 } else if (imageName.includes('_MD')) { 5244 baseName = imageName.replace('_MD', ''); 5245 } else if (imageName.includes('_SM')) { 5246 baseName = imageName.replace('_SM', ''); 5247 } 5248 5249 // Initialize global cache if it doesn't exist 5250 if (!window.imageExistenceCache) { 5251 window.imageExistenceCache = new Map(); 5252 } 5253 5254 // Check if we have cached results for this base name 5255 if (window.imageExistenceCache.has(baseName)) { 5256 const existenceResults = window.imageExistenceCache.get(baseName); 5257 updatePictureSources(existenceResults); 5258 return; 5259 } 5260 5261 // Function to check if image exists via HTTP HEAD request 5262 async function checkImageExists(url) { 5263 try { 5264 const response = await fetch(url, { method: 'HEAD' }); 5265 return response.ok; 5266 } catch (error) { 5267 // Silently handle network errors without console spam 5268 return false; 5269 } 5270 } 5271 5272 // Check all possible sizes 5273 const sizes = ['SM', 'MD', 'LG', 'XL']; 5274 const existenceResults = {}; 5275 5276 // Use Scene7 format auto-detection instead of hardcoded extensions 5277 for (const size of sizes) { 5278 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 5279 existenceResults[size] = await checkImageExists(url); 5280 } 5281 5282 // Log availability for debugging (only if some sizes are missing) 5283 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 5284 const totalSizes = sizes.length; 5285 if (availableSizes < totalSizes) { 5286 console.log(`ð¸ Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 5287 if (availableSizes === 0) { 5288 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 5289 } 5290 } 5291 5292 // Cache the results 5293 window.imageExistenceCache.set(baseName, existenceResults); 5294 5295 // Update the picture sources 5296 updatePictureSources(existenceResults); 5297 5298 // Function to update picture sources 5299 function updatePictureSources(existenceResults) { 5300 // Find the picture element 5301 const picture = document.getElementById(pictureId); 5302 if (!picture) { 5303 return; 5304 } 5305 5306 // Remove all existing sources 5307 const existingSources = picture.querySelectorAll('source'); 5308 existingSources.forEach(source => source.remove()); 5309 5310 // Create new sources with optimal sizes 5311 const breakpoints = [ 5312 { media: '(max-width: 575px)', preferSize: 'SM' }, 5313 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 5314 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 5315 { media: '(min-width: 1440px)', preferSize: 'XL' } 5316 ]; 5317 5318 breakpoints.forEach((breakpoint, index) => { 5319 let optimalSize = ''; 5320 5321 // Determine optimal size for this breakpoint 5322 if (breakpoint.preferSize === 'SM') { 5323 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 5324 } else if (breakpoint.preferSize === 'MD') { 5325 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 5326 } else if (breakpoint.preferSize === 'LG') { 5327 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 5328 } else if (breakpoint.preferSize === 'XL') { 5329 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 5330 } 5331 5332 // Create new source element 5333 const newSource = document.createElement('source'); 5334 newSource.setAttribute('media', breakpoint.media); 5335 5336 let srcset = ''; 5337 if (optimalSize === 'BASE') { 5338 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 5339 } else { 5340 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 5341 } 5342 5343 newSource.setAttribute('srcset', srcset); 5344 5345 // Insert before the img element 5346 const img = picture.querySelector('img'); 5347 picture.insertBefore(newSource, img); 5348 }); 5349 } 5350})(); 5351</script>
5351 </a> 5352</div> 5353 5354 5355 5356 5357 5358 5359 5360 5361 5362 5363 5364 5365 5366 5367 5368 5369 5370 5371 5372 <div 5373 id="v1w0co3co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5374 class="verticalspacer parbase" 5375> 5376 <div class="pt-1 pt-md-2"></div> 5377</div> 5378 5379 5380 5381 5382 5383 5384 5385 5386 5387 5388 5389 5390 5391 5392 5393 5394 5395 5396 5397 <div 5398 id="v2w0co3co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5399 class="verticalspacer parbase" 5400> 5401 <div class="pt-hairline pt-md-1"></div> 5402</div> 5403 5404 5405 5406 5407 5408 5409 5410 5411 5412 5413 5414 5415 5416 5417 5418 5419 5420 5421 <div 5422 id="te3w0co3co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5423 class="font-size-14 text-left font-weight-semi-bold line-height-default font-base text-black font-normal" role="group" 5424> 5425 <a href="https://www.sorelfootwear.co.uk/c/callsign-lookbook" 5426 class="text-decoration-none" 5427 5428 > 5429 Born from an Icon 5430 </a> 5431</div> 5432 5433 5434 5435 5436 5437 5438 5439 5440 5441 5442 5443 5444 5445 5446 5447 5448 5449 5450 5451 5452 5453 <div 5454 id="v4w0co3co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5455 class="verticalspacer parbase" 5456> 5457 <div class="pt-hairline"></div> 5458</div> 5459 5460 5461 5462 5463 5464 5465 5466 5467 5468 5469 5470 5471 5472 5473 5474 5475 5476 5477 <div 5478 id="te5w0co3co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5479 class="font-size-14 text-left font-weight-normal line-height-default font-base text-black font-normal" role="group" 5480> 5481 <a href="https://www.sorelfootwear.co.uk/c/callsign-lookbook" 5482 class="text-decoration-none" 5483 5484 > 5485 CALLSIGN HORIZONâ¢: Rugged elegance, urban adaptability. 5486 </a> 5487</div> 5488 5489 5490 5491 5492 5493 5494 5495 5496 5497 5498 5499 5500 5501 5502 5503 5504 5505 5506 5507 5508 5509 <div 5510 id="v6w0co3co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5511 class="verticalspacer parbase" 5512> 5513 <div class="pt-4 pt-md-0 pt-lg-0 pt-xl-0"></div> 5514</div> 5515 5516 5517 5518 5519 5520 5521 5522 5523 5524 5525 5526 </div> 5527</div> 5528 5529 5530 5531 5532 5533 5534 5535 5536 5537 5538 5539 5540 5541 5542 5543 5544 5545 </div> 5546 <div class=" col-12 d-md-block col-md-4 d-lg-block col-lg-2 order-sm-0"> 5547 5548 5549 <div class="wrapper"> 5550 <div 5551 id="w0co4co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5552 class="text-left pb-2 pr-4 pb-md-3 pb-lg-0 d-block d-md-block d-lg-block d-xl-block" 5553 > 5554 5555 5556 5557 5558 5559 5560 5561 5562 5563 <div class="image parbase"> 5564 <a 5565 href="https://www.sorelfootwear.co.uk/l/barbour-lookbook" 5566 class="d-block" 5567 target="_self" 5568 > 5569 5570 <picture id="responsive-image-i0w0co4co0_f7543aff_23df_4082_9a06_0326efbdcd65"> 5571 <source srcset="https://media.sorel.com/i/sorel/51563_SOR_Barbour_NAV_SM?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 5572 <source srcset="https://media.sorel.com/i/sorel/51563_SOR_Barbour_NAV_SM?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 5573 <source srcset="https://media.sorel.com/i/sorel/51563_SOR_Barbour_NAV_SM?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 5574 <source srcset="https://media.sorel.com/i/sorel/51563_SOR_Barbour_NAV_SM?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 5575 5576 <img 5577 id="i0w0co4co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5578 class="img-fluid d-block mr-auto" 5579 src="https://media.sorel.com/i/sorel/51563_SOR_Barbour_NAV_SM?fmt=auto&$aem_pjpeg$" 5580 width="" height="" 5581 alt="" 5582 /> 5583 </picture> 5584 5585
5585<script> 5586(async function() { 5587 const imageName = '51563_SOR_Barbour_NAV_SM'; 5588 const imageFormat = 'pjpeg'; 5589 const imageHost = 'media.sorel.com'; 5590 const imageEndpoint = 'sorel'; 5591 const pictureId = 'responsive-image-i0w0co4co0_f7543aff_23df_4082_9a06_0326efbdcd65'; 5592 5593 // Extract base name from image filename 5594 let baseName = imageName; 5595 if (imageName.includes('_XL')) { 5596 baseName = imageName.replace('_XL', ''); 5597 } else if (imageName.includes('_LG')) { 5598 baseName = imageName.replace('_LG', ''); 5599 } else if (imageName.includes('_MD')) { 5600 baseName = imageName.replace('_MD', ''); 5601 } else if (imageName.includes('_SM')) { 5602 baseName = imageName.replace('_SM', ''); 5603 } 5604 5605 // Initialize global cache if it doesn't exist 5606 if (!window.imageExistenceCache) { 5607 window.imageExistenceCache = new Map(); 5608 } 5609 5610 // Check if we have cached results for this base name 5611 if (window.imageExistenceCache.has(baseName)) { 5612 const existenceResults = window.imageExistenceCache.get(baseName); 5613 updatePictureSources(existenceResults); 5614 return; 5615 } 5616 5617 // Function to check if image exists via HTTP HEAD request 5618 async function checkImageExists(url) { 5619 try { 5620 const response = await fetch(url, { method: 'HEAD' }); 5621 return response.ok; 5622 } catch (error) { 5623 // Silently handle network errors without console spam 5624 return false; 5625 } 5626 } 5627 5628 // Check all possible sizes 5629 const sizes = ['SM', 'MD', 'LG', 'XL']; 5630 const existenceResults = {}; 5631 5632 // Use Scene7 format auto-detection instead of hardcoded extensions 5633 for (const size of sizes) { 5634 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 5635 existenceResults[size] = await checkImageExists(url); 5636 } 5637 5638 // Log availability for debugging (only if some sizes are missing) 5639 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 5640 const totalSizes = sizes.length; 5641 if (availableSizes < totalSizes) { 5642 console.log(`ð¸ Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 5643 if (availableSizes === 0) { 5644 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 5645 } 5646 } 5647 5648 // Cache the results 5649 window.imageExistenceCache.set(baseName, existenceResults); 5650 5651 // Update the picture sources 5652 updatePictureSources(existenceResults); 5653 5654 // Function to update picture sources 5655 function updatePictureSources(existenceResults) { 5656 // Find the picture element 5657 const picture = document.getElementById(pictureId); 5658 if (!picture) { 5659 return; 5660 } 5661 5662 // Remove all existing sources 5663 const existingSources = picture.querySelectorAll('source'); 5664 existingSources.forEach(source => source.remove()); 5665 5666 // Create new sources with optimal sizes 5667 const breakpoints = [ 5668 { media: '(max-width: 575px)', preferSize: 'SM' }, 5669 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 5670 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 5671 { media: '(min-width: 1440px)', preferSize: 'XL' } 5672 ]; 5673 5674 breakpoints.forEach((breakpoint, index) => { 5675 let optimalSize = ''; 5676 5677 // Determine optimal size for this breakpoint 5678 if (breakpoint.preferSize === 'SM') { 5679 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 5680 } else if (breakpoint.preferSize === 'MD') { 5681 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 5682 } else if (breakpoint.preferSize === 'LG') { 5683 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 5684 } else if (breakpoint.preferSize === 'XL') { 5685 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 5686 } 5687 5688 // Create new source element 5689 const newSource = document.createElement('source'); 5690 newSource.setAttribute('media', breakpoint.media); 5691 5692 let srcset = ''; 5693 if (optimalSize === 'BASE') { 5694 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 5695 } else { 5696 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 5697 } 5698 5699 newSource.setAttribute('srcset', srcset); 5700 5701 // Insert before the img element 5702 const img = picture.querySelector('img'); 5703 picture.insertBefore(newSource, img); 5704 }); 5705 } 5706})(); 5707</script>
5707 </a> 5708</div> 5709 5710 5711 5712 5713 5714 5715 5716 5717 5718 5719 5720 5721 5722 5723 5724 5725 5726 5727 5728 <div 5729 id="v1w0co4co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5730 class="verticalspacer parbase" 5731> 5732 <div class="pt-1 pt-md-2"></div> 5733</div> 5734 5735 5736 5737 5738 5739 5740 5741 5742 5743 5744 5745 5746 5747 5748 5749 5750 5751 5752 5753 <div 5754 id="v2w0co4co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5755 class="verticalspacer parbase" 5756> 5757 <div class="pt-hairline pt-md-1"></div> 5758</div> 5759 5760 5761 5762 5763 5764 5765 5766 5767 5768 5769 5770 5771 5772 5773 5774 5775 5776 5777 <div 5778 id="te3w0co4co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5779 class="font-size-14 text-left font-weight-semi-bold line-height-default font-base text-black font-normal" role="group" 5780> 5781 <a href="https://www.sorelfootwear.co.uk/l/barbour-lookbook" 5782 class="text-decoration-none" 5783 5784 > 5785 SOREL X Barbour Collab 5786 </a> 5787</div> 5788 5789 5790 5791 5792 5793 5794 5795 5796 5797 5798 5799 5800 5801 5802 5803 5804 5805 5806 5807 5808 5809 <div 5810 id="v4w0co4co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5811 class="verticalspacer parbase" 5812> 5813 <div class="pt-hairline"></div> 5814</div> 5815 5816 5817 5818 5819 5820 5821 5822 5823 5824 5825 5826 5827 5828 5829 5830 5831 5832 5833 <div 5834 id="te5w0co4co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5835 class="font-size-14 text-left font-weight-normal line-height-default font-base text-black font-normal" role="group" 5836> 5837 <a href="https://www.sorelfootwear.co.uk/l/barbour-lookbook" 5838 class="text-decoration-none" 5839 5840 > 5841 North born. English bred. One collab built for every horizon. 5842 </a> 5843</div> 5844 5845 5846 5847 5848 5849 5850 5851 5852 5853 5854 5855 5856 5857 5858 5859 5860 5861 5862 5863 5864 5865 <div 5866 id="v6w0co4co0_f7543aff_23df_4082_9a06_0326efbdcd65" 5867 class="verticalspacer parbase" 5868> 5869 <div class="pt-4 pt-md-0 pt-lg-0 pt-xl-0"></div> 5870</div> 5871 5872 5873 5874 5875 5876 5877 5878 5879 5880 5881 5882 </div> 5883</div> 5884 5885 5886 5887 5888 5889 5890 5891 5892 5893 5894 5895 5896 5897 5898 5899 5900 5901 </div> 5902 5903 5904 </div> 5905</div> 5906 5907 5908 5909 5910 5911 5912 5913 5914 5915 5916 5917 5918 5919 5920 5921 5922</div> 5923 5924 5925 5926 5927 5928 5929 5930 5931 5932 5933 5934 5935 5936 5937 5938 5939 5940 5941 5942 5943 5944 </div> 5945 5946 5947 </div> 5948 </div> 5949 5950 </li> 5951 5952 5953 5954 5955 <!-- Primary Item --> 5956 <li role="menuitem" tabindex="0" aria-expanded="false" class="sitenav-primary__li " id="about" aria-label="About"> 5957 <a tabindex="-1" aria-haspopup="true" href="#" title="About" data-dtm-id="sitenav-link" data-dtm-category-id="about" class="sitenav-primary__a "> 5958 <span class="menu-text">About</span> 5959 5960 <svg class="twisty svgicon"> 5961 <use href="#chevron_right"></use> 5962 </svg> 5963 5964 </a> 5965 5966 5967 5968 5969 <div class="sitenav-secondary "> 5970 <div class="sitenav-secondary__container"> 5971 <div class="menu-container d-lg-flex sitenav-secondary__menu--sm"> 5972 <div class="sitenav-secondary__menu-categories"> 5973 <div class="sitenav__back js-action__menuback d-lg-none"> 5974 <span class="sitenav__back-icon"> 5975 <svg class="svgicon"> 5976 <use href="#chevron_left"></use> 5977 </svg> 5978 </span> 5979 <span class="sitenav__back-text">Back</span> 5980 </div> 5981 5982 5983 5984 5985 5986 5987 </div> 5988 5989 5990 5991 5992 </div> 5993 5994 5995 5996 5997 5998 5999 6000 <div tabindex="0" class="d-lg-block sitenav__category-content"> 6001 6002 <div id="UUID_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" class="amp-contant-page"> 6003 6004 6005 <div class="wrapper"> 6006 <div 6007 id="w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6008 class="text-center pb-lg-0 pl-lg-2 pr-lg-2 d-block d-md-block d-lg-block d-xl-block" 6009 > 6010 6011 6012 6013 <div class="columnControl"> 6014 <div
6015 id="co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6016 class="row row-sm--no-gutters justify-content-start" 6017 > 6018 <div class=" col-12 d-md-block col-md-4 d-lg-block col-lg-2 order-sm-0"> 6019 6020 6021 <div class="wrapper"> 6022 <div 6023 id="w0co0co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6024 class="text-left pb-2 pr-4 pb-md-3 pb-lg-0 d-block d-md-block d-lg-block d-xl-block" 6025 > 6026 6027 6028 6029 6030 6031 6032 6033 6034 6035 <div class="image parbase"> 6036 <a 6037 href="https://www.sorelfootwear.co.uk/l/history" 6038 class="d-block" 6039 target="_self" 6040 > 6041 6042 <picture id="responsive-image-i0w0co0co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d"> 6043 <source srcset="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_OurStory_SM?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 6044 <source srcset="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_OurStory_SM?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 6045 <source srcset="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_OurStory_SM?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 6046 <source srcset="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_OurStory_SM?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 6047 6048 <img 6049 id="i0w0co0co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6050 class="img-fluid d-block mr-auto" 6051 src="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_OurStory_SM?fmt=auto&$aem_pjpeg$" 6052 width="" height="" 6053 alt="" 6054 /> 6055 </picture> 6056 6057
6057<script> 6058(async function() { 6059 const imageName = '51385_SOR_About_NavBan_OurStory_SM'; 6060 const imageFormat = 'pjpeg'; 6061 const pictureId = 'responsive-image-i0w0co0co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d'; 6062 6063 // Extract base name from image filename 6064 let baseName = imageName; 6065 if (imageName.includes('_XL')) { 6066 baseName = imageName.replace('_XL', ''); 6067 } else if (imageName.includes('_LG')) { 6068 baseName = imageName.replace('_LG', ''); 6069 } else if (imageName.includes('_MD')) { 6070 baseName = imageName.replace('_MD', ''); 6071 } else if (imageName.includes('_SM')) { 6072 baseName = imageName.replace('_SM', ''); 6073 } 6074 6075 // Initialize global cache if it doesn't exist 6076 if (!window.imageExistenceCache) { 6077 window.imageExistenceCache = new Map(); 6078 } 6079 6080 // Check if we have cached results for this base name 6081 if (window.imageExistenceCache.has(baseName)) { 6082 const existenceResults = window.imageExistenceCache.get(baseName); 6083 updatePictureSources(existenceResults); 6084 return; 6085 } 6086 6087 // Function to check if image exists via HTTP HEAD request 6088 async function checkImageExists(url) { 6089 try { 6090 const response = await fetch(url, { method: 'HEAD' }); 6091 return response.ok; 6092 } catch (error) { 6093 // Silently handle network errors without console spam 6094 return false; 6095 } 6096 } 6097 6098 // Check all possible sizes 6099 const sizes = ['SM', 'MD', 'LG', 'XL']; 6100 const existenceResults = {}; 6101 6102 // Use Scene7 format auto-detection instead of hardcoded extensions 6103 for (const size of sizes) { 6104 const url = `https://media.columbia.com/i/columbiasprtswr/${baseName}_${size}?fmt=auto`; 6105 existenceResults[size] = await checkImageExists(url); 6106 } 6107 6108 // Log availability for debugging (only if some sizes are missing) 6109 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 6110 const totalSizes = sizes.length; 6111 /*if (availableSizes < totalSizes) { 6112 console.log(`Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 6113 if (availableSizes === 0) { 6114 console.warn(`No responsive sizes found for "${baseName}". Using base image only.`); 6115 } 6116 }*/ 6117 6118 // Cache the results 6119 window.imageExistenceCache.set(baseName, existenceResults); 6120 6121 // Update the picture sources 6122 updatePictureSources(existenceResults); 6123 6124 // Function to update picture sources 6125 function updatePictureSources(existenceResults) { 6126 // Find the picture element 6127 const picture = document.getElementById(pictureId); 6128 if (!picture) { 6129 return; 6130 } 6131 6132 // Store the img element reference before removing sources 6133 const img = picture.querySelector('img'); 6134 const originalClasses = img ? img.className : ''; 6135 const originalDataSrc = img ? img.getAttribute('data-src') : null; 6136 6137 // Remove all existing sources 6138 const existingSources = picture.querySelectorAll('source'); 6139 existingSources.forEach(source => source.remove()); 6140 6141 // Create new sources with optimal sizes 6142 const breakpoints = [ 6143 { media: '(max-width: 575px)', preferSize: 'SM' }, 6144 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 6145 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 6146 { media: '(min-width: 1440px)', preferSize: 'XL' } 6147 ]; 6148 6149 breakpoints.forEach((breakpoint, index) => { 6150 let optimalSize = ''; 6151 6152 // Determine optimal size for this breakpoint 6153 if (breakpoint.preferSize === 'SM') { 6154 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 6155 } else if (breakpoint.preferSize === 'MD') { 6156 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 6157 } else if (breakpoint.preferSize === 'LG') { 6158 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 6159 } else if (breakpoint.preferSize === 'XL') { 6160 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 6161 } 6162 6163 // Create new source element 6164 const newSource = document.createElement('source'); 6165 newSource.setAttribute('media', breakpoint.media); 6166 6167 let srcset = ''; 6168 if (optimalSize === 'BASE') { 6169 srcset = `https://media.columbia.com/i/columbiasprtswr/${imageName}?fmt=auto&$aem_${imageFormat}$`; 6170 } else { 6171 srcset = `https://media.columbia.com/i/columbiasprtswr/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 6172 } 6173 6174 newSource.setAttribute('srcset', srcset); 6175 6176 // Insert before the img element 6177 picture.insertBefore(newSource, img); 6178 }); 6179 6180 // Ensure lazy loading attributes are preserved 6181 if (img) { 6182 // Check if the image has lazy loading attributes 6183 const hasLazyClass = img.classList.contains('lazy'); 6184 const hasDataSrc = img.hasAttribute('data-src'); 6185 6186 if (hasLazyClass || hasDataSrc) { 6187 // Make sure the lazy class is present 6188 if (!img.classList.contains('lazy')) { 6189 img.classList.add('lazy'); 6190 } 6191 6192 // Preserve or restore data-src attribute 6193 if (originalDataSrc) { 6194 img.setAttribute('data-src', originalDataSrc); 6195 } 6196 } 6197 } 6198 6199 // Reinitialize vanillaLazyLoad if it exists 6200 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 6201 window.vanillaLazyLoad.update(); 6202 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 6203 window.vanillaLazyLoad.init(); 6204 } 6205 } 6206})(); 6207</script>
6207 </a> 6208</div> 6209 6210 6211 6212 6213 6214 6215 6216 6217 6218 6219 6220 6221 6222 6223 6224 6225 6226 6227 6228 <div 6229 id="v1w0co0co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6230 class="verticalspacer parbase" 6231> 6232 <div class="pt-1 pt-md-2"></div> 6233</div> 6234 6235 6236 6237 6238 6239 6240 6241 6242 6243 6244 6245 6246 6247 6248 6249 6250 6251 6252 6253 <div 6254 id="v2w0co0co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6255 class="verticalspacer parbase" 6256> 6257 <div class="pt-hairline pt-md-1"></div> 6258</div> 6259 6260 6261 6262 6263 6264 6265 6266 6267 6268 6269 6270 6271 6272 6273 6274 6275 6276 6277 <div 6278 id="te3w0co0co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6279 class="font-size-14 text-left font-weight-semi-bold line-height-default font-base text-black font-normal" role="group" 6280> 6281 <a href="https://www.sorelfootwear.co.uk/l/history" 6282 class="text-decoration-none" 6283 6284 > 6285 Our Story 6286 </a> 6287</div> 6288 6289 6290 6291 6292 6293 6294 6295 6296 6297 6298 6299 6300 6301 6302 6303 6304 6305 6306 6307 6308 6309 <div 6310 id="v4w0co0co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6311 class="verticalspacer parbase" 6312> 6313 <div class="pt-hairline"></div> 6314</div> 6315 6316 6317 6318 6319 6320 6321 6322 6323 6324 6325 6326 6327 6328 6329 6330 6331 6332 6333 <div 6334 id="te5w0co0co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6335 class="font-size-14 text-left font-weight-normal line-height-default font-base text-black font-normal" role="group" 6336> 6337 <a href="https://www.sorelfootwear.co.uk/l/history" 6338 class="text-decoration-none" 6339 6340 > 6341 Born in the Arctic. Built for the streets. This is our story. 6342 </a> 6343</div> 6344 6345 6346 6347 6348 6349 6350 6351 6352 6353 6354 6355 6356 6357 6358 6359 6360 6361 6362 6363 6364 6365 <div 6366 id="v6w0co0co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6367 class="verticalspacer parbase" 6368> 6369 <div class="pt-4 pt-md-0 pt-lg-0 pt-xl-0"></div> 6370</div> 6371 6372 6373 6374 6375 6376 6377 6378 6379 6380 6381 6382 </div> 6383</div> 6384 6385 6386 6387 6388 6389 6390 6391 6392 6393 6394 6395 6396 6397 6398 6399 6400 6401 </div> 6402 <div class=" col-12 d-md-block col-md-4 d-lg-block col-lg-2 order-sm-0"> 6403 6404 6405 <div class="wrapper"> 6406 <div 6407 id="w0co1co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6408 class="text-left pb-2 pr-4 pb-md-3 pb-lg-0 d-block d-md-block d-lg-block d-xl-block" 6409 > 6410 6411 6412 6413 6414 6415 6416 6417 6418 6419 <div class="image parbase"> 6420 <a 6421 href="https://www.sorelfootwear.co.uk/c/about/untamed-spirits" 6422 class="d-block" 6423 target="_self" 6424 > 6425 6426 <picture id="responsive-image-i0w0co1co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d"> 6427 <source srcset="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_Ambassadors_SM?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 6428 <source srcset="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_Ambassadors_SM?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 6429 <source srcset="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_Ambassadors_SM?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 6430 <source srcset="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_Ambassadors_SM?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 6431 6432 <img 6433 id="i0w0co1co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6434 class="img-fluid d-block mr-auto" 6435 src="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_Ambassadors_SM?fmt=auto&$aem_pjpeg$" 6436 width="" height="" 6437 alt="" 6438 /> 6439 </picture> 6440 6441
6441<script> 6442(async function() { 6443 const imageName = '51385_SOR_About_NavBan_Ambassadors_SM'; 6444 const imageFormat = 'pjpeg'; 6445 const pictureId = 'responsive-image-i0w0co1co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d'; 6446 6447 // Extract base name from image filename 6448 let baseName = imageName; 6449 if (imageName.includes('_XL')) { 6450 baseName = imageName.replace('_XL', ''); 6451 } else if (imageName.includes('_LG')) { 6452 baseName = imageName.replace('_LG', ''); 6453 } else if (imageName.includes('_MD')) { 6454 baseName = imageName.replace('_MD', ''); 6455 } else if (imageName.includes('_SM')) { 6456 baseName = imageName.replace('_SM', ''); 6457 } 6458 6459 // Initialize global cache if it doesn't exist 6460 if (!window.imageExistenceCache) { 6461 window.imageExistenceCache = new Map(); 6462 } 6463 6464 // Check if we have cached results for this base name 6465 if (window.imageExistenceCache.has(baseName)) { 6466 const existenceResults = window.imageExistenceCache.get(baseName); 6467 updatePictureSources(existenceResults); 6468 return; 6469 } 6470 6471 // Function to check if image exists via HTTP HEAD request 6472 async function checkImageExists(url) { 6473 try { 6474 const response = await fetch(url, { method: 'HEAD' }); 6475 return response.ok; 6476 } catch (error) { 6477 // Silently handle network errors without console spam 6478 return false; 6479 } 6480 } 6481 6482 // Check all possible sizes 6483 const sizes = ['SM', 'MD', 'LG', 'XL']; 6484 const existenceResults = {}; 6485 6486 // Use Scene7 format auto-detection instead of hardcoded extensions 6487 for (const size of sizes) { 6488 const url = `https://media.columbia.com/i/columbiasprtswr/${baseName}_${size}?fmt=auto`; 6489 existenceResults[size] = await checkImageExists(url); 6490 } 6491 6492 // Log availability for debugging (only if some sizes are missing) 6493 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 6494 const totalSizes = sizes.length; 6495 /*if (availableSizes < totalSizes) { 6496 console.log(`Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 6497 if (availableSizes === 0) { 6498 console.warn(`No responsive sizes found for "${baseName}". Using base image only.`); 6499 } 6500 }*/ 6501 6502 // Cache the results 6503 window.imageExistenceCache.set(baseName, existenceResults); 6504 6505 // Update the picture sources 6506 updatePictureSources(existenceResults); 6507 6508 // Function to update picture sources 6509 function updatePictureSources(existenceResults) { 6510 // Find the picture element 6511 const picture = document.getElementById(pictureId); 6512 if (!picture) { 6513 return; 6514 } 6515 6516 // Store the img element reference before removing sources 6517 const img = picture.querySelector('img'); 6518 const originalClasses = img ? img.className : ''; 6519 const originalDataSrc = img ? img.getAttribute('data-src') : null; 6520 6521 // Remove all existing sources 6522 const existingSources = picture.querySelectorAll('source'); 6523 existingSources.forEach(source => source.remove()); 6524 6525 // Create new sources with optimal sizes 6526 const breakpoints = [ 6527 { media: '(max-width: 575px)', preferSize: 'SM' }, 6528 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 6529 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 6530 { media: '(min-width: 1440px)', preferSize: 'XL' } 6531 ]; 6532 6533 breakpoints.forEach((breakpoint, index) => { 6534 let optimalSize = ''; 6535 6536 // Determine optimal size for this breakpoint 6537 if (breakpoint.preferSize === 'SM') { 6538 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 6539 } else if (breakpoint.preferSize === 'MD') { 6540 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 6541 } else if (breakpoint.preferSize === 'LG') { 6542 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 6543 } else if (breakpoint.preferSize === 'XL') { 6544 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 6545 } 6546 6547 // Create new source element 6548 const newSource = document.createElement('source'); 6549 newSource.setAttribute('media', breakpoint.media); 6550 6551 let srcset = ''; 6552 if (optimalSize === 'BASE') { 6553 srcset = `https://media.columbia.com/i/columbiasprtswr/${imageName}?fmt=auto&$aem_${imageFormat}$`; 6554 } else { 6555 srcset = `https://media.columbia.com/i/columbiasprtswr/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 6556 } 6557 6558 newSource.setAttribute('srcset', srcset); 6559 6560 // Insert before the img element 6561 picture.insertBefore(newSource, img); 6562 }); 6563 6564 // Ensure lazy loading attributes are preserved 6565 if (img) { 6566 // Check if the image has lazy loading attributes 6567 const hasLazyClass = img.classList.contains('lazy'); 6568 const hasDataSrc = img.hasAttribute('data-src'); 6569 6570 if (hasLazyClass || hasDataSrc) { 6571 // Make sure the lazy class is present 6572 if (!img.classList.contains('lazy')) { 6573 img.classList.add('lazy'); 6574 } 6575 6576 // Preserve or restore data-src attribute 6577 if (originalDataSrc) { 6578 img.setAttribute('data-src', originalDataSrc); 6579 } 6580 } 6581 } 6582 6583 // Reinitialize vanillaLazyLoad if it exists 6584 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 6585 window.vanillaLazyLoad.update(); 6586 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 6587 window.vanillaLazyLoad.init(); 6588 } 6589 } 6590})(); 6591</script>
6591 </a> 6592</div> 6593 6594 6595 6596 6597 6598 6599 6600 6601 6602 6603 6604 6605 6606 6607 6608 6609 6610 6611 6612 <div 6613 id="v1w0co1co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6614 class="verticalspacer parbase" 6615> 6616 <div class="pt-1 pt-md-2"></div> 6617</div> 6618 6619 6620 6621 6622 6623 6624 6625 6626 6627 6628 6629 6630 6631 6632 6633 6634 6635 6636 6637 <div 6638 id="v2w0co1co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6639 class="verticalspacer parbase" 6640> 6641 <div class="pt-hairline pt-md-1"></div> 6642</div> 6643 6644 6645 6646 6647 6648 6649 6650 6651 6652 6653 6654 6655 6656 6657 6658 6659 6660 6661 <div 6662 id="te3w0co1co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6663 class="font-size-14 text-left font-weight-semi-bold line-height-default font-base text-black font-normal" role="group" 6664> 6665 <a href="https://www.sorelfootwear.co.uk/c/about/untamed-spirits" 6666 class="text-decoration-none" 6667 6668 > 6669 Untamed Spirits 6670 </a> 6671</div> 6672 6673 6674 6675 6676 6677 6678 6679 6680 6681 6682 6683 6684 6685 6686 6687 6688 6689 6690 6691 6692 6693 <div 6694 id="v4w0co1co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6695 class="verticalspacer parbase" 6696> 6697 <div class="pt-hairline"></div> 6698</div> 6699 6700 6701 6702 6703 6704 6705 6706 6707 6708 6709 6710 6711 6712 6713 6714 6715 6716 6717 <div 6718 id="te5w0co1co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6719 class="font-size-14 text-left font-weight-normal line-height-default font-base text-black font-normal" role="group" 6720> 6721 <a href="https://www.sorelfootwear.co.uk/c/about/untamed-spirits" 6722 class="text-decoration-none" 6723 6724 > 6725 Icons in motion. Style that speaks. Meet our ambassadors. 6726 </a> 6727</div> 6728 6729 6730 6731 6732 6733 6734 6735 6736 6737 6738 6739 6740 6741 6742 6743 6744 6745 6746 6747 6748 6749 <div 6750 id="v6w0co1co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6751 class="verticalspacer parbase" 6752> 6753 <div class="pt-4 pt-md-0"></div> 6754</div> 6755 6756 6757 6758 6759 6760 6761 6762 6763 6764 6765 6766 </div> 6767</div> 6768 6769 6770 6771 6772 6773 6774 6775 6776 6777 6778 6779 6780 6781 6782 6783 6784 6785 </div> 6786 <div class=" col-12 d-md-block col-md-4 d-lg-block col-lg-2 order-sm-0"> 6787 6788 6789 <div class="wrapper"> 6790 <div
6791 id="w0co2co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6792 class="text-left pb-2 pr-4 pb-md-3 pb-lg-0 d-block d-md-block d-lg-block d-xl-block" 6793 > 6794 6795 6796 6797 6798 6799 6800 6801 6802 6803 <div class="image parbase"> 6804 <a 6805 href="https://www.sorelfootwear.co.uk/c/about/materials" 6806 class="d-block" 6807 target="_self" 6808 > 6809 6810 <picture id="responsive-image-i0w0co2co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d"> 6811 <source srcset="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_Materials_SM?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 6812 <source srcset="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_Materials_SM?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 6813 <source srcset="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_Materials_SM?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 6814 <source srcset="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_Materials_SM?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 6815 6816 <img
6817 id="i0w0co2co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6818 class="img-fluid d-block mr-auto" 6819 src="https://media.columbia.com/i/columbiasprtswr/51385_SOR_About_NavBan_Materials_SM?fmt=auto&$aem_pjpeg$" 6820 width="" height="" 6821 alt="" 6822 /> 6823 </picture> 6824 6825
6825<script> 6826(async function() { 6827 const imageName = '51385_SOR_About_NavBan_Materials_SM'; 6828 const imageFormat = 'pjpeg'; 6829 const pictureId = 'responsive-image-i0w0co2co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d'; 6830 6831 // Extract base name from image filename 6832 let baseName = imageName; 6833 if (imageName.includes('_XL')) { 6834 baseName = imageName.replace('_XL', ''); 6835 } else if (imageName.includes('_LG')) { 6836 baseName = imageName.replace('_LG', ''); 6837 } else if (imageName.includes('_MD')) { 6838 baseName = imageName.replace('_MD', ''); 6839 } else if (imageName.includes('_SM')) { 6840 baseName = imageName.replace('_SM', ''); 6841 } 6842 6843 // Initialize global cache if it doesn't exist 6844 if (!window.imageExistenceCache) { 6845 window.imageExistenceCache = new Map(); 6846 } 6847 6848 // Check if we have cached results for this base name 6849 if (window.imageExistenceCache.has(baseName)) { 6850 const existenceResults = window.imageExistenceCache.get(baseName); 6851 updatePictureSources(existenceResults); 6852 return; 6853 } 6854 6855 // Function to check if image exists via HTTP HEAD request 6856 async function checkImageExists(url) { 6857 try { 6858 const response = await fetch(url, { method: 'HEAD' }); 6859 return response.ok; 6860 } catch (error) { 6861 // Silently handle network errors without console spam 6862 return false; 6863 } 6864 } 6865 6866 // Check all possible sizes 6867 const sizes = ['SM', 'MD', 'LG', 'XL']; 6868 const existenceResults = {}; 6869 6870 // Use Scene7 format auto-detection instead of hardcoded extensions 6871 for (const size of sizes) { 6872 const url = `https://media.columbia.com/i/columbiasprtswr/${baseName}_${size}?fmt=auto`; 6873 existenceResults[size] = await checkImageExists(url); 6874 } 6875 6876 // Log availability for debugging (only if some sizes are missing) 6877 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 6878 const totalSizes = sizes.length; 6879 /*if (availableSizes < totalSizes) { 6880 console.log(`Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 6881 if (availableSizes === 0) { 6882 console.warn(`No responsive sizes found for "${baseName}". Using base image only.`); 6883 } 6884 }*/ 6885 6886 // Cache the results 6887 window.imageExistenceCache.set(baseName, existenceResults); 6888 6889 // Update the picture sources 6890 updatePictureSources(existenceResults); 6891 6892 // Function to update picture sources 6893 function updatePictureSources(existenceResults) { 6894 // Find the picture element 6895 const picture = document.getElementById(pictureId); 6896 if (!picture) { 6897 return; 6898 } 6899 6900 // Store the img element reference before removing sources 6901 const img = picture.querySelector('img'); 6902 const originalClasses = img ? img.className : ''; 6903 const originalDataSrc = img ? img.getAttribute('data-src') : null; 6904 6905 // Remove all existing sources 6906 const existingSources = picture.querySelectorAll('source'); 6907 existingSources.forEach(source => source.remove()); 6908 6909 // Create new sources with optimal sizes 6910 const breakpoints = [ 6911 { media: '(max-width: 575px)', preferSize: 'SM' }, 6912 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 6913 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 6914 { media: '(min-width: 1440px)', preferSize: 'XL' } 6915 ]; 6916 6917 breakpoints.forEach((breakpoint, index) => { 6918 let optimalSize = ''; 6919 6920 // Determine optimal size for this breakpoint 6921 if (breakpoint.preferSize === 'SM') { 6922 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 6923 } else if (breakpoint.preferSize === 'MD') { 6924 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 6925 } else if (breakpoint.preferSize === 'LG') { 6926 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 6927 } else if (breakpoint.preferSize === 'XL') { 6928 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 6929 } 6930 6931 // Create new source element 6932 const newSource = document.createElement('source'); 6933 newSource.setAttribute('media', breakpoint.media); 6934 6935 let srcset = ''; 6936 if (optimalSize === 'BASE') { 6937 srcset = `https://media.columbia.com/i/columbiasprtswr/${imageName}?fmt=auto&$aem_${imageFormat}$`; 6938 } else { 6939 srcset = `https://media.columbia.com/i/columbiasprtswr/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 6940 } 6941 6942 newSource.setAttribute('srcset', srcset); 6943 6944 // Insert before the img element 6945 picture.insertBefore(newSource, img); 6946 }); 6947 6948 // Ensure lazy loading attributes are preserved 6949 if (img) { 6950 // Check if the image has lazy loading attributes 6951 const hasLazyClass = img.classList.contains('lazy'); 6952 const hasDataSrc = img.hasAttribute('data-src'); 6953 6954 if (hasLazyClass || hasDataSrc) { 6955 // Make sure the lazy class is present 6956 if (!img.classList.contains('lazy')) { 6957 img.classList.add('lazy'); 6958 } 6959 6960 // Preserve or restore data-src attribute 6961 if (originalDataSrc) { 6962 img.setAttribute('data-src', originalDataSrc); 6963 } 6964 } 6965 } 6966 6967 // Reinitialize vanillaLazyLoad if it exists 6968 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 6969 window.vanillaLazyLoad.update(); 6970 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 6971 window.vanillaLazyLoad.init(); 6972 } 6973 } 6974})(); 6975</script>
6975 </a> 6976</div> 6977 6978 6979 6980 6981 6982 6983 6984 6985 6986 6987 6988 6989 6990 6991 6992 6993 6994 6995 6996 <div 6997 id="v1w0co2co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 6998 class="verticalspacer parbase" 6999> 7000 <div class="pt-1 pt-md-2"></div> 7001</div> 7002 7003 7004 7005 7006 7007 7008 7009 7010 7011 7012 7013 7014 7015 7016 7017 7018 7019 7020 7021 <div 7022 id="v2w0co2co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 7023 class="verticalspacer parbase" 7024> 7025 <div class="pt-hairline pt-md-1"></div> 7026</div> 7027 7028 7029 7030 7031 7032 7033 7034 7035 7036 7037 7038 7039 7040 7041 7042 7043 7044 7045 <div 7046 id="te3w0co2co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 7047 class="font-size-14 text-left font-weight-semi-bold line-height-default font-base text-black font-normal" role="group" 7048> 7049 <a href="https://www.sorelfootwear.co.uk/c/about/materials" 7050 class="text-decoration-none" 7051 7052 > 7053 Materials 7054 </a> 7055</div> 7056 7057 7058 7059 7060 7061 7062 7063 7064 7065 7066 7067 7068 7069 7070 7071 7072 7073 7074 7075 7076 7077 <div 7078 id="v4w0co2co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 7079 class="verticalspacer parbase" 7080> 7081 <div class="pt-hairline"></div> 7082</div> 7083 7084 7085 7086 7087 7088 7089 7090 7091 7092 7093 7094 7095 7096 7097 7098 7099 7100 7101 <div
7102 id="te5w0co2co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 7103 class="font-size-14 text-left font-weight-normal line-height-default font-base text-black font-normal" role="group" 7104> 7105 <a href="https://www.sorelfootwear.co.uk/c/about/materials" 7106 class="text-decoration-none" 7107 7108 > 7109 Crafted to perform. Designed to last. See what weâre made of. 7110 </a> 7111</div> 7112 7113 7114 7115 7116 7117 7118 7119 7120 7121 7122 7123 7124 7125 7126 7127 7128 7129 7130 7131 7132 7133 <div 7134 id="v6w0co2co0w0_9e0a0a5b_fda0_4e0e_849b_3d4c25edbd2d" 7135 class="verticalspacer parbase" 7136> 7137 <div class="pt-4 pt-md-0"></div> 7138</div> 7139 7140 7141 7142 7143 7144 7145 7146 7147 7148 7149 7150 </div> 7151</div> 7152 7153 7154 7155 7156 7157 7158 7159 7160 7161 7162 7163 7164 7165 7166 7167 7168 7169 </div> 7170 7171 7172 </div> 7173</div> 7174 7175 7176 7177 7178 7179 7180 7181 7182 7183 7184 7185 7186 7187 7188 7189 7190 </div> 7191</div> 7192 7193 7194 7195 7196 7197 7198 7199 7200 7201 7202 7203 7204 7205 7206 7207 7208 7209</div> 7210 7211 7212 7213 7214 7215 7216 7217 7218 7219 7220 7221 7222 7223 7224 7225 7226 7227 7228 7229 7230 7231 </div> 7232 7233 7234 </div> 7235 </div> 7236 7237 </li> 7238 7239 7240 7241 7242 7243 7244 7245 7246 7247 7248 7249 7250 <!-- Primary Item --> 7251 <li class="sitenav-primary__li sitenav__search d-none d-lg-flex js-header-search" tabindex="0"> 7252 <button class="no-flyout action__search js-action-search" type="button" data-toggle="tooltip" data-container=".siteheader__bottom" data-placement="left" title="Search"> 7253 <svg class="svgicon icon-search"> 7254 <use href="#search"></use> 7255 </svg> 7256 <span class="aria-offscreen">Search</span> 7257 </button> 7258 7259 7260 7261 7262 7263 7264 7265 7266 7267 7268 7269 7270 7271 7272 7273 7274 7275 7276 7277 7278 7279 7280 7281 7282 7283 7284 7285 7286 7287 7288 7289 7290<div class="siteheader__search-popover js-search-popover"> 7291 <form role="search" action="/search" method="get" name="advancedSearch" 7292 data-dtm-name="Desktop Header Search Form" data-dtm-id="search-manual" data-searchmethod="manualSearch"> 7293 <div class="search-field__container"> 7294 <svg class="svgicon icon-search mr-2"> 7295 <use href="#search"></use> 7296 </svg> 7297 <input id="searchPopover_fieldInput" class="form-control search-field form-control-lg js-search-field" type="search" name="q" value="" 7298 placeholder="Search" autocomplete="off" 7299 aria-label="Search" required="required"/> 7300 <button class="action__search--close js-action-search-close" value="Close" type="button"> 7301 <svg class="svgicon icon-close"> 7302 <use href="#close"></use> 7303 </svg> 7304 </button> 7305 </div> 7306 <div class="suggestions-wrapper" data-url="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/SearchServices-GetSuggestions?q=" data-dtm-id="search-quicklinks"> 7307 <div class="js-search-quicklinks"> 7308 <div class="suggestions"> 7309 7310 7311 7312 7313 <div class="content-asset"> 7314 <div class="text parbase"> 7315 <div id="text_1p48969" class="h4 font-size-16 line-height-default text-left text-primary font-oswald"> 7316 Quicklinks 7317 </div> 7318 </div> 7319 7320<div class="verticalspacer parbase"> 7321 <div class="pt-3"> </div> 7322 </div> 7323<div class="htmlSlot parbase"> 7324 7325 7326 <div class="text parbase"> 7327 <div id="text_1s27180" class="font-size-16 line-height-default text-left text-black font-oswald quicklinks"> 7328 <a href="https://www.sorelfootwear.co.uk/c/collections/ambler?searchmethod=quicklinksSearch" target="_self" class="text-black text-black text-decoration-none" data-searchmethod="quicklinksSearch"> 7329 Ambler⢠Collection 7330 </a> 7331 </div> 7332 </div> 7333 7334 <div class="verticalspacer parbase"> 7335 <div class="pt-3"> </div> 7336 </div> 7337 7338 7339 7340 7341 <div class="text parbase"> 7342 <div id="text_1s27180" class="font-size-16 line-height-default text-left text-black font-oswald quicklinks"> 7343 <a href="https://www.sorelfootwear.co.uk/c/womens-boots?searchmethod=quicklinksSearch" target="_self" class="text-black text-black text-decoration-none" data-searchmethod="quicklinksSearch"> 7344 Women's Boots 7345 </a> 7346 </div> 7347 </div> 7348 7349 7350 <div class="verticalspacer parbase"> 7351 <div class="pt-3"> </div> 7352 </div> 7353 7354 7355 7356 <div class="text parbase"> 7357 <div id="text_1s27180" class="font-size-16 line-height-default text-left text-black font-oswald quicklinks"> 7358 <a href="https://www.sorelfootwear.co.uk/c/womens-sneakers?searchmethod=quicklinksSearch" target="_self" class="text-black text-black text-decoration-none" data-searchmethod="quicklinksSearch"> 7359 Women's Sneakers 7360 </a> 7361 </div> 7362 </div> 7363 7364 7365 7366 7367 <div class="verticalspacer parbase"> 7368 <div class="pt-3"> </div> 7369 </div> 7370 7371 7372 7373 7374 <div class="text parbase"> 7375 <div id="text_do9j4l" class="font-size-16 line-height-default text-left text-black font-oswald quicklinks"> 7376 <a href="https://www.sorelfootwear.co.uk/c/men-all?searchmethod=quicklinksSearch" target="_self" class="text-black text-black text-decoration-none" data-searchmethod="quicklinksSearch"> 7377 Men's Shoes & Boots 7378 </a> 7379 </div> 7380 </div> 7381</div> 7382 </div> 7383 7384 7385 7386 </div> 7387 </div> 7388 <div class="js-search-suggestions"></div> 7389 </div> 7390 <input type="hidden" value="en_GB" name="lang" /> 7391 <input type="hidden" value="manualSearch" name="searchMethod" /> 7392 </form> 7393</div> 7394 7395 </li><!-- End: Primary Item --> 7396 7397 7398 <li class="d-lg-none"> 7399 <!-- Mobile In-Nav Footer --> 7400 7401 7402 7403 7404 7405 7406 7407 7408 7409 7410 7411 7412 7413 7414 7415 7416 7417 7418 7419 7420 7421 7422 7423 7424 7425 7426 7427 7428 7429 7430 7431 7432 7433<div class="js-mobile-menu-account-drawer-container"></div> 7434 7435 7436 <li aria-expanded="false" class="sitenav-primary__li sitenav-footer__li d-lg-none"> 7437 7438 7439
7440<script> 7441 if (!window.resources) { 7442 window.resources = {}; 7443 } 7444 window.resources.countrySelector = { 7445 shouldShowCountryVerificationModal: true, // used in countrySelectorOverlay.js 7446 preferredLanguageURL: '' // used in languageSelectorOverlay.js 7447 } 7448</script>
7448 7449 7450 7451 7452 7453<a href="/countries" 7454 class="sitefooter__region-link sitenav-primary__a sitenav-footer__a" 7455 data-num-locales="1.0" 7456 aria-label="Select a Location to browse from" 7457 aria-haspopup="true" 7458 aria-expanded="false" 7459> 7460 7461 <span class="sitenav__icon svgicon"> 7462 <i aria-hidden class="flag-icon flag-icon-gb"></i> 7463 </span> 7464 <span class="menu-text">English (United Kingdom)</span> 7465 7466</a> 7467 7468 7469 7470 7471 </li> 7472 7473<li class="sitenav-primary__li sitenav-footer__li d-lg-none"> 7474 7475 7476 7477 7478 <a href="https://www.sorelfootwear.co.uk/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Login-Show?source=Order%20Status" class="js-pii_auth-required sitenav-primary__a sitenav-footer__a"> 7479 <svg class="sitenav__icon svgicon"> 7480 <use href="#local_offer"></use> 7481 </svg> 7482 <span class="menu-text">Check An Order</span> 7483 </a> 7484</li> 7485<li class="sitenav-primary__li sitenav-footer__li d-lg-none" role="presentation" aria-expanded="false"> 7486 7487 7488 7489 7490 <div class="content-asset"> 7491 <a href="https://helpcenter-sorel-eu.zendesk.com/hc/en-us" target="_blank" class="sitenav-primary__a sitenav-footer__a"><span>Customer Care</span></a> 7492 </div> 7493 7494 7495 7496</li> 7497 7498 7499 7500 </li> 7501 </ul> 7502</nav> 7503 7504 7505 7506 </div> 7507 <!-- End: Nav Inner --> 7508 </div> 7509 </div> 7510 <!-- End: Nav --> 7511 7512 <!-- Utility Navigation --> 7513 <div class="siteheader__popover-icons siteheader__utility justify-content-end"> 7514 7515 7516 <div class="siteheader__account user "> 7517 <a href="/?signin=true" 7518 class="account btn-icon siteheader__account-link hidden-on-marketing js-action__account" 7519 title="My Account" 7520 data-container=".siteheader__bottom" 7521 data-toggle="tooltip" 7522 data-placement="left" 7523> 7524 <svg class="svgicon js-profile-icon"> 7525 <use href="#account"></use> 7526</svg> 7527 7528 <span class="aria-offscreen">Login</span> 7529</a> 7530 7531 </div> 7532 7533 <div class="siteheader__minicart minicart js-action__minicart"> 7534 7535 7536 7537<div class="minicart-total h-100"> 7538 <a class="siteheader__minicart-link minicart-link" 7539 data-toggle="tooltip" 7540 data-placement="left" 7541 data-container=".siteheader__bottom" 7542 title="View Bag" 7543 href="https://www.sorelfootwear.co.uk/cart"> 7544 <span class="minicart-icon"> 7545 <svg class="svgicon"> 7546 <use href="#cart"></use> 7547 </svg> 7548 </span> 7549 <span class="aria-offscreen">Mini Cart</span> 7550 <span class="siteheader__minicart__count minicart-quantity isempty"></span> 7551 </a> 7552</div> 7553 7554 7555 </div> 7556 7557 </div> 7558 </div> 7559 <!-- End: Top --> 7560 </div> 7561 7562 </div> 7563 7564 7565 </div> 7566 </nav> 7567</header> 7568 7569<div class="page" data-action="Sites-Sorel_UK-Site" data-querystring="" > 7570 <div role="main" id="main"> 7571 7572 7573 7574 7575 7576 7577 7578 7579 7580 7581 7582 7583
7583<script type="application/ld+json"> 7584 7585 { 7586 "@context": "http://schema.org", 7587 "@type": "WebSite", 7588 "url": "https://www.sorel.com/", 7589 "potentialAction": { 7590 "@type": "SearchAction", 7591 "target": "https://www.sorel.com/search?q={search_term_string}", 7592 "query-input": "required name=search_term_string" 7593 } 7594} 7595 </script>
7595 7596 7597
7597<script type="application/ld+json"> 7598 7599 { 7600 "@context": "http://schema.org", 7601 "@type": "Organization", 7602 "name": "Sorel", 7603 "legalName": "Sorel", 7604 "url": "https://www.sorel.com/", 7605 "foundingDate": "1962" 7606} 7607 </script>
7607 7608 7609 7610 7611 7612 7613 7614 7615 7616 7617 7618 7619 7620 7621 7622 <div id="UUID_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" class="amp-contant-page"> 7623 7624 <div class="gridContainer parbase"> 7625 <div 7626 id="con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 7627 class="container-fluid px-0" 7628 > 7629 7630 7631 7632 7633 7634 7635 7636 7637 7638 7639 7640 7641 7642 7643 <div class="hero parbase"> 7644 <div id="h0con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 7645 class="hero bg-white"> 7646 <div class="hero__image-wrapper"> 7647 <div id="h0con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f-videocontainer"> 7648 7649 <style> 7650 @media (min-width: 576px) { 7651 #h0con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f .hero__image-wrapper video { 7652 width: 100%; 7653 aspect-ratio: calc(1 / calc(53.83 / 100)); 7654 object-fit: cover; 7655 } 7656 #h0con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f .hero__image-wrapper .hero__poster-image { 7657 aspect-ratio: calc(1 / calc(53.83 / 100)); 7658 } 7659 } 7660 @media (max-width: 575px) { 7661 #h0con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f .hero__image-wrapper video { 7662 width: 100%; 7663 aspect-ratio: calc(1 / calc(155.20 / 100)); 7664 object-fit: cover; 7665 } 7666 #h0con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f .hero__image-wrapper .hero__poster-image { 7667 aspect-ratio: calc(1 / calc(155.20 / 100)); 7668 } 7669 } 7670 </style> 7671 7672 <video 7673 id="h0con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f-video" 7674 class="hero__video-bg" 7675 autoplay 7676 loop 7677 muted 7678 playsinline 7679 > 7680 <source src="https://media.sorel.com/v/sorel/53619_SOR_Waterproof_HP_Hero/mobile" type="video/mp4"> 7681 </video> 7682 7683
7683<script> 7684 document.addEventListener('DOMContentLoaded', function() { 7685 function amplienceVideoSourceSet(mobileVideoName, desktopVideoName, elementId, videoHost, videoEndpoint) { 7686 const video = document.getElementById(elementId + '-video'); 7687 if (!video) return; 7688 7689 function updateVideoSource() { 7690 const isMobile = window.innerWidth <= 575; 7691 const videoName = (isMobile && mobileVideoName) ? mobileVideoName : desktopVideoName; 7692 const suffix = (isMobile && mobileVideoName) ? 'mobile' : 'desktop'; 7693 const newSrc = `https://${videoHost}/v/${videoEndpoint}/${videoName}/${suffix}`; 7694 7695 const source = video.querySelector('source'); 7696 if (source && source.src !== newSrc) { 7697 source.src = newSrc; 7698 video.load(); // Reload video with new source 7699 } 7700 } 7701 7702 // Update on load and resize 7703 updateVideoSource(); 7704 window.addEventListener('resize', updateVideoSource); 7705 } 7706 7707 amplienceVideoSourceSet( 7708 "53619_SOR_Waterproof_HP_Hero", 7709 "53619_SOR_Waterproof_HP_Hero", 7710 "h0con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f", 7711 "media.sorel.com", 7712 "sorel" 7713 ); 7714 7715 const video = document.getElementById("h0con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f-video"); 7716 const poster = document.getElementById("responsive-hero-video-poster-h0con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f"); 7717 7718 if (video && poster) { 7719 // Position poster behind video without affecting hero layout 7720 poster.style.position = 'absolute'; 7721 poster.style.top = '0'; 7722 poster.style.left = '0'; 7723 poster.style.width = '100%'; 7724 poster.style.height = '100%'; 7725 poster.style.zIndex = '-1'; 7726 poster.style.pointerEvents = 'none'; 7727 7728 function hidePoster() { 7729 poster.style.opacity = '0'; 7730 poster.style.visibility = 'hidden'; 7731 } 7732 7733 function showPoster() { 7734 poster.style.opacity = '1'; 7735 poster.style.visibility = 'visible'; 7736 } 7737 7738 // Hide poster when video can play 7739 video.addEventListener('canplay', hidePoster); 7740 video.addEventListener('playing', hidePoster); 7741 7742 // Show poster if video fails to load 7743 video.addEventListener('error', showPoster); 7744 7745 // Initially show poster until video is ready 7746 if (video.readyState >= 3) { 7747 hidePoster(); 7748 } else { 7749 showPoster(); 7750 } 7751 } 7752 7753 // Add video control functionality 7754 if (video) { 7755 // Use event delegation for dynamic controls 7756 document.addEventListener('click', function(e) { 7757 // Play/Pause button functionality 7758 if (e.target.matches('.s7PlayPauseButton, .video-audio-pause-button, .video-audio-play-button') || 7759 e.target.closest('.s7PlayPauseButton, .video-audio-pause-button, .video-audio-play-button')) { 7760 7761 const button = e.target.matches('.s7PlayPauseButton, .video-audio-pause-button, .video-audio-play-button') ? 7762 e.target : e.target.closest('.s7PlayPauseButton, .video-audio-pause-button, .video-audio-play-button'); 7763 7764 if (video.paused) { 7765 video.play(); 7766 button.setAttribute('aria-label', 'pause'); 7767 button.classList.remove('paused'); 7768 button.classList.remove('video-audio-play-button'); 7769 button.classList.add('video-audio-pause-button'); 7770 7771 } else { 7772 video.pause(); 7773 button.setAttribute('aria-label', 'play'); 7774 button.classList.add('paused'); 7775 button.classList.remove('video-audio-pause-button'); 7776 button.classList.add('video-audio-play-button'); 7777 } 7778 e.preventDefault(); 7779 } 7780 7781 // Mute/Unmute button functionality 7782 if (e.target.matches('.s7MuteButton, .video-audio-mute-button, .video-audio-unmute-button') || 7783 e.target.closest('.s7MuteButton, .video-audio-mute-button, .video-audio-unmute-button')) { 7784 7785 const button = e.target.matches('.s7MuteButton, .video-audio-mute-button, .video-audio-unmute-button') ? 7786 e.target : e.target.closest('.s7MuteButton, .video-audio-mute-button, .video-audio-unmute-button'); 7787 7788 if (video.muted) { 7789 video.muted = false;
7790 button.setAttribute('aria-label', 'mute'); 7791 button.classList.remove('muted','video-audio-mute-button'); 7792 button.classList.add('video-audio-unmute-button'); 7793 } else { 7794 video.muted = true; 7795 button.setAttribute('aria-label', 'unmute'); 7796 button.classList.add('muted'); 7797 button.classList.remove('video-audio-unmute-button'); 7798 button.classList.add('video-audio-mute-button'); 7799 } 7800 e.preventDefault(); 7801 } 7802 }); 7803 7804 // Update button states when video state changes 7805 video.addEventListener('play', () => { 7806 document.querySelectorAll('.s7PlayPauseButton, .video-audio-play-button, .video-audio-pause-button').forEach(button => { 7807 button.setAttribute('aria-label', 'pause'); 7808 button.classList.remove('paused','video-audio-play-button'); 7809 button.classList.add('video-audio-pause-button'); 7810 }); 7811 }); 7812 7813 video.addEventListener('pause', () => { 7814 document.querySelectorAll('.s7PlayPauseButton, .video-audio-play-button, .video-audio-pause-button').forEach(button => { 7815 button.setAttribute('aria-label', 'play'); 7816 button.classList.add('paused'); 7817 button.classList.remove('video-audio-pause-button'); 7818 button.classList.add('video-audio-play-button'); 7819 }); 7820 }); 7821 7822 video.addEventListener('volumechange', () => { 7823 document.querySelectorAll('.s7MuteButton, .video-audio-mute-button, .video-audio-unmute-button').forEach(button => { 7824 if (video.muted) { 7825 button.setAttribute('aria-label', 'unmute'); 7826 button.classList.add('muted'); 7827 button.classList.remove('video-audio-unmute-button'); 7828 button.classList.add('video-audio-mute-button'); 7829 } else { 7830 button.setAttribute('aria-label', 'mute'); 7831 button.classList.remove('muted','video-audio-mute-button'); 7832 button.classList.add('video-audio-unmute-button'); 7833 } 7834 }); 7835 }); 7836 } 7837 }); 7838 </script>
7838 7839 7840 7841 <img 7842 class="hero__poster-image" 7843 loading="eager" 7844 src="" 7845 width="" height="" 7846 /> 7847 7848
7848<script> 7849 (() => { 7850 const media = document.getElementById("h0con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f-video"); 7851 const controls = 'none'; 7852 const showControls = controls !== 'none'; 7853 7854 if (media && showControls) { 7855 media.setAttribute('controls', true); 7856 } 7857 7858 // Using Amplience Content Hub - no Scene7 processing needed 7859 7860 if (media && showControls) { 7861 media.removeAttribute('controls'); 7862 } 7863 })(); 7864 </script>
7864 7865 7866</div> <a class="overlink" 7867 href="https://www.sorelfootwear.co.uk/c/new-arrivals" 7868 7869 > 7870 <span class="sighted-hidden sr-only"></span> 7871 </a> 7872 </div> 7873 <div class="hero__layout-wrapper hero__layout-wrapper--layered"> 7874 <div class="hero__content-container"> 7875 <div class="hero__content-row align-items-end align-items-md-center justify-content-center"> 7876 <div class="hero__content-column py-5 py-md-4 py-xl-5 px-3 px-md-4 px-xl-5 text-center"> 7877 <div class="hero__main-content "> 7878 <div class="hero__prehead font-accent letter-spacing-0 line-height-2 font-size-24 text-md-white text-xl-white mb-3 mb-md-5"> 7879 <svg id="arlo" width="64" height="34" viewBox="0 0 64 34" fill="none" xmlns="http://www.w3.org/2000/svg"> 7880<path d="M0.840118 29.2361C0.840118 29.3494 1.79406 32.1148 3.08839 33.0442H9.10581C9.10581 32.4661 9.03751 31.5368 8.731 31.0948C8.26513 30.4147 6.9486 29.4627 6.9486 28.1027C6.9486 27.8533 7.09574 27.4 7.23234 27.026C6.86864 26.618 6.45996 26.0173 6.05129 25.326C5.09789 23.7279 4.16672 21.6879 3.91685 20.6452C3.90574 20.5999 3.89408 20.5545 3.87131 20.5432C3.14503 21.2459 1.10109 23.2746 0.953948 24.0113C0.87399 24.3853 0 27.91 0 29.1567C0 29.3494 0.851776 29.1114 0.851776 29.2474" fill="#FCFBF4"/> 7881<path d="M42.9567 18.4556C40.6068 20.6657 36.8599 23.0118 34.1463 25.1198C33.8625 25.6298 33.2951 26.9785 33.5788 28.8712C33.6016 29.0412 34.3395 28.8485 34.4528 28.9506C34.7027 29.1659 34.8959 30.5373 35.0547 30.5939C35.3046 30.6733 36.0425 30.4919 36.1336 30.6733C36.2013 30.8433 36.8715 32.5773 37.3479 33.0533H45.4887C45.4093 32.6 44.7507 30.968 43.99 30.6053C43.4903 30.3673 40.3114 29.1546 40.3114 25.7658C40.3114 23.6011 42.4797 20.405 42.6163 20.0197C42.7185 19.725 42.9567 18.9203 42.9456 18.467" fill="#FCFBF4"/> 7882<path d="M58.3333 7.645C59.1279 7.49769 59.446 8.48368 59.2983 8.71034C59.2073 8.85771 58.2539 8.84638 57.9246 8.291C57.743 7.97366 58.1289 7.67898 58.3333 7.645ZM2.83723 16.4626C2.88277 16.5646 2.84834 16.6666 2.84834 16.8819C2.84834 17.0859 2.8711 17.3805 3.00714 17.8906C3.21148 18.6273 3.41638 19.262 3.51855 19.2959C3.73399 19.3526 4.32424 18.6613 4.36977 18.8199C5.00555 20.9846 6.36817 23.954 7.2988 25.3254C7.5942 25.7561 7.84407 26.0168 8.01453 26.0621C8.22998 26.1188 8.55925 25.4501 8.62755 25.5861C9.70588 28.0908 11.5566 31.4116 13.214 33.0323H20.242C20.2193 32.6923 20.0716 31.2529 19.6401 30.7882C19.1521 30.2555 17.1764 29.5982 17.1764 26.8441C17.1764 26.2548 17.3014 25.7448 17.4946 25.3141C17.9716 24.2714 18.8911 23.5687 19.5607 22.696C21.6158 20.0213 21.1505 19.5566 21.4231 19.364C21.6841 19.1826 22.2743 19.6246 24.1589 17.4372C24.1589 17.4372 24.5109 17.6526 24.8063 17.7885C25.0107 17.8792 25.3627 18.0379 25.3172 18.0946C23.6025 20.1233 22.5125 20.2366 22.3537 20.3386C22.1266 20.486 22.6152 21.0526 18.9705 25.2574C18.9477 25.2801 18.9477 25.3027 18.9705 25.3141C19.016 25.3368 19.141 25.3368 19.3225 25.3141C20.1399 25.2234 22.0589 24.7587 22.2632 24.6794C22.2632 24.6794 24.5337 21.166 24.6131 21.1093C24.6475 21.0866 25.0445 21.1886 25.3966 21.2227C25.7714 21.2453 26.1684 21.1433 26.2367 21.234C26.3161 21.336 24.4771 23.0134 23.3643 25.3141C23.2849 25.4841 23.2055 25.6541 23.1372 25.8241C23.035 26.0735 23.8979 25.7448 23.8751 25.8921C23.8185 26.2548 22.1155 28.6235 22.1155 29.8702C22.1155 30.0742 22.9667 29.8362 22.9667 29.9722C22.9667 30.0855 23.4892 32.1369 24.7497 33.0323H32.0387C32.0387 32.4656 31.8227 31.5929 31.5162 31.1509C31.198 30.6862 29.7904 30.2215 29.7904 29.2128C29.7904 28.0342 30.937 26.7194 32.5606 25.3141C35.7623 22.5827 40.8602 19.5793 42.9263 16.8706C43.1879 16.5305 43.3922 16.2019 43.5393 15.8732C43.5738 15.7939 43.9141 15.7939 44.2323 15.7599C44.6293 15.7145 45.0608 15.5898 45.038 15.6352C44.902 16.0318 44.6749 16.4512 44.3683 16.8706C44.2095 17.0972 44.0163 17.3126 43.8236 17.5506C44.1185 17.3806 44.516 17.1312 44.9358 16.8706C45.731 16.3832 46.5256 15.8959 46.5594 15.9865C46.605 16.1112 46.3895 16.6552 46.4006 16.8706C46.4006 16.9159 46.4123 16.9499 46.4461 16.9499C46.4689 16.9499 46.5483 16.9272 46.6732 16.8706C47.5472 16.4512 50.579 14.6378 50.7261 14.7398C50.8855 14.8418 50.6018 15.6012 50.8627 15.6919C50.9421 15.7145 53.3376 14.0145 56.7324 14.1278C57.175 14.1958 58.0723 14.1845 60.4339 14.2638C61.149 14.2865 61.8531 14.0485 62.2501 13.7198C62.6705 13.3798 62.8
7882065 13.1191 63.1247 12.7338C63.3629 12.4391 63.7715 11.9405 63.9193 11.7818C64.0214 11.6684 64.0325 11.5098 63.9193 11.3737C63.4761 10.8297 62.0347 9.26572 60.6038 8.42704C60.3317 8.25702 60.3089 7.41834 59.923 7.04431C59.6504 6.78366 58.6514 6.1603 56.8457 5.46895C56.5281 5.35561 55.9828 5.24228 55.3926 5.16294C54.598 4.06358 53.508 4.30158 53.1787 4.78893C52.895 5.20827 52.9972 5.74095 53.3492 6.1603C53.4625 6.28497 53.3264 6.35297 53.247 6.35297C52.3048 6.21696 52.2365 4.97027 52.1571 4.97027C47.7632 4.73226 41.8252 4.7096 39.6791 4.92493C38.8845 5.00427 38.0333 5.55962 36.7162 5.77496C35.7395 5.93362 26.7248 0.946838 17.9371 0.946838C15.0875 0.946838 12.1813 1.63819 10.8642 2.27287C9.17227 3.08889 6.3454 5.51428 4.21096 8.4497C2.38303 10.9657 1.06594 13.8445 1.42908 16.3832C1.46351 16.6439 2.7123 16.2472 2.82558 16.4739" fill="#FCFBF4"/> 7883</svg> 7884<br class='d-lg-none'> 7885 </div> 7886 <h1 class="hero__headline font-base font-weight-normal letter-spacing-2 line-height-1 font-size-12 font-size-md-14 font-size-lg-16 text-white mb-3"> 7887 FALL FOOTWEAR 7888 </h1> 7889 <div class="hero__subhead font-accent letter-spacing-0 line-height-default font-size-32 font-size-xl-40 text-white mb-3 mb-md-4"> 7890 Shift With the Season 7891 </div> 7892 <div class="mt-3"> 7893 <div class="ctaBlock"> 7894 <div 7895 id="c0h0con0_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 7896 class="ctas ctas--horizontal cta--auto ctas--center" 7897 > 7898 <div class="row ctas__row"> 7899 <div class="col-auto"> 7900 <a 7901 7902 class="cta btn btn-secondary" 7903 href="https://www.sorelfootwear.co.uk/c/womens-new-arrivals" 7904 target="_self" 7905 > 7906 SHOP WOMEN 7907 </a> 7908 </div> 7909 <div class="col-auto"> 7910 <a 7911 7912 class="cta btn btn-secondary" 7913 href="https://www.sorelfootwear.co.uk/c/mens-new-arrivals" 7914 target="_self" 7915 > 7916 SHOP MEN 7917 </a> 7918 </div> 7919 </div> 7920 </div> 7921</div> 7922 </div> 7923 7924 </div> 7925</div> </div> 7926 </div> 7927 </div> 7928 </div> 7929</div> 7930 7931 7932 7933 7934 7935 7936 </div> 7937</div> 7938 7939 7940 7941 7942 7943 7944 7945 7946 7947 7948 7949 7950 7951 7952 7953 7954 7955 7956 7957 7958 7959 7960 7961 7962 7963 7964 <div 7965 id="v1_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 7966 class="verticalspacer parbase" 7967> 7968 <div class="pt-3"></div> 7969</div> 7970 7971 7972 7973 7974 7975 7976 7977 7978 7979 7980 7981 7982 <div class="gridContainer parbase"> 7983 <div 7984 id="container_v7vv6z" 7985 class="container-fluid" 7986 > 7987 7988 7989 <div class="wrapper"> 7990 <div 7991 id="w0con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 7992 class="text-left pt-5 pb-5 pl-4 pr-4 d-block d-md-block d-lg-block d-xl-block" 7993 > 7994 7995 7996 7997 7998 7999 8000 8001 <h2 8002 id="te0w0con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8003 class="font-size-22 text-center font-weight-semi-bold line-height-1_25 font-base text-black" role="heading" 8004> 8005 SHOP WOMEN'S 8006 8007</h2> 8008 8009 8010 8011 8012 8013 8014 8015 8016 8017 8018 8019 8020 8021 </div> 8022</div> 8023 8024 8025 8026 8027 8028 8029 8030 8031 8032 8033 8034 8035 8036 8037 8038 8039 8040 8041 8042 8043 <div class="columnControl"> 8044 <div 8045 id="co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8046 class="row row-sm--gutters justify-content-start" 8047 > 8048 <div class=" col-12 d-md-block col-md-4 order-sm-1"> 8049 8050 8051 <div class="wrapper"> 8052 <div 8053 id="w0co0co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8054 class="text-left d-block d-md-block d-lg-block d-xl-block" 8055 > 8056 8057 8058 8059 8060 8061 8062 8063 8064 8065 8066 8067 8068 8069 8070 <div class="hero parbase"> 8071 <div id="h0w0co0co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8072 class="hero bg-white"> 8073 <div class="hero__image-wrapper"> 8074 8075 <picture id="responsive-hero-image-h0w0co0co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f"> 8076 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block1b?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 8077 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block1b?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 8078 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block1b?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 8079 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block1b?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 8080 8081 <img 8082 class="hero__bg-image 8083 8084 8085 " 8086 src="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block1b?fmt=auto&$aem_pjpeg$" 8087 width="" height="" 8088 alt="" 8089 fetchPriority="high" 8090 /> 8091 </picture> 8092 8093
8093<script> 8094(async function() { 8095 const imageName = '53619_SOR_Waterproof_HP_Subhero1_Block1b'; 8096 const imageFormat = 'pjpeg'; 8097 const imageHost = 'media.sorel.com'; 8098 const imageEndpoint = 'sorel'; 8099 const pictureId = 'responsive-hero-image-h0w0co0co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f'; 8100 const shouldLazyLoad = 'false' === 'true'; 8101 8102 // Extract base name from image filename 8103 let baseName = imageName; 8104 if (imageName.includes('_XL')) { 8105 baseName = imageName.replace('_XL', ''); 8106 } else if (imageName.includes('_LG')) { 8107 baseName = imageName.replace('_LG', ''); 8108 } else if (imageName.includes('_MD')) { 8109 baseName = imageName.replace('_MD', ''); 8110 } else if (imageName.includes('_SM')) { 8111 baseName = imageName.replace('_SM', ''); 8112 } 8113 8114 // Initialize global cache if it doesn't exist 8115 if (!window.imageExistenceCache) { 8116 window.imageExistenceCache = new Map(); 8117 } 8118 8119 // Check if we have cached results for this base name 8120 if (window.imageExistenceCache.has(baseName)) { 8121 const existenceResults = window.imageExistenceCache.get(baseName); 8122 updatePictureSources(existenceResults); 8123 return; 8124 } 8125 8126 // Function to check if image exists via HTTP HEAD request 8127 async function checkImageExists(url) { 8128 try { 8129 const response = await fetch(url, { method: 'HEAD' }); 8130 return response.ok; 8131 } catch (error) { 8132 // Silently handle network errors without console spam 8133 return false; 8134 } 8135 } 8136 8137 // Check all possible sizes 8138 const sizes = ['SM', 'MD', 'LG', 'XL']; 8139 const existenceResults = {}; 8140 8141 // Use Scene7 format auto-detection instead of hardcoded extensions 8142 for (const size of sizes) { 8143 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 8144 existenceResults[size] = await checkImageExists(url); 8145 } 8146 8147 // Log availability for debugging (only if some sizes are missing) 8148 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 8149 const totalSizes = sizes.length; 8150 if (availableSizes < totalSizes) { 8151 console.log(`ð¸ Hero Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 8152 if (availableSizes === 0) { 8153 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 8154 } 8155 } 8156 8157 // Cache the results 8158 window.imageExistenceCache.set(baseName, existenceResults); 8159 8160 // Update the picture sources 8161 updatePictureSources(existenceResults); 8162 8163 // Function to update picture sources 8164 function updatePictureSources(existenceResults) { 8165 // Find the picture element 8166 const picture = document.getElementById(pictureId); 8167 if (!picture) { 8168 return; 8169 } 8170 8171 // Store the img element reference before removing sources 8172 const img = picture.querySelector('img'); 8173 const originalClasses = img ? img.className : ''; 8174 const originalDataSrc = img ? img.getAttribute('data-src') : null; 8175 8176 // Remove all existing sources 8177 const existingSources = picture.querySelectorAll('source'); 8178 existingSources.forEach(source => source.remove()); 8179 8180 // Create new sources with optimal sizes 8181 const breakpoints = [ 8182 { media: '(max-width: 575px)', preferSize: 'SM' }, 8183 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 8184 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 8185 { media: '(min-width: 1440px)', preferSize: 'XL' } 8186 ]; 8187 8188 breakpoints.forEach((breakpoint, index) => { 8189 let optimalSize = ''; 8190 8191 // Determine optimal size for this breakpoint 8192 if (breakpoint.preferSize === 'SM') { 8193 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 8194 } else if (breakpoint.preferSize === 'MD') { 8195 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 8196 } else if (breakpoint.preferSize === 'LG') { 8197 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 8198 } else if (breakpoint.preferSize === 'XL') { 8199 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 8200 } 8201 8202 // Create new source element 8203 const newSource = document.createElement('source'); 8204 newSource.setAttribute('media', breakpoint.media); 8205 8206 let srcset = ''; 8207 if (optimalSize === 'BASE') { 8208 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 8209 } else { 8210 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 8211 } 8212 8213 newSource.setAttribute('srcset', srcset); 8214 8215 // Insert before the img element 8216 picture.insertBefore(newSource, img); 8217 }); 8218 8219 // Ensure lazy loading attributes are preserved 8220 if (img && shouldLazyLoad) { 8221 // Make sure the lazy class is present 8222 if (!img.classList.contains('lazy')) { 8223 img.classList.add('lazy'); 8224 } 8225 8226 // Update data-src with the optimized URL if needed 8227 if (originalDataSrc) { 8228 img.setAttribute('data-src', originalDataSrc); 8229 } 8230 } 8231 8232 // Reinitialize vanillaLazyLoad if it exists 8233 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 8234 window.vanillaLazyLoad.update(); 8235 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 8236 window.vanillaLazyLoad.init(); 8237 } 8238 } 8239})(); 8240</script>
8240 <a class="overlink" 8241 href="https://www.sorelfootwear.co.uk/c/women-casual-boots" 8242 8243 > 8244 <span class="sighted-hidden sr-only"></span> 8245 </a> 8246 </div> 8247 <div class="hero__layout-wrapper hero__layout-wrapper--layered"> 8248 <div class="hero__content-container"> 8249 <div class="hero__content-row align-items-end justify-content-start"> 8250 <div class="hero__content-column py-3 px-3 text-left"> 8251 <div class="hero__main-content "> 8252 <div class="mt-3"> 8253 <div class="ctaBlock"> 8254 <div 8255 id="c0h0w0co0co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8256 class="ctas ctas--horizontal cta--medium ctas--center ctas-md--left" 8257 > 8258 <div class="row ctas__row"> 8259 </div> 8260 </div> 8261</div> 8262 </div> 8263 8264 <div class="links"> 8265 <a class="link mt-3 font-family-sans-serif text-white" 8266 href="https://www.sorelfootwear.co.uk/c/women-casual-boots" target="_self"> 8267 CASUAL BOOTS 8268 </a> 8269 </div> 8270 </div> 8271</div> </div> 8272 </div> 8273 </div> 8274 </div> 8275</div> 8276 8277 8278 8279 8280 8281 8282 </div> 8283</div> 8284 8285 8286 8287 8288 8289 8290 8291 8292 8293 8294 8295 8296 8297 8298 8299 8300 8301 8302 8303 8304 8305 8306 8307 8308 8309 <div 8310 id="v1co0co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8311 class="verticalspacer parbase" 8312> 8313 <div class="pt-3 pt-md-0"></div> 8314</div> 8315 8316 8317 8318 8319 8320 8321 8322 8323 8324 8325 8326 </div> 8327 <div class=" col-12 d-md-block col-md-4 order-sm-2"> 8328 8329 8330 <div class="wrapper"> 8331 <div 8332 id="w0co1co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8333 class="text-left d-block d-md-block d-lg-block d-xl-block" 8334 > 8335 8336 8337 8338 8339 8340 8341 8342 8343 8344 8345 8346 8347 8348 8349 <div class="hero parbase"> 8350 <div id="h0w0co1co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8351 class="hero bg-white"> 8352 <div class="hero__image-wrapper"> 8353 8354 <picture id="responsive-hero-image-h0w0co1co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f"> 8355 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block2?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 8356 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block2?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 8357 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block2?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 8358 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block2?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 8359 8360 <img 8361 class="hero__bg-image 8362 8363 8364 " 8365 src="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block2?fmt=auto&$aem_pjpeg$" 8366 width="" height="" 8367 alt="" 8368 fetchPriority="high" 8369 /> 8370 </picture> 8371 8372
8372<script> 8373(async function() { 8374 const imageName = '53619_SOR_Waterproof_HP_Subhero1_Block2'; 8375 const imageFormat = 'pjpeg'; 8376 const imageHost = 'media.sorel.com'; 8377 const imageEndpoint = 'sorel'; 8378 const pictureId = 'responsive-hero-image-h0w0co1co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f'; 8379 const shouldLazyLoad = 'false' === 'true'; 8380 8381 // Extract base name from image filename 8382 let baseName = imageName; 8383 if (imageName.includes('_XL')) { 8384 baseName = imageName.replace('_XL', ''); 8385 } else if (imageName.includes('_LG')) { 8386 baseName = imageName.replace('_LG', ''); 8387 } else if (imageName.includes('_MD')) { 8388 baseName = imageName.replace('_MD', ''); 8389 } else if (imageName.includes('_SM')) { 8390 baseName = imageName.replace('_SM', ''); 8391 } 8392 8393 // Initialize global cache if it doesn't exist 8394 if (!window.imageExistenceCache) { 8395 window.imageExistenceCache = new Map(); 8396 } 8397 8398 // Check if we have cached results for this base name 8399 if (window.imageExistenceCache.has(baseName)) { 8400 const existenceResults = window.imageExistenceCache.get(baseName); 8401 updatePictureSources(existenceResults); 8402 return; 8403 } 8404 8405 // Function to check if image exists via HTTP HEAD request 8406 async function checkImageExists(url) { 8407 try { 8408 const response = await fetch(url, { method: 'HEAD' }); 8409 return response.ok; 8410 } catch (error) { 8411 // Silently handle network errors without console spam 8412 return false; 8413 } 8414 } 8415 8416 // Check all possible sizes 8417 const sizes = ['SM', 'MD', 'LG', 'XL']; 8418 const existenceResults = {}; 8419 8420 // Use Scene7 format auto-detection instead of hardcoded extensions 8421 for (const size of sizes) { 8422 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 8423 existenceResults[size] = await checkImageExists(url); 8424 } 8425 8426 // Log availability for debugging (only if some sizes are missing) 8427 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 8428 const totalSizes = sizes.length; 8429 if (availableSizes < totalSizes) { 8430 console.log(`ð¸ Hero Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 8431 if (availableSizes === 0) { 8432 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 8433 } 8434 } 8435 8436 // Cache the results 8437 window.imageExistenceCache.set(baseName, existenceResults); 8438 8439 // Update the picture sources 8440 updatePictureSources(existenceResults); 8441 8442 // Function to update picture sources 8443 function updatePictureSources(existenceResults) { 8444 // Find the picture element 8445 const picture = document.getElementById(pictureId); 8446 if (!picture) { 8447 return; 8448 } 8449 8450 // Store the img element reference before removing sources 8451 const img = picture.querySelector('img'); 8452 const originalClasses = img ? img.className : ''; 8453 const originalDataSrc = img ? img.getAttribute('data-src') : null; 8454 8455 // Remove all existing sources 8456 const existingSources = picture.querySelectorAll('source'); 8457 existingSources.forEach(source => source.remove()); 8458 8459 // Create new sources with optimal sizes 8460 const breakpoints = [ 8461 { media: '(max-width: 575px)', preferSize: 'SM' }, 8462 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 8463 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 8464 { media: '(min-width: 1440px)', preferSize: 'XL' } 8465 ]; 8466 8467 breakpoints.forEach((breakpoint, index) => { 8468 let optimalSize = ''; 8469 8470 // Determine optimal size for this breakpoint 8471 if (breakpoint.preferSize === 'SM') { 8472 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 8473 } else if (breakpoint.preferSize === 'MD') { 8474 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 8475 } else if (breakpoint.preferSize === 'LG') { 8476 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 8477 } else if (breakpoint.preferSize === 'XL') { 8478 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 8479 } 8480 8481 // Create new source element 8482 const newSource = document.createElement('source'); 8483 newSource.setAttribute('media', breakpoint.media); 8484 8485 let srcset = ''; 8486 if (optimalSize === 'BASE') { 8487 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 8488 } else { 8489 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 8490 } 8491 8492 newSource.setAttribute('srcset', srcset); 8493 8494 // Insert before the img element 8495 picture.insertBefore(newSource, img); 8496 }); 8497 8498 // Ensure lazy loading attributes are preserved 8499 if (img && shouldLazyLoad) { 8500 // Make sure the lazy class is present 8501 if (!img.classList.contains('lazy')) { 8502 img.classList.add('lazy'); 8503 } 8504 8505 // Update data-src with the optimized URL if needed 8506 if (originalDataSrc) { 8507 img.setAttribute('data-src', originalDataSrc); 8508 } 8509 } 8510 8511 // Reinitialize vanillaLazyLoad if it exists 8512 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 8513 window.vanillaLazyLoad.update(); 8514 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 8515 window.vanillaLazyLoad.init(); 8516 } 8517 } 8518})(); 8519</script>
8519 <a class="overlink" 8520 href="https://www.sorelfootwear.co.uk/c/womens-rain-waterproof-boots" 8521 8522 > 8523 <span class="sighted-hidden sr-only"></span> 8524 </a> 8525 </div> 8526 <div class="hero__layout-wrapper hero__layout-wrapper--layered"> 8527 <div class="hero__content-container"> 8528 <div class="hero__content-row align-items-end justify-content-start"> 8529 <div class="hero__content-column py-3 px-3 text-left"> 8530 <div class="hero__main-content "> 8531 <div class="mt-3"> 8532 <div class="ctaBlock"> 8533 <div 8534 id="c0h0w0co1co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8535 class="ctas ctas--horizontal cta--medium ctas--center ctas-md--left" 8536 > 8537 <div class="row ctas__row"> 8538 </div> 8539 </div> 8540</div> 8541 </div> 8542 8543 <div class="links"> 8544 <a class="link mt-3 font-family-sans-serif text-white" 8545 href="https://www.sorelfootwear.co.uk/c/womens-rain-waterproof-boots" target="_self"> 8546 WATERPROOF BOOTS 8547 </a> 8548 </div> 8549 </div> 8550</div> </div> 8551 </div> 8552 </div> 8553 </div> 8554</div> 8555 8556 8557 8558 8559 8560 8561 </div> 8562</div> 8563 8564 8565 8566 8567 8568 8569 8570 8571 8572 8573 8574 8575 8576 8577 8578 8579 8580 8581 8582 8583 8584 8585 8586 8587 8588 <div 8589 id="v1co1co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8590 class="verticalspacer parbase" 8591> 8592 <div class="pt-3 pt-md-0"></div> 8593</div> 8594 8595 8596 8597 8598 8599 8600 8601 8602 8603 8604 8605 </div> 8606 <div class=" col-12 d-md-block col-md-4 order-sm-3"> 8607 8608 8609 <div class="wrapper"> 8610 <div 8611 id="w0co2co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8612 class="text-left d-block d-md-block d-lg-block d-xl-block" 8613 > 8614 8615 8616 8617 8618 8619 8620 8621 8622 8623 8624 8625 8626 8627 8628 <div class="hero parbase"> 8629 <div id="h0w0co2co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8630 class="hero bg-white"> 8631 <div class="hero__image-wrapper"> 8632 8633 <picture id="responsive-hero-image-h0w0co2co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f"> 8634 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block3?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 8635 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block3?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 8636 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block3?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 8637 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block3?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 8638 8639 <img 8640 class="hero__bg-image 8641 8642 8643 " 8644 src="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block3?fmt=auto&$aem_pjpeg$" 8645 width="" height="" 8646 alt="" 8647 fetchPriority="high" 8648 /> 8649 </picture> 8650 8651
8651<script> 8652(async function() { 8653 const imageName = '53619_SOR_Waterproof_HP_Subhero1_Block3'; 8654 const imageFormat = 'pjpeg'; 8655 const imageHost = 'media.sorel.com'; 8656 const imageEndpoint = 'sorel'; 8657 const pictureId = 'responsive-hero-image-h0w0co2co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f'; 8658 const shouldLazyLoad = 'false' === 'true'; 8659 8660 // Extract base name from image filename 8661 let baseName = imageName; 8662 if (imageName.includes('_XL')) { 8663 baseName = imageName.replace('_XL', ''); 8664 } else if (imageName.includes('_LG')) { 8665 baseName = imageName.replace('_LG', ''); 8666 } else if (imageName.includes('_MD')) { 8667 baseName = imageName.replace('_MD', ''); 8668 } else if (imageName.includes('_SM')) { 8669 baseName = imageName.replace('_SM', ''); 8670 } 8671 8672 // Initialize global cache if it doesn't exist 8673 if (!window.imageExistenceCache) { 8674 window.imageExistenceCache = new Map(); 8675 } 8676 8677 // Check if we have cached results for this base name 8678 if (window.imageExistenceCache.has(baseName)) { 8679 const existenceResults = window.imageExistenceCache.get(baseName); 8680 updatePictureSources(existenceResults); 8681 return; 8682 } 8683 8684 // Function to check if image exists via HTTP HEAD request 8685 async function checkImageExists(url) { 8686 try { 8687 const response = await fetch(url, { method: 'HEAD' }); 8688 return response.ok; 8689 } catch (error) { 8690 // Silently handle network errors without console spam 8691 return false; 8692 } 8693 } 8694 8695 // Check all possible sizes 8696 const sizes = ['SM', 'MD', 'LG', 'XL']; 8697 const existenceResults = {}; 8698 8699 // Use Scene7 format auto-detection instead of hardcoded extensions 8700 for (const size of sizes) { 8701 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 8702 existenceResults[size] = await checkImageExists(url); 8703 } 8704 8705 // Log availability for debugging (only if some sizes are missing) 8706 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 8707 const totalSizes = sizes.length; 8708 if (availableSizes < totalSizes) { 8709 console.log(`ð¸ Hero Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 8710 if (availableSizes === 0) { 8711 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 8712 } 8713 } 8714 8715 // Cache the results 8716 window.imageExistenceCache.set(baseName, existenceResults); 8717 8718 // Update the picture sources 8719 updatePictureSources(existenceResults); 8720 8721 // Function to update picture sources 8722 function updatePictureSources(existenceResults) { 8723 // Find the picture element 8724 const picture = document.getElementById(pictureId); 8725 if (!picture) { 8726 return; 8727 } 8728 8729 // Store the img element reference before removing sources 8730 const img = picture.querySelector('img'); 8731 const originalClasses = img ? img.className : ''; 8732 const originalDataSrc = img ? img.getAttribute('data-src') : null; 8733 8734 // Remove all existing sources 8735 const existingSources = picture.querySelectorAll('source'); 8736 existingSources.forEach(source => source.remove()); 8737 8738 // Create new sources with optimal sizes 8739 const breakpoints = [ 8740 { media: '(max-width: 575px)', preferSize: 'SM' }, 8741 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 8742 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 8743 { media: '(min-width: 1440px)', preferSize: 'XL' } 8744 ]; 8745 8746 breakpoints.forEach((breakpoint, index) => { 8747 let optimalSize = ''; 8748 8749 // Determine optimal size for this breakpoint 8750 if (breakpoint.preferSize === 'SM') { 8751 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 8752 } else if (breakpoint.preferSize === 'MD') { 8753 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 8754 } else if (breakpoint.preferSize === 'LG') { 8755 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 8756 } else if (breakpoint.preferSize === 'XL') { 8757 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 8758 } 8759 8760 // Create new source element 8761 const newSource = document.createElement('source'); 8762 newSource.setAttribute('media', breakpoint.media); 8763 8764 let srcset = ''; 8765 if (optimalSize === 'BASE') { 8766 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 8767 } else { 8768 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 8769 } 8770 8771 newSource.setAttribute('srcset', srcset); 8772 8773 // Insert before the img element 8774 picture.insertBefore(newSource, img); 8775 }); 8776 8777 // Ensure lazy loading attributes are preserved 8778 if (img && shouldLazyLoad) { 8779 // Make sure the lazy class is present 8780 if (!img.classList.contains('lazy')) { 8781 img.classList.add('lazy'); 8782 } 8783 8784 // Update data-src with the optimized URL if needed 8785 if (originalDataSrc) { 8786 img.setAttribute('data-src', originalDataSrc); 8787 } 8788 } 8789 8790 // Reinitialize vanillaLazyLoad if it exists 8791 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 8792 window.vanillaLazyLoad.update(); 8793 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 8794 window.vanillaLazyLoad.init(); 8795 } 8796 } 8797})(); 8798</script>
8798 <a class="overlink" 8799 href="https://www.sorelfootwear.co.uk/c/women/boots/winter-boots" 8800 8801 > 8802 <span class="sighted-hidden sr-only"></span> 8803 </a> 8804 </div> 8805 <div class="hero__layout-wrapper hero__layout-wrapper--layered"> 8806 <div class="hero__content-container"> 8807 <div class="hero__content-row align-items-end justify-content-start"> 8808 <div class="hero__content-column py-3 px-3 text-left"> 8809 <div class="hero__main-content "> 8810 <div class="mt-3"> 8811 <div class="ctaBlock"> 8812 <div 8813 id="c0h0w0co2co1con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8814 class="ctas ctas--horizontal cta--medium ctas--center ctas-md--left" 8815 > 8816 <div class="row ctas__row"> 8817 </div> 8818 </div> 8819</div> 8820 </div> 8821 8822 <div class="links"> 8823 <a class="link mt-3 font-family-sans-serif text-white" 8824 href="https://www.sorelfootwear.co.uk/c/women/boots/winter-boots" target="_self"> 8825 WINTER BOOTS 8826 </a> 8827 </div> 8828 </div> 8829</div> </div> 8830 </div> 8831 </div> 8832 </div> 8833</div> 8834 8835 8836 8837 8838 8839 8840 </div> 8841</div> 8842 8843 8844 8845 8846 8847 8848 8849 8850 8851 8852 8853 8854 8855 8856 8857 8858 8859 </div> 8860 8861 8862 </div> 8863</div> 8864 8865 8866 8867 8868 8869 8870 8871 8872 8873 8874 8875 8876 8877 8878 8879 8880 8881 8882 8883 8884 8885 8886 8887 8888 <div 8889 id="v2con2_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8890 class="verticalspacer parbase" 8891> 8892 <div class="pt-3"></div> 8893</div> 8894 8895 8896 8897 8898 8899 8900 8901 8902 8903 8904 8905 </div> 8906</div> 8907 8908 8909 8910 8911 8912 8913 8914 8915 8916 8917 8918 8919 8920 8921 8922 8923 8924 8925 8926 8927 8928 8929 8930 8931 8932 8933 <div 8934 id="v3_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8935 class="verticalspacer parbase" 8936> 8937 <div class="pt-5"></div> 8938</div> 8939 8940 8941 8942 8943 8944 8945 8946 8947 8948 8949 8950 8951 <div class="gridContainer parbase"> 8952 <div 8953 id="con4_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8954 class="container-fluid px-0" 8955 > 8956 8957 8958 <div class="wrapper"> 8959 <div 8960 id="w0con4_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8961 class="text-center d-block d-md-block d-lg-block d-xl-block" 8962 > 8963 8964 8965 8966 8967 8968 8969 8970 8971 8972 8973 8974 8975 8976 8977 <div class="hero parbase"> 8978 <div id="h0w0con4_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 8979 class="hero bg-white"> 8980 <div class="hero__image-wrapper"> 8981 8982 <picture id="responsive-hero-image-h0w0con4_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f"> 8983 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Needles_MD?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 8984 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Needles_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 8985 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Needles_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 8986 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Needles_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 8987 8988 <img 8989 class="hero__bg-image 8990 8991 8992 " 8993 src="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Needles_MD?fmt=auto&$aem_pjpeg$" 8994 width="" height="" 8995 alt="" 8996 fetchPriority="high" 8997 /> 8998 </picture> 8999 9000
9000<script> 9001(async function() { 9002 const imageName = '53619_SOR_Waterproof_HP_Needles_MD'; 9003 const imageFormat = 'pjpeg'; 9004 const imageHost = 'media.sorel.com'; 9005 const imageEndpoint = 'sorel'; 9006 const pictureId = 'responsive-hero-image-h0w0con4_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f'; 9007 const shouldLazyLoad = 'false' === 'true'; 9008 9009 // Extract base name from image filename 9010 let baseName = imageName; 9011 if (imageName.includes('_XL')) { 9012 baseName = imageName.replace('_XL', ''); 9013 } else if (imageName.includes('_LG')) { 9014 baseName = imageName.replace('_LG', ''); 9015 } else if (imageName.includes('_MD')) { 9016 baseName = imageName.replace('_MD', ''); 9017 } else if (imageName.includes('_SM')) { 9018 baseName = imageName.replace('_SM', ''); 9019 } 9020 9021 // Initialize global cache if it doesn't exist 9022 if (!window.imageExistenceCache) { 9023 window.imageExistenceCache = new Map(); 9024 } 9025 9026 // Check if we have cached results for this base name 9027 if (window.imageExistenceCache.has(baseName)) { 9028 const existenceResults = window.imageExistenceCache.get(baseName); 9029 updatePictureSources(existenceResults); 9030 return; 9031 } 9032 9033 // Function to check if image exists via HTTP HEAD request 9034 async function checkImageExists(url) { 9035 try { 9036 const response = await fetch(url, { method: 'HEAD' }); 9037 return response.ok; 9038 } catch (error) { 9039 // Silently handle network errors without console spam 9040 return false; 9041 } 9042 } 9043 9044 // Check all possible sizes 9045 const sizes = ['SM', 'MD', 'LG', 'XL']; 9046 const existenceResults = {}; 9047 9048 // Use Scene7 format auto-detection instead of hardcoded extensions 9049 for (const size of sizes) { 9050 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 9051 existenceResults[size] = await checkImageExists(url); 9052 } 9053 9054 // Log availability for debugging (only if some sizes are missing) 9055 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 9056 const totalSizes = sizes.length; 9057 if (availableSizes < totalSizes) { 9058 console.log(`ð¸ Hero Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 9059 if (availableSizes === 0) { 9060 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 9061 } 9062 } 9063 9064 // Cache the results 9065 window.imageExistenceCache.set(baseName, existenceResults); 9066 9067 // Update the picture sources 9068 updatePictureSources(existenceResults); 9069 9070 // Function to update picture sources 9071 function updatePictureSources(existenceResults) { 9072 // Find the picture element 9073 const picture = document.getElementById(pictureId); 9074 if (!picture) { 9075 return; 9076 } 9077 9078 // Store the img element reference before removing sources 9079 const img = picture.querySelector('img'); 9080 const originalClasses = img ? img.className : ''; 9081 const originalDataSrc = img ? img.getAttribute('data-src') : null; 9082 9083 // Remove all existing sources 9084 const existingSources = picture.querySelectorAll('source'); 9085 existingSources.forEach(source => source.remove()); 9086 9087 // Create new sources with optimal sizes 9088 const breakpoints = [ 9089 { media: '(max-width: 575px)', preferSize: 'SM' }, 9090 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 9091 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 9092 { media: '(min-width: 1440px)', preferSize: 'XL' } 9093 ]; 9094 9095 breakpoints.forEach((breakpoint, index) => { 9096 let optimalSize = ''; 9097 9098 // Determine optimal size for this breakpoint 9099 if (breakpoint.preferSize === 'SM') { 9100 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 9101 } else if (breakpoint.preferSize === 'MD') { 9102 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 9103 } else if (breakpoint.preferSize === 'LG') { 9104 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 9105 } else if (breakpoint.preferSize === 'XL') { 9106 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 9107 } 9108 9109 // Create new source element 9110 const newSource = document.createElement('source'); 9111 newSource.setAttribute('media', breakpoint.media); 9112 9113 let srcset = ''; 9114 if (optimalSize === 'BASE') { 9115 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 9116 } else { 9117 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 9118 } 9119 9120 newSource.setAttribute('srcset', srcset); 9121 9122 // Insert before the img element 9123 picture.insertBefore(newSource, img); 9124 }); 9125 9126 // Ensure lazy loading attributes are preserved 9127 if (img && shouldLazyLoad) { 9128 // Make sure the lazy class is present 9129 if (!img.classList.contains('lazy')) { 9130 img.classList.add('lazy'); 9131 } 9132 9133 // Update data-src with the optimized URL if needed 9134 if (originalDataSrc) { 9135 img.setAttribute('data-src', originalDataSrc); 9136 } 9137 } 9138 9139 // Reinitialize vanillaLazyLoad if it exists 9140 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 9141 window.vanillaLazyLoad.update(); 9142 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 9143 window.vanillaLazyLoad.init(); 9144 } 9145 } 9146})(); 9147</script>
9147 <a class="overlink" 9148 href="https://www.sorelfootwear.co.uk/c/collab/sorel-x-needles" 9149 9150 > 9151 <span class="sighted-hidden sr-only"></span> 9152 </a> 9153 </div> 9154 <div class="hero__layout-wrapper hero__layout-wrapper--layered"> 9155 <div class="hero__content-container"> 9156 <div class="hero__content-row align-items-end justify-content-center"> 9157 <div class="hero__content-column py-5 py-md-3 py-lg-5 py-xl-6 px-3 px-md-5 px-lg-5_5 px-xl-3 text-center"> 9158 <div class="hero__main-content "> 9159 <div class="mt-3"> 9160 <div class="ctaBlock"> 9161 <div 9162 id="sor_f26_cta_needles_homepage" 9163 class="ctas ctas--horizontal cta--medium ctas--center" 9164 > 9165 <div class="row ctas__row"> 9166 <div class="col-auto"> 9167 <a 9168 9169 class="cta btn btn-tertiary" 9170 href="https://www.sorelfootwear.co.uk/c/collab/sorel-x-needles" 9171 target="_self" 9172 > 9173 SHOP NOW 9174 </a> 9175 </div> 9176 </div> 9177 </div> 9178</div> 9179 </div> 9180 9181 <div class="links"> 9182 <a class="link mt-3 font-family-sans-serif text-white" 9183 href="https://www.sorelfootwear.co.uk/c/sorel-x-needles-lookbook" target="_self"> 9184 LEARN MORE 9185 </a> 9186 </div> 9187 </div> 9188</div> </div> 9189 </div> 9190 </div> 9191 </div> 9192</div> 9193 9194 9195 9196 9197 9198 9199 </div> 9200</div> 9201 9202 9203 9204 9205 9206 9207 9208 9209 9210 9211 9212 9213 9214 9215 9216 9217 9218 9219 9220 9221 9222 9223 <div class="htmlSlot parbase"> 9224 <style> 9225 9226#sor_f26_cta_needles_homepage .btn-tertiary { 9227border-color: #fff !important; 9228} 9229 9230#cta_ambler_1_536319 .btn-primary { 9231 font-family: "Sorel Base", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 9232 background-color: transparent !important; 9233 color: #fff !important; 9234 border-style: none; 9235 text-decoration: underline; 9236 text-decoration-color: white; 9237 font-size: 0.875rem !important; 9238 font-weight: 400 !important; 9239 padding: 0px !important; 9240 margin: 0px !important; 9241 text-align: left !important; 9242 letter-spacing: 0px !important; 9243 } 9244 9245#cta_ona_536319 .btn-primary { 9246 font-family: "Sorel Base", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 9247 background-color: transparent !important; 9248 color: #fff !important; 9249 border-style: none; 9250 text-decoration: underline; 9251 text-decoration-color: white; 9252 font-size: 0.875rem !important; 9253 font-weight: 400 !important; 9254 padding: 0px !important; 9255 margin: 0px !important; 9256 text-align: left !important; 9257 letter-spacing: 0px !important; 9258 } 9259 9260 9261 9262@media (max-width: 576px) { 9263 9264#cta_ambler_1_536319 .btn-primary { 9265 font-family: "Sorel Base", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 9266 background-color: transparent !important; 9267 color: #fff !important; 9268 border-style: none; 9269 text-decoration: underline; 9270 text-decoration-color: white; 9271 font-size: 0.875rem !important; 9272 font-weight: 400 !important; 9273 padding: 0px !important; 9274 margin: 0px !important; 9275 text-align: center !important; 9276 letter-spacing: 0px !important; 9277 } 9278 9279#cta_ona_536319 .btn-primary { 9280 font-family: "Sorel Base", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 9281 background-color: transparent !important; 9282 color: #fff !important; 9283 border-style: none; 9284 text-decoration: underline; 9285 text-decoration-color: white; 9286 font-size: 0.875rem !important; 9287 font-weight: 400 !important; 9288 padding: 0px !important; 9289 margin: 0px !important; 9290 text-align: center !important; 9291 letter-spacing: 0px !important; 9292 } 9293 } 9294 9295 9296 </style> 9297</div> 9298 9299 9300 9301 9302 9303 9304 9305 9306 9307 9308 9309 9310 9311 9312 </div> 9313</div> 9314 9315 9316 9317 9318 9319 9320 9321 9322 9323 9324 9325 9326 9327 9328 9329 9330 9331 9332 9333 9334 9335 9336 9337 9338 9339 9340 <div 9341 id="v5_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9342 class="verticalspacer parbase" 9343> 9344 <div class="pt-5"></div> 9345</div> 9346 9347 9348 9349 9350 9351 9352 9353 9354 9355 9356 9357 9358 <div class="gridContainer parbase"> 9359 <div 9360 id="con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9361 class="container-fluid" 9362 > 9363 9364 9365 <div class="wrapper"> 9366 <div 9367 id="w0con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9368 class="text-left pt-5 pb-5 pl-4 pr-4 d-block d-md-block d-lg-block d-xl-block" 9369 > 9370 9371 9372 9373 9374 9375 9376 9377 <h2 9378 id="te0w0con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9379 class="font-size-22 text-center font-weight-semi-bold line-height-1_25 font-base text-black" role="heading"
9380> 9381 SHOP MEN'S 9382 9383</h2> 9384 9385 9386 9387 9388 9389 9390 9391 9392 9393 9394 9395 9396 9397 </div> 9398</div> 9399 9400 9401 9402 9403 9404 9405 9406 9407 9408 9409 9410 9411 9412 9413 9414 9415 9416 9417 9418 9419 <div class="columnControl"> 9420 <div 9421 id="co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9422 class="row row-sm--gutters justify-content-start" 9423 > 9424 <div class=" col-12 d-md-block col-md-4 order-sm-1"> 9425 9426 9427 <div class="wrapper"> 9428 <div 9429 id="w0co0co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9430 class="text-left d-block d-md-block d-lg-block d-xl-block" 9431 > 9432 9433 9434 9435 9436 9437 9438 9439 9440 9441 9442 9443 9444 9445 9446 <div class="hero parbase"> 9447 <div id="h0w0co0co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9448 class="hero bg-white"> 9449 <div class="hero__image-wrapper"> 9450 9451 <picture id="responsive-hero-image-h0w0co0co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f"> 9452 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block4?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 9453 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block4?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 9454 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block4?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 9455 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block4?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 9456 9457 <img 9458 class="hero__bg-image 9459 9460 9461 " 9462 src="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Block4?fmt=auto&$aem_pjpeg$" 9463 width="" height="" 9464 alt="" 9465 fetchPriority="high" 9466 /> 9467 </picture> 9468 9469
9469<script> 9470(async function() { 9471 const imageName = '53619_SOR_Waterproof_HP_Subhero1_Block4'; 9472 const imageFormat = 'pjpeg'; 9473 const imageHost = 'media.sorel.com'; 9474 const imageEndpoint = 'sorel'; 9475 const pictureId = 'responsive-hero-image-h0w0co0co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f'; 9476 const shouldLazyLoad = 'false' === 'true'; 9477 9478 // Extract base name from image filename 9479 let baseName = imageName; 9480 if (imageName.includes('_XL')) { 9481 baseName = imageName.replace('_XL', ''); 9482 } else if (imageName.includes('_LG')) { 9483 baseName = imageName.replace('_LG', ''); 9484 } else if (imageName.includes('_MD')) { 9485 baseName = imageName.replace('_MD', ''); 9486 } else if (imageName.includes('_SM')) { 9487 baseName = imageName.replace('_SM', ''); 9488 } 9489 9490 // Initialize global cache if it doesn't exist 9491 if (!window.imageExistenceCache) { 9492 window.imageExistenceCache = new Map(); 9493 } 9494 9495 // Check if we have cached results for this base name 9496 if (window.imageExistenceCache.has(baseName)) { 9497 const existenceResults = window.imageExistenceCache.get(baseName); 9498 updatePictureSources(existenceResults); 9499 return; 9500 } 9501 9502 // Function to check if image exists via HTTP HEAD request 9503 async function checkImageExists(url) { 9504 try { 9505 const response = await fetch(url, { method: 'HEAD' }); 9506 return response.ok; 9507 } catch (error) { 9508 // Silently handle network errors without console spam 9509 return false; 9510 } 9511 } 9512 9513 // Check all possible sizes 9514 const sizes = ['SM', 'MD', 'LG', 'XL']; 9515 const existenceResults = {}; 9516 9517 // Use Scene7 format auto-detection instead of hardcoded extensions 9518 for (const size of sizes) { 9519 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 9520 existenceResults[size] = await checkImageExists(url); 9521 } 9522 9523 // Log availability for debugging (only if some sizes are missing) 9524 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 9525 const totalSizes = sizes.length; 9526 if (availableSizes < totalSizes) { 9527 console.log(`ð¸ Hero Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 9528 if (availableSizes === 0) { 9529 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 9530 } 9531 } 9532 9533 // Cache the results 9534 window.imageExistenceCache.set(baseName, existenceResults); 9535 9536 // Update the picture sources 9537 updatePictureSources(existenceResults); 9538 9539 // Function to update picture sources 9540 function updatePictureSources(existenceResults) { 9541 // Find the picture element 9542 const picture = document.getElementById(pictureId); 9543 if (!picture) { 9544 return; 9545 } 9546 9547 // Store the img element reference before removing sources 9548 const img = picture.querySelector('img'); 9549 const originalClasses = img ? img.className : ''; 9550 const originalDataSrc = img ? img.getAttribute('data-src') : null; 9551 9552 // Remove all existing sources 9553 const existingSources = picture.querySelectorAll('source'); 9554 existingSources.forEach(source => source.remove()); 9555 9556 // Create new sources with optimal sizes 9557 const breakpoints = [ 9558 { media: '(max-width: 575px)', preferSize: 'SM' }, 9559 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 9560 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 9561 { media: '(min-width: 1440px)', preferSize: 'XL' } 9562 ]; 9563 9564 breakpoints.forEach((breakpoint, index) => { 9565 let optimalSize = ''; 9566 9567 // Determine optimal size for this breakpoint 9568 if (breakpoint.preferSize === 'SM') { 9569 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 9570 } else if (breakpoint.preferSize === 'MD') { 9571 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 9572 } else if (breakpoint.preferSize === 'LG') { 9573 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 9574 } else if (breakpoint.preferSize === 'XL') { 9575 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 9576 } 9577 9578 // Create new source element 9579 const newSource = document.createElement('source'); 9580 newSource.setAttribute('media', breakpoint.media); 9581 9582 let srcset = ''; 9583 if (optimalSize === 'BASE') { 9584 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 9585 } else { 9586 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 9587 } 9588 9589 newSource.setAttribute('srcset', srcset); 9590 9591 // Insert before the img element 9592 picture.insertBefore(newSource, img); 9593 }); 9594 9595 // Ensure lazy loading attributes are preserved 9596 if (img && shouldLazyLoad) { 9597 // Make sure the lazy class is present 9598 if (!img.classList.contains('lazy')) { 9599 img.classList.add('lazy'); 9600 } 9601 9602 // Update data-src with the optimized URL if needed 9603 if (originalDataSrc) { 9604 img.setAttribute('data-src', originalDataSrc); 9605 } 9606 } 9607 9608 // Reinitialize vanillaLazyLoad if it exists 9609 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 9610 window.vanillaLazyLoad.update(); 9611 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 9612 window.vanillaLazyLoad.init(); 9613 } 9614 } 9615})(); 9616</script>
9616 <a class="overlink" 9617 href="https://www.sorelfootwear.co.uk/c/men-casual-boots" 9618 9619 > 9620 <span class="sighted-hidden sr-only"></span> 9621 </a> 9622 </div> 9623 <div class="hero__layout-wrapper hero__layout-wrapper--layered"> 9624 <div class="hero__content-container"> 9625 <div class="hero__content-row align-items-end justify-content-start"> 9626 <div class="hero__content-column py-3 px-3 text-left"> 9627 <div class="hero__main-content "> 9628 <div class="mt-3"> 9629 <div class="ctaBlock"> 9630 <div 9631 id="c0h0w0co0co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9632 class="ctas ctas--horizontal cta--medium ctas--center ctas-md--left" 9633 > 9634 <div class="row ctas__row"> 9635 </div> 9636 </div> 9637</div> 9638 </div> 9639 9640 <div class="links"> 9641 <a class="link mt-3 font-family-sans-serif text-white" 9642 href="https://www.sorelfootwear.co.uk/c/men-casual-boots" target="_self"> 9643 CASUAL BOOTS 9644 </a> 9645 </div> 9646 </div> 9647</div> </div> 9648 </div> 9649 </div> 9650 </div> 9651</div> 9652 9653 9654 9655 9656 9657 9658 </div> 9659</div> 9660 9661 9662 9663 9664 9665 9666 9667 9668 9669 9670 9671 9672 9673 9674 9675 9676 9677 9678 9679 9680 9681 9682 9683 9684 9685 <div 9686 id="v1co0co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9687 class="verticalspacer parbase" 9688> 9689 <div class="pt-3 pt-md-0"></div> 9690</div> 9691 9692 9693 9694 9695 9696 9697 9698 9699 9700 9701 9702 </div> 9703 <div class=" col-12 d-md-block col-md-4 order-sm-2"> 9704 9705 9706 <div class="wrapper"> 9707 <div 9708 id="w0co1co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9709 class="text-left d-block d-md-block d-lg-block d-xl-block" 9710 > 9711 9712 9713 9714 9715 9716 9717 9718 9719 9720 9721 9722 9723 9724 9725 <div class="hero parbase"> 9726 <div id="h0w0co1co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9727 class="hero bg-white"> 9728 <div class="hero__image-wrapper"> 9729 9730 <picture id="responsive-hero-image-h0w0co1co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f"> 9731 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Bloc5?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 9732 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Bloc5?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 9733 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Bloc5?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 9734 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Bloc5?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 9735 9736 <img 9737 class="hero__bg-image 9738 9739 9740 " 9741 src="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Bloc5?fmt=auto&$aem_pjpeg$" 9742 width="" height="" 9743 alt="" 9744 fetchPriority="high" 9745 /> 9746 </picture> 9747 9748
9748<script> 9749(async function() { 9750 const imageName = '53619_SOR_Waterproof_HP_Subhero1_Bloc5'; 9751 const imageFormat = 'pjpeg'; 9752 const imageHost = 'media.sorel.com'; 9753 const imageEndpoint = 'sorel'; 9754 const pictureId = 'responsive-hero-image-h0w0co1co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f'; 9755 const shouldLazyLoad = 'false' === 'true'; 9756 9757 // Extract base name from image filename 9758 let baseName = imageName; 9759 if (imageName.includes('_XL')) { 9760 baseName = imageName.replace('_XL', ''); 9761 } else if (imageName.includes('_LG')) { 9762 baseName = imageName.replace('_LG', ''); 9763 } else if (imageName.includes('_MD')) { 9764 baseName = imageName.replace('_MD', ''); 9765 } else if (imageName.includes('_SM')) { 9766 baseName = imageName.replace('_SM', ''); 9767 } 9768 9769 // Initialize global cache if it doesn't exist 9770 if (!window.imageExistenceCache) { 9771 window.imageExistenceCache = new Map(); 9772 } 9773 9774 // Check if we have cached results for this base name 9775 if (window.imageExistenceCache.has(baseName)) { 9776 const existenceResults = window.imageExistenceCache.get(baseName); 9777 updatePictureSources(existenceResults); 9778 return; 9779 } 9780 9781 // Function to check if image exists via HTTP HEAD request 9782 async function checkImageExists(url) { 9783 try { 9784 const response = await fetch(url, { method: 'HEAD' }); 9785 return response.ok; 9786 } catch (error) { 9787 // Silently handle network errors without console spam 9788 return false; 9789 } 9790 } 9791 9792 // Check all possible sizes 9793 const sizes = ['SM', 'MD', 'LG', 'XL']; 9794 const existenceResults = {}; 9795 9796 // Use Scene7 format auto-detection instead of hardcoded extensions 9797 for (const size of sizes) { 9798 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 9799 existenceResults[size] = await checkImageExists(url); 9800 } 9801 9802 // Log availability for debugging (only if some sizes are missing) 9803 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 9804 const totalSizes = sizes.length; 9805 if (availableSizes < totalSizes) { 9806 console.log(`ð¸ Hero Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 9807 if (availableSizes === 0) { 9808 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 9809 } 9810 } 9811 9812 // Cache the results 9813 window.imageExistenceCache.set(baseName, existenceResults); 9814 9815 // Update the picture sources 9816 updatePictureSources(existenceResults); 9817 9818 // Function to update picture sources 9819 function updatePictureSources(existenceResults) { 9820 // Find the picture element 9821 const picture = document.getElementById(pictureId); 9822 if (!picture) { 9823 return; 9824 } 9825 9826 // Store the img element reference before removing sources 9827 const img = picture.querySelector('img'); 9828 const originalClasses = img ? img.className : ''; 9829 const originalDataSrc = img ? img.getAttribute('data-src') : null; 9830 9831 // Remove all existing sources 9832 const existingSources = picture.querySelectorAll('source'); 9833 existingSources.forEach(source => source.remove()); 9834 9835 // Create new sources with optimal sizes 9836 const breakpoints = [ 9837 { media: '(max-width: 575px)', preferSize: 'SM' }, 9838 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 9839 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 9840 { media: '(min-width: 1440px)', preferSize: 'XL' } 9841 ]; 9842 9843 breakpoints.forEach((breakpoint, index) => { 9844 let optimalSize = ''; 9845 9846 // Determine optimal size for this breakpoint 9847 if (breakpoint.preferSize === 'SM') { 9848 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 9849 } else if (breakpoint.preferSize === 'MD') { 9850 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 9851 } else if (breakpoint.preferSize === 'LG') { 9852 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 9853 } else if (breakpoint.preferSize === 'XL') { 9854 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 9855 } 9856 9857 // Create new source element 9858 const newSource = document.createElement('source'); 9859 newSource.setAttribute('media', breakpoint.media); 9860 9861 let srcset = ''; 9862 if (optimalSize === 'BASE') { 9863 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 9864 } else { 9865 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 9866 } 9867 9868 newSource.setAttribute('srcset', srcset); 9869 9870 // Insert before the img element 9871 picture.insertBefore(newSource, img); 9872 }); 9873 9874 // Ensure lazy loading attributes are preserved 9875 if (img && shouldLazyLoad) { 9876 // Make sure the lazy class is present 9877 if (!img.classList.contains('lazy')) { 9878 img.classList.add('lazy'); 9879 } 9880 9881 // Update data-src with the optimized URL if needed 9882 if (originalDataSrc) { 9883 img.setAttribute('data-src', originalDataSrc); 9884 } 9885 } 9886 9887 // Reinitialize vanillaLazyLoad if it exists 9888 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 9889 window.vanillaLazyLoad.update(); 9890 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 9891 window.vanillaLazyLoad.init(); 9892 } 9893 } 9894})(); 9895</script>
9895 <a class="overlink" 9896 href="https://www.sorelfootwear.co.uk/c/mens-rain-waterproof-boots" 9897 9898 > 9899 <span class="sighted-hidden sr-only"></span> 9900 </a> 9901 </div> 9902 <div class="hero__layout-wrapper hero__layout-wrapper--layered"> 9903 <div class="hero__content-container"> 9904 <div class="hero__content-row align-items-end justify-content-start"> 9905 <div class="hero__content-column py-3 px-3 text-left"> 9906 <div class="hero__main-content "> 9907 <div class="mt-3"> 9908 <div class="ctaBlock"> 9909 <div 9910 id="c0h0w0co1co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9911 class="ctas ctas--horizontal cta--medium ctas--center ctas-md--left" 9912 > 9913 <div class="row ctas__row"> 9914 </div> 9915 </div> 9916</div> 9917 </div> 9918 9919 <div class="links"> 9920 <a class="link mt-3 font-family-sans-serif text-white" 9921 href="https://www.sorelfootwear.co.uk/c/mens-rain-waterproof-boots" target="_self"> 9922 WATERPROOF BOOTS 9923 </a> 9924 </div> 9925 </div> 9926</div> </div> 9927 </div> 9928 </div> 9929 </div> 9930</div> 9931 9932 9933 9934 9935 9936 9937 </div> 9938</div> 9939 9940 9941 9942 9943 9944 9945 9946 9947 9948 9949 9950 9951 9952 9953 9954 9955 9956 9957 9958 9959 9960 9961 9962 9963 9964 <div 9965 id="v1co1co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9966 class="verticalspacer parbase" 9967> 9968 <div class="pt-3 pt-md-0"></div> 9969</div> 9970 9971 9972 9973 9974 9975 9976 9977 9978 9979 9980 9981 </div> 9982 <div class=" col-12 d-md-block col-md-4 order-sm-3"> 9983 9984 9985 <div class="wrapper"> 9986 <div 9987 id="w0co2co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 9988 class="text-left d-block d-md-block d-lg-block d-xl-block" 9989 > 9990 9991 9992 9993 9994 9995 9996 9997 9998 9999 10000 10001 10002 10003 10004 <div class="hero parbase"> 10005 <div id="h0w0co2co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 10006 class="hero bg-white"> 10007 <div class="hero__image-wrapper"> 10008 10009 <picture id="responsive-hero-image-h0w0co2co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f"> 10010 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Bloc6?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 10011 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Bloc6?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 10012 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Bloc6?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 10013 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Bloc6?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 10014 10015 <img 10016 class="hero__bg-image 10017 10018 10019 " 10020 src="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero1_Bloc6?fmt=auto&$aem_pjpeg$" 10021 width="" height="" 10022 alt="" 10023 fetchPriority="high" 10024 /> 10025 </picture> 10026 10027
10027<script> 10028(async function() { 10029 const imageName = '53619_SOR_Waterproof_HP_Subhero1_Bloc6'; 10030 const imageFormat = 'pjpeg'; 10031 const imageHost = 'media.sorel.com'; 10032 const imageEndpoint = 'sorel'; 10033 const pictureId = 'responsive-hero-image-h0w0co2co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f'; 10034 const shouldLazyLoad = 'false' === 'true'; 10035 10036 // Extract base name from image filename 10037 let baseName = imageName; 10038 if (imageName.includes('_XL')) { 10039 baseName = imageName.replace('_XL', ''); 10040 } else if (imageName.includes('_LG')) { 10041 baseName = imageName.replace('_LG', ''); 10042 } else if (imageName.includes('_MD')) { 10043 baseName = imageName.replace('_MD', ''); 10044 } else if (imageName.includes('_SM')) { 10045 baseName = imageName.replace('_SM', ''); 10046 } 10047 10048 // Initialize global cache if it doesn't exist 10049 if (!window.imageExistenceCache) { 10050 window.imageExistenceCache = new Map(); 10051 } 10052 10053 // Check if we have cached results for this base name 10054 if (window.imageExistenceCache.has(baseName)) { 10055 const existenceResults = window.imageExistenceCache.get(baseName); 10056 updatePictureSources(existenceResults); 10057 return; 10058 } 10059 10060 // Function to check if image exists via HTTP HEAD request 10061 async function checkImageExists(url) { 10062 try { 10063 const response = await fetch(url, { method: 'HEAD' }); 10064 return response.ok; 10065 } catch (error) { 10066 // Silently handle network errors without console spam 10067 return false; 10068 } 10069 } 10070 10071 // Check all possible sizes 10072 const sizes = ['SM', 'MD', 'LG', 'XL']; 10073 const existenceResults = {}; 10074 10075 // Use Scene7 format auto-detection instead of hardcoded extensions 10076 for (const size of sizes) { 10077 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 10078 existenceResults[size] = await checkImageExists(url); 10079 } 10080 10081 // Log availability for debugging (only if some sizes are missing) 10082 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 10083 const totalSizes = sizes.length; 10084 if (availableSizes < totalSizes) { 10085 console.log(`ð¸ Hero Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 10086 if (availableSizes === 0) { 10087 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 10088 } 10089 } 10090 10091 // Cache the results 10092 window.imageExistenceCache.set(baseName, existenceResults); 10093 10094 // Update the picture sources 10095 updatePictureSources(existenceResults); 10096 10097 // Function to update picture sources 10098 function updatePictureSources(existenceResults) { 10099 // Find the picture element 10100 const picture = document.getElementById(pictureId); 10101 if (!picture) { 10102 return; 10103 } 10104 10105 // Store the img element reference before removing sources 10106 const img = picture.querySelector('img'); 10107 const originalClasses = img ? img.className : ''; 10108 const originalDataSrc = img ? img.getAttribute('data-src') : null; 10109 10110 // Remove all existing sources 10111 const existingSources = picture.querySelectorAll('source'); 10112 existingSources.forEach(source => source.remove()); 10113 10114 // Create new sources with optimal sizes 10115 const breakpoints = [ 10116 { media: '(max-width: 575px)', preferSize: 'SM' }, 10117 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 10118 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 10119 { media: '(min-width: 1440px)', preferSize: 'XL' } 10120 ]; 10121 10122 breakpoints.forEach((breakpoint, index) => { 10123 let optimalSize = ''; 10124 10125 // Determine optimal size for this breakpoint 10126 if (breakpoint.preferSize === 'SM') { 10127 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 10128 } else if (breakpoint.preferSize === 'MD') { 10129 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 10130 } else if (breakpoint.preferSize === 'LG') { 10131 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 10132 } else if (breakpoint.preferSize === 'XL') { 10133 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 10134 } 10135 10136 // Create new source element 10137 const newSource = document.createElement('source'); 10138 newSource.setAttribute('media', breakpoint.media); 10139 10140 let srcset = ''; 10141 if (optimalSize === 'BASE') { 10142 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 10143 } else { 10144 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 10145 } 10146 10147 newSource.setAttribute('srcset', srcset); 10148 10149 // Insert before the img element 10150 picture.insertBefore(newSource, img); 10151 }); 10152 10153 // Ensure lazy loading attributes are preserved 10154 if (img && shouldLazyLoad) { 10155 // Make sure the lazy class is present 10156 if (!img.classList.contains('lazy')) { 10157 img.classList.add('lazy'); 10158 } 10159 10160 // Update data-src with the optimized URL if needed 10161 if (originalDataSrc) { 10162 img.setAttribute('data-src', originalDataSrc); 10163 } 10164 } 10165 10166 // Reinitialize vanillaLazyLoad if it exists 10167 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 10168 window.vanillaLazyLoad.update(); 10169 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 10170 window.vanillaLazyLoad.init(); 10171 } 10172 } 10173})(); 10174</script>
10174 <a class="overlink" 10175 href="https://www.sorelfootwear.co.uk/c/men/boots/winter-boots" 10176 10177 > 10178 <span class="sighted-hidden sr-only"></span> 10179 </a> 10180 </div> 10181 <div class="hero__layout-wrapper hero__layout-wrapper--layered"> 10182 <div class="hero__content-container"> 10183 <div class="hero__content-row align-items-end justify-content-start"> 10184 <div class="hero__content-column py-3 px-3 text-left"> 10185 <div class="hero__main-content "> 10186 <div class="mt-3"> 10187 <div class="ctaBlock"> 10188 <div 10189 id="c0h0w0co2co1con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 10190 class="ctas ctas--horizontal cta--medium ctas--center ctas-md--left" 10191 > 10192 <div class="row ctas__row"> 10193 </div> 10194 </div> 10195</div> 10196 </div> 10197 10198 <div class="links"> 10199 <a class="link mt-3 font-family-sans-serif text-white" 10200 href="https://www.sorelfootwear.co.uk/c/men/boots/winter-boots" target="_self"> 10201 WINTER BOOTS 10202 </a> 10203 </div> 10204 </div> 10205</div> </div> 10206 </div> 10207 </div> 10208 </div> 10209</div> 10210 10211 10212 10213 10214 10215 10216 </div> 10217</div> 10218 10219 10220 10221 10222 10223 10224 10225 10226 10227 10228 10229 10230 10231 10232 10233 10234 10235 </div> 10236 10237 10238 </div> 10239</div> 10240 10241 10242 10243 10244 10245 10246 10247 10248 10249 10250 10251 10252 10253 10254 10255 10256 10257 10258 10259 10260 10261 10262 10263 10264 <div 10265 id="v2con6_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 10266 class="verticalspacer parbase" 10267> 10268 <div class="pt-3"></div> 10269</div> 10270 10271 10272 10273 10274 10275 10276 10277 10278 10279 10280 10281 </div> 10282</div> 10283 10284 10285 10286 10287 10288 10289 10290 10291 10292 10293 10294 10295 10296 10297 10298 10299 10300 10301 10302 10303 10304 10305 10306 10307 10308 10309 <div 10310 id="v7_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 10311 class="verticalspacer parbase" 10312> 10313 <div class="pt-5"></div> 10314</div> 10315 10316 10317 10318 10319 10320 10321 10322 10323 10324 10325 10326 10327 <div class="gridContainer parbase"> 10328 <div 10329 id="container_lw5q79" 10330 class="container-fluid px-0" 10331 > 10332 10333 10334 <div class="wrapper"> 10335 <div 10336 id="wrapper_pg23ya" 10337 class="text-center pb-md-2 pl-lg-0 pr-lg-0 d-block d-md-block d-lg-block d-xl-block bg-white" 10338 > 10339 10340 10341 10342 <div class="columnControl"> 10343 <div 10344 id="aries-hp_subhero-2-column-controller" 10345 class="row row-sm--gutters justify-content-center" 10346 > 10347 <div class=" col d-md-block col-md-6 d-lg-block col-lg-6 order-sm-0 bg-white"> 10348 <div class="h-100 bg-white"> 10349 10350 10351 <div class="wrapper"> 10352 <div 10353 id="w0co0co0w0con8_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 10354 class="text-left d-block d-md-block d-lg-block d-xl-block" 10355 > 10356 10357 10358 10359 10360 10361 10362 10363 10364 10365 10366 10367 10368 10369 10370 <div class="hero parbase"> 10371 <div id="h0w0co0co0w0con8_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 10372 class="hero bg-white"> 10373 <div class="hero__image-wrapper"> 10374 10375 <picture id="responsive-hero-image-h0w0co0co0w0con8_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f"> 10376 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero3_Ambler_3_MD?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 10377 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero3_Ambler_3_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 10378 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero3_Ambler_3_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 10379 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero3_Ambler_3_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 10380 10381 <img 10382 class="hero__bg-image 10383 10384 10385 " 10386 src="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero3_Ambler_3_MD?fmt=auto&$aem_pjpeg$" 10387 width="" height="" 10388 alt="" 10389 fetchPriority="high" 10390 /> 10391 </picture> 10392 10393
10393<script> 10394(async function() { 10395 const imageName = '53619_SOR_Waterproof_HP_Subhero3_Ambler_3_MD'; 10396 const imageFormat = 'pjpeg'; 10397 const imageHost = 'media.sorel.com'; 10398 const imageEndpoint = 'sorel'; 10399 const pictureId = 'responsive-hero-image-h0w0co0co0w0con8_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f'; 10400 const shouldLazyLoad = 'false' === 'true'; 10401 10402 // Extract base name from image filename 10403 let baseName = imageName; 10404 if (imageName.includes('_XL')) { 10405 baseName = imageName.replace('_XL', ''); 10406 } else if (imageName.includes('_LG')) { 10407 baseName = imageName.replace('_LG', ''); 10408 } else if (imageName.includes('_MD')) { 10409 baseName = imageName.replace('_MD', ''); 10410 } else if (imageName.includes('_SM')) { 10411 baseName = imageName.replace('_SM', ''); 10412 } 10413 10414 // Initialize global cache if it doesn't exist 10415 if (!window.imageExistenceCache) { 10416 window.imageExistenceCache = new Map(); 10417 } 10418 10419 // Check if we have cached results for this base name 10420 if (window.imageExistenceCache.has(baseName)) { 10421 const existenceResults = window.imageExistenceCache.get(baseName); 10422 updatePictureSources(existenceResults); 10423 return; 10424 } 10425 10426 // Function to check if image exists via HTTP HEAD request 10427 async function checkImageExists(url) { 10428 try { 10429 const response = await fetch(url, { method: 'HEAD' }); 10430 return response.ok; 10431 } catch (error) { 10432 // Silently handle network errors without console spam 10433 return false; 10434 } 10435 } 10436 10437 // Check all possible sizes 10438 const sizes = ['SM', 'MD', 'LG', 'XL']; 10439 const existenceResults = {}; 10440 10441 // Use Scene7 format auto-detection instead of hardcoded extensions 10442 for (const size of sizes) { 10443 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 10444 existenceResults[size] = await checkImageExists(url); 10445 } 10446 10447 // Log availability for debugging (only if some sizes are missing) 10448 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 10449 const totalSizes = sizes.length; 10450 if (availableSizes < totalSizes) { 10451 console.log(`ð¸ Hero Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 10452 if (availableSizes === 0) { 10453 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 10454 } 10455 } 10456 10457 // Cache the results 10458 window.imageExistenceCache.set(baseName, existenceResults); 10459 10460 // Update the picture sources 10461 updatePictureSources(existenceResults); 10462 10463 // Function to update picture sources 10464 function updatePictureSources(existenceResults) { 10465 // Find the picture element 10466 const picture = document.getElementById(pictureId); 10467 if (!picture) { 10468 return; 10469 } 10470 10471 // Store the img element reference before removing sources 10472 const img = picture.querySelector('img'); 10473 const originalClasses = img ? img.className : ''; 10474 const originalDataSrc = img ? img.getAttribute('data-src') : null; 10475 10476 // Remove all existing sources 10477 const existingSources = picture.querySelectorAll('source'); 10478 existingSources.forEach(source => source.remove()); 10479 10480 // Create new sources with optimal sizes 10481 const breakpoints = [ 10482 { media: '(max-width: 575px)', preferSize: 'SM' }, 10483 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 10484 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 10485 { media: '(min-width: 1440px)', preferSize: 'XL' } 10486 ]; 10487 10488 breakpoints.forEach((breakpoint, index) => { 10489 let optimalSize = ''; 10490 10491 // Determine optimal size for this breakpoint 10492 if (breakpoint.preferSize === 'SM') { 10493 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 10494 } else if (breakpoint.preferSize === 'MD') { 10495 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 10496 } else if (breakpoint.preferSize === 'LG') { 10497 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 10498 } else if (breakpoint.preferSize === 'XL') { 10499 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 10500 } 10501 10502 // Create new source element 10503 const newSource = document.createElement('source'); 10504 newSource.setAttribute('media', breakpoint.media); 10505 10506 let srcset = ''; 10507 if (optimalSize === 'BASE') { 10508 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 10509 } else { 10510 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 10511 } 10512 10513 newSource.setAttribute('srcset', srcset); 10514 10515 // Insert before the img element 10516 picture.insertBefore(newSource, img); 10517 }); 10518 10519 // Ensure lazy loading attributes are preserved 10520 if (img && shouldLazyLoad) { 10521 // Make sure the lazy class is present 10522 if (!img.classList.contains('lazy')) { 10523 img.classList.add('lazy'); 10524 } 10525 10526 // Update data-src with the optimized URL if needed 10527 if (originalDataSrc) { 10528 img.setAttribute('data-src', originalDataSrc); 10529 } 10530 } 10531 10532 // Reinitialize vanillaLazyLoad if it exists 10533 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 10534 window.vanillaLazyLoad.update(); 10535 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 10536 window.vanillaLazyLoad.init(); 10537 } 10538 } 10539})(); 10540</script>
10540 <a class="overlink" 10541 href="https://www.sorelfootwear.co.uk/c/collections/ambler" 10542 10543 > 10544 <span class="sighted-hidden sr-only"></span> 10545 </a> 10546 </div> 10547 <div class="hero__layout-wrapper hero__layout-wrapper--layered"> 10548 <div class="hero__content-container"> 10549 <div class="hero__content-row align-items-end justify-content-center justify-content-md-start"> 10550 <div class="hero__content-column py-5 px-5 text-center text-md-left"> 10551 <div class="hero__main-content "> 10552 <div class="hero__prehead font-base letter-spacing-0 line-height-default font-size-14 font-size-md-16 text-white mb-2 mb-md-3"> 10553 AMBLER⢠10554 </div> 10555 <h1 class="hero__headline font-accent letter-spacing-0 line-height-1 font-size-32 font-size-xl-40 text-white mb-3 mb-md-5"> 10556 Iconic Evolution 10557 </h1> 10558 <div class="mt-3"> 10559 <div class="ctaBlock"> 10560 <div 10561 id="cta_ambler_1_536319" 10562 class="ctas ctas--stacked cta--medium ctas--center ctas-md--left" 10563 > 10564 <div class="row ctas__row"> 10565 <div class="col-12"> 10566 <a 10567 10568 class="cta btn btn-primary" 10569 href="https://www.sorelfootwear.co.uk/c/collections/ambler?prefv1=Women&prefn1=genderGroup" 10570 target="_self" 10571 > 10572 SHOP WOMEN <i style="vertical-align: middle" class="material-icons font-size-14">arrow_forward</i> 10573 </a> 10574 </div> 10575 <div class="col-12"> 10576 <a 10577 10578 class="cta btn btn-primary" 10579 href="https://www.sorelfootwear.co.uk/c/collections/ambler?prefv1=Men&prefn1=genderGroup" 10580 target="_self" 10581 > 10582 SHOP MEN <i style="vertical-align: middle" class="material-icons font-size-14">arrow_forward</i> 10583 </a> 10584 </div> 10585 </div> 10586 </div> 10587</div> 10588 </div> 10589 10590 </div> 10591</div> </div> 10592 </div> 10593 </div> 10594 </div> 10595</div> 10596 10597 10598 10599 10600 10601 10602 10603 10604 10605 10606 10607 <div class="htmlSlot parbase"> 10608 <style> 10609 10610#sor_f26_cta_needles_homepage .btn-tertiary { 10611border-color: #fff !important; 10612} 10613 10614#cta_ambler_1_536319 .btn-primary { 10615 font-family: "Sorel Base", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 10616 background-color: transparent !important; 10617 color: #fff !important; 10618 border-style: none; 10619 text-decoration: underline; 10620 text-decoration-color: white; 10621 font-size: 0.875rem !important; 10622 font-weight: 400 !important; 10623 padding: 0px !important; 10624 margin: 0px !important; 10625 text-align: left !important; 10626 letter-spacing: 0px !important; 10627 } 10628 10629#cta_ona_536319 .btn-primary { 10630 font-family: "Sorel Base", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 10631 background-color: transparent !important; 10632 color: #fff !important; 10633 border-style: none; 10634 text-decoration: underline; 10635 text-decoration-color: white; 10636 font-size: 0.875rem !important; 10637 font-weight: 400 !important; 10638 padding: 0px !important; 10639 margin: 0px !important; 10640 text-align: left !important; 10641 letter-spacing: 0px !important; 10642 } 10643 10644 10645 10646@media (max-width: 576px) { 10647 10648#cta_ambler_1_536319 .btn-primary { 10649 font-family: "Sorel Base", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 10650 background-color: transparent !important; 10651 color: #fff !important; 10652 border-style: none; 10653 text-decoration: underline; 10654 text-decoration-color: white; 10655 font-size: 0.875rem !important; 10656 font-weight: 400 !important; 10657 padding: 0px !important; 10658 margin: 0px !important; 10659 text-align: center !important; 10660 letter-spacing: 0px !important; 10661 } 10662 10663#cta_ona_536319 .btn-primary { 10664 font-family: "Sorel Base", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 10665 background-color: transparent !important; 10666 color: #fff !important; 10667 border-style: none; 10668 text-decoration: underline; 10669 text-decoration-color: white; 10670 font-size: 0.875rem !important; 10671 font-weight: 400 !important; 10672 padding: 0px !important; 10673 margin: 0px !important; 10674 text-align: center !important; 10675 letter-spacing: 0px !important; 10676 } 10677 } 10678 10679 10680 </style> 10681</div> 10682 10683 10684 10685 10686 10687 10688 10689 10690 10691 10692 10693 10694 10695 10696 </div> 10697</div> 10698 10699 10700 10701 10702 10703 10704 10705 10706 10707 10708 10709 10710 10711 10712 10713 10714 10715 10716 10717 10718 10719 10720 10721 10722 10723 <div 10724 id="v1co0co0w0con8_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 10725 class="verticalspacer parbase" 10726> 10727 <div class="pt-3 pt-md-2"></div> 10728</div> 10729 10730 10731 10732 10733 10734 10735 10736 10737 10738 10739 10740 </div> 10741 </div> 10742 <div class=" col-auto d-md-block col-md-6 d-lg-block col-lg-6 order-sm-0"> 10743 10744 10745 <div class="wrapper"> 10746 <div 10747 id="w0co1co0w0con8_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 10748 class="text-left d-block d-md-block d-lg-block d-xl-block" 10749 > 10750 10751 10752 10753 10754 10755 10756 10757 10758 10759 10760 10761 10762 10763 10764 <div class="hero parbase"> 10765 <div id="h0w0co1co0w0con8_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 10766 class="hero bg-white"> 10767 <div class="hero__image-wrapper"> 10768 10769 <picture id="responsive-hero-image-h0w0co1co0w0con8_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f"> 10770 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero3_ONA_2_MD?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 10771 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero3_ONA_2_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 10772 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero3_ONA_2_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 10773 <source srcset="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero3_ONA_2_MD?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 10774 10775 <img 10776 class="hero__bg-image 10777 10778 10779 " 10780 src="https://media.sorel.com/i/sorel/53619_SOR_Waterproof_HP_Subhero3_ONA_2_MD?fmt=auto&$aem_pjpeg$" 10781 width="" height="" 10782 alt="" 10783 fetchPriority="high" 10784 /> 10785 </picture> 10786 10787
10787<script> 10788(async function() { 10789 const imageName = '53619_SOR_Waterproof_HP_Subhero3_ONA_2_MD'; 10790 const imageFormat = 'pjpeg'; 10791 const imageHost = 'media.sorel.com'; 10792 const imageEndpoint = 'sorel'; 10793 const pictureId = 'responsive-hero-image-h0w0co1co0w0con8_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f'; 10794 const shouldLazyLoad = 'false' === 'true'; 10795 10796 // Extract base name from image filename 10797 let baseName = imageName; 10798 if (imageName.includes('_XL')) { 10799 baseName = imageName.replace('_XL', ''); 10800 } else if (imageName.includes('_LG')) { 10801 baseName = imageName.replace('_LG', ''); 10802 } else if (imageName.includes('_MD')) { 10803 baseName = imageName.replace('_MD', ''); 10804 } else if (imageName.includes('_SM')) { 10805 baseName = imageName.replace('_SM', ''); 10806 } 10807 10808 // Initialize global cache if it doesn't exist 10809 if (!window.imageExistenceCache) { 10810 window.imageExistenceCache = new Map(); 10811 } 10812 10813 // Check if we have cached results for this base name 10814 if (window.imageExistenceCache.has(baseName)) { 10815 const existenceResults = window.imageExistenceCache.get(baseName); 10816 updatePictureSources(existenceResults); 10817 return; 10818 } 10819 10820 // Function to check if image exists via HTTP HEAD request 10821 async function checkImageExists(url) { 10822 try { 10823 const response = await fetch(url, { method: 'HEAD' }); 10824 return response.ok; 10825 } catch (error) { 10826 // Silently handle network errors without console spam 10827 return false; 10828 } 10829 } 10830 10831 // Check all possible sizes 10832 const sizes = ['SM', 'MD', 'LG', 'XL']; 10833 const existenceResults = {}; 10834 10835 // Use Scene7 format auto-detection instead of hardcoded extensions 10836 for (const size of sizes) { 10837 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 10838 existenceResults[size] = await checkImageExists(url); 10839 } 10840 10841 // Log availability for debugging (only if some sizes are missing) 10842 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 10843 const totalSizes = sizes.length; 10844 if (availableSizes < totalSizes) { 10845 console.log(`ð¸ Hero Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 10846 if (availableSizes === 0) { 10847 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 10848 } 10849 } 10850 10851 // Cache the results 10852 window.imageExistenceCache.set(baseName, existenceResults); 10853 10854 // Update the picture sources 10855 updatePictureSources(existenceResults); 10856 10857 // Function to update picture sources 10858 function updatePictureSources(existenceResults) { 10859 // Find the picture element 10860 const picture = document.getElementById(pictureId); 10861 if (!picture) { 10862 return; 10863 } 10864 10865 // Store the img element reference before removing sources 10866 const img = picture.querySelector('img'); 10867 const originalClasses = img ? img.className : ''; 10868 const originalDataSrc = img ? img.getAttribute('data-src') : null; 10869 10870 // Remove all existing sources 10871 const existingSources = picture.querySelectorAll('source'); 10872 existingSources.forEach(source => source.remove()); 10873 10874 // Create new sources with optimal sizes 10875 const breakpoints = [ 10876 { media: '(max-width: 575px)', preferSize: 'SM' }, 10877 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 10878 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 10879 { media: '(min-width: 1440px)', preferSize: 'XL' } 10880 ]; 10881 10882 breakpoints.forEach((breakpoint, index) => { 10883 let optimalSize = ''; 10884 10885 // Determine optimal size for this breakpoint 10886 if (breakpoint.preferSize === 'SM') { 10887 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 10888 } else if (breakpoint.preferSize === 'MD') { 10889 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 10890 } else if (breakpoint.preferSize === 'LG') { 10891 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 10892 } else if (breakpoint.preferSize === 'XL') { 10893 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 10894 } 10895 10896 // Create new source element 10897 const newSource = document.createElement('source'); 10898 newSource.setAttribute('media', breakpoint.media); 10899 10900 let srcset = ''; 10901 if (optimalSize === 'BASE') { 10902 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 10903 } else { 10904 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 10905 } 10906 10907 newSource.setAttribute('srcset', srcset); 10908 10909 // Insert before the img element 10910 picture.insertBefore(newSource, img); 10911 }); 10912 10913 // Ensure lazy loading attributes are preserved 10914 if (img && shouldLazyLoad) { 10915 // Make sure the lazy class is present 10916 if (!img.classList.contains('lazy')) { 10917 img.classList.add('lazy'); 10918 } 10919 10920 // Update data-src with the optimized URL if needed 10921 if (originalDataSrc) { 10922 img.setAttribute('data-src', originalDataSrc); 10923 } 10924 } 10925 10926 // Reinitialize vanillaLazyLoad if it exists 10927 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 10928 window.vanillaLazyLoad.update(); 10929 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 10930 window.vanillaLazyLoad.init(); 10931 } 10932 } 10933})(); 10934</script>
10934 <a class="overlink" 10935 href="https://www.sorelfootwear.co.uk/p/womens-out-n-about-iv-classic-waterproof-boots-2088161.html?dwvar_2088161_color=263" 10936 10937 > 10938 <span class="sighted-hidden sr-only"></span> 10939 </a> 10940 </div> 10941 <div class="hero__layout-wrapper hero__layout-wrapper--layered"> 10942 <div class="hero__content-container"> 10943 <div class="hero__content-row align-items-end justify-content-center justify-content-md-start"> 10944 <div class="hero__content-column py-5 px-5 text-center text-md-left"> 10945 <div class="hero__main-content "> 10946 <div class="hero__prehead font-base letter-spacing-0 line-height-default font-size-14 font-size-md-16 text-white mb-2 mb-md-3"> 10947 OUT N ABOUT CLASSIC⢠10948 </div> 10949 <h1 class="hero__headline font-accent letter-spacing-0 line-height-1 font-size-32 font-size-xl-40 text-white mb-3 mb-md-5"> 10950 Weather, Or Not 10951 </h1> 10952 <div class="mt-3"> 10953 <div class="ctaBlock"> 10954 <div 10955 id="cta_ona_536319" 10956 class="ctas ctas--stacked cta--medium ctas--center ctas-md--left" 10957 > 10958 <div class="row ctas__row"> 10959 <div class="col-12"> 10960 <a 10961 10962 class="cta btn btn-primary" 10963 href="https://www.sorelfootwear.co.uk/p/womens-out-n-about-iv-classic-waterproof-boots-2088161.html?dwvar_2088161_color=263" 10964 target="_self" 10965 > 10966 SHOP WOMEN <i style="vertical-align: middle" class="material-icons font-size-14">arrow_forward</i> 10967 </a> 10968 </div> 10969 </div> 10970 </div> 10971</div> 10972 </div> 10973 10974 </div> 10975</div> </div> 10976 </div> 10977 </div> 10978 </div> 10979</div> 10980 10981 10982 10983 10984 10985 10986 10987 10988 10989 10990 10991 <div class="htmlSlot parbase"> 10992 <style> 10993 10994#sor_f26_cta_needles_homepage .btn-tertiary { 10995border-color: #fff !important; 10996} 10997 10998#cta_ambler_1_536319 .btn-primary { 10999 font-family: "Sorel Base", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 11000 background-color: transparent !important; 11001 color: #fff !important; 11002 border-style: none; 11003 text-decoration: underline; 11004 text-decoration-color: white; 11005 font-size: 0.875rem !important; 11006 font-weight: 400 !important; 11007 padding: 0px !important; 11008 margin: 0px !important; 11009 text-align: left !important; 11010 letter-spacing: 0px !important; 11011 } 11012 11013#cta_ona_536319 .btn-primary { 11014 font-family: "Sorel Base", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 11015 background-color: transparent !important; 11016 color: #fff !important; 11017 border-style: none; 11018 text-decoration: underline; 11019 text-decoration-color: white; 11020 font-size: 0.875rem !important; 11021 font-weight: 400 !important; 11022 padding: 0px !important; 11023 margin: 0px !important; 11024 text-align: left !important; 11025 letter-spacing: 0px !important; 11026 } 11027 11028 11029 11030@media (max-width: 576px) { 11031 11032#cta_ambler_1_536319 .btn-primary { 11033 font-family: "Sorel Base", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 11034 background-color: transparent !important; 11035 color: #fff !important; 11036 border-style: none; 11037 text-decoration: underline; 11038 text-decoration-color: white; 11039 font-size: 0.875rem !important; 11040 font-weight: 400 !important; 11041 padding: 0px !important; 11042 margin: 0px !important; 11043 text-align: center !important; 11044 letter-spacing: 0px !important; 11045 } 11046 11047#cta_ona_536319 .btn-primary { 11048 font-family: "Sorel Base", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 11049 background-color: transparent !important; 11050 color: #fff !important; 11051 border-style: none; 11052 text-decoration: underline; 11053 text-decoration-color: white; 11054 font-size: 0.875rem !important; 11055 font-weight: 400 !important; 11056 padding: 0px !important; 11057 margin: 0px !important; 11058 text-align: center !important; 11059 letter-spacing: 0px !important; 11060 } 11061 } 11062 11063 11064 </style> 11065</div> 11066 11067 11068 11069 11070 11071 11072 11073 11074 11075 11076 11077 11078 11079 11080 </div> 11081</div> 11082 11083 11084 11085 11086 11087 11088 11089 11090 11091 11092 11093 11094 11095 11096 11097 11098 11099 11100 11101 11102 11103 11104 11105 11106 11107 <div 11108 id="v1co1co0w0con8_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 11109 class="verticalspacer parbase" 11110> 11111 <div class="pt-3 pt-md-0"></div> 11112</div> 11113 11114 11115 11116 11117 11118 11119 11120 11121 11122 11123 11124 </div> 11125 11126 11127 </div> 11128</div> 11129 11130 11131 11132 11133 11134 11135 11136 11137 11138 11139 11140 11141 11142 11143 11144 11145 </div> 11146</div> 11147 11148 11149 11150 11151 11152 11153 11154 11155 11156 11157 11158 11159 11160 11161 11162 11163 11164 </div> 11165</div> 11166 11167 11168 11169 11170 11171 11172 11173 11174 11175 11176 11177 11178 11179 11180 11181 11182 11183 11184 11185 11186 11187 11188 11189 11190 11191 11192 <div 11193 id="v9_2e7fa32a_05b3_426a_b5cd_b2f3861efd4f" 11194 class="verticalspacer parbase" 11195> 11196 <div class="pt-5"></div> 11197</div> 11198 11199 11200 11201 11202 11203 11204 11205 11206 11207 11208 11209</div> 11210 11211 11212 11213 11214 11215 11216 11217 11218 11219 11220 11221 11222 11223 11224 11225 11226 11227 11228 11229 11230 11231 11232 11233 11234 11235 11236 11237 11238 11239 11240 11241 11242 11243 11244 11245 11246 11247 11248 11249 11250 11251 11252 11253 11254 <div id="UUID_5b808e4c_55cf_4f5d_83d7_2c8ea26a7255" class="amp-contant-page"> 11255 11256 <div class="gridContainer parbase"> 11257 <div 11258 id="container_arujmo" 11259 class="container-fluid px-0" 11260 > 11261 11262 11263 <div class="wrapper"> 11264 <div 11265 id="wrapper_ioky7e_membership" 11266 class="text-left d-block d-md-block d-lg-block d-xl-block" 11267 > 11268 11269 11270 11271 11272 11273 11274 11275 11276 11277 11278 11279 11280 11281 11282 <div class="hero parbase"> 11283 <div id="hero_ehll0u_membership" 11284 class="hero"> 11285 <div class="hero__image-wrapper"> 11286 11287 <picture id="responsive-hero-image-hero_ehll0u_membership"> 11288 <source srcset="https://media.sorel.com/i/sorel/53409_Membership_V3_LG?fmt=auto&$aem_pjpeg$" media="(max-width: 575px)"> 11289 <source srcset="https://media.sorel.com/i/sorel/53409_Membership_V3_LG?fmt=auto&$aem_pjpeg$" media="(min-width: 576px) and (max-width: 1023px)"> 11290 <source srcset="https://media.sorel.com/i/sorel/53409_Membership_V3_LG?fmt=auto&$aem_pjpeg$" media="(min-width: 1024px) and (max-width: 1439px)"> 11291 <source srcset="https://media.sorel.com/i/sorel/53409_Membership_V3_LG?fmt=auto&$aem_pjpeg$" media="(min-width: 1440px)"> 11292 11293 <img 11294 class="hero__bg-image 11295 11296 11297 " 11298 src="https://media.sorel.com/i/sorel/53409_Membership_V3_LG?fmt=auto&$aem_pjpeg$" 11299 width="" height="" 11300 alt="" 11301 fetchPriority="high" 11302 /> 11303 </picture> 11304 11305
11305<script> 11306(async function() { 11307 const imageName = '53409_Membership_V3_LG'; 11308 const imageFormat = 'pjpeg'; 11309 const imageHost = 'media.sorel.com'; 11310 const imageEndpoint = 'sorel'; 11311 const pictureId = 'responsive-hero-image-hero_ehll0u_membership'; 11312 const shouldLazyLoad = 'false' === 'true'; 11313 11314 // Extract base name from image filename 11315 let baseName = imageName; 11316 if (imageName.includes('_XL')) { 11317 baseName = imageName.replace('_XL', ''); 11318 } else if (imageName.includes('_LG')) { 11319 baseName = imageName.replace('_LG', ''); 11320 } else if (imageName.includes('_MD')) { 11321 baseName = imageName.replace('_MD', ''); 11322 } else if (imageName.includes('_SM')) { 11323 baseName = imageName.replace('_SM', ''); 11324 } 11325 11326 // Initialize global cache if it doesn't exist 11327 if (!window.imageExistenceCache) { 11328 window.imageExistenceCache = new Map(); 11329 } 11330 11331 // Check if we have cached results for this base name 11332 if (window.imageExistenceCache.has(baseName)) { 11333 const existenceResults = window.imageExistenceCache.get(baseName); 11334 updatePictureSources(existenceResults); 11335 return; 11336 } 11337 11338 // Function to check if image exists via HTTP HEAD request 11339 async function checkImageExists(url) { 11340 try { 11341 const response = await fetch(url, { method: 'HEAD' }); 11342 return response.ok; 11343 } catch (error) { 11344 // Silently handle network errors without console spam 11345 return false; 11346 } 11347 } 11348 11349 // Check all possible sizes 11350 const sizes = ['SM', 'MD', 'LG', 'XL']; 11351 const existenceResults = {}; 11352 11353 // Use Scene7 format auto-detection instead of hardcoded extensions 11354 for (const size of sizes) { 11355 const url = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${size}?fmt=auto`; 11356 existenceResults[size] = await checkImageExists(url); 11357 } 11358 11359 // Log availability for debugging (only if some sizes are missing) 11360 const availableSizes = Object.values(existenceResults).filter(Boolean).length; 11361 const totalSizes = sizes.length; 11362 if (availableSizes < totalSizes) { 11363 console.log(`ð¸ Hero Image Optimizer: ${availableSizes}/${totalSizes} responsive sizes available for "${baseName}"`); 11364 if (availableSizes === 0) { 11365 console.warn(`â ï¸ No responsive sizes found for "${baseName}". Using base image only.`); 11366 } 11367 } 11368 11369 // Cache the results 11370 window.imageExistenceCache.set(baseName, existenceResults); 11371 11372 // Update the picture sources 11373 updatePictureSources(existenceResults); 11374 11375 // Function to update picture sources 11376 function updatePictureSources(existenceResults) { 11377 // Find the picture element 11378 const picture = document.getElementById(pictureId); 11379 if (!picture) { 11380 return; 11381 } 11382 11383 // Store the img element reference before removing sources 11384 const img = picture.querySelector('img'); 11385 const originalClasses = img ? img.className : ''; 11386 const originalDataSrc = img ? img.getAttribute('data-src') : null; 11387 11388 // Remove all existing sources 11389 const existingSources = picture.querySelectorAll('source'); 11390 existingSources.forEach(source => source.remove()); 11391 11392 // Create new sources with optimal sizes 11393 const breakpoints = [ 11394 { media: '(max-width: 575px)', preferSize: 'SM' }, 11395 { media: '(min-width: 576px) and (max-width: 1023px)', preferSize: 'MD' }, 11396 { media: '(min-width: 1024px) and (max-width: 1439px)', preferSize: 'LG' }, 11397 { media: '(min-width: 1440px)', preferSize: 'XL' } 11398 ]; 11399 11400 breakpoints.forEach((breakpoint, index) => { 11401 let optimalSize = ''; 11402 11403 // Determine optimal size for this breakpoint 11404 if (breakpoint.preferSize === 'SM') { 11405 optimalSize = existenceResults.SM ? 'SM' : 'BASE'; 11406 } else if (breakpoint.preferSize === 'MD') { 11407 optimalSize = existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'); 11408 } else if (breakpoint.preferSize === 'LG') { 11409 optimalSize = existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE')); 11410 } else if (breakpoint.preferSize === 'XL') { 11411 optimalSize = existenceResults.XL ? 'XL' : (existenceResults.LG ? 'LG' : (existenceResults.MD ? 'MD' : (existenceResults.SM ? 'SM' : 'BASE'))); 11412 } 11413 11414 // Create new source element 11415 const newSource = document.createElement('source'); 11416 newSource.setAttribute('media', breakpoint.media); 11417 11418 let srcset = ''; 11419 if (optimalSize === 'BASE') { 11420 srcset = `https://${imageHost}/i/${imageEndpoint}/${imageName}?fmt=auto&$aem_${imageFormat}$`; 11421 } else { 11422 srcset = `https://${imageHost}/i/${imageEndpoint}/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`; 11423 } 11424 11425 newSource.setAttribute('srcset', srcset); 11426 11427 // Insert before the img element 11428 picture.insertBefore(newSource, img); 11429 }); 11430 11431 // Ensure lazy loading attributes are preserved 11432 if (img && shouldLazyLoad) { 11433 // Make sure the lazy class is present 11434 if (!img.classList.contains('lazy')) { 11435 img.classList.add('lazy'); 11436 } 11437 11438 // Update data-src with the optimized URL if needed 11439 if (originalDataSrc) { 11440 img.setAttribute('data-src', originalDataSrc); 11441 } 11442 } 11443 11444 // Reinitialize vanillaLazyLoad if it exists 11445 if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === 'function') { 11446 window.vanillaLazyLoad.update(); 11447 } else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === 'function') { 11448 window.vanillaLazyLoad.init(); 11449 } 11450 } 11451})(); 11452</script>
11452 </div> 11453 <div class="hero__layout-wrapper hero__layout-wrapper--layered"> 11454 <div class="hero__content-container"> 11455 <div class="hero__content-row align-items-center justify-content-center"> 11456 <div class="hero__content-column py-1 py-lg-0 px-5 px-md-9 px-lg-8 text-center"> 11457 <div class="hero__main-content "> 11458 <div class="hero__prehead font-accent font-weight-semi-bold letter-spacing-0 line-height-1 font-size-26 font-size-md-30 font-size-lg-40 text-white text-md-white text-lg-white text-xl-white mb-3"> 11459 Become a Member 11460 </div> 11461 <div class="hero__subhead font-accent font-weight-semi-bold letter-spacing-0 line-height-default font-size-16 font-size-md-14 font-size-lg-20 text-white text-md-white text-lg-white text-xl-white mb-3 mb-md-2 mb-lg-3"> 11462 Join us and become the first to hear about new styles,<br class="d-block d-sm-none d-lg-block"> promotions and enjoy the following exclusive advantages: 11463 </div> 11464 <div class="hero__body-copy font-base letter-spacing-0 line-height-default font-size-14 font-size-md-12 font-size-lg-14 font-size-xl-16 text-white text-md-white text-lg-white text-xl-white mb-3"> 11465 <i style="vertical-align: middle" class="material-icons font-size-18"> 11466local_shipping</i> Free shipping on all orders 11467<br> 11468<i style="vertical-align: middle" class="material-icons font-size-18"> 11469cake</i> 15% off on your Birthday 11470<br> 11471<i style="vertical-align: middle" class="material-icons font-size-18"> 11472workspace_premium</i> 15% off your first order* 11473<br> 11474<i style="vertical-align: middle" class="material-icons font-size-18"> 11475loyalty</i> Access to member-only sales<br> 11476<br><i>*When you spend £120 on full price items.</i> 11477 </div> 11478 <div class="mt-3"> 11479 <div class="ctaBlock"> 11480 <div 11481 id="ctas_c6xctr" 11482 class="ctas ctas--horizontal cta--auto ctas--center" 11483 > 11484 <div class="row ctas__row"> 11485 <div class="col-auto"> 11486 <a 11487 id="ctas_sorel_membership_men_5032" 11488 class="cta btn btn-secondary" 11489 href="https://www.sorelfootwear.co.uk/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Login-Show" 11490 target="_self" 11491 > 11492 Join Now 11493 </a> 11494 </div> 11495 </div> 11496 </div> 11497</div> 11498 </div> 11499 11500 </div> 11501</div> </div> 11502 </div> 11503 </div> 11504 </div> 11505</div> 11506 11507 11508 11509 11510 11511 11512 11513 11514 11515 11516 11517 <div class="htmlSlot parbase"> 11518
11518<script> 11519 11520 $("#ctas_sorel_membership_men_5032").addClass('js-drawer-login'); 11521 11522</script>
11522 11523</div> 11524 11525 11526 11527 11528 11529 11530 11531 11532 11533 11534 11535 11536 11537 11538 </div> 11539</div> 11540 11541 11542 11543 11544 11545 11546 11547 11548 11549 11550 11551 11552 11553 11554 11555 11556 11557 11558 11559 11560 11561 11562 <div class="htmlSlot parbase"> 11563 <style> 11564/* Masking expanded header */ 11565/*Important: comment out or delete this and the following script if you are using this transparent header functionality without the bodyscrollstate = true. */ 11566.header-initializing header, 11567.header-initializing .siteheader, 11568.header-initializing .siteheader__bottom { 11569 visibility: hidden !important; 11570 opacity: 0 !important; 11571} 11572</style> 11573
11574<script> 11575/* Masking expanded header, comment or delete above styling if bodyscrolledstate config = true. */ 11576(function() { 11577 // Configuration with desktop-only approach 11578 const config = { 11579 compactHeaderHeight: 56, // Compact header height for desktop 11580 mobileHeaderHeight: 44, // Compact header height for mobile 11581 desktopMinWidth: 1024 // Minimum width for desktop 11582 }; 11583 11584 // Helper function to determine if we're on desktop 11585 function isDesktop() { 11586 return window.innerWidth >= config.desktopMinWidth; 11587 } 11588 11589 // Hide header immediately 11590 document.documentElement.classList.add('header-initializing'); 11591 11592 // Setup function - no animations, just straightforward show/hide 11593 function setupCompactHeader() { 11594 // Force compact state immediately 11595 document.body.classList.add('window-is-scrolled'); 11596 11597 11598 if (isDesktop()) { 11599 // Directly set header dimensions 11600 const header = document.querySelector('header'); 11601 const headerBottom = document.querySelector('.siteheader__bottom'); 11602 const secondaryNavs = document.querySelectorAll('.sitenav-secondary'); 11603 11604 // Add this line to make sure we get ALL secondary navs 11605 const allNavDropdowns = document.querySelectorAll('.sitenav-primary__li .sitenav-secondary'); 11606 11607 // Combine the selectors 11608 const allDropdowns = [...secondaryNavs, ...allNavDropdowns]; 11609 11610 // Then update all dropdowns 11611 allDropdowns.forEach(nav => { 11612 if (nav) { 11613 // Make sure to use !important to override other styles 11614 nav.style.setProperty('top', config.compactHeaderHeight + 'px', 'important'); 11615 } 11616 }); 11617} 11618 11619 // Reveal header - short delay to ensure everything is set 11620 setTimeout(function() { 11621 document.documentElement.classList.remove('header-initializing'); 11622 }, 50); 11623 } 11624 11625 // Run as soon as possible 11626 setupCompactHeader(); 11627 11628 // Backup execution path 11629 if (document.readyState === 'loading') { 11630 document.addEventListener('DOMContentLoaded', setupCompactHeader); 11631 } 11632})(); 11633</script>
11633 11634 11635<style> 11636/* 11637============================================== 11638TRANSPARENT HEADER CSS - UPDATED VERSION 11639============================================== 11640Core styles for creating a transparent header with proper hero positioning 11641and fixes for mobile navigation display 11642============================================== 116431. HIDE GLOBAL BANNER (if needed) 11644============================================== 11645*/ 11646.siteheader__top, 11647.globalbanner, 11648.country-selector { 11649 display: none !important; 11650 height: 0 !important; 11651 overflow: hidden !important; 11652 visibility: hidden !important; 11653} 11654/* 11655============================================== 116562. TRANSPARENT HEADER STYLING 11657============================================== 11658*/ 11659/* Make header background transparent */ 11660header, 11661.siteheader, 11662.siteheader__bottom, 11663.js-site-header, 11664.siteheader__bottom__inner, 11665.sitenav-bg { 11666 background-color: transparent !important; 11667 background: transparent !important; 11668 box-shadow: none !important; 11669 border: none !important; 11670} 11671 11672/* Position the header properly */ 11673header { 11674 position: fixed !important; 11675 width: 100%; 11676 z-index: 1050; 11677 top: 0; 11678 transition: background-color 0.3s ease; 11679} 11680 11681/* Add subtle gradient for text legibility */ 11682.siteheader__bottom::before { 11683 content: ""; 11684 position: absolute; 11685 top: 0; 11686 left: 0; 11687 right: 0; 11688 height: 100%; 11689 background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%); 11690 pointer-events: none; 11691 z-index: -1; 11692} 11693 11694/* Fix for cart badge visibility */ 11695.siteheader__minicart__count { 11696 color: black !important; 11697} 11698 11699/* 11700============================================== 117013. HERO POSITIONING 11702============================================== 11703*/ 11704/* Make sure hero starts at top of page */ 11705.hero, 11706.hero__image-wrapper, 11707.hero__video-bg--scene7 { 11708 margin-top: 0 !important; 11709 top: 0 !important; 11710} 11711 11712/* Adjust the hero container */ 11713#hp-hero-container { 11714 margin-top: 0 !important; 11715 padding-top: 0 !important; 11716} 11717 11718/* Ensure the headline content is visible */ 11719.hero__main-content { 11720 position: relative; 11721 z-index: 10; 11722} 11723 11724/* 11725============================================== 117264. SCROLL BEHAVIOR 11727============================================== 11728*/ 11729/* Add background on scroll */ 11730header.scrolled, 11731.scrolled .siteheader__bottom, 11732.scrolled .sitenav-bg { 11733 background-color: rgba(0,0,0,0.9) !important; 11734} 11735 11736/* 11737/* 11738============================================== 117395. HOVER STATE AND INTERACTION BACKGROUND 11740============================================== 11741*/ 11742/* Apply background color on hover or when navigation is open */ 11743header.hover-active, 11744.hover-active .siteheader__bottom, 11745.hover-active .sitenav-bg { 11746 background-color: rgba(0,0,0,0.9) !important; 11747} 11748 11749 11750/* 11751============================================== 117525.5 HEADER ICONS POSITIONING 11753============================================== 11754*/ 11755/* Base positioning fixes that apply to all screen sizes */ 11756.siteheader__bottom__inner { 11757 position: relative !important; 11758 width: 100% !important; 11759} 11760 11761/* Desktop-specific fixes */ 11762@media (min-width: 1024px) { 11763 .siteheader__utility { 11764 position: absolute !important; 11765 right: 1rem !important; 11766 top: 50% !important; 11767 transform: translateY(-50%) !important; 11768 z-index: 1051 !important; 11769 display: flex !important; 11770 align-items: center !important; 11771 } 11772 11773 .siteheader__search, 11774 .siteheader__account, 11775 .siteheader__minicart { 11776 margin-left: 0.5rem !important; 11777 visibility: visible !important; 11778 opacity: 1 !important; 11779 } 11780} 11781 11782/* Mobile-specific fixes */ 11783@media (max-width: 1023px) { 11784 /* Don't force absolute positioning on mobile */ 11785 .siteheader__utility { 11786 display: flex !important; 11787 align-items: center !important; 11788 justify-content: flex-end !important; 11789 visibility: visible !important; 11790 opacity: 1 !important; 11791 z-index: 1; 11792 } 11793 11794 /* Ensure the header has appropriate constraints */ 11795 header, 11796 .siteheader, 11797 .siteheader__bottom { 11798 max-width: 100% !important; 11799 overflow-x: visible !important; 11800 } 11801 11802 /* Make sure the header inner content doesn't overflow */ 11803 .siteheader__bottom__inner { 11804 display: flex !important; 11805 justify-content: space-between !important;
11806 align-items: center !important; 11807 width: 100% !important; 11808 max-width: 100% !important; 11809 padding: 0 0.5rem !important; 11810 } 11811 11812 /* Fix for mobile logo positioning */ 11813 .siteheader__logo-wrapper { 11814 position: absolute !important; 11815 left: 50% !important; 11816 transform: translateX(-50%) !important; 11817 z-index: 1050 !important; 11818 } 11819 11820 /* Ensure the utility icons are properly visible by default */ 11821 .siteheader__minicart, 11822 .siteheader__account { 11823 margin-left: 0.75rem !important; 11824 position: relative !important; 11825 z-index: 1050 !important; 11826 } 11827 11828 11829 11830/* 11831============================================== 118326. NAVIGATION FIXES 11833============================================== 11834*/ 11835/* Mobile Menu Fixes - Keep the hamburger menu and its contents opaque */ 11836@media (max-width: 1023px) { 11837 /* Fix mobile menu background when open */ 11838 .sitenav.open { 11839 background-color: white !important; 11840 } 11841 11842 .sitenav.open .sitenav-bg, 11843 .sitenav.open .sitenav__menu { 11844 background-color: white !important; 11845 color: black !important; 11846 } 11847 11848 /* Fix mobile navigation text color */ 11849 .sitenav.open .sitenav-primary__a, 11850 .sitenav.open .sitenav-primary__a .menu-text, 11851 .sitenav.open .sitenav-secondary__a, 11852 .sitenav.open .sitenav-secondary__a .menu-text, 11853 .sitenav.open .sitenav-tertiary__a, 11854 .sitenav.open .sitenav-tertiary__a .menu-text, 11855 .sitenav.open .sitenav__back-text { 11856 color: black !important; 11857 } 11858 11859 /* Restore chevron visibility for mobile menu only */ 11860 .sitenav.open .twisty.svgicon, 11861 .sitenav.open svg[href="#chevron_right"], 11862 .sitenav.open use[href="#chevron_right"] { 11863 display: inline-block !important; 11864 visibility: visible !important; 11865 width: 1.5rem !important; 11866 height: 1.5rem !important; 11867 fill: black !important; 11868 opacity: 1 !important; 11869 } 11870 11871 /* Make sure back chevrons are visible */ 11872 .sitenav.open .sitenav__back .svgicon, 11873 .sitenav.open .sitenav__back svg[href="#chevron_left"], 11874 .sitenav.open .sitenav__back use[href="#chevron_left"] { 11875 display: inline-block !important; 11876 visibility: visible !important; 11877 width: 1.5rem !important; 11878 height: 1.5rem !important; 11879 fill: black !important; 11880 opacity: 1 !important; 11881 } 11882 11883 /* Fix secondary nav background */ 11884 .sitenav.open .sitenav-secondary { 11885 background-color: white !important; 11886 color: black !important; 11887 } 11888 11889 /* Fix tertiary menu visibility */ 11890 .sitenav.open .sitenav-secondary__li--has-subcategories.expanded .sitenav-tertiary__ul { 11891 display: block !important; 11892 background-color: white !important; 11893 } 11894} 11895 11896/* Immediately hide chevrons when navigation begins closing */ 11897.sitenav:not(.open) .twisty.svgicon, 11898.sitenav:not(.open) svg[href="#chevron_right"], 11899.sitenav:not(.open) use[href="#chevron_right"], 11900.sitenav:not(.open) .sitenav__back .svgicon, 11901.sitenav:not(.open) .sitenav__back svg use[href="#chevron_left"] { 11902 opacity: 0 !important; 11903} 11904 11905/* Desktop Navigation Fixes */ 11906@media (min-width: 1024px) { 11907 /* Hide chevron icons and prevent any artifacts - desktop only */ 11908 header:not(.sitenav.open) .twisty.svgicon, 11909 header:not(.sitenav.open) svg[href="#chevron_right"] { 11910 display: none !important; 11911 visibility: hidden !important; 11912 opacity: 0 !important; 11913 width: 0 !important; 11914 height: 0 !important; 11915 } 11916 11917 /* Fix dropdown positioning for both states */ 11918 .sitenav-secondary { 11919 position: fixed !important; 11920 top: 6.25rem !important; 11921 max-height: calc(100vh - 6.25rem) !important; 11922 margin-top: 0 !important; 11923 box-shadow: none !important; 11924 border-top: none !important; 11925 z-index: 1049 !important; 11926 background-color: white !important; 11927 } 11928 11929 header.scrolled .sitenav-secondary { 11930 top: 3.5rem !important; 11931 max-height: calc(100vh - 3.5rem) !important; 11932 } 11933 11934 /* Create an invisible connector to prevent hover loss */ 11935 .sitenav-primary__li { 11936 position: relative; 11937 } 11938 11939 .sitenav-primary__li::before { 11940 content: ""; 11941 position: absolute; 11942 bottom: -15px; 11943 left: 0; 11944 width: 100%; 11945 height: 15px; 11946 background-color: transparent; 11947 z-index: 1049; 11948 } 11949 11950 /* Add extra CSS to help prevent hover loss */ 11951 .sitenav-secondary::before { 11952 content: ""; 11953 position: absolute; 11954 top: -15px; 11955 left: 0; 11956 width: 100%; 11957 height: 15px; 11958 background-color: transparent; 11959 z-index: 1049; 11960 } 11961} 11962 11963/* Ensure proper dropdown positioning with compact header */ 11964@media (min-width: 1024px) { 11965 body.window-is-scrolled .sitenav-secondary { 11966 top: 56px !important; 11967 } 11968 11969 .sitenav-primary__li .sitenav-secondary { 11970 top: 56px !important; 11971 } 11972} 11973/* 11974============================================== 11975SEARCH FLYOUT WIDTH FIX (DESKTOP ONLY) 11976============================================== 11977*/ 11978 11979/* Fix search flyout width in transparent header for desktop */ 11980@media (min-width: 1024px) { 11981 /* Main search popover fix */ 11982 header .siteheader__search-popover, 11983 header .js-search-popover, 11984 header:not(.scrolled) .siteheader__search-popover, 11985 header:not(.scrolled) .js-search-popover { 11986 width: 545px !important; 11987 max-width: 545px !important; 11988 min-width: 545px !important; 11989 right: 0 !important; 11990 left: auto !important; 11991 } 11992 11993 /* Ensure search container has proper width */ 11994 header .search-field__container, 11995 header:not(.scrolled) .search-field__container { 11996 width: 100% !important; 11997 max-width: 100% !important; 11998 } 11999 12000 /* Fix form width */ 12001 header form[role="search"], 12002 header:not(.scrolled) form[role="search"] { 12003 width: 100% !important; 12004 } 12005 12006 /* Fix suggestions wrapper width */ 12007 header .suggestions-wrapper, 12008 header:not(.scrolled) .suggestions-wrapper { 12009 width: 100% !important; 12010 } 12011} 12012 12013/* Transparency during scroll functionality */ 12014body.window-is-scrolled:not(.actually-scrolled) header:not(.hover-active), 12015body.window-is-scrolled:not(.actually-scrolled) .siteheader:not(.hover-active), 12016body.window-is-scrolled:not(.actually-scrolled) .siteheader__bottom:not(.hover-active), 12017body.window-is-scrolled:not(.actually-scrolled) .js-site-header:not(.hover-active), 12018body.window-is-scrolled:not(.actually-scrolled) .siteheader__bottom__inner:not(.hover-active), 12019body.window-is-scrolled:not(.actually-scrolled) .sitenav-bg:not(.hover-active) { 12020 background-color: transparent !important; 12021 background: transparent !important; 12022 box-shadow: none !important; 12023 border: none !important; 12024} 12025</style> 12026
12027<script> 12028/** 12029 * Transparent Header Solution 12030 * 1. Scroll detection for header background 12031 * 2. Removal of problematic SVG elements on desktop only 12032 * 3. Improved hover behavior for navigation 12033 * 4. Fixed mobile navigation styles 12034 * 5. MutationObserver to catch dynamic DOM changes 12035 * 6. Background on hover (desktop only) 12036 * 7. Transparent during scroll functionality 12037 * 8. Desktop-specific dropdown positioning 12038 */ 12039(function() { 12040 // Configuration options 12041 const config = { 12042 forceScrolledState: true, // Force the compact header state 12043 showBackgroundOnHover: true, // Show background when header is hovered 12044 normalHeaderHeight: 100, // Normal header height on desktop 12045 compactHeaderHeight: 56, // Compact header height on desktop 12046 mobileHeaderHeight: 44, // Compact header height on mobile 12047 dropdownOffset: 0, // Adjust for fine-tuning dropdown position 12048 desktopMinWidth: 1024 // Minimum width for desktop styles 12049 }; 12050 12051 // Helper function to determine if we're on desktop 12052 function isDesktop() { 12053 return window.innerWidth >= config.desktopMinWidth; 12054 } 12055 12056 // Wait for DOM to be fully loaded 12057 if (document.readyState === 'loading') { 12058 document.addEventListener('DOMContentLoaded', initTransparentHeader); 12059 } else { 12060 initTransparentHeader(); 12061 } 12062 12063 function initTransparentHeader() { 12064 const body = document.body; 12065 const header = document.querySelector('header'); 12066 const headerBottom = document.querySelector('.siteheader__bottom'); 12067 const navItems = document.querySelectorAll('.sitenav-primary__li'); 12068 const hamburgerMenuBtn = document.querySelector('.js-action__sitenav'); 12069 const secondaryNavs = document.querySelectorAll('.sitenav-secondary'); 12070 let siteNav = document.querySelector('.sitenav'); 12071 let isNavigationOpen = false; 12072 let navCloseTimer = null; 12073 let hoverTimer = null; 12074 let lastScrollTop = 0; 12075 let isReallyScrolled = window.scrollY > 50; 12076 12077 // Function to fix utility icons visibility 12078 function fixUtilityIcons() { 12079 const headerUtility = document.querySelector('.siteheader__utility'); 12080 if (headerUtility) { 12081 // Ensure the utility section is visible and properly positioned 12082 headerUtility.style.visibility = 'visible'; 12083 headerUtility.style.opacity = '1'; 12084 12085 // Ensure individual icons are visible 12086 const iconElements = headerUtility.querySelectorAll('.siteheader__search, .siteheader__account, .siteheader__minicart'); 12087 iconElements.forEach(icon => { 12088 icon.style.visibility = 'visible'; 12089 icon.style.opacity = '1'; 12090 }); 12091 } 12092 } 12093 12094 // Call this function immediately 12095 fixUtilityIcons(); 12096 12097 // Also call it after a slight delay to ensure it applies after any other scripts 12098 setTimeout(fixUtilityIcons, 100); 12099 12100 // Function to check scroll position and update header 12101 function checkScroll() { 12102 if (window.scrollY > 50) { 12103 header.classList.add('scrolled'); 12104 } else { 12105 header.classList.remove('scrolled'); 12106 } 12107 } 12108 12109 // Function to update actual scroll state 12110 function updateScrollState() { 12111 const scrollTop = window.scrollY; 12112 const wasScrolled = isReallyScrolled; 12113 12114 // Check if we're actually scrolled down 12115 isReallyScrolled = scrollTop > 50; 12116 12117 // Update body class for actual scrolling 12118 if (isReallyScrolled) { 12119 body.classList.add('actually-scrolled'); 12120 } else { 12121 body.classList.remove('actually-scrolled'); 12122 } 12123 12124 // Always maintain the window-is-scrolled class if forced 12125 if (config.forceScrolledState) { 12126 body.classList.add('window-is-scrolled'); 12127 } 12128 12129 // Adjust dropdown positions if state changed 12130 if (wasScrolled !== isReallyScrolled) { 12131 adjustDropdownPositions(); 12132 } 12133 12134 lastScrollTop = scrollTop; 12135 } 12136 12137 // Function to adjust dropdown navigation positions - desktop only 12138 function adjustDropdownPositions() { 12139 if (!config.forceScrolledState || !isDesktop()) return; 12140 12141 // Use multiple selectors to ensure we catch all dropdown elements 12142 const allDropdowns = [ 12143 ...document.querySelectorAll('.sitenav-secondary'), 12144 ...document.querySelectorAll('.sitenav-primary__li .sitenav-secondary') 12145 ]; 12146 12147 allDropdowns.forEach(nav => { 12148 if (nav) { 12149 // Use setProperty with important flag to override other styles 12150 nav.style.setProperty('top', config.compactHeaderHeight + 'px', 'important'); 12151 } 12152 }); 12153 } 12154 12155 // Initial checks and force states 12156 checkScroll(); 12157 updateScrollState(); 12158 12159 // Force the scrolled state initially 12160 if (config.forceScrolledState) { 12161 body.classList.add('window-is-scrolled'); 12162 if (!isReallyScrolled) { 12163 body.classList.remove('actually-scrolled'); 12164 } 12165 12166 // Apply dropdown positioning for desktop only 12167 if (isDesktop()) { 12168 adjustDropdownPositions(); 12169 } 12170 } 12171 12172 // Mobile menu open/close listener 12173 if (hamburgerMenuBtn) { 12174 hamburgerMenuBtn.addEventListener('click', function() { 12175 // Toggle navigation state tracking 12176 isNavigationOpen = !isNavigationOpen; 12177 12178 // If opening navigation 12179 if (isNavigationOpen) { 12180 // Clear any closing timer 12181 if (navCloseTimer) { 12182 clearTimeout(navCloseTimer); 12183 navCloseTimer = null; 12184 } 12185 12186 // Fix mobile navigation after slight delay to let classes update 12187 setTimeout(function() { 12188 fixMobileNavigation(); 12189 }, 50); 12190 } else { 12191 // Navigation is being closed - handle cleanup 12192 navCloseTimer = setTimeout(function() { 12193 ensureDesktopChevronsHidden(); 12194 }, 300); // Delay to let animations complete 12195 } 12196 }); 12197 } 12198 12199 // Listen for closing events on other buttons that might close the navigation 12200 document.addEventListener('click', function(e) { 12201 // Check if this is a click on a close button or overlay 12202 if (e.target.classList.contains('js-action__sitenavclosebtn') || 12203 e.target.classList.contains('js-action__overlay') || 12204 e.target.closest('.js-action__sitenavclosebtn') || 12205 e.target.closest('.js-action__overlay')) { 12206 12207 isNavigationOpen = false;
12208 12209 // IMPROVEMENT: Hide chevrons IMMEDIATELY on close button click 12210 document.querySelectorAll('.twisty.svgicon, svg[href="#chevron_right"], use[href="#chevron_right"]').forEach(function(elem) { 12211 elem.style.display = 'none'; 12212 elem.style.visibility = 'hidden'; 12213 elem.style.opacity = '0'; 12214 elem.style.width = '0'; 12215 elem.style.height = '0'; 12216 }); 12217 12218 // Remove hover-active class when navigation closes on mobile 12219 if (!isDesktop() && header) { 12220 header.classList.remove('hover-active'); 12221 } 12222 12223 // Keep the delayed cleanup as a fallback 12224 navCloseTimer = setTimeout(function() { 12225 ensureDesktopChevronsHidden(); 12226 }, 300); 12227 } 12228 }, true); 12229 12230 // Function to fix mobile navigation display 12231 function fixMobileNavigation() { 12232 // Update the siteNav reference (in case it was changed dynamically) 12233 siteNav = document.querySelector('.sitenav'); 12234 12235 if (!isDesktop()) { // Only apply mobile fixes when on mobile 12236 // Handle mobile-specific fixes when menu is open 12237 if (siteNav && siteNav.classList.contains('open')) { 12238 isNavigationOpen = true; 12239 12240 // Add hover-active class to header for mobile menu open state 12241 if (header) { 12242 header.classList.add('hover-active'); 12243 } 12244 12245 // Make sure the menu background is white 12246 siteNav.style.backgroundColor = 'white'; 12247 12248 // Fix the navigation background 12249 const siteBg = document.querySelector('.sitenav-bg'); 12250 if (siteBg) siteBg.style.backgroundColor = 'white'; 12251 12252 // Fix the menu background 12253 const siteMenu = document.querySelector('.sitenav__menu'); 12254 if (siteMenu) siteMenu.style.backgroundColor = 'white'; 12255 12256 // Restore chevron visibility for mobile navigation - use more specific selectors 12257 document.querySelectorAll('.sitenav.open .twisty.svgicon, .sitenav.open use[href="#chevron_right"]').forEach(function(icon) { 12258 icon.style.display = 'inline-block'; 12259 icon.style.visibility = 'visible'; 12260 icon.style.width = '1.5rem'; 12261 icon.style.height = '1.5rem'; 12262 icon.style.opacity = '1'; 12263 }); 12264 12265 // Ensure back chevrons are visible 12266 document.querySelectorAll('.sitenav.open .sitenav__back .svgicon, .sitenav.open .sitenav__back svg use[href="#chevron_left"]').forEach(function(icon) { 12267 icon.style.display = 'inline-block'; 12268 icon.style.visibility = 'visible'; 12269 icon.style.width = '1.5rem'; 12270 icon.style.height = '1.5rem'; 12271 icon.style.opacity = '1'; 12272 }); 12273 12274 // Fix text color for all navigation items 12275 document.querySelectorAll('.sitenav.open .sitenav-primary__a, .sitenav.open .sitenav-secondary__a, .sitenav.open .sitenav-tertiary__a, .sitenav.open .sitenav__back-text').forEach(function(textElement) { 12276 textElement.style.color = 'black'; 12277 }); 12278 12279 // Fix the secondary navigation background 12280 document.querySelectorAll('.sitenav.open .sitenav-secondary').forEach(function(secondary) { 12281 secondary.style.backgroundColor = 'white'; 12282 }); 12283 } else if (header) { 12284 // If navigation is closed on mobile, remove hover-active class 12285 header.classList.remove('hover-active'); 12286 } 12287 } 12288 } 12289 12290 // Function to ensure desktop chevrons stay hidden 12291 function ensureDesktopChevronsHidden() { 12292 if (isDesktop() || !isNavigationOpen) { 12293 document.querySelectorAll('.twisty.svgicon, svg[href="#chevron_right"], use[href="#chevron_right"]').forEach(function(elem) { 12294 // Skip elements inside an open mobile navigation 12295 if (!elem.closest('.sitenav.open')) { 12296 elem.style.display = 'none'; 12297 elem.style.visibility = 'hidden'; 12298 elem.style.width = '0'; 12299 elem.style.height = '0'; 12300 elem.style.opacity = '0'; 12301 } 12302 }); 12303 } 12304 } 12305 12306 // Set up hover effect for header if enabled (desktop only)
12307 if (config.showBackgroundOnHover && headerBottom && header && isDesktop()) { 12308 // Add hover effect for the header bottom section 12309 headerBottom.addEventListener('mouseenter', function() { 12310 if (hoverTimer) clearTimeout(hoverTimer); 12311 header.classList.add('hover-active'); 12312 }); 12313 12314 headerBottom.addEventListener('mouseleave', function() { 12315 if (hoverTimer) clearTimeout(hoverTimer); 12316 hoverTimer = setTimeout(function() { 12317 // Only remove hover-active if not in navigation 12318 if (!document.querySelector('.sitenav.open')) { 12319 header.classList.remove('hover-active'); 12320 } 12321 }, 200); // Small delay to prevent flickering 12322 }); 12323 } 12324 12325 // Fix hover issues by adding delay before closing dropdown (desktop only) 12326 if (isDesktop()) { 12327 navItems.forEach(item => { 12328 let timeoutId; 12329 12330 // When mouse enters the nav item 12331 item.addEventListener('mouseenter', function() { 12332 // Clear any existing timeout 12333 if (timeoutId) { 12334 clearTimeout(timeoutId); 12335 timeoutId = null; 12336 } 12337 12338 // Find the dropdown 12339 const dropdown = item.querySelector('.sitenav-secondary'); 12340 if (dropdown) { 12341 dropdown.style.display = 'block'; 12342 } 12343 }); 12344 12345 // When mouse leaves the nav item 12346 item.addEventListener('mouseleave', function() { 12347 // Set a timeout before hiding the dropdown 12348 timeoutId = setTimeout(function() { 12349 const dropdown = item.querySelector('.sitenav-secondary'); 12350 if (dropdown) { 12351 dropdown.style.display = ''; 12352 } 12353 }, 100); // Small delay to allow cursor to enter dropdown 12354 }); 12355 }); 12356 12357 // Add hover areas for secondary navigation elements 12358 document.querySelectorAll('.sitenav-secondary').forEach(dropdown => { 12359 if (dropdown) { 12360 dropdown.addEventListener('mouseenter', function() { 12361 this.style.display = 'block'; 12362 12363 // Find the parent nav item and keep it in active state 12364 const parentItem = this.closest('.sitenav-primary__li'); 12365 if (parentItem) { 12366 const timeoutId = parentItem.getAttribute('data-timeout-id'); 12367 if (timeoutId) { 12368 clearTimeout(parseInt(timeoutId)); 12369 parentItem.removeAttribute('data-timeout-id'); 12370 } 12371 } 12372 }); 12373 12374 dropdown.addEventListener('mouseleave', function() { 12375 const parentItem = this.closest('.sitenav-primary__li'); 12376 if (parentItem) { 12377 const timeoutId = setTimeout(() => { 12378 this.style.display = ''; 12379 }, 100); 12380 parentItem.setAttribute('data-timeout-id', timeoutId); 12381 } 12382 }); 12383 } 12384 }); 12385 } 12386 12387 // Setup event listeners for expandable menu items in mobile navigation 12388 function setupMobileExpandableMenus() { 12389 document.querySelectorAll('.sitenav-secondary__li--has-subcategories').forEach(function(expandableItem) { 12390 // Check if we already added a listener to this element 12391 if (!expandableItem.hasAttribute('data-event-bound')) { 12392 expandableItem.setAttribute('data-event-bound', 'true'); 12393 12394 expandableItem.addEventListener('click', function(e) { 12395 if (!isDesktop()) { // Only apply on mobile 12396 // Only handle click for the direct li, not its children 12397 if (e.target === this || e.target === this.querySelector('.sitenav-secondary__a') || 12398 e.target === this.querySelector('.menu-text') || e.target === this.querySelector('.twisty.svgicon')) { 12399 this.classList.toggle('expanded'); 12400 12401 // Show/hide the tertiary menu 12402 const tertiaryMenu = this.querySelector('.sitenav-tertiary__ul'); 12403 if (tertiaryMenu) { 12404 if (this.classList.contains('expanded')) { 12405 tertiaryMenu.style.display = 'block'; 12406 tertiaryMenu.style.backgroundColor = 'white'; 12407 } else { 12408 tertiaryMenu.style.display = 'none'; 12409 } 12410 } 12411 } 12412 } 12413 }); 12414 } 12415 }); 12416 } 12417 12418 // Setup event listeners for back buttons 12419 function setupBackButtons() { 12420 document.querySelectorAll('.js-action__menuback').forEach(function(backBtn) { 12421 // Check if we already added a listener to this element 12422 if (!backBtn.hasAttribute('data-event-bound')) { 12423 backBtn.setAttribute('data-event-bound', 'true'); 12424 12425 backBtn.addEventListener('click', function() { 12426 // Wait a bit for the navigation to update 12427 setTimeout(fixMobileNavigation, 50); 12428 }); 12429 } 12430 }); 12431 } 12432 12433 // Add scroll event listeners 12434 window.addEventListener('scroll', function() { 12435 checkScroll(); 12436 updateScrollState(); 12437 }); 12438 12439 // Override the scroll event to maintain our class 12440 const originalScrollHandler = window.onscroll; 12441 window.onscroll = function(e) { 12442 // Let any original handler run 12443 if (typeof originalScrollHandler === 'function') { 12444 originalScrollHandler(e); 12445 } 12446 12447 // Force our class back on after a slight delay 12448 setTimeout(function() { 12449 if (config.forceScrolledState) { 12450 body.classList.add('window-is-scrolled'); 12451 } 12452 updateScrollState(); 12453 }, 0); 12454 }; 12455 12456 // Set up MutationObserver to watch for DOM changes 12457 const observer = new MutationObserver(function(mutations) { 12458 let shouldFixNavigation = false;
12459 let shouldEnsureChevronsHidden = false; 12460 12461 mutations.forEach(function(mutation) { 12462 // If classes have changed on relevant elements 12463 if (mutation.type === 'attributes' && mutation.attributeName === 'class') { 12464 const target = mutation.target; 12465 12466 // Check if this is the navigation being opened/closed 12467 if (target.classList.contains('sitenav')) { 12468 if (target.classList.contains('open')) { 12469 isNavigationOpen = true; 12470 shouldFixNavigation = true; 12471 12472 // Add hover-active class when navigation is open 12473 if (header) header.classList.add('hover-active'); 12474 } else { 12475 isNavigationOpen = false; 12476 shouldEnsureChevronsHidden = true; 12477 12478 // Remove hover-active class when navigation closes 12479 if (header && !headerBottom.matches(':hover')) { 12480 header.classList.remove('hover-active'); 12481 } 12482 } 12483 } 12484 } 12485 12486 // If new nodes are added 12487 if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { 12488 // Check if any new navigation elements have been added 12489 mutation.addedNodes.forEach(function(node) { 12490 if (node.nodeType === 1) { // Element node 12491 // If navigation elements added 12492 if (node.classList && 12493 (node.classList.contains('sitenav-primary__li') || 12494 node.classList.contains('sitenav-secondary__li') || 12495 node.classList.contains('sitenav-tertiary__li') || 12496 node.classList.contains('twisty'))) { 12497 shouldFixNavigation = isNavigationOpen; 12498 shouldEnsureChevronsHidden = !isNavigationOpen; 12499 } 12500 12501 // Check for added elements that contain navigation elements 12502 if (node.querySelector) { 12503 const hasNavElements = node.querySelector('.sitenav-primary__li, .sitenav-secondary__li, .sitenav-tertiary__li, .twisty'); 12504 if (hasNavElements) { 12505 shouldFixNavigation = isNavigationOpen; 12506 shouldEnsureChevronsHidden = !isNavigationOpen; 12507 } 12508 } 12509 } 12510 }); 12511 } 12512 }); 12513 12514 // Process necessary updates based on observed changes 12515 if (shouldFixNavigation) { 12516 fixMobileNavigation(); 12517 setupMobileExpandableMenus(); 12518 setupBackButtons(); 12519 } 12520 12521 if (shouldEnsureChevronsHidden) { 12522 setTimeout(ensureDesktopChevronsHidden, 300); 12523 } 12524 }); 12525 12526 // Use a MutationObserver to detect when other scripts remove our class 12527 const bodyObserver = new MutationObserver(function(mutations) { 12528 mutations.forEach(function(mutation) { 12529 if (mutation.attributeName === 'class') { 12530 if (config.forceScrolledState && !body.classList.contains('window-is-scrolled')) { 12531 // Our class was removed, add it back 12532 body.classList.add('window-is-scrolled'); 12533 } 12534 // Update actually-scrolled class based on scroll position 12535 if (isReallyScrolled && !body.classList.contains('actually-scrolled')) { 12536 body.classList.add('actually-scrolled'); 12537 } else if (!isReallyScrolled && body.classList.contains('actually-scrolled')) { 12538 body.classList.remove('actually-scrolled'); 12539 } 12540 } 12541 }); 12542 }); 12543 12544 // Start observing the document 12545 observer.observe(document.body, { 12546 attributes: true, 12547 childList: true, 12548 subtree: true, 12549 attributeFilter: ['class'] 12550 }); 12551 12552 // Start observing the body element 12553 bodyObserver.observe(body, { 12554 attributes: true, 12555 attributeFilter: ['class'] 12556 }); 12557 12558 // Run initial setup 12559 ensureDesktopChevronsHidden(); 12560 setupMobileExpandableMenus(); 12561 setupBackButtons(); 12562 12563 // Run on window resize to adjust for mobile/desktop transition 12564 window.addEventListener('resize', function() { 12565 // Determine if we need to apply mobile or desktop styles 12566 if (!isDesktop()) { 12567 fixMobileNavigation(); 12568 12569 // Remove explicit dimensions on mobile 12570 if (header) { 12571 header.style.removeProperty('height'); 12572 header.style.removeProperty('minHeight'); 12573 } 12574 } else { 12575 ensureDesktopChevronsHidden(); 12576 adjustDropdownPositions(); 12577 } 12578 12579 // Update scroll state 12580 updateScrollState(); 12581 }); 12582 12583 // Apply adjustments periodically for the first few seconds to ensure everything is set correctly 12584 const intervals = [50, 100, 500, 1000, 2000];
12585 intervals.forEach(delay => { 12586 setTimeout(function() { 12587 if (config.forceScrolledState) { 12588 body.classList.add('window-is-scrolled'); 12589 } 12590 updateScrollState(); 12591 12592 // Apply desktop-specific styles 12593 if (isDesktop() && config.forceScrolledState) { 12594 // Ensure the dropdown positions are correctly set 12595 adjustDropdownPositions(); 12596 } 12597 12598 // Make sure utility icons remain visible 12599 fixUtilityIcons(); 12600 }, delay); 12601 }); 12602 12603 // Run periodic checks to catch any missed elements (for first 10 seconds only) 12604 const intervalCheck = setInterval(function() { 12605 if (isNavigationOpen) { 12606 fixMobileNavigation(); 12607 } else { 12608 ensureDesktopChevronsHidden(); 12609 } 12610 fixUtilityIcons(); 12611 }, 500); 12612 12613 // Clean up interval after 10 seconds (navigation should be stable by then) 12614 setTimeout(function() { 12615 clearInterval(intervalCheck); 12616 }, 10000); 12617 } 12618})(); 12619</script>
12619 12620</div> 12621 12622 12623 12624 12625 12626 12627 12628 12629 12630 12631 12632 12633 12634 12635 </div> 12636</div> 12637 12638 12639 12640 12641 12642 12643 12644 12645 12646 12647 12648 12649 12650 12651 12652 12653 12654 12655</div> 12656 12657 12658 12659 12660 12661 12662 12663 12664 12665 12666 12667 12668 12669 12670 12671 12672 12673 12674 12675 12676 12677 12678 12679 12680 12681 12682 12683 12684 12685 12686 </div> 12687</div> 12688 12689 12690 12691 12692 12693 12694
12695<script> 12696 if (!window.resources) { 12697 window.resources = {}; 12698 } 12699 12700 window.resources.emailSignupFormAlert = { 12701 title: 'success.message.emailsignupstep2.footer.title', 12702 content: 'Thank you for signing up.' 12703 } 12704</script>
12704 12705 12706<footer class="footer"> 12707 12708 12709 12710 12711 12712 12713 12714
12714<script src="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/js/couponAlert.js"></script>
12714 12715 <template id="couponAlertContent"> 12716 <div class="coupon-alert"> 12717 <div class="coupon-alert__title"> 12718 <svg class="svgicon alert__icon" aria-hidden="true"> 12719 <use href="#check_circle"></use> 12720 </svg> 12721 Here is your code 12722 </div> 12723 12724 <div class="coupon-alert__description"> 12725 Use offer code 12726 <span class="coupon-alert__code"> 12727 12728 </span> 12729 </div> 12730 12731 <button 12732 type="button" 12733 class="btn btn-primary coupon-alert__copy-btn btn-sm js-copy-coupon"> 12734 Copy Code 12735 </button> 12736 12737 <div class="coupon-alert__legal"> 12738 12739 12740 12741 <!-- Page does not contain any content. --> 12742 12743 12744 </div> 12745 </div> 12746 </template> 12747 12748 12749 12750 12751 12752 12753 12754 12755 <div class="footer__container container w-auto w-lg-100 pt-5 pb-6 mx-3 mr-xl-auto ml-xl-auto p-0"> 12756 12757 12758 <div class="d-flex flex-column flex-lg-row"> 12759 <div class="footer__section-links d-flex flex-column flex-lg-row w-100 col-lg-9 p-0 justify-content-between"> 12760 12761 12762 12763 12764<div class="utility-links utility-links--help-content mr-lg-2 px-0"> 12765 12766 12767 12768 12769 12770 12771<ul class="list list--help-content"> 12772 <li class="list__item"> 12773 <a href="tel:(+)442036084857" title="Call Us" class="list__link list__link--help-content list__link--contact"> 12774 <svg class="svgicon list__svg"> 12775 <use xlink:href="#phone_call"></use> 12776 </svg> 12777 <div class="content">(+)442036084857</div> 12778 </a> 12779 </li> 12780 <li class="list__item"> 12781 <a class="list__link list__link--help-content list__link--contact" href="https://help.sorel.eu/s/?language=en_GB" target="_blank"> 12782 <svg class="svgicon list__svg"> 12783 <use xlink:href="#customer_care"></use> 12784 </svg> Help Centre 12785 </a> 12786 </li> 12787<li class="list__item"><a class="list__link list__link--help-content" href="https://help.sorel.eu/s/contact-us?language=en_GB" title="Contact form" target = "_blank">Contact Form</a></li> 12788<li class="list__item"><a class="list__link list__link--help-content" href="https://www.sorelfootwear.co.uk/sizefit?pid=NL1005&isPage=true">Size Guides</a> 12789<li class="list__item"><a class="list__link list__link--help-content" href="https://www.sorelfootwear.co.uk/c/product-care-cleaning-information" title="Shoe Care Guide">Shoe Care Guide</a></li> 12790 <li class="list__item"><a class="list__link list__link--help-content" href="https://www.sorelfootwear.co.uk/order-returns">Returns</a></li> 12791<li class="list__item"><a class="list__link list__link--help-content" href="https://www.sorelfootwear.co.uk/c/legal/withdraw-from-contract" title="Withdraw from Contract">Withdraw from Contract</a></li> 12792 <li class="list__item"><a class="list__link list__link--help-content" href="https://www.sorelfootwear.co.uk/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Login-Show?source=Order-Status">Order Status</a></li> 12793 <li class="list__item"><a class="list__link list__link--help-content" href="https://www.sorelfootwear.co.uk/l/customer-service-delivery" title="Delivery">Delivery</a></li> 12794 <li class="list__item"><a class="list__link list__link--help-content" href="https://www.sorelfootwear.co.uk/l/customer-service-payment" title="Payment">Payment</a></li> 12795 <li class="list__item"><a class="list__link list__link--help-content" href="https://help.sorel.eu/s/?language=en_GB" title="FAQ" target = "_blank">FAQ</a></li> 12796 </ul> 12797 12798</div> 12799 12800 12801<div class="utility-links utility-links--collapsible px-0 collapsible-md"> 12802 12803 12804 12805 12806 <div class="content-asset"> 12807 <div> 12808 <p class="title">About Us <svg class="svgicon"><use xlink:href="#expand_more"></use></svg> </p> 12809</div> 12810<ul class="list content"> 12811 <li class="list__item"><a href="https://www.sorelfootwear.co.uk/l/history" class="list__link" title="Our Story">Our Story</a></li> 12812 <li class="list__item"><a href="https://columbiasportswearcompany.wd5.myworkdayjobs.com/SOREL_Careers" class="list__link" title="Careers">Careers</a></li> 12813 <li class="list__item"><a href="https://www.sorelfootwear.co.uk/l/responsibility" class="list__link" title="Corporate responsibility">Corporate responsibility</a></li> 12814 <li class="list__item"><a href="https://www.sorelfootwear.co.uk/l/affiliate-program-sorel" class="list__link">Affiliate Program</a></li> 12815 <li class="list__item"><a href="https://www.sorelfootwear.co.uk/l/press-contact" class="list__link" title="Press">Press</a></li> 12816 <li class="list__item"><a class="list__link"href="https://www.sorelfootwear.co.uk/on/demandware.static/-/Library-Sites-library-sor/default/dw5c7f1c0f/pdf/sorelfootwear_fr__accessibility_statement.pdf"target="_blank">Accessibility: Not compliant</a></li> 12817</ul> 12818 </div> 12819 12820 12821 12822</div> 12823 12824 12825<div class="utility-links utility-links--collapsible mx-lg-2 px-0 collapsible-md footer-products "> 12826 12827 12828 12829 12830 <div class="content-asset"> 12831 <div> 12832 <p class="title">Shop <svg class="svgicon"><use xlink:href="#expand_more"></use></svg> </p> 12833</div> 12834<ul class="list content"> 12835 <li class="list__item"><a class="list__link" href="https://www.sorelfootwear.co.uk/c/student-discount" title="Student Discount">Student Discount</a></li> 12836 <li class="list__item"> 12837 <a class="list__link" href="https://secure.gocertify.me/at/sorel/key-worker" title="Key Worker discount">Key Worker Discount</a> 12838 <li class="list__item"><a class="list__link" href="https://www.sorelfootwear.co.uk/l/sorel-deals" title="Current Promotions">Current Promotions</a></li> 12839 </li> 12840</ul> 12841 </div> 12842 12843 12844 12845</div> 12846 12847 </div> 12848 12849 12850 <div class="footer__section-connect d-flex flex-column col-lg-3 p-0"> 12851 <div class="footer__form--email mt-5 mt-lg-0 p-0 foot-email footer"> 12852 12853 12854 12855 12856 12857 <div class="mb-3"> 12858 <div class="footer__form--email__title font-weight-bolder m-0 text-black"> 12859 Connect With Us 12860 </div> 12861 <div class="footer__form--email__description"> 12862 Sign up to our newsletter and receive a 15% discount on your first order when you spend £120 on full price items. 12863 </div> 12864 </div> 12865 12866 12867 12868 12869 <form role="form" action="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Account-SubmitEmailStep1" 12870 method="POST" 12871 novalidate 12872 class="email-signup__step1" 12873 data-dtm-name="Footer Email Signup Step 1 Form" 12874 > 12875 <div class="row mx-0"> 12876 <div class="col-12 form__email-signup p-0"> 12877 12878 <div class="email-signup__step2__success collapse px-3 py-4 text-center">
12879 Thank you for signing up. 12880 </div> 12881 <div class="form-group material-text-input email mb-3 p-0"> 12882 <input type="hidden" name="csrf_token" value="vqRVWm0JmjGGyXKw8htGXQqgap7fhbqkfk_RlzxRRlA45L6-Mi6mMl7D_dRCNH4rb_AZQY6WX6R5pb7C_i8CDQWbG1iX2a3UafA3C1Ln1m-pPVlbM9bWNxR9LpM9AEwBR0O4xQrzeuJFZTsmntW5q2-TW9yxWpirqi804UzUh4KtIBPUerA="/> 12883 12884 <div class="input-group required footer__input-group"> 12885 <div class="d-flex align-items-center footer__icon--email"> 12886 <svg class="svgicon"> 12887 <use href="#email"></use> 12888 </svg> 12889</div> 12890 12891 <span class="aria-offscreen"> 12892 Email Sign Up 12893 </span> 12894 <input 12895 type="email" 12896 class="form-control js-footer-email footer.emailsignup.form.text.color" 12897 name="hpEmailSignUp" 12898 id="emailBox-hpEmailSignUp" 12899 placeholder="Enter your email address" 12900 aria-label="Enter your email address" 12901 value="" 12902 autocomplete="email" 12903 maxlength="50" 12904 required 12905 pattern="^[\w.%+\-]+@[\w.\-]+\.[\w]{2,6}$" 12906 data-missing-error="This field is required." 12907 data-pattern-mismatch="Please enter a valid email address." 12908 data-range-error="Must be less than 50 characters required." 12909 /> 12910 <span class="input-group-btn d-flex justify-content-center align-items-center mr-0"> 12911 <button type="submit" class="btn btn-link js-btn-email pr-0 "> 12912 <svg class="svgicon footer__icon--submit"> 12913 <use href="#chevron_right"></use> 12914</svg> 12915 12916 <span class="aria-offscreen">Subscribe</span> 12917 </button> 12918 </span> 12919 <div class="form-border"></div> 12920 </div> 12921 <div class="invalid-feedback js-footer-email-invalid font-size-14 m-0 p-2"></div> 12922</div> 12923 12924 </div> 12925 </div> 12926 </form> 12927 12928 12929 12930 12931 12932<div class="email-signup__step2 emailFooterSignup drawer drawer--end" id="emailSignupCollapse_3cf3642ea65b344234653b4d5a"> 12933 <div class="email-signup__step2__bg mt-3 mb-5 mx-3 d-flex flex-column"> 12934 <button type="button" class="close align-self-end" data-dismiss="drawer" aria-label="Close"> 12935 <svg class="svgicon"> 12936 <use href="#close"></use> 12937 </svg> 12938 </button> 12939 <div class="col-12 align-self-start mt-3 p-0"> 12940 <div class="login-form-body"> 12941 12942 <form action="/on/demandware.store/Sites-Sorel_UK-Site/en_GB/Account-SubmitEmailStep2" 12943 class="email-signup__step2" 12944 method="POST" 12945 data-dtm-name="Footer Email Signup Step 2 Form" 12946 > 12947 12948 <div class="form-row"> 12949 <div class="col"> 12950 <input type="hidden" name="emailAddressVal" id="emailFooterSignup-emailAddressVal" class="email-address-value" value="" /> 12951 <input type="hidden" name="source" value="Footer_Signup" /> 12952 <input type="hidden" name="messageId" value="ESP" /> 12953 <div class="login-form-body__title">PLEASE CONFIRM YOUR REGISTRATION.</div> 12954 <div class="login-form-body__description mt-3 mb-2">We'd like to tell you about events happening nearby.</div> 12955 </div> 12956 </div> 12957 12958 12959 <div class="form-row"> 12960 <div class="col"> 12961 <div class="form-group material-text-input"> 12962 <label class="form-control-label" for="email-footer-postalCode"> 12963 Postcode 12964 </label> 12965 <input 12966 type="text" 12967 id="email-footer-postalCode" 12968 class="form-control js-footer-email-zip" 12969 name="dwfrm_emailSignup_postalCodes_GB" value="" maxLength="10" minLength="5" pattern="^(?:[A-PR-UWYZa-pr-uwyz](?:[A-HK-Ya-hk-y]\s?[0-9]\s?[ABE
12969HMNPRVWXYabehmnprvwxz0-9]?|[0-9]\s?[A-HJKPSTUWa-hjkpstuw0-9]?)\s?[0-9]\s?[ABD-HJLNP-UW-Zabd-hjlnp-uw-z]{2})|[Gg][Ii]\s?[Rr]\s?0\s?[Aa]{2}|[Ww]1\s?[Nn]\s?4\s?[Dd][Jj]|[A-Xa-x]{4}\s?1\s?[Zz]{2}$" 12970 data-missing-error="This field is required." 12971 data-pattern-mismatch="Postcode is not valid" 12972 /> 12973 <div class="invalid-feedback"></div> 12974 </div> 12975 </div> 12976 </div> 12977 12978 12979 <div class="form-row footer-register d-flex flex-column mt-3"> 12980 <div class="login-form-body__description mb-2 col">Receive Personal Recommendations</div> 12981 <div class="col"> 12982 <div class="form-group material-select"> 12983 <label class="form-control-label" for="email-footer-gender">Gender</label> 12984 <select class="form-control custom-select" id="email-footer-gender" name="dwfrm_emailSignup_gender" required aria-required="true"> 12985 12986 <option id="email-01" value="0" >Gender</option> 12987 12988 <option id="email-02" value="1" >Male</option> 12989 12990 <option id="email-03" value="2" >Female</option> 12991 12992 <option id="email-04" value="-1" >Prefer not to answer</option> 12993 12994 </select> 12995 </div> 12996 </div> 12997 </div> 12998 12999 <div class="login-form-body__submit mt-3"> 13000 <div class="col pl-0 pr-0"> 13001 <input type="hidden" name="csrf_token" value="vqRVWm0JmjGGyXKw8htGXQqgap7fhbqkfk_RlzxRRlA45L6-Mi6mMl7D_dRCNH4rb_AZQY6WX6R5pb7C_i8CDQWbG1iX2a3UafA3C1Ln1m-pPVlbM9bWNxR9LpM9AEwBR0O4xQrzeuJFZTsmntW5q2-TW9yxWpirqi804UzUh4KtIBPUerA="/> 13002 <button type="submit" class="btn btn-block btn-primary js-footer-email-submit " disabled> 13003 Submit 13004 </button> 13005 </div> 13006 </div> 13007 </form> 13008 </div> 13009 </div> 13010 <button type="button" class="close btn-slim mt-3 w-100" data-dismiss="drawer" aria-label="Close"> 13011 Skip 13012 </button> 13013 </div> 13014</div> 13015 13016 13017 13018<div class="email-signup__step3 collapse emailFooterSignup3 drawer drawer--end" id="emailSignupCollapse_3cf3642ea65b344234653b4d5a"> 13019 <div class="email-signup__step3__bg mt-3 mb-5 mx-3 d-flex flex-column"> 13020 <button type="button" class="close align-self-end" data-dismiss="drawer" aria-label="Close"> 13021 <svg class="svgicon"> 13022 <use href="#close"></use> 13023 </svg> 13024 </button> 13025 <div class="col-12 align-self-start mt-3 p-0"> 13026 <div class="login-form-body"> 13027 13028 13029 <div class="form-row"> 13030 <div class="col"> 13031 13032 <div class="login-form-body__title">Thank you for signing up to receive emails.</div> 13033 <div class="login-form-body__description mt-3 mb-2">We use the following personal information to keep in touch:</div> 13034 </div> 13035 </div> 13036 13037 <div class="form-row mt-3"> 13038 <div class="col"> 13039 <p> 13040 Postcode: <span class='js-footer-zipcode'></span> 13041 </p> 13042 <p> 13043 Gender: <span class='js-footer-gender'></span> 13044 </p> 13045 </div> 13046 </div> 13047 <div class="form-row"> 13048 <div class="col"> 13049 You can update your personal information in your Account Details. 13050 </div> 13051 </div> 13052 13053 13054 <div class="login-form-body__submit mt-5"> 13055 <div class="col pl-0 pr-0"> 13056 <p> 13057 <button type="button" class="show-profile-btn btn btn-block btn-primary" onclick="location.href='/account'" >View My Account</button> 13058 </p> 13059 </div> 13060 </div> 13061 </div> 13062 </div> 13063 </div> 13064</div> 13065 13066 13067 <small class=" mb-5"> 13068 By submitting your email address, you subscribe to our newsletter and will receive a 15% welcome discount. 13069 13070 We will use your email address to send you updates on new arrivals, offers and promotional events. See our <a class="footer__link" href="/privacy-policy.html" target="_blank">Privacy Notice</a> for details of how we will process your data for marketing purposes and how you can withdraw your consent. 13071 13072 </small> 13073 13074 13075 </div> 13076 13077 13078 13079<div class="footer__form--text-messages p-0"> 13080 13081 13082 13083 13084 13085 13086 13087 13088 <!-- Page does not contain any content. --> 13089 13090 13091 13092 13093 13094</div> 13095 13096 13097 13098 <div class="footer__section-social d-lg-block mb-5 mt-5"> 13099 13100 13101 13102 13103 <div class="content-asset"> 13104 <ul class="list list--social"> 13105 <li class="list__item list__item--social"><a href="https://www.tiktok.com/@sorelfootwear" class="list__link list__link--social" target="_blank" title="Go to Tik Tok"><svg class="btn-social"><use xlink:href="#tiktok"></use></svg></a></li> 13106 <li class="list__item list__item--social"><a href="https://www.instagram.com/sorelfootwear/" class="list__link list__link--social" target="_blank" title="Go to Instagram"><svg class="btn-social"><use xlink:href="#instagram"></use></svg></a></li> 13107 <li class="list__item list__item--social"><a href="https://www.facebook.com/sorel/" class="list__link list__link--social" target="_blank" title="Go to Facebook"><svg class="btn-social"><use xlink:href="#facebook"></use></svg></a></li> 13108</ul> 13109 </div> 13110 13111 13112 13113 </div> 13114 </div> 13115 </div> 13116 13117 13118 <div class="footer__section-legal container mt-5 mb-2 p-0"> 13119
13120 <div class="footer__country-selector"> 13121 <div class="footer-links"> 13122 <div class="footer-links__locale"> 13123 <div class="d-flex align-items-center footer-flag-icon"> 13124 13125 13126
13127<script> 13128 if (!window.resources) { 13129 window.resources = {}; 13130 } 13131 window.resources.countrySelector = { 13132 shouldShowCountryVerificationModal: false, // used in countrySelectorOverlay.js 13133 preferredLanguageURL: '' // used in languageSelectorOverlay.js 13134 } 13135</script>
13135 13136 13137 13138 13139 13140<a href="/countries" 13141 class="sitefooter__region-link js-action__language-selection" 13142 data-num-locales="1.0" 13143 aria-label="Select a Location to browse from" 13144 aria-haspopup="true" 13145 aria-expanded="false" 13146> 13147 13148 <svg class="svgicon"><use href="#location"></use></svg> 13149 13150</a> 13151 13152 13153 13154 <a 13155 href="/countries" 13156 aria-label="Select a Location to browse from" 13157 aria-haspopup="true" 13158 aria-expanded="false" 13159 class=" ml-2 mr-2"> 13160 United Kingdom 13161 13162 </a> 13163 13164 13165 13166 13167 </div> 13168 </div> 13169 </div> 13170</div> 13171 13172 13173 13174 <div class="footer__legal-links mt-3"> 13175 13176 13177 13178 13179 <div class="content-asset"> 13180 <div class="footer-links"> 13181 <div class="footer-links__copyright">© <span class="js-now-year">2024</span> SOREL. All rights reserved.<br/><br/></div> 13182</div> 13183<ul class="list list--legal"> 13184 <li class="list__item list__item--legal"><a class="list__link list__link--legal" href="https://www.sorelfootwear.co.uk/l/privacy-policy" title="Privacy Policy">Privacy Policy</a></li> 13185 <li class="list__item list__item--legal"><a class="list__link list__link--legal" href="https://www.sorelfootwear.co.uk/l/terms-use" title="Terms of Use">Terms of Use</a></li> 13186 <li class="list__item list__item--legal"><a class="list__link list__link--legal" href="https://www.sorelfootwear.co.uk/c/legal/terms-of-sale" title="Terms of Sale">Terms of Sale</a></li> 13187 <li class="list__item list__item--legal"><a class="list__link list__link--legal" href="https://www.sorelfootwear.co.uk/c/legal/warranty" title="Warranty">Warranty</a></li> 13188 <li class="list__item list__item--legal"><a class="list__link list__link--legal" href="https://www.sorelfootwear.co.uk/l/cookies" title="Cookies">Cookies</a></li> 13189 <li class="list__item list__item--legal"><a class="list__link list__link--legal" href="https://www.sorelfootwear.co.uk/l/impressum" title="Impressum">Impressum</a></li> 13190 <li class="list__item list__item--legal"><a href="https://www.sorelfootwear.co.uk/on/demandware.static/-/Library-Sites-library-sor/default/dw5c7f1c0f/pdf/CSC_-_Joint_Statement_RY2025_-_Canada_CA_UK.pdf"target="_blank">Transparency in Supply Chain Statement</a></li> 13191 <li class="list__item list__item--legal"><a class="list__link list__link--legal" href="https://www.sorelfootwear.co.uk/l/sorel-tax-strategy" title="Tax Strategy Statement">Tax Strategy Statement</a></li> 13192</ul> 13193 </div> 13194 13195 13196 13197 </div> 13198 13199 13200 <div class="footer__customercare mt-3 font-size-10"> 13201 13202 13203 13204 13205 13206 <div class="content-asset"> 13207 Help Centre: Mon-Sat. 8:00 - 12:00 & 13:00 - 17:00 13208<br>(+)442036084857 13209 </div> 13210 13211 13212 13213 13214 </div> 13215 </div> 13216 </div> 13217</footer> 13218 13219 13220<div id="sprite-symbols" class="spritesheet"> 13221 <?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0 24 24" id="account" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 5.9a2.1 2.1 0 110 4.2 2.1 2.1 0 010-4.2m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z"/></symbol><symbol viewBox="0 0 24 24" id="account_preferences" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"/><path d="M20 6h-4c0-2.21-1.79-4-4-4S8 3.79 8 6H4v16h16V6zm-10 5H8V8h2v3zm2-7c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2zm4 7h-2V8h2v3z"/></symbol><symbol viewBox="0 0 24 24" id="add" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></symbol><symbol viewBox="0 0 160 100" id="apple-pay" xmlns="http://www.w3.org/2000/svg"><path d="M145.671 0H14.33c-.547 0-1.095 0-1.641.003-.462.003-.922.008-1.383.02-1.004.027-2.017.085-3.009.259a10.333 10.333 0 00-2.86.92A9.595 9.595 0 003 2.93a9.37 9.37 0 00-1.77 2.378A9.711 9.711 0 00.29 8.1c-.18.969-.239 1.957-.266 2.937-.012.45-.018.899-.02 1.348C-.002 12.921 0 13.455 0 13.99
13221V86.01c0 .536 0 1.068.002 1.604.003.45.009.899.021 1.348.027.979.087 1.968.266 2.936.18.985.476 1.9.942 2.793A9.353 9.353 0 003 97.07a9.539 9.539 0 002.436 1.728c.915.455 1.852.744 2.86.921.992.173 2.005.232 3.01.259.46.01.92.016 1.382.018.546.004 1.094.004 1.64.004h131.343c.547 0 1.095 0 1.64-.004.461-.002.921-.008 1.384-.018 1.002-.027 2.015-.086 3.01-.259a10.3 10.3 0 002.858-.921A9.547 9.547 0 00157 97.07a9.407 9.407 0 001.77-2.378 9.65 9.65 0 00.941-2.793c.18-.968.238-1.957.265-2.936.012-.45.019-.899.02-1.348.005-.536.005-1.068.005-1.604V13.99c0-.535 0-1.07-.004-1.604-.002-.45-.009-.899-.021-1.348-.027-.98-.085-1.968-.265-2.937a9.653 9.653 0 00-.942-2.793A9.426 9.426 0 00157 2.93a9.604 9.604 0 00-2.436-1.728 10.342 10.342 0 00-2.859-.92c-.994-.174-2.007-.232-3.009-.258a70.711 70.711 0 00-1.384-.02C146.766 0 146.218 0 145.671 0z"/><path d="M145.251 3.332l1.611.003c.437.003.873.008 1.312.02.763.02 1.656.06 2.489.206.723.128 1.33.322 1.913.612.574.286 1.101.66 1.561 1.11.462.453.845.969 1.141 1.538.295.566.492 1.157.621 1.87.15.806.19 1.682.211 2.434.012.424.018.849.02 1.283.004.526.004 1.05.004 1.577v71.998c0 .526 0 1.05-.004 1.587a55.1 55.1 0 01-.02 1.274c-.02.75-.062 1.626-.212 2.442a6.371 6.371 0 01-.621 1.863 6.125 6.125 0 01-2.707 2.648 6.767 6.767 0 01-1.9.609c-.85.148-1.78.189-2.48.207-.442.01-.88.016-1.33.018-.536.004-1.073.004-1.609.004H14.267c-.53 0-1.061 0-1.6-.004a73.85 73.85 0 01-1.303-.017c-.716-.02-1.647-.06-2.49-.207a6.788 6.788 0 01-1.914-.614 6.104 6.104 0 01-2.7-2.644 6.446 6.446 0 01-.622-1.873c-.15-.813-.191-1.686-.212-2.431a61.025 61.025 0 01-.02-1.278l-.002-1.253V13.655l.002-1.25c.003-.428.008-.854.02-1.28.02-.747.062-1.62.213-2.44a6.435 6.435 0 01.623-1.87A6.02 6.02 0 015.4 5.285c.46-.45.986-.825 1.566-1.114a6.81 6.81 0 011.909-.61c.833-.146 1.726-.186 2.491-.207.437-.011.873-.016 1.306-.019l1.616-.003z" fill="#fff"/><path d="M41.936 33.745c1.352-1.656 2.27-3.879 2.028-6.15-1.98.096-4.396 1.278-5.794 2.935-1.256 1.419-2.368 3.735-2.078 5.912 2.222.188 4.443-1.088 5.844-2.697M43.939 36.867c-3.228-.189-5.972 1.792-7.513 1.792-1.542 0-3.903-1.698-6.455-1.652-3.323.048-6.406 1.887-8.092 4.811-3.468 5.85-.915 14.529 2.457 19.294 1.638 2.357 3.612 4.953 6.212 4.86 2.458-.095 3.42-1.558 6.408-1.558 2.984 0 3.852 1.557 6.453 1.51 2.697-.047 4.384-2.358 6.022-4.718 1.878-2.687 2.647-5.282 2.696-5.424-.049-.048-5.202-1.982-5.25-7.784-.048-4.858 4.046-7.169 4.239-7.312-2.312-3.347-5.925-3.725-7.177-3.82"/><g><path d="M76.119 30.293c7.015 0 11.9 4.732 11.9 11.623 0 6.915-4.985 11.673-12.076 11.673h-7.767v12.089h-5.612V30.293zm-7.943 18.685h6.44c4.885 0 7.666-2.574 7.666-7.037s-2.781-7.013-7.642-7.013h-6.464zM89.411 58.346c0-4.537 3.533-7.136 10.047-7.528l6.99-.417v-1.962c0-2.869-1.93-4.438-5.362-4.438-2.831 0-4.886 1.422-5.311 3.604h-5.061c.15-4.585 4.56-7.92 10.522-7.92 6.414 0 10.598 3.286 10.598 8.386v17.607h-5.186v-4.242h-.125c-1.478 2.77-4.736 4.512-8.268 4.512-5.211 0-8.844-3.04-8.844-7.602zm17.036-2.28v-1.987l-6.238.393c-3.507.22-5.336 1.495-5.336 3.727 0 2.158 1.904 3.556 4.885 3.556 3.808 0 6.69-2.38 6.69-5.69zM116.602 75.144v-4.242c.35.048 1.202.097 1.653.097 2.48 0 3.884-1.03 4.736-3.678l.5-1.57-9.495-25.747h5.863l6.614 20.892h.125l6.615-20.892h5.712l-9.846 27.048c-2.255 6.203-4.836 8.24-10.298 8.24-.425 0-1.803-.05-2.179-.148z"/></g></symbol><symbol viewBox="0 0 36 32" id="arrow-left" xmlns="http://www.w3.org/2000/svg"><path d="M13.893 29.143l2.3-2.3L3.05 13.7.75 16l13.143 13.143z"/><path d="M3.05 18.3L16.193 5.157l-2.3-2.3L.75 16l2.3 2.3z"/><path d="M2.393 17.643h32.858v-3.286H2.393v3.286z"/></symbol><symbol viewBox="0 0 36 32" id="arrow-right" xmlns="http://www.w3.org/2000/svg"><path d="M22.107 29.143l-2.3-2.3L32.95 13.7l2.3 2.3-13.143 13.143z"/><path d="M32.95 18.3L19.807 5.157l2.3-2.3L35.25 16l-2.3 2.3z"/><path d="M33.607 17.643H.749v-3.286h32.858v3.286z"/></symbol><symbol viewBox="0 0 24 24" id="arrow_forward" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"/></symbol><symbol viewBox="0 -960 960 960" id="back_to_top" xmlns="http://www.w3.org/2000/svg"><path d="M160-760v-80h640v80H160zm280 640v-408L336-424l-56-56 200-200 200 200-56 56-104-104v408h-80z"/></symbol><symbol viewBox="0 0 24 24" id="birthday" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 6a2 2 0 002-2c0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm4.53 9.92l-1-1-1.08 1.07c-1.3 1.3-3.58 1.31-4.89 0l-1.07-1.07-1.09 1.07C6.75 16.64 5.88 17 4.96 17c-.73 0-1.4-.23-1.96-.61V22h18v-5.61c-.75.51-1.71.75-2.74.52-.66-.14-1.25-.51-1.73-.99zM18 9h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v1.54c0 1.08.88 1.96 1.96 1.96.52 0 1.02-.2 1.38-.57l2.14-2.13 2.13 2.13c.74.74 2.03.74 2.77 0l2.14-2.13 2.13 2.13c.37.37.86.57 1.38.57 1.08 0 1.96-.88 1.96-1.96V12C21 10.34 19.66 9 18 9z"/></symbol><symbol viewBox="0 0 46 42.9" id="breathefree" xmlns="http://www.w3.org/2000/svg"><path d="M18.7 37.4C8.4 37.4 0 29 0 18.7S8.4 0 18.7 0s18.7 8.4 18.7 18.7S29 37.4 18.7 37.4zm0-35.8C9.3 1.6 1.6 9.3 1.6 18.7s7.7 17.1 17.1 17.1 17.1-7.7 17.1-17.1S28.1 1.6 18.7 1.6z"/><path d="M27.3 42.9C17 42.9 8.6 34.5 8.6 24.2S17 5.5 27.3 5.5 46 13.9 46 24.2s-8.4 18.7-18.7 18.7zm0-35.8c-9.4 0-17.1 7.7-17.1 17.1s7.7 17.1 17.1 17.1c9.4 0 17.1-7.7 17.1-17.1S36.7 7.1 27.3 7.1z"/><circle cx="16.9" cy="11.3" r="1.2"/><circle cx="22.2" cy="11.6" r="1.2"/><circle cx="27.4" cy="12" r="1.2"/><circle cx="32.7" cy="12.4" r="1.2"/><circle cx="25.4" cy="7.6" r="1.2"/><circle cx="30.7" cy="7.9" r="1.2"/><circle cx="11.1" cy="18.8" r="1.2"/><circle cx="16.4" cy="19.1" r="1.2"/><circle cx="21.6" cy="19.5" r="1.2"/><circle cx="26.9" cy="19.9" r="1.2"/><circle cx="32.2" cy="20.2" r="1.2"/><circle cx="14.3" cy="14.7" r="1.2"/><circle cx="19.6" cy="15" r="1.2"/>
13221<circle cx="24.8" cy="15.4" r="1.2"/><circle cx="30.1" cy="15.8" r="1.2"/><circle cx="35.4" cy="16.1" r="1.2"/><circle cx="10.6" cy="26.6" r="1.2"/><circle cx="15.8" cy="27" r="1.2"/><circle cx="21.1" cy="27.3" r="1.2"/><circle cx="26.4" cy="27.7" r="1.2"/><circle cx="31.6" cy="28.1" r="1.2"/><circle cx="13.8" cy="22.5" r="1.2"/><circle cx="19" cy="22.9" r="1.2"/><circle cx="24.3" cy="23.2" r="1.2"/><circle cx="29.6" cy="23.6" r="1.2"/><circle cx="34.8" cy="24" r="1.2"/><circle cx="15.3" cy="34.8" r="1.2"/><circle cx="20.6" cy="35.2" r="1.2"/><circle cx="13.2" cy="30.3" r="1.2"/><circle cx="18.5" cy="30.7" r="1.2"/><circle cx="23.8" cy="31.1" r="1.2"/><circle cx="29" cy="31.4" r="1.2"/></symbol><symbol viewBox="0 0 24 24" id="cancel" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none" opacity=".87"/><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></symbol><symbol viewBox="0 0 20 20" id="cart" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero"><path d="M10 1.9a2.1 2.1 0 110 4.2 2.1 2.1 0 010-4.2zM10 0C7.79 0 6 1.79 6 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"/><path d="M16 4H4c-1.1 0-1.99.9-1.99 2L0 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2L18 6c0-1.1-.9-2-2-2z"/></g></symbol><symbol viewBox="0 0 160 100" id="cc-amex" xmlns="http://www.w3.org/2000/svg"><path fill="#0079C1" d="M0 0h160v100H0z"/><path fill="#fff" d="M28.7 51.7h8.9l-4.4-11.1-4.5 11.1zm123.7-21.1h-22.8l-5.5 6.1-5-6.1H70.8l-4.4 10-4.4-10H42.5V35l-2.2-4.4H23.7L7.6 69.4H27l2.2-6.1h5.5l2.2 6.1h21.6V65l1.7 4.4h11.1l1.7-5v5h44.4l5.5-6.1 5 6.1h22.8L136.3 50l16.1-19.4zM85.3 63.9h-6.1V42.2l-9.4 21.6h-5.5l-9.4-21.6v21.6H42l-2.2-6.1H26.4l-2.2 6.1H17l11.7-27.7h9.4l10.5 26.1V36.1h10.5L67.5 55l7.8-18.9h10.5v27.7h-.5zm54.9 0h-8.3l-7.2-9.4-8.3 9.4h-25V36.1h25.5l7.8 8.9 8.3-8.9h7.8L128.6 50l11.6 13.9zM97.5 41.7v5h13.9v5.5H97.5v5.5H113l7.2-8.3-6.7-7.8h-16z"/></symbol><symbol viewBox="0 0 40 26" id="cc-cartesbancaires" xmlns="http://www.w3.org/2000/svg"><linearGradient id="ana" x1="2.75" x2="37.25" y1="-4.25" y2="30.25" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#289847"/><stop offset=".49" stop-color="#1787b9"/><stop offset="1" stop-color="#1d3564"/></linearGradient><mask id="anb" width="14.02" height="11.43" x="6.94" y="7.57" maskUnits="userSpaceOnUse"><path fill="#fff" d="M6.94 19h14.02V7.57H6.94z"/></mask><path fill="url(#ana)" d="M0 0h40v26H0z"/><g mask="url(#anb)"><path fill="#fff" d="M13.93 12.8h7.02a5.05 5.05 0 00-1.49-3.73c-1.28-1.1-3.51-1.5-5.51-1.5-2.08 0-4.38.44-5.67 1.62a5.42 5.42 0 00-1.34 4.1 5.77 5.77 0 001.67 4.33C9.88 18.71 11.95 19 13.95 19c1.94 0 4.04-.33 5.3-1.36a5.55 5.55 0 001.7-4.36h-7.02z"/></g><path fill="#fff" d="M21.42 13.28v5.46h9.76a2.7 2.7 0 002.56-2.7 2.77 2.77 0 00-2.56-2.77zm12.15-2.98a2.48 2.48 0 00-2.5-2.5 3.06 3.06 0 00-.31-.01h-9.34v5.01h9.84a2.52 2.52 0 002.3-2.5"/></symbol><symbol viewBox="0 0 160 100" id="cc-discover" xmlns="http://www.w3.org/2000/svg"><path fill="#FFF" d="M0 0h160v100H0V0z"/><path fill="#FF6903" d="M158.7 56.3S115.3 86.1 35.9 99.4h122.8V56.3z"/><path fill="#231F20" d="M159.4 0H0v100h160V0h-.6zm-.6 1.1v97.7H1.2V1.1h157.6z"/><g fill="#231F20"><path d="M14 30.4H7.4v22.5H14c3.5 0 6-.8 8.3-2.6 2.6-2.1 4.2-5.3 4.2-8.6-.1-6.6-5.2-11.3-12.5-11.3zm5.3 16.9c-1.4 1.3-3.3 1.8-6.2 1.8h-1.2V34.3h1.2c2.9 0 4.7.5 6.2 1.8 1.6 1.4 2.5 3.5 2.5 5.6 0 2.1-.9 4.2-2.5 5.6zM28.5 30.4H33v22.5h-4.5V30.4zM44 39.1c-2.7-1-3.5-1.6-3.5-2.8 0-1.4 1.4-2.5 3.4-2.5 1.4 0 2.8.7 3.6 1.8l2.4-3c-1.9-1.6-4.3-2.5-6.8-2.5-4.1 0-7.2 2.8-7.2 6.5 0 3.1 1.5 4.7 5.7 6.2 1.1.3 2.1.8 3.1 1.3.8.5 1.4 1.4 1.3 2.3 0 .9-.4 1.7-1.1 2.3s-1.5.9-2.5.9c-2.1 0-4-1.1-4.9-3l-2.9 2.7c2.1 3 4.6 4.3 8 4.3 4.6 0 7.9-3.1 7.9-7.4.2-3.7-1.3-5.3-6.5-7.1zM52.1 41.7c0 3.1 1.3 6.2 3.6 8.4s5.4 3.4 8.7 3.3c1.9 0 3.9-.4 5.6-1.3V47c-1.8 1.7-3.4 2.5-5.4 2.5-4.5 0-7.8-3.2-7.8-7.8-.1-2 .7-4 2.1-5.4s3.4-2.3 5.5-2.3c2.2 0 3.8.7 5.7 2.5v-5.1c-1.7-.9-3.6-1.4-5.6-1.4-3.3-.1-6.4 1.2-8.7 3.4-2.4 2.1-3.7 5.2-3.7 8.3z"/><path fill="#FF6903" d="M96.1 41.7c0 4.8-3 9.2-7.6 11.1s-9.9.8-13.4-2.6-4.6-8.6-2.7-13.1 6.4-7.4 11.4-7.4c6.7.1 12.2 5.4 12.3 12z"/><path d="M105.8 45.6l-6.2-15.1h-4.9l9.8 23.1h2.4l10-23.1H112l-6.2 15.1zM118.9 52.9h12.8v-3.8h-8.3V43h8v-3.8h-8v-5h8.3v-3.8h-12.8v22.5zM149.6 37.1c0-4.2-3
13221-6.6-8.2-6.6h-6.7V53h4.5v-9h.6l6.3 9h5.6l-7.3-9.5c3.3-.7 5.2-3 5.2-6.4zm-9.1 3.7h-1.3V34h1.4c2.8 0 4.3 1.1 4.3 3.3s-1.5 3.5-4.4 3.5zM152.5 31.3c0-.4-.3-.6-.8-.6h-.7v2h.5v-.8l.6.8h.6l-.7-.8c.3-.1.5-.3.5-.6zm-.9.3l-.1-.5h.1c.2 0 .4.1.4.3s-.1.2-.4.2z"/><path d="M151.8 29.9c-1 0-1.8.8-1.8 1.7s.8 1.7 1.8 1.7 1.8-.8 1.8-1.7-.8-1.7-1.8-1.7zm0 3.2c-.6 0-1.1-.3-1.4-.8s-.1-1.1.3-1.6c.4-.4 1-.5 1.6-.3s.9.7.9 1.3c0 .7-.6 1.3-1.4 1.4z"/></g></symbol><symbol fill="none" viewBox="0 0 48 30" id="cc-generic" xmlns="http://www.w3.org/2000/svg"><path d="M39.2 0H8.8C6.691 0 5.019 1.669 5.019 3.75L5 26.25C5 28.331 6.691 30 8.8 30h30.4c2.109 0 3.8-1.669 3.8-3.75V3.75C43 1.669 41.309 0 39.2 0zm0 26.25H8.8V15h30.4v11.25zm0-18.75H8.8V3.75h30.4V7.5z" fill="#000"/></symbol><symbol viewBox="98.96 143.37 314.95 227.38" id="cc-jcb" xmlns="http://www.w3.org/2000/svg"><path fill="#0F549D" d="M196.197 143.37h-53.654c-26.067 0-43.58 17.514-43.58 43.58v77.954a.64.64 0 00.011.115c2.057 9.774 12.302 17.143 23.83 17.143 12.727 0 22.322-8.942 22.322-20.802v-38.929h32.8v38.421c0 21.91-28.205 32.252-47.261 32.342-11.272-.047-22.318-3.509-30.307-9.502a.559.559 0 00-.582-.052l-.004.002a.561.561 0 00-.502-.002.559.559 0 00-.306.498v86.049c0 .307.248.557.557.557h55.174c19.452 0 42.061-18.373 42.061-42.061V143.927a.558.558 0 00-.559-.557z"/><path fill="#B41F36" d="M304.016 143.37h-53.148c-26.474 0-43.58 16.908-43.58 43.077v44.036a.557.557 0 00.912.427c4.639-3.868 12.118-8.478 21.408-8.478h57.148v10.396c-13.876-3.038-26.711-4.422-32.853-4.422-14.543 0-26.374 11.831-26.374 26.372l.004.161-.004.345c0 14.542 11.831 26.372 26.374 26.372 7.45 0 20.42-1.212 32.853-3.916v9.383h-57.148c-8.22 0-16.009-3.079-21.372-8.445a.555.555 0 00-.607-.12.555.555 0 00-.344.514v91.112c0 .307.248.557.557.557h54.663c19.455 0 42.065-18.373 42.065-42.061V143.927a.552.552 0 00-.554-.557z"/><g fill="#329947">
13221<path d="M333.324 280.595c0 .307.25.557.557.557h23.789c6.387 0 12.202-5.816 12.202-12.2 0-6.383-5.816-12.198-12.202-12.198h-23.789a.558.558 0 00-.557.557v23.284z"/><path d="M413.352 143.37h-52.646c-14.013 0-25.4 4.739-33.017 13.08v-.001s-11.069 10.798-11.069 28.606v36.82c0 .307.248.557.557.557h63.781c8.752 0 16.148 7.396 16.148 16.149s-7.396 16.148-16.148 16.148a.557.557 0 100 1.114c9.904 0 17.665 6.871 17.665 15.642 0 8.918-7.595 15.643-17.665 15.643h-63.781a.557.557 0 00-.557.557v82.504c0 .307.248.557.557.557h54.669c19.453 0 42.063-18.373 42.063-42.061V143.927a.557.557 0 00-.557-.557z"/><path d="M333.881 252.299h23.789c6.339 0 11.694-5.355 11.694-11.694 0-6.384-5.813-12.199-12.196-12.199h-23.287a.558.558 0 00-.557.557v22.78c0 .307.25.556.557.556z"/></g></symbol><symbol viewBox="0 0 160 100" id="cc-maestro" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M55.787 94.952v-5.905a3.479 3.479 0 00-1.01-2.7 3.536 3.536 0 00-2.709-1.03 3.678 3.678 0 00-3.332 1.673 3.488 3.488 0 00-3.134-1.673 3.141 3.141 0 00-2.777 1.397v-1.161h-2.063v9.4h2.083v-5.207a2.184 2.184 0 01.563-1.796 2.22 2.22 0 011.757-.704c1.37 0 2.063.885 2.063 2.48v5.226h2.083v-5.206a2.204 2.204 0 01.571-1.789 2.24 2.24 0 011.75-.711c1.408 0 2.083.885 2.083 2.48v5.226zm11.604-4.695v-4.694h-2.083v1.141a3.601 3.601 0 00-2.975-1.378c-2.739 0-4.959 2.204-4.959 4.922 0 2.718 2.22 4.92 4.96 4.92a3.601 3.601 0 002.974-1.377v1.142h2.063zm-7.666 0a2.858 2.858 0 012.969-2.675 2.854 2.854 0 012.758 2.889 2.856 2.856 0 01-2.851 2.798 2.847 2.847 0 01-2.119-.87 2.802 2.802 0 01-.777-2.142zm51.74-4.92a5.372 5.372 0 011.984.373c.603.24 1.152.594 1.617 1.044.459.445.823.977 1.071 1.564a5.18 5.18 0 010 3.937 4.752 4.752 0 01-1.071 1.565 4.963 4.963 0 01-1.617 1.044 5.654 5.654 0 01-4.066 0 4.801 4.801 0 01-2.668-2.608 5.19 5.19 0 010-3.938 4.801 4.801 0 012.668-2.608 5.371 5.371 0 012.063-.403zm0 1.968a3.095 3.095 0 00-1.18.216c-.353.14-.673.352-.942.62a2.88 2.88 0 00-.624.985 3.391 3.391 0 000 2.44c.138.367.35.702.624.985.268.268.589.48.943.62a3.246 3.246 0 002.35 0 2.84 2.84 0 00.992-.62c.274-.282.487-.617.625-.984a3.391 3.391 0 000-2.441 2.851 2.851 0 00-.625-.985 2.84 2.84 0 00-.992-.62 3.094 3.094 0 00-1.19-.275zm-32.867 2.952c0-2.952-1.844-4.92-4.492-4.92-2.74.037-4.928 2.271-4.89 4.99.038 2.717 2.29 4.89 5.028 4.852a5.78 5.78 0 003.878-1.32l-.992-1.515a4.534 4.534 0 01-2.757.984 2.623 2.623 0 01-2.836-2.303h7.032c.03-.246.03-.492.03-.768zm-7.051-.826a2.432 2.432 0 012.49-2.274 2.36 2.36 0 011.676.648c.45.429.71 1.017.723 1.636zm15.73-1.477a6.135 6.135 0 00-2.976-.807c-1.13 0-1.805.414-1.805 1.103s.714.807 1.607.925l.991.138c2.063.295 3.313 1.161 3.313 2.815 0 1.653-1.587 3.07-4.314 3.07a6.87 6.87 0 01-4.096-1.22l.991-1.595a5.075 5.075 0 003.154.985c1.409 0 2.162-.414 2.162-1.142 0-.532-.535-.827-1.666-.984l-.992-.138c-2.122-.295-3.272-1.24-3.272-2.776 0-1.87 1.547-3.011 3.967-3.011a7.124 7.124 0 013.858.984zm9.917-.531h-3.362v4.242c0 .984.337 1.575 1.369 1.575a3.83 3.83 0 001.825-.532l.595 1.752a4.867 4.867 0 01-2.579.729c-2.44 0-3.293-1.3-3.293-3.485v-4.281h-1.924v-1.87h1.924v-2.855h2.083v2.855h3.362zm7.131-2.106c.5.001.997.088 1.468.255l-.635 1.969a3.375 3.375 0 00-1.29-.236c-1.348 0-1.983.866-1.983 2.421v5.266h-2.063v-9.4h2.043v1.142a2.802 2.802 0 012.5-1.378zm14.262 8.267a.998.998 0 01.377.07.993.993 0 01.307.196.909.909 0 010 1.319.993.993 0 01-.307.197.938.938 0 01-.377.078.992.992 0 01-.893-.57.919.919 0 010-.729c.05-.11.121-.21.208-.295a.993.993 0 01.308-.197.998.998 0 01.327-.069zm0 1.664a.709.709 0 00.516-.217.725.725 0 00-.516-1.24.749.749 0 00-.526.216.724.724 0 000 .985c.139.14.328.217.526.216zm.06-1.172a.399.399 0 01.257.08c.062.05.095.127.09.206a.235.235 0 01-.07.177.348.348 0 01-.208.089l.287.324h-.228l-.268-.324h-.089v.324h-.188v-.905z" fill="#111" fill-rule="nonzero"/><path d="M63.355 12.916h31.243v56.771H63.355z" fill="#7673c0"/><path d="M65.339 41.306c-.012-11.08 5.017-21.55 13.637-28.39-14.64-11.633-35.662-9.939-48.294 3.892-12.632 13.831-12.632 35.156 0 48.987 12.632 13.83 33.655 15.525 48.294 3.892-8.617-6.839-13.646-17.304-13.637-28.38z" fill="#eb001b"/><path d="M136.74 41.306c-.003 13.82-7.807 26.424-20.1 32.464-12.293 6.04-26.916 4.454-37.664-4.083C87.59 62.843 92.62 52.38 92.62 41.301s-5.029-21.54-13.643-28.385c10.747-8.543 25.375-10.132 37.672-4.092 12.296 6.04 20.102 18.65 20.102 32.472z" fill="#00a1df"/><g fill-rule="nonzero"><path d="M64.41 13.14h31.5v56.61h-31.5z" fill="#7673c0"/><path d="M66.41 41.44a35.94 35.94 0 0113.75-28.3C65.4 1.54 44.204 3.23 31.467 17.021c-12.736 13.792-12.736 35.056 0 48.848C44.204 79.66 65.4 81.349 80.16 69.75a35.94 35.94 0 01-13.75-28.31z" fill="#eb001b"/><g fill="#00a1df"><path d="M134.97 63.75v-1.16h.47v-.24h-1.19v.24h.47v1.16zm2.31 0v-1.4h-.36l-.42 1-.42-1h-.36v1.4h.26V62.7l.39.91h.27l.39-.91v1.06zM138.41 41.44a36 36 0 01-58.25 28.3 36 36 0 000-56.61 36 36 0 0158.25 28.3z"/></g></g></g></symbol><symbol viewBox="0 0 160 100" id="cc-mastercard" xmlns="http://www.w3.org/2000/svg"><path d="M62.038 20.662h35.855v58.562H62.038z" fill="#ff5f00"/><path d="M65.731 49.948a37.18 37.18 0 0114.224-29.276c-15.269-12-37.196-10.252-50.371 4.016-13.176 14.267-13.176 36.264 0 50.531 13.175 14.268 35.102 16.015 50.371 4.015a37.18 37.18 0 01-14.224-29.286z" fill="#eb001b"/><g fill="#f79e1b"><path d="M136.655 73.028v-1.2h.517v-.249h-1.23v.249h.486v1.2zm2.39 0v-1.449h-.373l-.434 1.035-.435-1.035h-.372v1.449h.269V71.93l.403.941h.28l.403-.941v1.097zM140.214 49.948a37.241 37.241 0 01-60.259 29.276 37.241 37.241 0 000-58.562 37.241 37.241 0 0160.259 29.276z"/></g></symbol><symbol viewBox="0 0 160 100" id="cc-sofort" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><g fill="#eb6f93" mask="url(#a)"><path d="M0 0h160v100H0z"/></g><g fill="#fff" fill-rule="nonzero"><path d="M50.944 69h-4.46c0 3.644-1.681 6.97-4.602 9.16l-1.76 1.315 6.841 9.28h5.622l-6.302-8.543c2.98-2.948 4.661-6.93 4.661-11.212zM35 69h4.561v19.755H35zM53.905 69h4.301v19.755h-4.3zM95.937 74.715c-1.64 0-3.201.498-4.241 1.912v-1.533h-4.081v13.66h4.14v-7.168c0-2.071 1.401-3.087 3.082-3.087 1.8 0 2.84 1.075 2.84 3.067v7.209h4.101v-8.703c0-3.186-2.54-5.357-5.841-5.357zM71.21 75.094v.876a7.167 7.167 0 00-4.081-1.255c-4.001 0-7.242 3.226-7.242 7.21 0 3.982 3.24 7.208 7.242 7.208 1.52 0 2.92-.458 4.081-1.254v.876h4.101V75.094zm-3.741 10.335c-2.06 0-3.721-1.573-3.721-3.505s1.66-3.505 3.721-3.505c2.06 0 3.721 1.574 3.721 3.505s-1.66 3.505-3.721 3.505zM81.673 76.866v-1.772h-4.201v13.66h4.22v-6.372c0-2.15 2.342-3.305 3.962-3.305h.04v-3.983c-1.66 0-3.2.717-4.021 1.772zM114.542 75.094v.876a7.167 7.167 0 00-4.081-1.255c-4.001 0-7.242 3.226-7.242 7.21 0 3.982 3.24 7.208 7.242 7.208 1.52 0 2.92-.458 4.08-1.254v.876h4.102V75.094zM110.8 85.429c-2.06 0-3.721-1.573-3.721-3.505s1.66-3.505 3.72-3.505c2.061 0 3.722 1.574 3.722 3.505.02 1.932-1.66 3.505-3.721 3.505zM123.024 83.916a2.581 2.581 0 00-2.58 2.569 2.581 2.581 0 005.161 0 2.568 2.568 0 00-2.58-2.57z"/><g><path d="M74.924 46.228a2.708 2.708 0 01.05 3.81l-.207.217a2.71 2.71 0 01-3.81.048l-6-5.944c-1.65-1.658-1.888-3.702-.837-4.781l.21-.221a2.447 2.447 0 013.264-.21 1.08 1.08 0 001.336-1.695 4.609 4.609 0 00-6.155.41l-.21.22c-1.947 2-1.556 5.37.868 7.804l6.015 5.96a4.876 4.876 0 006.873-.094l.212-.222a4.862 4.862 0 00-.095-6.84 1.08 1.08 0 00-1.514 1.538zM71.333 14.004l2.455 20.192a1.08 1.08 0 002.143-.26L73.468 13.68l-.024-.132c-.42-1.679.624-3.562 2.016-3.858A2.977 2.977 0 0179 12.024l4.275 18.267a1.08 1.08 0 002.102-.491L81.11 11.57a5.104 5.104 0 00-2.202-3.254 5.137 5.137 0 00-3.899-.735c-2.616.558-4.336 3.624-3.676 6.423z"/><path d="M93.898 37.731l4.855-24.204c.564-2.606-.986-5.222-3.559-5.986-2.88-.728-5.767.969-6.52 3.795L83.3 29.753a1.078 1.078 0 102.072.604l5.382-18.442a3.194 3.194 0 013.868-2.294c1.448.43 2.346 1.947 2.017 3.466l-4.858 24.22a1.079 1.079 0 102.117.424zM81.67 61.05c-7.695 0-14.123-5.645-14.123-13.667a1.079 1.079 0 00-2.158 0c0 9.28 7.451 15.824
1322116.282 15.824a1.079 1.079 0 100-2.157zM77.864 42.183a2.669 2.669 0 01-1.061 1.486l-.231.153a2.713 2.713 0 01-3.759-.722l-4.72-7.023c-1.287-1.953-1.118-4.01.12-4.86l.232-.153c1.59-.92 2.94-.222 4.329 1.8l3.946 5.874a1.08 1.08 0 001.793-1.202l-3.953-5.884c-1.952-2.842-4.37-4.093-7.256-2.418l-.3.197c-2.32 1.591-2.597 4.975-.708 7.84l4.728 7.037a4.874 4.874 0 006.75 1.307l.239-.16a4.835 4.835 0 001.93-2.695 1.078 1.078 0 10-2.08-.577z"/><path d="M85.011 45.756c-2.243 1.252-3.637 3.61-3.81 7.175a1.079 1.079 0 002.156.105c.157-3.23 1.413-4.973 3.444-5.737 1.087-.41 2.269-.49 3.31-.38.14.015.233.029.27.036 1.39.259 1.814-1.805.434-2.113l-8.3-1.854c-3.886-1.063-4.472-2.5-3.753-4.896.31-1.044.949-1.58 1.91-1.793.636-.141 1.35-.124 2.028-.005.197.034.334.067.396.084l12.6 2.94a.955.955 0 01.245.08c.208.094.425.246.637.472.844.902 1.31 2.603 1.074 5.397-.821 9.796-5.389 15.878-16.215 15.783a1.079 1.079 0 10-.02 2.157c12.168.107 17.481-6.969 18.387-17.76.283-3.358-.347-5.66-1.65-7.051-.718-.767-1.476-1.11-2.058-1.195l-12.457-2.91a5.835 5.835 0 00-.566-.122c-.934-.163-1.916-.188-2.869.024-1.69.375-2.964 1.446-3.51 3.282-1.04 3.46.07 6.177 5.3 7.606z"/></g></g></g></symbol><symbol viewBox="0 0 160 100" id="cc-visa" xmlns="http://www.w3.org/2000/svg"><path d="M.8.2h160v100H.8z" fill="#fff"/><path d="M3 83h154v14H3z" fill="#f7b600"/><g fill="#1a1f71"><path d="M3 3h154v14H3zM65.2 30.8L48.9 69.6H38.3l-8-31c-.5-1.9-.9-2.6-2.4-3.4a44.13 44.13 0 00-9.9-3.3l.2-1.1h17.1a4.59 4.59 0 014.6 4l4.2 22.5 10.4-26.4h10.7zm41.6 26.1c0-10.2-14.2-10.8-14.1-15.4 0-1.4 1.4-2.9 4.3-3.3a19.47 19.47 0 019.9 1.7l1.8-8.2a26.34 26.34 0 00-9.4-1.7c-9.9 0-16.9 5.3-17 12.8-.1 5.6 5 8.7 8.8 10.6s5.2 3.1 5.2 4.8c0 2.6-3.1 3.8-6 3.8A20.26 20.26 0 0180 59.5L78.2 68c2.3 1.1 6.7 2 11.2 2.1 10.4.1 17.3-5.1 17.4-13.2zM133 69.6h9.3l-8.1-38.8h-8.6a4.61 4.61 0 00-4.3 2.8l-15.1 36h10.5l2.1-5.8h12.9zm-11.2-13.8l5.3-14.6 3 14.6zm-42.3-25l-8.3 38.8h-10l8.3-38.8z"/></g></symbol><symbol viewBox="0 0 24 24" id="check" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/></symbol><symbol viewBox="0 0 28 22" id="check-outline" xmlns="http://www.w3.org/2000/svg"><path d="M10.6 13.6l13-13 3.85 3.85L10.6 21.3.62 11.32l3.84-3.84 6.14 6.14v1.41L4.44 8.87 2.01 11.3l8.59 8.59L26.03 4.46 23.6 2.03l-13 13z"/></symbol><symbol viewBox="0 0 24 24" id="check_box_empty" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 5v14H5V5h14m2-2H3v18h18V3z"/></symbol><symbol viewBox="0 0 24 24" id="check_box_filled" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M21 3H3v18h18V3zM10 17l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></symbol><symbol viewBox="0 0 24 24" id="check_circle" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></symbol><symbol viewBox="0 0 31 32" id="chevron-down" xmlns="http://www.w3.org/2000/svg"><path d="M2.947 6.958L.235 9.67l15.5 15.371 2.712-2.712-15.5-15.371z"/><path d="M28.522 6.958l-15.5 15.371 2.713 2.712 15.5-15.371-2.712-2.713z"/></symbol><symbol viewBox="0 0 31 16" id="chevron-down-large-thin" xmlns="http://www.w3.org/2000/svg"><path d="M30.378 1.313L15.609 15.36.84 1.313 1.513.64l14.095 13.373L29.703.64z"/></symbol><symbol viewBox="0 0 17 32" id="chevron-left-large-thick" xmlns="http://www.w3.org/2000/svg"><path d="M15.07 31.5L.31 16 15.07.5l1.432 1.382L3.075 16l13.427 14.118z"/></symbol><symbol viewBox="0 0 15 32" id="chevron-left-large-thin" xmlns="http://www.w3.org/2000/svg"><path d="M14.296 30.769L.249 16 14.296 1.231l.673.673L1.596 15.999l13.373 14.095z"/></symbol><symbol viewBox="0 0 17 32" id="chevron-right-large-thick" xmlns="http://www.w3.org/2000/svg"><path d="M1.792 31.5L.311 30.118 13.738 16 .311 1.882 1.792.5 16.502 16z"/></symbol><symbol viewBox="0 0 15 32" id="chevron-right-large-thin" xmlns="http://www.w3.org/2000/svg"><path d="M.923 30.769L14.97 16 .923 1.231l-.673.673 13.373 14.095L.25 30.094z"/></symbol><symbol viewBox="0 0 31 32" id="chevron-up" xmlns="http://www.w3.org/2000/svg"><path d="M2.947 25.042L.235 22.33l15.5-15.371 2.712 2.713-15.5 15.371z"/><path d="M28.522 25.042l-15.5-15.371 2.713-2.713 15.5 15.371-2.712 2.712z"/></symbol><symbol viewBox="0 0 31 16" id="chevron-up-large-thin" xmlns="http://www.w3.org/2000/svg"><path d="M.84 14.687L15.609.64l14.769 14.047-.673.673L15.61 1.987 1.515 15.36z"/></symbol><symbol viewBox="0 0 24 24" id="chevron_left" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z"/></symbol><symbol viewBox="0 0 24 24" id="chevron_right" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/></symbol><symbol viewBox="0 0 44.5 44.5" id="chillproof" xmlns="http://www.w3.org/2000/svg"><path d="M24.7 2.3v13.8L32 8.8l3.5 3.5-7.3 7.3H42v5H28.2l7.3 7.3-3.5 3.5-7.3-7.3v13.8h-5V28.1l-7.3 7.3-3.5-3.5 7.3-7.3H2.4v-5h13.8l-7.3-7.3 3.5-3.5 7.3 7.3V2.3h5M27.1 0h-9.7v10.5l-3.3-3.3-1.7-1.7-1.6 1.7-3.5 3.5-1.7 1.7 1.7 1.7 3.3 3.3H0v9.7h10.5l-3.3 3.3-1.7 1.7 1.7 1.7 3.5 3.5 1.7 1.7 1.7-1.7 3.3-3.3v10.5h9.7V34l3.3 3.3 1.7 1.7 1.7-1.7 3.5-3.5 1.7-1.7-1.7-1.7-3.3-3.3h10.5v-9.7H34l3.3-3.3 1.7-1.7-1.7-1.7-3.6-3.5L32 5.5l-1.7 1.7-3.3 3.3.1-10.5z"/></symbol><symbol viewBox="0 0 24 24" id="close" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></symbol><symbol viewBox="0 0 24 24" id="computer" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 18l2-2V4H2v12l2 2H0v2h24v-2h-4zM4 6h16v10H4V6z"/></symbol><symbol viewBox="0 0 24 24" id="copylink" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M20.7 3.3c-1.8-1.8-4.6-1.8-6.4 0l-4.2 4.2c1-.4 2.1-.4 3 0l2.7-2.7c.9-.9 2.4-.9 3.3 0 .9.9.9 2.4 0 3.3l-4.5 4.5c-.9.9-2.4.9-3.3 0-.1-.1-.4-.4-.5-.4-.4-.2-.9-.2-1.2.2-.3.3-.5 1-.2 1.3l.2.2.1.1.1.1c1.8 1.8 4.6 1.8 6.4 0l4.5-4.5c1.7-1.7 1.7-4.5 0-6.3z"/><path d="M10.9 16.4l-2.7 2.7c-.9.9-2.4.9-3.3 0-.9-.9-.9-2.4 0-3.3l4.5-4.5c.8-.8 2-.9 2.9-.3l.7.6.1.1c.2.1.4.2.6.2.6 0 1.1-.5 1.1-1.1 0-.2-.1-.4-.2-.5 0 0-.1-.1-.2-.3-.3-.3-1.2-.9-1.2-.9-1.8-1-4-.8-5.5.7l-4.5 4.5c-1.8 1.8-1.8 4.6 0 6.4 1.8 1.8 4.6 1.8 6.4 0l4.2-4.2c-.8.4-2 .4-2.9-.1z"/></g></symbol><symbol viewBox="0 0 186.84 189.39" id="cushgrip" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M122.71 132.61L99 151.42a6.163 6.163 0 01-8.18-.47L39.87 100c-2.93-2.93-2.93-7.67 0-10.59L89.4 39.88c2.93-2.93 7.67-2.93 10.59 0l40.56 37.93c2.18 2.18 5.14 3.4 8.22 3.4h30.63c4.84 0 8.38-4.55 7.22-9.25C176.24 29.87 137.75-1.14 92.2.03 42.06 1.32 1.21 42.25.03 92.4c-1.26 53.35 41.61 96.99 94.67 96.99 23.07 0 44.21-8.25 60.64-21.96 3.47-2.89 3.49-8.22.12-11.23l-24.93-23.28a5.998 5.998 0 00-7.82-.32z"/><path d="M165.03 157.09c-1.89 0-3.68-.69-5.1-1.97l-28.59-26.41A6.458 6.458 0 00127 127l-48.89-.15c-5.25 0-9.53-4.28-9.53-9.53V88.35c0-2.26.88-4.38 2.48-5.98s3.71-2.46 5.96-2.46h.03l55.05.23c4.1.02 7.98 1.59 10.94 4.43l38.84 38.53c2.51 2.41 3.3 6.21 1.93 9.44a96.24 96.24 0 01-12.64 21.52 7.807 7.807 0 01-6.15 3.01v.02zM77.02 84.11c-1.14 0-2.2.44-3.01 1.24-.81.8-1.25 1.87-1.25 3.01v28.97c0 2.95 2.4 5.35 5.35 5.35l48.9.15c2.67 0 5.21 1.01 7.17 2.82l28.57 26.39c.7.63 1.62.95 2.61.86 1-.09 1.89-.58 2.51-1.38a92.32 92.32 0 0012.09-20.59c.69-1.64.29-3.58-1-4.82l-38.84-38.53a11.615 11.615 0 00-8.03-3.24l-55.05-.23h-.02z"/></g></symbol><symbol viewBox="0 0 24 24" id="customer_care" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"/></symbol><symbol viewBox="0 0 24 24" id="delete" xmlns="http://www.w3.org/2000/svg"><path d="M16 9v10H8V9h8zm-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z"/></symbol><symbol fill="none" viewBox="0 0 48 49" id="designed-without-pfas" xmlns="http://www.w3.org/2000/svg"><path d="M10.8 39.842a16.596 16.596 0 01-3.525-5.2c-.85-1.966-1.275-4-1.275-6.1 0-2.1.4-4.175 1.2-6.225.8-2.05 2.1-3.975 3.9-5.775 1.167-1.166 2.608-2.166 4.325-3 1.717-.833 3.75-1.491 6.1-1.975 2.35-.483 5.033-.775 8.05-.875 3.017-.1 6.392.017 10.125.35.267 3.534.35 6.784.25 9.75-.1 2.967-.375 5.642-.825 8.025-.45 2.384-1.083 4.467-1.9 6.25-.817 1.784-1.825 3.275-3.025 4.475-1.767 1.767-3.642 3.059-5.625 3.875-1.983.817-4.008 1.225-6.075 1.225a16.55 16.55 0 01-6.35-1.275c-2.067-.85-3.85-2.025-5.35-3.525zm5.6-.8c.967.567 1.958.975 2.975 1.225 1.017.25 2.058.375 3.125.375 1.533 0 3.05-.308 4.55-.925 1.5-.616 2.933-1.608 4.3-2.975.6-.6 1.208-1.441 1.825-2.525.617-1.083 1.15-2.5 1.6-4.25.45-1.75.792-3.866 1.025-6.35.233-2.483.267-5.441.1-8.875a114.197 114.197 0 00-5.525-.075 44.39 44.39 0 00-6.125.475 29.55 29.55 0 00-5.8 1.45c-1.833.667-3.333 1.584-4.5 2.75-1.5 1.5-2.533 2.984-3.1 4.45-.567 1.467-.85 2.884-.85 4.25 0 1.967.375 3.692 1.125 5.175.75 1.484 1.408 2.525 1.975 3.125 1.4-2.666 3.25-5.225 5.55-7.675s4.983-4.458 8.05-6.025a36.518 36.518 0 00-6.27
132215 7.125c-1.783 2.65-3.125 5.742-4.025 9.275z" fill="#000"/></symbol><symbol viewBox="0 0 179.83 179.08" id="duotread" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M44.6 75.34c7.35 2.96 14.91 8.28 21.26 13.21 16.74 13.39 25.37 33.99 35.56 52.05 7.96 14.2 17.61 13.77 29.04 5.13 8.85-6.69 11.97-9.24 19.27-14.94 7.62-5.95 16.73-11.88 25.97-15.69 1.17-4.03 2.02-7.69 2.46-10.21.52-3 .93-5.07 1.36-8.09-.1-.04-4.81 2.11-17.52 11.51-10.21 7.55-19.91 16.18-29.56 21.31-4.28 2.28-9.33 2.62-14.55.2-4.57-2.12-8.43-6.61-10.73-10.06-4.56-6.85-6-10.29-9.57-16.21-3.74-6.22-7.67-14.39-11.72-20.4-4.57-6.79-10.96-14.31-17.6-19.06-10.06-7.19-17.5-10.19-28.66-13.68-11.58-3.63-21.1-5.37-27.74-6.09 0 0-2.96 5.58-4.7 9.57-1.88 4.31-2.6 6.75-3.94 11.02 14.96 2.24 27.91 5.17 41.37 10.42z"/><path d="M103.97 65.32c1.1 1.82 7.47 13.29 8.58 15.07 7.64 12.36 14.31 23.09 29.48 11.42 4.3-3.31 27.1-23.17 34.04-28.7-.37-1.22-.76-2.43-1.18-3.64a88.44 88.44 0 00-3.22-8c-.35.28-.69.56-1.04.84-8.8 7.19-17.01 14.91-25.02 22.83-3.62 3.39-8.04 7.65-12.64 8.94-6.38 1.72-13.52-10.44-20.65-23.32-7.13-12.88-15.29-25.47-29.26-35.51-12.64-9.08-23.97-13.1-36.41-14.99-2.95 1.7-7.42 4.38-10.11 6.36 8.12 1.26 17.74 2.22 29.54 8.18 19.62 9.91 26.83 22.05 37.88 40.53z"/><path d="M91.87 15.78c6.46 4.96 13.94 13.35 20.12 24.67 5.04 9.22 8.66 16.4 13.9 24.52 3.66 5.66 7.55 7.98 12.83 3.78 4.61-3.67 9.65-8.73 15.51-14.78 5.11-5.26 10.17-9.63 12.5-11.75-.93-1.51-1.89-3-2.92-4.47a94.403 94.403 0 00-3.95-5.24c-3.64 3.4-7.48 7.66-12.52 13.53-3.15 3.67-7.57 9.43-10.34 10.9-2.06 1.13-3.75.83-5.26-.9-4.29-4.93-12.24-22.41-19.02-31.1-5.25-6.73-9.86-10.73-16.79-15.79-6.16-4.57-11.61-6.7-18.79-9.14-4.13.58-8.18 1.44-12.16 2.58 11.95 3.17 19.43 7.48 26.88 13.2z"/><path d="M75.93 59.42c11.75 10.12 19.85 25.3 27.19 38.8 4.29 7.78 8.14 16.39 16.63 20.9 7.9 4.19 16.18.34 23.48-5.1 10.03-7.49 19.11-13.62 27.61-20.32 4.53-3.57 6.93-5.21 8.99-6.36-.07-4.48-.47-8.9-1.2-13.28-3.85 2.22-7.15 5.12-11.57 8.84-4.34 3.66-21.7 18.6-25.78 21.42-3.71 2.57-7.92 4.9-12.2 5.54-5.75 1.01-10.34-2.99-13.15-7.7-10.11-16.49-20.49-39.83-35.62-52.56-10.57-9.01-19.88-13.2-32.69-17.66-7.78-2.78-16.7-4.46-22.57-5.03-1.5 1.72-6.6 7.1-7.99 8.94 1.28.18 2.57.36 3.84.59 17.9 3.16 36.33 6.86 55.04 22.97z"/><path d="M172.49 124.63c-13 3.84-19.25 10.18-38.06 24.2-17.79 13.27-27.36 17.44-36.7.55C86.71 129.59 78 108.33 56.42 92.33c-8.22-6.09-16.16-9.43-28.79-13.05-8.76-2.51-18.15-3.78-26.25-4.95-.31 1.21-.7 3.37-.84 4.76.02 0-.57 4.4-.55 9.41 0 2-.02 3.93.12 5.54.15 2.79.35 4.82.76 7.58 4.93.86 13 2.13 17.9 3.25 10.94 2.63 18.6 4.4 28.42 10.12 14.86 9.24 22.95 19.85 30.85 38.8 2.75 6.6 5.58 18.08 7.22 25.22 7.72.33 16.21-.43 24.01-2.11 12.65-2.72 24.17-8.04 34.51-15.83 3.58-2.69 6.89-5.59 9.96-8.68l.02-.02s.12-.12.33-.35a87.46 87.46 0 004.13-4.49c-.06.04-.15.09-.22.14 3.66-4.27 8.79-10.83 11.65-17.06h-.03c1.32-2.51.74-1.3 2.84-6z"/><path d="M72.88 177.36c2.37.46 3.42.66 5.8.93-1.39-5.62-3.09-11.39-5.7-17.65-5.07-12.15-11.23-21.29-18.43-28.57-8.77-8.86-15.61-12.9-24.11-16.14-9.36-3.57-16.66-5.55-28.37-7.6.85 4.47 1.01 6.3 2.56 10.67 0 0 2.88 11.15 14.17 25.09h.01c1 1.29 2.04 2.56 3.12 3.8 10.65 12.23 23.61 21.02 38.93 26.25l.03.02s.09.03.24.07c.24.08.48.17.72.25.51.17 1.01.32 1.52.47 0-.02-.02-.04-.03-.06 1.59.47 3.73 1.08 5.71 1.59 0 .02.01.03.02.05.54.13 1.09.25 1.64.37.8.19 1.54.35 2.14.46h.05z"/></g></symbol><symbol viewBox="0 0 24 24" id="edit" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM21.41 6.34l-3.75-3.75-2.53 2.54 3.75 3.75 2.53-2.54z"/></symbol><symbol viewBox="0 0 24 24" id="email" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 4H2v16h20V4zm-2 4l-8 5-8-5V6l8 5 8-5v2z"/></symbol><symbol viewBox="0 0 24 24" id="error" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></symbol><symbol viewBox="0 0 75.7 61.8" id="evertread" xmlns="http://www.w3.org/2000/svg"><path d="M75 60.5H64c4.9-1.6 9.6-5.9 11.5-11.1.1-.4 0-.9-.2-1.2.1-5.7-5.4-7.3-10.7-8.8-2.8-.8-5.7-1.6-7.8-3.1-6.5-4.3-8.9-7.7-9.8-13.5-1.8-12.4-1.4-16.9-1.4-16.9 0-.3-.2-.6-.5-.7-3.1-.6-5.4-.2-7.5.1-1.9.3-3.5.5-5.5.1-1.8-.4-2.5-1.2-3.3-2.2C27.8 2 26.6.6 23.6 0c-.2 0-.4 0-.5.1s-.2.3-.2.5c-.2 6.8-3.2 10.6-6.2 14.3-2.2 2.8-4.5 5.7-5.3 9.7-.1.3-.1.4-.1.5-.1.3-.1.5-.2 1.4L1.4 41.8c-.3-.1-.6-.1-.9.1-.5.3-.7 1-.4 1.6.2.3 4.4 6.9 14.8 9.6 3 .8 6.5 1.9 9.9 3.1 2.6.8 5 1.6 7.1 2.3.4.1.9 0 1.2-.4 1.6-1.8 2.8-3.1 3.6-3.9-.3.8-.8 2-1.7 3.8-.2.3-.2.7 0 1 .1.3.4.5.8.6 1.5.4 2.9.7 4.2 1H3.7c-.3 0-.6.3-.6.6s.3.6.6.6H75c.3 0 .6-.3.6-.6.1-.4-.2-.7-.6-.7zM47.3 57c-.2.7-.5 1.6-1 2.8-.1.2-.1.4 0 .7h-1.7c1.1-1.6 2-2.7 2.7-3.5zm10.8.4c-.1.6-.2 1.3-.4 2.2-.1.3 0 .6.2.9h-1.7c.8-1.4 1.5-2.4 1.9-3.1zM12.6 24.8c.8-3.8 2.9-6.4 5.1-9.2 2.9-3.7 6-7.5 6.3-14.2C26.1 2 26.9 3 27.8 4c.9 1.1 1.8 2.2 4 2.6 2.1.4 3.9.2 5.9-.1 2-.3 4-.5 6.6-.2-.1 1.6-.1 6.4 1.4 16.7.9 6.1 3.6 9.9 10.3 14.4 2.3 1.5 5.3 2.4 8.2 3.2 5.1 1.5 9.6 2.8 9.8 7.3-.2.1-.4.3-.6.5-12.4 2-29.9.7-39.1-9.3-6.6-7.2-16.5-11.3-21.9-13.1 0-.3.1-.4.1-.6 0-.1.1-.2.1-.6zm-.5 2.4C17.5 29 27 33 33.4 39.9c7.2 7.8 19.1 10.5 30 10.5 3.3 0 6.5-.3 9.5-.7-2.5 5.5-8.3 9.1-12.7 9.1.6-3.2.3-4.5-.8-4.9-1.2-.4-2.3.3-5.1 5.2-1.7.1-3.7.1-5.3 0 1.3-3.7 1.3-5.1.2-5.6-1-.5-2-.4-6.1 5.2-1.5-.2-3.2-.6-5.3-1.1 2.2-4.8 2.1-6 1.1-6.7-.7-.5-1.7-1.1-7 5-1.9-.6-4.1-1.3-6.3-2-3.4-1.1-6.9-2.3-10-3.1-8.1-2.1-12.2-6.9-13.2-8.2l9.7-15.4z"/></symbol><symbol viewBox="0 0 24 24" id="expand_less" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/>
13221<path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"/></symbol><symbol viewBox="0 0 24 24" id="expand_more" xmlns="http://www.w3.org/2000/svg"><path d="M24 24H0V0h24v24z" fill="none" opacity=".87"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"/></symbol><symbol viewBox="0 0 24 24" id="facebook" xmlns="http://www.w3.org/2000/svg"><path d="M7 12.876V9.321h3.066V6.7c0-1.49.414-2.648 1.249-3.469.833-.82 1.942-1.233 3.33-1.233 1.177 0 2.09.049 2.74.146v3.173h-1.888c-.69 0-1.154.144-1.393.43-.24.29-.36.724-.36 1.3v2.273h3.521l-.468 3.555h-3.054V22h-3.677v-9.124H7z"/></symbol><symbol viewBox="0 0 24 24" id="favorite_empty" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"/></symbol><symbol viewBox="0 0 76.6 76.6" id="feathergrip" xmlns="http://www.w3.org/2000/svg"><path d="M76.1 17.2c-.3-.2-.7 0-.9.3-2.3 4.8-4.7 8.9-7 12.4C44.3 47 34.7 43.5 32 41.6c-4.3-5.6-6.8-10.8-6.8-10.8-3.7 6.4-3.8 14.9-3.8 14.9-1-8.8.9-16.4.9-16.4-15.5-12.8-26-13.2-21 6.4 2.1 8.2 9.4 14.5 19.6 19-1.2-.9-2.3-1.9-3.4-2.9-1.5-1.4-2.8-2.8-4.1-4.4-2.5-3.1-4.6-6.6-6-10.3-.7-1.8-1.3-3.7-1.7-5.7-.4-1.9-.7-3.9-.7-5.8.1 1.9.6 3.9 1.1 5.7.6 1.9 1.3 3.7 2.1 5.4 1.7 3.5 4 6.6 6.6 9.4 1.3 1.4 2.7 2.7 4.2 3.8 1.5 1.2 3.1 2.3 4.7 3.2 3.2 2 5.5 3.7 11.2 5.6C49.3 61.1 57.2 56.5 61 53h.1c3-2.3 5.1-6.1 6.4-9.1-.4 2.4-1.1 4.1-1.1 4.1-.1.3 0 .6.2.8s.6.1.9-.1c6.5-6.9 3-16.8 2.2-18.7 2.3-3.5 4.6-7.5 6.9-12.3 0 0-.1-.4-.5-.5zM34.1 44c4.8 1.4 14.3 1 32-11-12 16.5-22.5 17.1-25.7 16.8-2.2-1.7-4.4-3.7-6.3-5.8zm34.5.8c.2-1.4.4-3.2.2-5.1 0-.3-.3-.6-.6-.6s-.6.2-.7.5c0 .1-2.3 8.6-7.2 12.4-6.6 3.4-12.6 2.2-17.8-.9 5.1-.3 15.1-3.2 26.1-19.5.9 2.5 2.4 8.1 0 13.2z"/></symbol><symbol viewBox="0 0 24 24" id="filter" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z"/></symbol><symbol viewBox="0 0 24 24" id="fit_tip" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"/><path d="M17.66 17.66l-1.06 1.06-.71-.71 1.06-1.06-1.94-1.94-1.06 1.06-.71-.71 1.06-1.06-1.94-1.94-1.06 1.06-.71-.71 1.06-1.06L9.7 9.7l-1.06 1.06-.71-.71 1.06-1.06-1.94-1.94-1.06 1.06-.71-.71 1.06-1.06L4 4v16h16l-2.34-2.34zM7 17v-5.76L12.76 17H7z"/></symbol><symbol viewBox="0 0 32 32" id="flip" xmlns="http://www.w3.org/2000/svg"><path d="M0 25.6h25.6V0H32v32H0v-6.4z"/></symbol><symbol viewBox="0 0 31 34" id="gift" xmlns="http://www.w3.org/2000/svg"><g fill="#021D49"><path d="M9.543 24.315l-1.31-2.148-2.765.502 3.637-6.523H2.014V33.3h12.083V16.146zM30.186 8.47h-8.23a10.18 10.18 0 001.292-.753c1.464-1.01 2.24-2.29 2.238-3.561 0-1.042-.512-2.535-1.256-3.158A4.325 4.325 0 0021.442 0c-1.127 0-2.174.373-3.072.952-1.349.871-2.405 2.757-3.157 4.195l-.113.212c-.275-.555-.597-1.666-.962-2.172-.638-.878-1.405-1.654-2.306-2.235C10.937.372 9.89 0 8.765 0a4.371 4.371 0 00-2.919 1.156c-.764.692-1.3 2.25-1.305 3.363-.005.65.192 1.33.598 1.949.511.774 1.32 1.45 2.437 2.002H0l.017 6.667h14.227V8.47h1.734v6.667h14.229l-.021-6.667zM8.067 6.386c-.57-.348-.922-.697-1.128-1.01-.2-.311-.27-.858-.27-1.127-.005-.448.227-1.235.64-1.604.402-.37.95-.598 1.441-.598h.015c.632.004 1.258.208 1.89.609.938.597 1.824 2.222 2.439 3.412.321.605.567 1.238.733 1.857-2.85-.284-4.692-.89-5.76-1.539zm9.74-1.45c.513-.708 1.118-1.877 1.746-2.28.623-.401 1.257-.605 1.89-.61h.005c.527 0 1.034.2 1.38.494.345.3.53.847.53 1.233-.007.455-.251 1.503-1.355 2.28-1.047.736-2.865 1.49-5.66 2.018.263-1.069.78-2.2 1.464-3.134zM23.71 22.641l-2.778-.474-1.31 2.174-4.519-8.085v17.045h12.083V16.146H20.06z"/></g></symbol><symbol viewBox="0 0 20 20" id="giftcard" xmlns="http://www.w3.org/2000/svg"><path d="M18 4.803h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 00-5.5-1.65l-.5.67-.5-.68c-.54-.8-1.45-1.34-2.5-1.34-1.66 0-3 1.34-3 3 0 .35.
1322107.69.18 1H2c-1.11 0-1.99.89-1.99 2l-.01 11c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2v-11c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-6 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H2v-2h16v2zm0-5H2v-6h5.08L5 9.633l1.62 1.17L9 7.563l1-1.36 1 1.36 2.38 3.24L15 9.633l-2.08-2.83H18v6z"/></symbol><symbol fill="none" viewBox="0 0 32 20" id="giftcard-branded" xmlns="http://www.w3.org/2000/svg"><path fill="#000" d="M0 0h32v20H0z"/><path d="M19.356 8.066c-.012.018-.129.017-.168-.051-.023-.039.025-.075.05-.08.097-.018.136.103.118.13zm.57.33a1.812 1.812 0 00-.406-.363c-.034-.02-.037-.124-.084-.17-.033-.032-.156-.108-.378-.192a.933.933 0 00-.18-.038c-.096-.135-.23-.106-.27-.047-.036.052-.023.117.02.168.015.016-.002.024-.012.023-.116-.016-.123-.17-.134-.17-.539-.03-1.268-.032-1.531-.006-.098.01-.202.078-.364.104-.119.02-1.225-.594-2.302-.594-.35 0-.707.084-.868.163-.208.1-.555.399-.816.76-.224.308-.386.663-.341.976.005.032.158-.017.171.011.007.013.002.025.002.051 0 .025.002.062.02.125.024.09.049.17.063.173.027.006.098-.079.104-.06.079.268.246.634.36.802.036.052.066.085.087.09.027.007.067-.076.075-.058.133.308.36.717.563.918h.862c-.004-.043-.02-.22-.074-.277-.06-.065-.302-.146-.302-.485-.001-.065.012-.129.039-.188.059-.13.17-.215.253-.323.252-.329.195-.386.229-.41.032-.022.104.033.336-.237 0 0 .043.027.08.044.025.011.068.03.062.037-.21.25-.343.264-.364.277-.027.018.032.087-.414.605-.003.003-.003.005 0 .007.006.003.021.002.043 0 .102-.012.337-.07.361-.079 0 0 .28-.432.29-.439.004-.003.052.01.095.014.047.003.094-.01.103.001.01.013-.217.22-.352.503-.01.02-.02.042-.028.063-.013.03.093-.01.09.008-.006.046-.215.337-.215.49 0 .024.104-.005.104.011 0 .014.064.268.219.378h.893a.497.497 0 00-.064-.233c-.038-.057-.211-.114-.211-.237 0-.146.14-.309.34-.48.392-.337 1.018-.707 1.27-1.04a.678.678 0 00.076-.122c.005-.01.045-.01.085-.015.048-.006.101-.02.1-.015a.565.565 0 01-.083.153c-.02.028-.043.056-.067.082.036-.02.086-.051.137-.082.096-.06.195-.12.198-.11.006.016-.02.083-.019.11 0 .005.002.009.006.01.002 0 .012-.003.028-.01.107-.052.479-.275.497-.263.02.013-.015.107.016.117.01.003.303-.206.72-.192.054.008.165.006.454.017a.351.351 0 00.223-.067c.051-.042.069-.073.107-.12.03-.037.08-.099.098-.118.014-.015.014-.034 0-.05zM17.48 10.76c-.06-.029-.45-.178-.45-.595 0-.267.265-.66.282-.707a.692.692 0 00.04-.19c-.288.27-.747.56-1.08.82a.734.734 0 00-.07.46c.003.021.093-.002.108.01.03.027.053.196.074.202.03.01.12-.013.13.01.01.02.09.234.15.293h1c-.01-.057-.09-.257-.184-.303zm-4.544-.306c0-.03.018-.086.034-.131a1.467 1.467 0 01-.145-.21 2.639 2.639 0 01-.268-.59c-.09.087-.34.337-.358.427-.008.046-.117.48-.117.633 0 .024.104-.005.104.011 0 .014.117.354.275.469h.74c0-.071-.01-.186-.046-.24-.057-.084-.219-.201-.219-.369zM12.266 11.746c0-.05.054-.078.178-.078.054 0 .104.007.144.024.04.018.07.046.08.094h.53c-.04-.24-.255-.435-.728-.435-.426 0-.738.147-.738.439 0 .524.979.381.979.589 0 .065-.092.101-.232.101a.365.365 0 01-.158-.034.161.161 0 01-.093-.109h-.534c.012.248.305.46.754.46.469 0 .797-.155.797-.473 0-.5-.979-.372-.979-.578zm5.488.428h.671v-.315h-.67v-.193h.792v-.315h-1.326v1.35h1.358v-.316h-.825v-.211zm1.744-.823h-.531v1.35h1.26v-.316h-.73v-1.034zm-5.187 0c-.518 0-.872.28-.872.711 0 .468.35.735.872.735l.054-.002v-.338a.444.444 0 01-.054.004c-.261 0-.326-.22-.326-.395 0-.173.074-.38.321-.38.24-.005.333.193.333.38 0 .209-.078.367-.274.391v.338c.466-.02.82-.279.82-.729 0-.362-.28-.715-.874-.715zm2.563 1.072c0-.272-.105-.306-.277-.358.19-.043.274-.174.274-.33 0-.262-.179-.384-.722-.384h-.094v.315h.107c.125 0 .216.045.216.14 0 .094-.089.128-.254.128h-.21v-.268h.14v-.315h-.675v1.35h.534v-.471h.163c.25 0 .286.058.286.234 0 .12.013.206.027.236h.541v-.041c-.063 0-.056-.06-.056-.236z" fill="#fff"/></symbol><symbol viewBox="0 0 36 36" id="giftcard-delivery" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><circle fill="#87744C" cx="18" cy="18" r="18"/><path d="M6 6h24v24H6z"/><path d="M26 14h-3v-4H9c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM12 24.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H23v-2.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" fill="#FFF" fill-rule="nonzero"/></g></symbol><symbol viewBox="0 0 36 36" id="giftcard-email" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><circle fill="#87744C" cx="18" cy="18" r="18"/><path d="M26 10H10c-1.1 0-1.99.9-1.99 2L8 24c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V12c0-1.1-.9-2-2-2zm0 4l-8 5-8-5v-2l8 5 8-5v2z" fill="#FFF" fill-rule="nonzero"/><path d="M6 6h24v24H6z"/></g></symbol><symbol viewBox="0 0 20 20" id="google" xmlns="http://www.w3.org/2000/svg"><path d="M10.183 20c2.925.008 5.294-.888 7.1-2.688 1.803-1.797 2.708-4.156 2.717-7.092a6.36 6.36 0 00-.205-1.605l-9.59-.017L10.2 12l5.817.013c-.21.998-.719 1.899-1.537 2.697-1.089 1.067-2.504 1.596-4.236 1.591-1.733 0-3.23-.623-4.489-1.856-1.253-1.237-1.88-2.718-1.876-4.455 0-1.732.618-3.213 1.842-4.446C6.948 4.31 8.41 3.7 10.113 3.7c1.698.004 3.096.507 4.18 1.506l2.76-2.595C15.15.88 12.873.01 10.222 0c-2.79-.004-5.19.973-7.2 2.936C1.01 4.903.003 7.25 0 9.98c-.004 2.735.993 5.09 2.995 7.058 2.003 1.971 4.402 2.957 7.188 2.96z"/></symbol><symbol viewBox="0 0 24 24" id="gps_fixed" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3A8.994 8.994 0 0013 3.06V1h-2v2.06A8.994 8.994 0 003.06 11H1v2h2.06A8.994 8.994 0 0011 20.94V23h2v-2.06A8.994 8.994 0 0020.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></symbol><symbol viewBox="0 0 24 24" id="gps_not_fixed" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20.94 11A8.994 8.994 0 0013 3.06V1h-2v2.06A8.994 8.994 0 003.06 11H1v2h2.06A8.994 8.994 0 0011 20.94V23h2v-2.06A8.994 8.994 0 0020.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></symbol><symbol viewBox="0 0 24 24" id="gps_off" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20.94 11A8.994 8.994 0 0013 3.06V1h-2v2.06c-.98.11-1.91.38-2.77.78l1.53 1.53a6.995 6.995 0 018.87 8.87l1.53 1.53c.4-.86.67-1.79.78-2.77H23v-2h-2.06zM3 4.27l2.04 2.04A8.994 8.994 0 003.06 11H1v2h2.06A8.994 8.994 0 0011 20.94V23h2v-2.06c1.77-.2 3.38-.91 4.69-1.98L19.73 21l1.41-1.41L4.41 2.86 3 4.27zm13.27 13.27a6.995 6.995 0 01-9.81-9.81l9.81 9.81z"/></symbol><symbol viewBox="0 -960 960 960" id="help_outline" xmlns="http://www.w3.org/2000/svg"><path d="M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q
13221-54 54-127 85.5T480-80zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93zm0-320z"/></symbol><symbol viewBox="0 0 24 24" id="home" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8h5z"/></symbol><symbol viewBox="0 0 24 24" id="hot" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 12.9l-2.13 2.09c-.56.56-.87 1.29-.87 2.07C9 18.68 10.35 20 12 20s3-1.32 3-2.94c0-.78-.31-1.52-.87-2.07L12 12.9z"/><path d="M16 6l-.44.55C14.38 8.02 12 7.19 12 5.3V2S4 6 4 13c0 2.92 1.56 5.47 3.89 6.86-.56-.79-.89-1.76-.89-2.8 0-1.32.52-2.56 1.47-3.5L12 10.1l3.53 3.47c.95.93 1.47 2.17 1.47 3.5 0 1.02-.31 1.96-.85 2.75 1.89-1.15 3.29-3.06 3.71-5.3.66-3.55-1.07-6.9-3.86-8.52z"/></symbol><symbol viewBox="0 0 24 24" id="info_outline" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13c0 .55-.45 1-1 1s-1-.45-1-1 .45-1 1-1 1 .45 1 1zm0 3v7c0 .55-.45 1-1 1s-1-.45-1-1v-7c0-.55.45-1 1-1s1 .45 1 1z"/></symbol><symbol viewBox="0 0 24 24" id="instagram" xmlns="http://www.w3.org/2000/svg"><path d="M18.562 6.643c0-.327-.118-.61-.356-.847a1.162 1.162 0 00-.85-.358c-.327 0-.61.12-.847.358-.239.238-.359.52-.359.847 0 .328.12.61.359.848.238.238.52.358.847.358.328 0 .604-.12.827-.358.223-.238.348-.52.379-.848M12 15.347a3.23 3.23 0 002.366-.98A3.225 3.225 0 0015.349 12c0-.924-.328-1.712-.983-2.367A3.23 3.23 0 0012 8.653c-.924 0-1.712.327-2.366.98a3.226 3.226 0 00-.983 2.368c0 .922.328 1.71.983 2.365.654.654 1.442.981 2.366.981m0-8.48c.922 0 1.777.23 2.566.69a5.166 5.166 0 011.876 1.877c.46.788.691 1.643.691 2.567 0 .922-.23 1.777-.691 2.565a5.166 5.166 0 01-1.876 1.876 4.996 4.996 0 01-2.566.692c-.924 0-1.779-.23-2.568-.692a5.161 5.161 0 01-1.874-1.876 4.978 4.978 0 01-.693-2.565c0-.924.23-1.779.693-2.567a5.161 5.161 0 011.874-1.876A4.998 4.998 0 0112 6.866m7.811 11.026c.18-.505.298-1.309.359-2.41.028-.655.043-1.576.043-2.767v-1.428c0-1.221-.015-2.145-.043-2.77-.061-1.129-.18-1.933-.359-2.409-.356-.924-.996-1.563-1.92-1.92-.476-.179-1.278-.297-2.41-.358a67.517 67.517 0 00-2.767-.044h-1.428c-1.19 0-2.115.016-2.768.044-1.103.061-1.905.18-2.411.358-.922.357-1.562.996-1.92 1.92-.18.476-.297 1.28-.357 2.41-.03.655-.045 1.576-.045 2.769v1.428c0 1.19.015 2.112.045 2.768.06 1.1.178 1.904.357 2.409.386.924 1.026 1.563 1.92 1.92.506.179 1.308.297 2.411.358.653.028 1.577.044 2.768.044h1.428c1.22 0 2.143-.016 2.768-.044 1.131-.061 1.933-.18 2.41-.358.923-.387 1.563-1.027 1.92-1.92m2.142-10.043c.03.832.046 2.217.046 4.152 0 1.933-.023 3.325-.067 4.173-.045.847-.171 1.584-.38 2.21a5.208 5.208 0 01-3.17 3.17c-.625.206-1.362.334-2.21.377-.847.046-2.24.069-4.173.069-1.935 0-3.326-.023-4.175-.069-.848-.043-1.585-.184-2.21-.422a4.763 4.763 0 01-1.94-1.183 5.212 5.212 0 01-1.23-1.943c-.207-.625-.335-1.362-.378-2.21C2.02 15.327 2 13.935 2 12.002c0-1.935.021-3.327.067-4.175.043-.847.171-1.584.379-2.21a5.212 5.212 0 013.17-3.168c.624-.21 1.361-.336 2.209-.38C8.675 2.024 10.065 2 12 2c1.933 0 3.326.023 4.173.069.848.043 1.585.17 2.21.379a5.185 5.185 0 011.943 1.226c.55.55.96 1.198 1.226 1.943.21.625.343 1.37.402 2.232"/></symbol><symbol viewBox="0 0 45 25" id="klarna" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero" fill="none"><rect width="45" height="25" rx="4.321" fill="#FFB3C7"/><path d="M40.794 14.646a1.07 1.07 0 00-1.066 1.076 1.07 1.07 0 001.066 1.076c.588 0 1.066-.482 1.066-1.076a1.07 1.07 0 00-1.066-1.076zm-3.508-.831c0-.814-.689-1.473-1.539-1.473s-1.539.66-1.539 1.473c0 .813.69 1.472 1.54 1.472s1.538-.659 1.538-1.472zm.006-2.863h1.698v5.725h-1.698v-.366a2.96 2.96 0 01-1.684.524c-1.653 0-2.993-1.352-2.993-3.02s1.34-3.02 2.993-3.02c.625 0 1.204.193 1.684.524v-.367zm-13.592.746v-.745h-1.739v5.724h1.743v-2.673c0-.902.968-1.386 1.64-1.386h.02v-1.665c-.69 0-1.323.298-1.664.745zm-4.332 2.117c0-.814-.689-1.473-1.539-1.473s-1.539.66-1.539 1.473c0 .813.69 1.472 1.54 1.472.85 0 1.538-.659 1.538-1.472zm.006-2.863h1.699v5.725h-1.699v-.366c-.48.33-1.059.524-1.684.524-1.653 0-2.993-1.352-2.993-3.02s1.34-3.02 2.993-3.02c.625 0 1.204.193 1.684.524v-.367zm10.223-.153c-.678 0-1.32.212-1.75.798v-.644h-1.691v5.724h1.712v-3.008c0-.87.5
1322178-1.297 1.275-1.297.746 0 1.176.45 1.176 1.285v3.02h1.696v-3.64c0-1.332-1.05-2.238-2.418-2.238zm-17.374 5.878h1.778V8.402h-1.778v8.275zm-7.81.002h1.883V8.4H4.414v8.279zM10.999 8.4c0 1.792-.692 3.46-1.926 4.699l2.602 3.58H9.35l-2.827-3.89.73-.552A4.768 4.768 0 009.155 8.4h1.842z" fill="#0A0B09"/></g></symbol><symbol viewBox="0 0 24 24" id="link" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z"/></symbol><symbol viewBox="0 0 24 24" id="linkedin" xmlns="http://www.w3.org/2000/svg"><path d="M8.914 21.113c.018-3.463.027-6.27.027-8.423 0-2.152-.005-3.44-.013-3.854l-.014-.628h4.284v1.877h-.026c.174-.276.352-.52.533-.73.183-.207.428-.433.737-.676a3.397 3.397 0 011.132-.568c.447-.134.945-.2 1.491-.2 1.486 0 2.678.492 3.582 1.478.902.985 1.353 2.428 1.353 4.328v7.396h-4.283v-6.9c0-.912-.175-1.626-.527-2.141-.352-.517-.903-.776-1.647-.776-.549 0-1.006.148-1.375.45-.37.299-.644.67-.826 1.111-.096.263-.144.613-.144 1.056v7.2H8.914zm-6.665 0h4.295V8.208H2.249v12.905zM2 4.224c0-.641.224-1.172.67-1.594C3.119 2.208 3.702 2 4.424 2c.721 0 1.297.208 1.732.63.434.422.653.953.663 1.594.008.636-.212 1.165-.657 1.59-.447.427-1.036.639-1.766.639H4.37c-.711 0-1.285-.212-1.719-.638C2.218 5.389 2 4.86 2 4.225z"/></symbol><symbol viewBox="0 0 24 24" id="list" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M0 0h24v24H0V0z"/><path d="M0 0h24v24H0V0z" opacity=".87"/></g><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7zm-4 6h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/></symbol><symbol viewBox="0 0 78.5 53" id="livelyfoam" xmlns="http://www.w3.org/2000/svg"><path d="M70.2 28.6c-2.7-.8-6-1.7-9.4-3.3-7.6-3.5-15.5-7.1-18.4-12.8C39.7 7.1 38.7.6 38.7.5c-.1-.3-.4-.6-.7-.5-.3.1-.6.4-.5.7 0 .3 1 6.7 3.8 12.3 3.1 6.1 11.2 9.8 19 13.4 3.5 1.6 6.9 2.6 9.6 3.3 5.7 1.6 8 2.4 7.1 5.7-.1.2 0 .4.1.5-10.2 2.8-19.9 1.1-30.9.2V41h8.1l-17.5 8.9L18.2 41h8.4v-6.4c-1.1-.2-2.1-.3-3.2-.3C17 33.8 9.8 33.1 7 32.9v-.2c-.2-1.1-.1-1.1-.1-1.4v-.7c0-4.1 1.7-7.6 3.5-11.2 2.5-5 5-10.2 3.7-17.8-.1-.3-.4-.6-.7-.5-.3.1-.6.4-.5.7 1.3 7.2-1.2 12.2-3.6 17-1.9 3.8-3.6 7.3-3.6 11.8v.6c0 .4 0 .5.1 1.6l-.1-.3L0 47.4S5.7 53 17.2 53h37.2s22.9.9 24-17.4h-.1c1-4.4-2.8-5.5-8.1-7z"/></symbol><symbol viewBox="0 0 24 24" id="local_offer" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58s1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41s-.23-1.06-.59-1.42zM13 20.01L4 11V4h7v-.01l9 9-7 7.02z"/><circle cx="6.5" cy="6.5" r="1.5"/></symbol><symbol viewBox="0 0 14 18" id="location" xmlns="http://www.w3.org/2000/svg"><path d="M7 9c.458 0 .85-.163 1.177-.49.326-.326.49-.718.49-1.177 0-.458-.164-.85-.49-1.177A1.605 1.605 0 007 5.666c-.458 0-.85.164-1.177.49-.327.326-.49.719-.49 1.177 0 .458.163.85.49 1.177.326.327.719.49 1.177.49zm0 6.125c1.694-1.556 2.951-2.969 3.77-4.24C11.59 9.615 12 8.486 12 7.5c0-1.514-.483-2.754-1.448-3.719C9.587 2.816 8.402 2.333 7 2.333c-1.403 0-2.587.483-3.552 1.448C2.483 4.746 2 5.986 2 7.5c0 .986.41 2.114 1.23 3.385.819 1.271 2.075 2.684 3.77 4.24zm0 2.208c-2.236-1.903-3.906-3.67-5.01-5.302C.885 10.4.333 8.89.333 7.5c0-2.083.67-3.743 2.01-4.98C3.684 1.286 5.237.668 7 .668c1.764 0 3.316.618 4.656 1.854 1.34 1.236 2.01 2.896 2.01 4.979 0 1.389-.552 2.9-1.656 4.531-1.104 1.632-2.774 3.4-5.01 5.302z"/></symbol><symbol viewBox="0 0 24 24" id="lock" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M0 0h24v24H0V0z"/><path d="M0 0h24v24H0V0z" opacity=".87"/></g><path d="M20 8h-3V6.21c0-2.61-1.91-4.94-4.51-5.19A5.008 5.008 0 007 6v2H4v14h16V8zm-8 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9z"/></symbol><symbol viewBox="0 0 24 24" id="log_out" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"/><path d="M17 17l5-5-5-5-1.41 1.41L18.17 11H9v2h9.17l-2.58 2.59z"/><path d="M19 19H5V5h14v2h2V3H3v18h18v-4h-2z"/></symbol><symbol viewBox="0 0 172 30" id="logo" xmlns="http://www.w3.org/2000/svg"><path d="M11.412 8.255c0-1.024 1.086-1.619 3.537-1.619 1.086 0 2.078.16 2.877.513.804.357 1.417.95 1.606 1.936h10.562c-.801-4.974-5.09-9-14.523-9C6.981.085.755 3.125.755 9.164c0 10.854 19.525 7.891 19.525 12.195 0 1.34-1.84 2.09-4.623 2.09-1.084 0-2.261-.237-3.159-.71-.943-.473-1.606-1.224-1.84-2.25H0c.236 5.134 6.083 9.51 15.044 9.51 9.34 0 15.895-3.195 15.895-9.786 0-10.338-19.527-7.695-19.527-11.958M53.168 22.982a8.866 8.866 0 01-1.107.073c-5.352 0-6.678-4.538-6.678-8.169 0-3.593 1.517-7.854 6.583-7.854 4.923-.118 6.819 3.986 6.819 7.854 0 4.317-1.608 7.593-5.617 8.096M52.061.085c-10.608 0-17.855 5.804-17.855 14.721 0 9.668 7.15 15.194 17.855 15.194.375 0 .738-.022 1.107-.038 9.54-.387 16.793-5.765 16.793-15.076 0-7.498-5.732-14.8
1322101-17.9-14.801M89.371 13.093h-4.343v-5.56H90.165c2.57 0 4.437.934 4.437 2.916 0 1.944-1.82 2.644-5.23 2.644m15.46 10.15c0-5.638-2.15-6.338-5.698-7.427 3.922-.893 5.652-3.615 5.652-6.846 0-5.443-3.69-7.97-14.902-7.97H74v28h11.028v-9.761h3.363c5.14 0 5.883 1.205 5.883 4.861 0 2.488.283 4.276.562 4.9H106v-.857c-1.31 0-1.168-1.242-1.168-4.9M122.997 18.069h13.837v-6.53h-13.837V7.535h16.35V1H112v28h28v-6.535h-17.003zM156.958 22.465V1H146v28h26v-6.535z"/></symbol><symbol viewBox="0 0 108 108" id="logo-mark" xmlns="http://www.w3.org/2000/svg"><path class="bear" d="M89.014 34.91c-.122.187-1.328.179-1.734-.53-.229-.4.264-.778.512-.827 1.004-.191 1.405 1.074 1.222 1.358m5.88 3.426c-.564-.702-2.388-2.698-4.187-3.766-.349-.207-.381-1.286-.867-1.758-.343-.336-1.605-1.125-3.9-2.004-.4-.152-1.085-.29-1.844-.394-1-1.401-2.377-1.094-2.796-.483-.368.534-.235 1.216.218 1.745.144.168-.027.251-.133.236-1.195-.166-1.27-1.757-1.383-1.763-5.553-.314-13.074-.336-15.79-.062-1.005.102-2.08.81-3.746 1.082-1.23.198-12.637-6.17-23.748-6.17-3.607 0-7.284.877-8.947 1.69-2.143 1.04-5.72 4.144-8.414 7.881-2.314 3.209-3.977 6.89-3.519 10.135.047.33 1.627-.179 1.769.12.064.13.02.254.015.53-.006.257.022.644.203 1.293.256.93.51 1.756.649 1.79.278.066 1.015-.814 1.077-.61.812 2.773 2.534 6.568 3.711 8.314.369.544.683.888.902.942.276.068.69-.794.77-.606 1.368 3.195 3.712 7.437 5.804 9.521h8.888c-.034-.442-.21-2.277-.756-2.87-.624-.675-3.121-1.52-3.121-5.033a4.7 4.7 0 01.404-1.954c.605-1.342 1.76-2.228 2.611-3.348 2.601-3.412 2.012-4.006 2.359-4.255.33-.235 1.075.337 3.464-2.465 0 0 .445.284.826.455.262.12.7.323.646.39-2.171 2.6-3.547 2.735-3.754 2.87-.287.185.326.904-4.277 6.281-.028.033-.027.057.003.072.058.03.22.026.449 0 1.043-.12 3.466-.716 3.718-.814 0 0 2.879-4.493 2.983-4.56.051-.032.546.11.99.141.48.036.97-.098 1.058.018.099.127-2.233 2.27-3.632 5.215-.101.214-.2.433-.289.655-.128.313.965-.11.937.084-.07.474-2.22 3.495-2.22 5.083 0 .254 1.074-.053 1.074.118 0 .147.656 2.776 2.253 3.917h9.215c-.006-.732-.277-1.849-.659-2.414-.398-.591-2.185-1.181-2.185-2.465 0-1.51 1.442-3.2 3.504-4.978 4.052-3.497 10.502-7.332 13.106-10.786a7.1 7.1 0 00.783-1.275c.05-.103.465-.101.87-.15.502-.065 1.046-.214 1.028-.16-.167.515-.457 1.043-.847 1.585a11.31 11.31 0 01-.688.86c.368-.214.884-.536 1.405-.86.996-.621 2.012-1.247 2.048-1.14.058.168-.215.864-.196 1.14.003.058.02.097.057.11.027.008.13-.033.289-.11 1.103-.538 4.94-2.846 5.123-2.727.207.134-.156 1.109.173 1.216.104.032 3.123-2.14 7.421-1.993.556.083 1.699.067 4.684.18.903.032 1.792-.279 2.298-.696.528-.436.708-.76 1.103-1.25.303-.377.826-1.023 1.01-1.224.14-.152.144-.347 0-.526M69.671 62.86c-.623-.303-4.647-1.844-4.647-6.18 0-2.77 2.74-6.84 2.913-7.33.138-.388.432-1.412.414-1.984-2.975 2.818-7.708 5.821-11.14 8.514-.363.652-1.085 2.378-.72 4.784.032.215.964-.025 1.11.101.312.272.555 2.027.763 2.095.312.102 1.25-.135 1.354.102.092.21.928 2.432 1.547 3.038H71.57c-.1-.592-.935-2.67-1.898-3.14M22.81 59.685c0-.313.186-.9.354-1.366-.46-.525-.983-1.298-1.501-2.176-1.206-2.043-2.387-4.652-2.702-5.982-.015-.06-.036-.115-.06-.135-.924.893-3.508 3.497-3.687 4.424-.092.477-1.214 4.982-1.214 6.57 0 .252 1.077-.054 1.077.118 0 .147 1.211 3.672 2.84 4.862h7.618c.007-.738-.089-1.932-.47-2.498-.585-.866-2.255-2.079-2.255-3.817"/><path class="text" d="M15.902 73.097c0-.514.56-.812 1.829-.812.562 0 1.074.08 1.487.257.416.179.733.476.83.971h5.463C25.097 71.02 22.878 69 18.001 69c-4.39 0-7.61 1.524-7.61 4.552 0 5.442 10.097 3.958 10.097 6.115 0 .672-.952 1.048-2.391 1.048-.56 0-1.17-.119-1.634-.356-.487-.237-.83-.613-.951-1.128H10C10.122 81.805 13.146 84 17.78 84c4.83 0 8.22-1.603 8.22-4.908 0-5.183-10.098-3.857-10.098-5.995m56.596 4.438h6.919V74.27h-6.919v-2.003h8.176V69H67v14h14v-3.267h-8.502zM90.479 69H85v14h13v-3.267h-7.521zm-53.49 0C31.649 69 28 71.91 28 76.381 28 81.23 31.6 84 36.989 84c.189 0 .371-.012.557-.02v-3.5a4.59 4.59 0 01-.557.038c-2.695 0-3.362-2.276-3.362-4.097 0-1.801.764-3.938 3.314-3.938 2.479-.059 3.432 2 3.432 3.938 0 2.165-.809 3.807-2.827 4.06v3.5C42.348 83.787 46 81.089 46 76.42c0-3.759-2.886-7.42-9.011-7.42m26.427 11.122c0-2.82-1.075-3.17-2.85-3.714 1.962-.447 2.827-1.807 2.827-3.423 0-2.72-1.845-3.985-7.451-3.985h-.97v3.267h1.11c1.285 0 2.22.467 2.22 1.458 0 .972-.911 1.322-2.617 1.322h-2.17v-2.78h1.457V69H48v14h5.514v-4.88h1.682c2.57 0 2.94.602 2.94 2.43 0 1.244.143 2.138.282 2.45H64v-.428c-.655 0-.584-.622-.584-2.45"/></symbol><symbol viewBox="0 0 24 24" id="menu" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></symbol><symbol viewBox="0 0 24 24" id="more" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></symbol><symbol viewBox="0 0 56.7 48.8" id="movefree" xmlns="http://www.w3.org/2000/svg"><path d="M28.3 34.6c-9.6 0-17.3-7.8-17.3-17.3C11 7.7 18.7 0 28.3 0c9.6 0 17.3 7.8 17.3 17.3 0 9.6-7.7 17.3-17.3 17.3zm0-32.4C20 2.2 13.2 9 13.2 17.3S20 32.4 28.3 32.4s15.1-6.8 15.1-15.1S36.6 2.2 28.3 2.2z"/><path d="M28.4 43h-.1c-5 0-8.6-2-14.4-7.9C8.4 29.5.2 30.5.1 30.5l-.1-.7c.1 0 8.7-1.1 14.4 4.8 5.6 5.7 9 7.7 13.8 7.7h.1c4.6 0 7.8-1.8 13.8-7.7 6.8-6.9 14.4-4.8 14.5-4.8l-.2.7c-.1 0-7.3-1.9-13.7 4.6-6 6-9.5 7.9-14.3 7.9z"/><path d="M28.4 48.8h-.1c-5.1 0-7.8-.8-15.5-5.9C7.6 39.4.3 40 .2 40L0 37.8c.3 0 8.2-.7 14 3.3 7.6 5.1 9.9 5.5 14.3 5.5h.1c4.5 0 6.7-.5 14.3-5.5 5.9-4 13.7-3.3 14-3.3l-.2 2.2c-.1 0-7.4-.6-12.6 2.9-7.6 5.1-10.3 5.9-15.5 5.9z"/></symbol><symbol viewBox="0 0 24 24" id="offer" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22.83 12.99L11.83 2H2v9.83l10.99 10.99 9.84-9.83zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/></symbol><symbol viewBox="0 0 645.77 351.3" id="outdry" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M95.22 126.4c-14.36 0-16.05 11.97-16.05 49.21s2.11 49.21 16.05 49.21 16.47-11.97 16.47-49.21-2.11-49.21-16.47-49.21z"/><path d="M614.77 0H31C13.88 0 0 13.88 0 31v289.3c0 17.12 13.88 31 31 31h583.77c17.12 0 31-13.88 31-31V31c0-17.12-13.88-31-31-31zM95.43 246.1c-46.66 0-52.99-27.36-52.99-70.49s6.33-70.5 52.99-70.5c50.25 0 52.99 32.87 52.99 70.5s-2.75 70.49-52.99 70.49zm147.98-2.65l-32.93-.01v-12.16h-.42c-4.86 9.12-14.78 14.82-27.45 14.82-19.42 0-29.77-8.74-29.77-28.5v-76.96h34.2v70.12c0 7.41 3.59 11.78 9.92 11.78s12.25-4.56 12.25-14.63v-67.26h34.2v102.79h.01-.01zm66.1-.01c-6.54.76-13.09 1.14-19.63 1.14-23.65 0-30.4-3.8-30.4-27.74v-54.91h-14.16v-21.28h14.15v-30.21h34.2v30.21h15.83v21.28h-15.83v51.87c0 7.22 2.96 9.5 10.98 9.5 1.48 0 3.38-.19 4.86-.38v20.52zm294.45 58.73c0 8.06-6.54 14.6-14.6 14.6H336.33c-8.06 0-14.6-6.54-14.6-14.6V49.13c0-8.06 6.54-14.6 14.6-14.6l253.03.01c8.06 0 14.6 6.54 14.6 14.6v253.03z"/><path d="M330.41 107.77h52.57c35.05 0 50.04 16.34 50.04 63.46s-6.97 72.2-53.63 72.2h-48.98V107.77zm35.47 112.11h9.5c16.47 0 22.17-5.89 22.17-46.55 0-33.06-2.96-41.99-21.75-41.99h-9.92v88.55zM434.91 140.65h32.94v14.44h.42c4.43-9.12 13.09-17.1 27.45-17.1 1.69 0 3.38 0 5.49.38v28.88c-3.38-.57-6.12-.76-9.5-.76-13.72 0-22.59 5.13-22.59 18.62v58.33h-34.2v-102.8h-.01zM502.05 140.65h35.47l13.93 72.02h.42l13.3-72.02h34.2l-30.61 103.56c-7.81 26.41-15.83 32.68-42.44 32.68-5.49 0-10.35 0-14.78-.38v-21.66c2.74.38 5.7.76 8.44.76 6.54 0 12.46-2.47 14.36-11.4l-32.3-103.56h.01z"/></g></symbol><symbol viewBox="0 0 24 24" id="pause" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16h2V8H9v8zm3-14C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-4h2V8h-2v8z"/></symbol><symbol viewBox="0 0 160 100" id="paypal-logo" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><g fill="#002c8b"><path d="M48.927 68.622h-6.264a.87.87 0 00-.86.735l-2.534 16.062a.522.522 0 00.517.603h2.99a.87.87 0 00.86-.735l.684-4.333a.87.87 0 01.859-.735h1.983c4.126 0 6.507-1.997 7.13-5.954.28-1.731.011-3.091-.8-4.044-.89-1.046-2.469-1.6-4.565-1.6zm.722 5.867c-.342 2.247-2.06 2.247-3.72 2.247h-.945l.663-4.197c.04-.254.259-.441.515-.441h.434c1.131 0 2.198 0 2.75.645.328.384.429.956.303 1.746zM67.652 74.416h-3a.522.522 0 00-.516.44l-.133.84-.21-.304c-.649-.943-2.097-1.258-3.542-1.258-3.3
1322115 0-6.146 2.51-6.698 6.033-.286 1.756.121 3.436 1.118 4.608.914 1.077 2.222 1.526 3.778 1.526 2.671 0 4.152-1.718 4.152-1.718l-.134.834a.522.522 0 00.515.604h2.702a.87.87 0 00.86-.735l1.621-10.267a.52.52 0 00-.513-.603zm-4.182 5.839c-.29 1.713-1.65 2.864-3.384 2.864-.871 0-1.567-.28-2.014-.81-.444-.525-.612-1.273-.471-2.107.27-1.699 1.653-2.887 3.361-2.887.852 0 1.545.283 2 .817.458.54.64 1.293.508 2.123zM83.628 74.416h-3.015a.873.873 0 00-.72.382l-4.158 6.124-1.763-5.885a.873.873 0 00-.835-.62h-2.962c-.36 0-.61.351-.496.69L73 84.851l-3.12 4.406a.522.522 0 00.425.825h3.01a.87.87 0 00.716-.374l10.026-14.472a.522.522 0 00-.428-.82"/></g><path d="M93.608 68.622h-6.265a.87.87 0 00-.86.735L83.95 85.419a.521.521 0 00.515.603h3.215a.609.609 0 00.6-.515l.72-4.553a.87.87 0 01.859-.735h1.982c4.127 0 6.508-1.997 7.13-5.954.282-1.731.012-3.091-.8-4.044-.889-1.046-2.467-1.6-4.563-1.6zm.722 5.867c-.341 2.247-2.059 2.247-3.72 2.247h-.945l.664-4.197a.52.52 0 01.515-.441h.433c1.13 0 2.199 0 2.75.645.329.384.429.956.303 1.746zM112.331 74.416h-2.998a.52.52 0 00-.514.44l-.133.84-.21-.304c-.65-.943-2.097-1.258-3.543-1.258-3.315 0-6.145 2.51-6.696 6.033-.286 1.756.12 3.436 1.116 4.608.916 1.077 2.222 1.526 3.779 1.526 2.67 0 4.152-1.718 4.152-1.718l-.134.834a.522.522 0 00.517.604h2.7a.87.87 0 00.86-.735l1.622-10.267a.523.523 0 00-.518-.603zm-4.18 5.839c-.288 1.713-1.65 2.864-3.385 2.864-.87 0-1.567-.28-2.015-.81-.443-.525-.61-1.273-.47-2.107.272-1.699 1.653-2.887 3.361-2.887.852 0 1.545.283 2 .817.46.54.64 1.293.508 2.123zM115.868 69.063l-2.571 16.356a.521.521 0 00.514.603h2.585c.43 0 .794-.311.86-.735l2.536-16.062a.522.522 0 00-.515-.604h-2.894a.523.523 0 00-.515.442" fill="#019be2"/><g><path d="M73.649 60.843l.91-5.782-2.028-.048h-9.684l6.73-42.672a.55.55 0 01.547-.467h16.329c5.42 0 9.162 1.128 11.115 3.354.916 1.045 1.499 2.136 1.781 3.337.296 1.261.3 2.767.012 4.604l-.02.133v1.177l.915.52c.77.408 1.384.876 1.854 1.412.783.894 1.29 2.029 1.504 3.374.221 1.384.148 3.031-.214 4.896-.418 2.144-1.094 4.012-2.006 5.54a11.387 11.387 0 01-3.177 3.482c-1.211.86-2.65 1.513-4.279 1.931-1.577.41-3.375.618-5.348.618h-1.27c-.909 0-1.791.327-2.484.914a3.845 3.845 0 00-1.295 2.311l-.097.521-1.608 10.193-.073.374c-.02.118-.052.177-.101.217a.268.268 0 01-.167.061z" fill="#28356a"/><path d="M77.736 23.494a2.034 2.034 0 011.136-1.525c.27-.13.567-.2.882-.2h12.799c1.516 0 2.931.1 4.223.308a16.902 16.902 0 012.578.614c.635.21 1.226.46 1.77.747.641-4.086-.005-6.867-2.214-9.386-2.435-2.774-6.83-3.96-12.455-3.96h-16.33a2.333 2.333 0 00-2.306 1.972l-6.801 43.111a1.403 1.403 0 001.383 1.622h10.081z" fill="#002c8b"/><path d="M101.123 23.438c-.049.312-.105.63-.167.957-2.154 11.057-9.521 14.876-18.93 14.876h-4.79c-1.152 0-2.121.835-2.3 1.97l-3.148 19.966a1.226 1.226 0 001.21 1.417h8.497c1.006 0 1.86-.73 2.02-1.723l.083-.432 1.6-10.152.102-.557a2.044 2.044 0 012.02-1.727h1.27c8.233 0 14.678-3.343 16.561-13.015.787-4.04.38-7.414-1.703-9.787-.63-.715-1.411-1.31-2.325-1.793" fill="#019be2"/><path d="M98.87 22.54a16.901 16.901 0 00-2.094-.465c-1.292-.209-2.707-.308-4.223-.308H79.754a2.04 2.04 0 00-2.018 1.727l-2.722 17.245-.078.503a2.326 2.326 0 012.3-1.97h4.79c9.409 0 16.776-3.822 18.93-14.877.064-.327.118-.645.167-.957a11.45 11.45 0 00-1.77-.747 16.522 16.522 0 00-.483-.151" fill="#001f6b"/></g></g></symbol><symbol viewBox="0 0 124 33" id="paypal-radio-logo" xmlns="http://www.w3.org/2000/svg"><path fill="#253B80" d="M46.211 6.749h-6.839a.95.95 0 00-.939.802l-2.766 17.537a.57.57 0 00.564.658h3.265a.95.95 0 00.939-.803l.746-4.73a.95.95 0 01.938-.803h2.165c4.505 0 7.105-2.18 7.784-6.5.306-1.89.013-3.375-.872-4.415-.972-1.142-2.696-1.746-4.985-1.746zM47 13.154c-.374 2.454-2.249 2.454-4.062 2.454h-1.032l.724-4.583a.57.57 0 01.563-.481h.473c1.235 0 2.4 0 3.002.704.359.42.469 1.044.332 1.906zm19.654-.079h-3.275a.57.57 0 00-.563.481l-.145.916-.229-.332c-.709-1.029-2.29-1.373-3.868-1.373-3.619 0-6.71 2.741-7.312 6.586-.313 1.918.132 3.752 1.22 5.031.998 1.176 2.426 1.666 4.125 1.666 2.916 0 4.533-1.875 4.533-1.875l-.146.91a.57.57 0 00.562.66h2.95a.95.95 0 00.939-.803l1.77-11.209a.568.568 0 00-.561-.658zm-4.565 6.374c-.316 1.871-1.801 3.127-3.695 3.127-.951 0-1.711-.305-2.199-.883-.484-.574-.668-1.391-.514-2.301.295-1.855 1.805-3.152 3.67-3.152.93 0 1.686.309 2.184.892.499.589.697 1.411.554 2.317zm22.007-6.374h-3.291a.954.954 0 00-.787.417l-4.539 6.686-1.924-6.425a.953.953 0 00-.912-.678h-3.234a.57.57 0 00-.541.754l3.625 10.638-3.408 4.811a.57.57 0 00.465.9h3.287a.949.949 0 00.781-.408l10.946-15.8a.57.57 0 00-.468-.895z"/><path fill="#179BD7" d="M94.992 6.749h-6.84a.95.95 0 00-.938.802l-2.766 17.537a.569.569 0 00.562.658h3.51a.665.665 0 00.656-.562l.785-4.971a.95.95 0 01.938-.803h2.164c4.506 0 7.105-2.18 7.785-6.5.307-1.89.012-3.375-.873-4.415-.971-1.142-2.694-1.746-4.983-1.746zm.789 6.405c-.373 2.454-2.248 2.454-4.062 2.454h-1.031l.725-4.583a.568.568 0 01.562-.481h.473c1.234 0 2.4 0 3.002.704.359.42.468 1.044.331 1.906zm19.653-.079h-3.273a.567.567 0 00-.562.481l-.145.916-.23-.332c-.709-1.029-2.289-1.373-3.867-1.373-3.619 0-6.709 2.741-7.311 6.586-.312 1.918.131 3.752 1.219 5.031 1 1.176 2.426 1.666 4.125 1.666 2.916 0 4.533-1.875 4.533-1.875l-.146.91a.57.57 0 00.564.66h2.949a.95.95 0 00.938-.803l1.7
1322171-11.209a.571.571 0 00-.565-.658zm-4.565 6.374c-.314 1.871-1.801 3.127-3.695 3.127-.949 0-1.711-.305-2.199-.883-.484-.574-.666-1.391-.514-2.301.297-1.855 1.805-3.152 3.67-3.152.93 0 1.686.309 2.184.892.501.589.699 1.411.554 2.317zm8.426-12.219l-2.807 17.858a.569.569 0 00.562.658h2.822c.469 0 .867-.34.939-.803l2.768-17.536a.57.57 0 00-.562-.659h-3.16a.571.571 0 00-.562.482z"/><path fill="#253B80" d="M7.266 29.154l.523-3.322-1.165-.027H1.061L4.927 1.292a.316.316 0 01.314-.268h9.38c3.114 0 5.263.648 6.385 1.927.526.6.861 1.227 1.023 1.917.17.724.173 1.589.007 2.644l-.012.077v.676l.526.298a3.69 3.69 0 011.065.812c.45.513.741 1.165.864 1.938.127.795.085 1.741-.123 2.812-.24 1.232-.628 2.305-1.152 3.183a6.547 6.547 0 01-1.825 2c-.696.494-1.523.869-2.458 1.109-.906.236-1.939.355-3.072.355h-.73c-.522 0-1.029.188-1.427.525a2.21 2.21 0 00-.744 1.328l-.055.299-.924 5.855-.042.215c-.011.068-.03.102-.058.125a.155.155 0 01-.096.035H7.266z"/><path fill="#179BD7" d="M23.048 7.667c-.028.179-.06.362-.096.55-1.237 6.351-5.469 8.545-10.874 8.545H9.326c-.661 0-1.218.48-1.321 1.132L6.596 26.83l-.399 2.533a.704.704 0 00.695.814h4.881c.578 0 1.069-.42 1.16-.99l.048-.248.919-5.832.059-.32c.09-.572.582-.992 1.16-.992h.73c4.729 0 8.431-1.92 9.513-7.476.452-2.321.218-4.259-.978-5.622a4.667 4.667 0 00-1.336-1.03z"/><path fill="#222D65" d="M21.754 7.151a9.757 9.757 0 00-1.203-.267 15.284 15.284 0 00-2.426-.177h-7.352a1.172 1.172 0 00-1.159.992L8.05 17.605l-.045.289a1.336 1.336 0 011.321-1.132h2.752c5.405 0 9.637-2.195 10.874-8.545.037-.188.068-.371.096-.55a6.594 6.594 0 00-1.017-.429 9.045 9.045 0 00-.277-.087z"/><path fill="#253B80" d="M9.614 7.699a1.169 1.169 0 011.159-.991h7.352c.871 0 1.684.057 2.426.177a9.757 9.757 0 011.481.353c.365.121.704.264 1.017.429.368-2.347-.003-3.945-1.272-5.392C20.378.682 17.853 0 14.622 0h-9.38c-.66 0-1.223.48-1.325 1.133L.01 25.898a.806.806 0 00.795.932h5.791l1.454-9.225 1.564-9.906z"/></symbol><symbol viewBox="0 0 24 24" id="pdf" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 2H6v16h16V2zm-10.5 9H9v2H7.5V7h4v4zm5 .5c0 .83-.67 1.5-1.5 1.5h-2.5V7H15c.83 0 1.5.67 1.5 1.5v3zm4-3H19v1h1.5V11H19v2h-1.5V7h3v1.5zM9 9.5h1v-1H9v1zM4 6H2v16h16v-2H4V6zm10 5.5h1v-3h-1v3z"/></symbol><symbol viewBox="0 -960 960 960" id="phone" xmlns="http://www.w3.org/2000/svg"><path d="M798-120q-125 0-247-54.5T329-329Q229-429 174.5-551T120-798q0-18 12-30t30-12h162q14 0 25 9.5t13 22.5l26 140q2 16-1 27t-11 19l-97 98q20 37 47.5 71.5T387-386q31 31 65 57.5t72 48.5l94-94q9-9 23.5-13.5T670-390l138 28q14 4 23 14.5t9 23.5v162q0 18-12 30t-30 12zM241-600l66-66-17-94h-89q5 41 14 81t26 79zm358 358q39 17 79.5 27t81.5 13v-88l-94-19-67 67zM241-600zm358 358z"/></symbol><symbol viewBox="0 0 24 24" id="phone_call" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M21 15.46l-5.27-.61-2.52 2.52a15.045 15.045 0 01-6.59-6.59l2.53-2.53L8.54 3H3.03C2.45 13.18 10.82 21.55 21 20.97v-5.51z"/></symbol><symbol viewBox="0 0 24 24" id="pinterest" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.001c0-1.814.447-3.488 1.341-5.018a9.917 9.917 0 013.64-3.64C8.511 2.45 10.185 2 11.999 2c1.814 0 3.488.45 5.018 1.343a9.946 9.946 0 013.64 3.64c.894 1.53 1.341 3.204 1.341 5.018 0 1.814-.447 3.488-1.341 5.018a9.946 9.946 0 01-3.64 3.64c-1.53.894-3.204 1.341-5.018 1.341-.964 0-1.91-.14-2.839-.416.512-.809.852-1.52 1.017-2.137.078-.293.311-1.209.702-2.747.173.338.49.632.95.879.46.249.955.371 1.484.371 1.05 0 1.987-.297 2.814-.89.822-.595 1.462-1.414 1.913-2.456.45-1.04.676-2.214.676-3.515 0-.99-.258-1.919-.774-2.784-.517-.871-1.265-1.577-2.247-2.123-.98-.546-2.086-.82-3.319-.82-.912 0-1.761.124-2.553.375-.789.254-1.46.587-2.01 1.003a6.909 6.909 0 00-1.42 1.439 5.931 5.931 0 00-.87 1.685 5.634 5.634 0 00-.282 1.746c0 .902.175 1.697.521 2.382.348.688.855 1.168 1.524 1.446.26.103.426.016.494-.26.018-.06.053-.197.105-.403.053-.21.086-.34.105-.39a.6.6 0 00-.144-.562c-.443-.53-.665-1.184-.665-1.964 0-1.31.453-2.438 1.361-3.38.908-.942 2.094-1.412 3.56-1.412 1.312 0 2.333.357 3.066 1.067.733.713 1.1 1.637 1.1 2.774 0 1.474-.295 2.728-.892 3.76-.593 1.033-1.355 1.55-2.282 1.55-.531 0-.957-.189-1.278-.566-.32-.375-.42-.832-.3-1.359.07-.305.186-.711.347-1.219.16-.507.29-.952.389-1.341.1-.385.151-.714.151-.984 0-.432-.118-.793-.353-1.077-.234-.29-.568-.432-1.002-.432-.538 0-.993.25-1.366.743-.374.494-.56 1.112-.56 1.849 0 .634.108 1.162.326 1.586l-1.29 5.442c-.148.609-.203 1.379-.168 2.306-1.789-.79-3.235-2.008-4.335-3.657C2.55 15.859 2 14.023 2 12"/></symbol><symbol viewBox="0 0 24 24" id="play" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></symbol><symbol viewBox="0 0 24 24" id="print" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 8H2v9h4v4h12v-4h4V8zm-6 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/></symbol><symbol viewBox="0 0 24 24" id="profile" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 11.75a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zm6 0a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8
132210-.29.02-.58.05-.86 2.36-1.05 4.23-2.98 5.21-5.37a9.974 9.974 0 0010.41 3.97c.21.71.33 1.47.33 2.26 0 4.41-3.59 8-8 8z"/></symbol><symbol viewBox="0 0 20 20" id="quickshop" xmlns="http://www.w3.org/2000/svg"><path d="M20 15.6h-2.5V13h-1.8v2.6h-2.5v1.7h2.5v2.5h1.8v-2.5H20zM11.1 13.6h2.6V11h3.868c-.336-2.001-.68-4-1.026-5.999-.151-.867-.727-1.329-1.598-1.381-.546-.033-1.1-.007-1.694-.007l.004-.004C12.789 1.342 11.704.287 9.865.198c-1.79-.085-2.883.915-3.658 3.4h-.886c-1.739.011-2.152.351-2.47 2.041-.07.362-.122.728-.181 1.089-.461 2.846-.956 5.685-1.373 8.538-.185 1.27.447 2.012 1.632 2.016 2.723.009 5.447.002 8.171 0V13.6zM9.662 1.793c.941-.044 1.669.613 1.835 1.801H8.038c.066-1.063.712-1.757 1.624-1.801z"/></symbol><symbol viewBox="0 0 24 24" id="radio_button_empty" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></symbol><symbol viewBox="0 0 24 24" id="radio_button_filled" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/><circle cx="12" cy="12" r="5"/></symbol><symbol viewBox="0 0 24 24" id="remove" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></symbol><symbol viewBox="0 0 24 24" id="review_empty" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></symbol><symbol viewBox="0 0 24 24" id="review_full" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M0 0h24v24H0V0z"/><path d="M0 0h24v24H0V0z"/></g><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z"/></symbol><symbol viewBox="0 0 24 24" id="review_half_full" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></symbol><symbol viewBox="0 0 24 24" id="search" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></symbol><symbol viewBox="0 -960 960 960" id="sell" xmlns="http://www.w3.org/2000/svg"><path d="M856-390L570-104q-12 12-27 18t-30 6q-15 0-30-6t-27-18L103-457q-11-11-17-25.5T80-513v-287q0-33 23.5-56.5T160-880h287q16 0 31 6.5t26 17.5l352 353q12 12 17.5 27t5.5 30q0 15-5.5 29.5T856-390zM513-160l286-286-353-354H160v286l353 354zM260-640q25 0 42.5-17.5T320-700q0-25-17.5-42.5T260-760q-25 0-42.5 17.5T200-700q0 25 17.5 42.5T260-640zm220 160z"/></symbol><symbol viewBox="0 0 24 24" id="share" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92c0-1.61-1.31-2.92-2.92-2.92zM18 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM6 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm12 7.02c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/></symbol><symbol viewBox="0 0 24 24" id="shipping" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 8h-3V4H1v13h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm13.5-8.5l1.96 2.5H17V9.5h2.5zM18 18c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/></symbol><symbol viewBox="0 0 24 24" id="shopping_cart" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.55 13c.75 0 1.41-.41 1.75-1.03l3.58-6.49A.996.996 0 0020.01 4H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45zM6.16 6h12.15l-2.76 5H8.53L6.16 6zM7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></symbol><symbol viewBox="0 0 24 24" id="size_and_fit" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M23 6H1v12h22V6zm-2 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"/></symbol><symbol viewBox="0 0 24 24" id="sms_message" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 15.5c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2a15.074 15.074 0 01-6.59-6.58l2.2-2.21c.28-.27.36-.66.25-1.01A11.36 11.36 0 018.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 5h1.5c.07.88.22 1.75.46 2.59L5.79 8.8c-.41-1.21-.67-2.48-.76-3.8zM19 18.97c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM12 3v10l3-3h6V3h-9zm7 5h-5V5h5v3z"/></symbol><symbol viewBox="0 -960 960 960" id="sms_msg" xmlns="http://www.w3.org/2000/svg"><path d="M480-440v-360q0-17 11.5-28.5T520-840h280q17 0 28.5 11.5T840-800v200q0 17-11.5 28.5T800-560H600L480-440zm80-200h200v-120H560v120zm0 0v-120 120zm238 520q-125 0-247-54.5T329-329Q229-429 174.5-551T120-798q0-18 12-30t30-12h162q14 0 25 9.5t13 22.5l26 140q2 16-1 27t-11 19l-97 98q20 37 47.5 71.5T387-386q31 31 65 57.5t72 48.5l94-94q9-9 23.5-13.5T670-390l138 28q14 4 23 14.5t9 23.5v162q0 18-12 30t-30 12zM241-600l66-66-17-94h-89q5 41 14 81t26 79zm358 358q39 17 79.5 27t81.5 13v-88l-94-19-67 67zM241-600zm358 358z"/></symbol><symbol viewBox="0 0 24 24" id="sound_off" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 003.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z"/></symbol><symbol viewBox="0 0 24 24" id="sound_on" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/></symbol><symbol viewBox="0 0 229.04 137.43" id="steadysole" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M223.38 93.7h-.05c-7.47 3.71-27.24 13.96-49.02 17.05-6.82.97-12.76 1.69-18.21 1.69-10.48 0-16.7-1.43-27.13-4-7.94-1.96-21.01-5.1-33.56-6.67-18.62-2.33-39.44-.56-52.68-.78-10.34-.17-23.5-.67-28.22-.99-.99-.07-1.88.72-2.09 1.8 0 0-.89 5.67-1.86 12.01-.9 5.85-2.16 10.09-1.9 11.24.3 1.32.87 1.58 2.14 2.05 6.65 2.46 13.81 3.85 17.85 4.29 2.48.27 3.91.29 7.13.31 12.49.09 37.85-.09 37.85-.09l72.06.02c22.29 0 38.98-5.29 48.82-10.08 7.87-3.83 23.34-13.51 28.57-17.58 1.08-.84 1.3-2.06 1.26-3.52l-.14-6.11c0-.3-.37-.65-.81-.65z"/><path d="M228.73 92.45l-.02-.17c-.25-1.53-1.21-2.1-1.96-2.13-.18-1.56-.46-3.18-.72-4.18-1.24-4.77-4.79-8.46-9.05-9.38-3.53-.77-7.14-.47-11.71-.11-3.98.32-8.48.7-14.31.49-15.02-.49-23.28-3.35-30.45-6.24-10.59-4.26-17.14-8.8-24.17-16.76-7.38-8.36-11.06-13.06-15.34-22.99-3.19-7.4-6-14.91-9.38-27.49-.45-1.69-1.87-3.43-3.71-3.49-3.44-.11-9.84 1.04-12.93 1.88-4.59 1.24-7.13 4.73-9.16 7.91l-.29.46c-1.9 2.99-3.86 6.08-11.52 7.28l-1.12.17-.28 43.37h8.57l-21.07 21.2-23.16-21.2h7.75l.04-37.87-2.18.03c-2.73.04-6.43.14-8.88-2.46-3.11-3.29-6.22-6.72-11.24-6.51-2.68.1-4.77.25-5.9.34C12.76 6.84 9.29 2.4 6.25 1.4c-1.07-.35-2.11-.28-2.99.2C1.44 2.58.3 4.24.06 6.27c-.71 5.91 5.13 13.03 10.17 17.97 1.03 1.01 2.1 1.74 3.1 2.35 2.16 2.12 3.08 3.12 3.43 3.52.47 1.92.63 2.79.72 5.49.15 3.96.13 8.45-.93 14.47-.64 3.59-1.78 6.99-3 10.6-1.22 3.62-2.6 7.72-3.69 12.69C8.43 79.83 8.64 86.19 9.31 90c.35 1.99.81 3.58 1.15 4.74.16.56.34 1.17.43 1.58h-.05c-.32-.03-.64-.08-.99 0-1.97.4-2.24 2.33-2.39 3.38-.15.96-.33 2.19-.53 3.67-.32 2.25-.72 5.1-1.26 8.48-1.12 7.09-2.49 13.66-2.48 13.66-.59 1.9-.28 5.12 2.93 6.2.24.09 5.94 2.3 10.12 3.44 5.06 1.38 12.73 2.18 16.35 2.29l41.53-.02 71.83.02c23.02 0 39.41-6.01 49.73-10.54 10.7-4.68 26.72-16.51 31.37-20.02 1.26-.95 2-2.5 2-4.21l-.32-10.21zM15.3 24.68c-.11-.07-.22-.13-.32-.2
13221-.87-.85-1.72-1.67-2.43-2.34-4.74-4.5-9.29-11.1-8.82-15 .14-1.13.4-1.64 1.63-1.7 1.26-.11 3.82 1.17 7.73 9.86 1.11 2.46 1.5 4.07 2.42 8.38.1.46.19.89.28 1.3l-.49-.3zm210.14 80.06c-4.6 3.47-20.41 15.14-30.84 19.71-10.11 4.43-26.15 10.31-48.67 10.31l-71.83-.02-41.49.02c-3.46-.1-10.83-.88-15.69-2.2-4.04-1.1-9.8-3.33-9.92-3.37-1.93-.65-1.36-2.67-1.26-3.02.01-.07 1.4-6.73 2.54-13.91.54-3.4.94-6.26 1.26-8.52.21-1.46.38-2.68.53-3.63l.04-.27c.04-.26.11-.79.39-.88.6.07 2.41.29 2.96-1.41.3-.92 0-1.97-.46-3.55-.34-1.17-.76-2.62-1.08-4.47-.62-3.55-.81-9.51.53-15.6 1.06-4.82 2.36-8.68 3.62-12.41 1.25-3.7 2.42-7.2 3.09-10.99 1.11-6.26 1.12-10.92.97-15.03-.09-2.54-.25-3.68-.61-5.23l-.2-1.19c-.17-.91-.54-2.84-1.21-5.97-.57-2.64-.95-4.34-1.42-5.85 1.09-.09 3.19-.24 5.85-.34 3.72-.22 6.37 2.68 9.19 5.67 3.07 3.25 7.32 3.36 10.32 3.31l-.03 32.5H30.07l30.11 27.57 27.4-27.57h-12.3l.24-38.43c7.96-1.53 10.32-5.26 12.24-8.29l.29-.45c1.84-2.88 3.94-5.78 7.61-6.77 3-.82 9.09-1.89 12.15-1.79.33.01.99.65 1.22 1.51 3.42 12.73 6.28 20.35 9.51 27.86 4.41 10.24 8.38 15.31 15.78 23.7 7.34 8.31 14.16 13.04 25.18 17.47 7.39 2.98 15.9 5.92 31.36 6.43 5.97.18 10.76-.19 14.61-.5 4.35-.35 7.78-.63 10.93.05 3.28.71 6.04 3.64 7.03 7.45.23.9.51 2.49.67 3.95.1.85.25 1.38.83 1.89.38.33.77.38 1.13.41l.3 9.81c0 .83-.35 1.59-.94 2.03z"/></g></symbol><symbol viewBox="0 0 24 24" id="threads" xmlns="http://www.w3.org/2000/svg"><path d="M17.7 11.1c-.1 0-.2-.1-.3-.1-.2-3.4-2.1-5.4-5.2-5.4-1.9 0-3.4.8-4.4 2.3L9.5 9c.7-1.1 1.8-1.3 2.7-1.3 1 0 1.8.3 2.3.9.4.4.6 1 .7 1.8-.9-.2-1.9-.2-3-.1-3 .2-4.9 1.9-4.8 4.3.1 1.2.7 2.3 1.7 3 .9.6 2 .9 3.2.8 1.6-.1 2.8-.7 3.6-1.8.6-.8 1.1-1.9 1.2-3.2.7.4 1.3 1 1.6 1.7.5 1.2.5 3.2-1.1 4.8-1.4 1.4-3.1 2-5.7 2-2.9 0-5-.9-6.4-2.7-1.3-1.7-2-4.1-2-7.2 0-3.1.7-5.5 2-7.2C6.9 3 9.1 2.1 11.9 2.1c2.9 0 5.1.9 6.5 2.7.7.9 1.3 2 1.6 3.3l2-.5c-.4-1.6-1.1-3-2-4.1C18.4 1.2 15.7 0 12.2 0S6 1.2 4.1 3.5C2.5 5.6 1.7 8.4 1.7 12c0 3.6.9 6.4 2.5 8.5 1.8 2.3 4.5 3.5 8 3.5 3.1 0 5.3-.8 7.1-2.6 2.4-2.4 2.3-5.3 1.5-7.2-.5-1.3-1.6-2.4-3.1-3.1zm-5.3 5.1c-1.3.1-2.7-.5-2.7-1.8 0-.9.7-2 2.8-2.1h.7c.8 0 1.5.1 2.2.2-.3 3.1-1.8 3.6-3 3.7z"/></symbol><symbol viewBox="0 0 24 24" id="tiktok" xmlns="http://www.w3.org/2000/svg"><path d="M18.1 6.1C17 5.4 16.3 4.3 16 2.9c-.1-.2-.1-.6-.1-.9h-3.4v13.6c-.1 1.6-1.3 2.7-2.9 2.7-.5 0-.9-.1-1.3-.3-.9-.5-1.6-1.4-1.6-2.6 0-1.6 1.3-2.9 2.9-2.9.3 0 .6.1.8.2V9.5c-.2 0-.6-.1-.8-.1-3.5 0-6.3 2.8-6.3 6.3 0 2.2 1.1 4 2.6 5.1 1.2.7 2.4 1.2 3.7 1.2 3.5 0 6.3-2.8 6.3-6.3v-7c1.3 1 3 1.5 4.7 1.5V6.8c-.9 0-1.8-.2-2.5-.7z" fill-rule="evenodd"/></symbol><symbol viewBox="0 0 24 24" id="time" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></symbol><symbol viewBox="0 0 24 24" id="toggle_off" xmlns="http://www.w3.org/2000/svg"><path d="M17 7H7c-2.8 0-5 2.2-5 5s2.2 5 5 5h10c2.8 0 5-2.2 5-5s-2.2-5-5-5zM7 15c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"/></symbol><symbol viewBox="0 0 24 24" id="toggle_on" xmlns="http://www.w3.org/2000/svg"><path d="M17 7H7c-2.8 0-5 2.2-5 5s2.2 5 5 5h10c2.8 0 5-2.2 5-5s-2.2-5-5-5zm0 8c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"/></symbol><symbol viewBox="0 0 24 24" id="twitter" xmlns="http://www.w3.org/2000/svg"><path d="M.1 1.1l9.3 12L0 22.9h2.1l8.2-8.6 6.6 8.6H24l-9.8-12.7 8.7-9.1h-2.1L13.3 9 7.2 1.1H.1zm3 1.5h3.3l14.5 18.8h-3.3L3.1 2.6z"/></symbol><symbol viewBox="0 0 24 24" id="verified_user" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"/></symbol><symbol viewBox="0 0 32 32" id="video-pause" xmlns="http://www.w3.org/2000/svg"><path d="M12.749 10.75h1.81v10.5h-1.81v-10.5zM17.441 10.75h1.81v10.5h-1.81v-10.5z"/><path d="M16 2.06c7.699 0 13.94 6.241 13.94 13.94S23.699 29.94 16 29.94 2.06 23.699 2.06 16C2.068 8.305 8.304 2.069 15.999 2.06zm0-1.81C7.302.25.25 7.301.25 16S7.301 31.75 16 31.75c8.698 0 15.75-7.052 15.75-15.75S24.698.25 16 .25z"/></symbol><symbol viewBox="0 0 32 32" id="video-play" xmlns="http://www.w3.org/2000/svg"><path d="M19.574 16l-5.345 5.167V10.834l5.345 5.167z"/><path d="M16 2.282c7.576 0 13.718 6.142 13.718 13.718S23.576 29.718 16 29.718 2.282 23.576 2.282 16C2.29 8.427 8.427 2.29 16 2.282zM16 .5C7.44.5.5 7.44.5 16S7.44 31.5 16 31.5c8.56 0 15.5-6.94 15.5-15.5S24.56.5 16 .5z"/></symbol><symbol viewBox="0 0 24 24" id="vimeo" xmlns="http://www.w3.org/2000/svg"><path d="M18.83 8.65c.09-1.9-.61-2.87-2.1-2.9-1.99-.06-3.35 1.07-4.06 3.39.54-.24 1-.29 1.38-.18.51.12.73.52.67 1.21-.06.48-.38 1.18-.98 2.12-.59.94-1.05 1.43-1.36 1.47-.31.05-.6-.38-.87-1.27-.21-.74-.48-2.16-.81-4.24-.26-1.67-.95-2.44-2.05-2.32-.38.03-.88.281-1.47.76-.39.29-1.01.83-1.88 1.61l-.93.8.71.89c.62-.45 1-.67 1.12-.67.35 0 .7.42 1.02 1.25.21.57.57 1.77 1.08 3.62l.44 1.74c.6 1.55 1.31 2.32 2.14 2.32 1.37 0 3.04-1.28 5-3.84 1.91-2.44 2.89-4.3
132216 2.95-5.76zM20 2c.56 0 1.03.19 1.42.58.39.39.58.86.58 1.42v16c0 .56-.19 1.03-.58 1.42-.39.39-.86.58-1.42.58H4c-.56 0-1.03-.19-1.41-.58-.4-.39-.59-.86-.59-1.42V4c0-.56.19-1.03.59-1.42C2.97 2.19 3.44 2 4 2h16z"/></symbol><symbol viewBox="0 0 24 24" id="visibility_off" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z" fill="none"/><path d="M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM3.42 2.45L2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l3.43 3.43 1.41-1.41L3.42 2.45zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33a2.97 2.97 0 00-2.64-2.64l2.64 2.64z"/></symbol><symbol viewBox="0 0 24 24" id="visibility_on" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 4C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></symbol><symbol viewBox="0 0 24 24" id="warning" xmlns="http://www.w3.org/2000/svg">
13221<path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/></symbol><symbol viewBox="0 0 30.7 45.4" id="waterproof" xmlns="http://www.w3.org/2000/svg"><path d="M15.3 45.4c-6 0-11.2-3.1-14.1-8.4-3.6-6.6 1.8-16.1 2-16.5L15 0l12.7 20.4c.2.4 5.4 9.2 1.5 16.8-2.6 5-7.8 8.2-13.7 8.2h-.2zm-.2-40.7l-9.8 17c0 .1-4.9 8.7-2 14.1 2.5 4.5 7 7.2 12.2 7.2 5-.1 9.4-2.7 11.6-6.9 3.3-6.4-1.4-14.4-1.5-14.4l-10.5-17z"/></symbol><symbol viewBox="0 0 41 40.9" id="waterprotect" xmlns="http://www.w3.org/2000/svg"><path d="M20.7 29.9c-2.7 0-5.2-1.3-6.6-3.4-2-3 .3-7.3.4-7.5l6-9.7 6.3 9.7c.1.2 2.4 4.1.3 7.6-1.2 2-3.6 3.3-6.2 3.4-.1-.1-.2-.1-.2-.1zm-.2-19.2l-5.4 8.7s-2.2 4.1-.4 6.7c1.3 2 3.6 3.1 6.1 3.1 2.4 0 4.5-1.2 5.6-3 1.9-3.1-.3-6.8-.3-6.8l-5.6-8.7z"/><path d="M19.9 40.9l-.4-.1C-3.4 32.2.2 7.2.3 6.9l.1-.7L20.9 0l19.9 6.2.1.7c0 .3 2.8 25.8-20.6 33.8l-.4.2zM2.4 7.9C2 11.9.9 31.2 20 38.5c19.2-6.8 19-26.6 18.7-30.6L20.9 2.3 2.4 7.9z"/></symbol><symbol viewBox="0 0 24 24" id="youtube" xmlns="http://www.w3.org/2000/svg"><path d="M17.304 16.41v-.516c0-.503.167-.758.502-.758.335 0 .503.255.503.758v.515h-1.005zm-.993 1.617c0 .587.108 1.019.323 1.294.29.38.692.57 1.205.57.537 0 .938-.197 1.205-.592.135-.201.213-.403.235-.603.015-.06
132217.023-.282.023-.647v-.146h-1.016c0 .381-.009.608-.022.681-.053.268-.202.404-.447.404-.341 0-.513-.257-.513-.772v-.97h1.998v-1.148c0-.59-.101-1.02-.301-1.297-.29-.379-.685-.57-1.184-.57-.506 0-.903.191-1.195.57-.208.277-.311.707-.311 1.296v1.93zm-1.954-9.721V3.909h1.015v4.095a3 3 0 00.012.39c.022.163.1.247.235.247.2 0 .412-.162.637-.48V3.909h1.015v5.569h-1.015v-.614c-.395.462-.779.692-1.15.692-.344 0-.562-.138-.659-.412-.06-.18-.09-.46-.09-.838zM13.6 18.739v-3.358c.163-.164.33-.245.502-.245.29 0 .435.25.435.748v2.355c0 .497-.145.748-.435.748-.172 0-.339-.081-.502-.248zm-.993 1.073h.993v-.535c.335.409.68.614 1.037.614.403 0 .666-.205.793-.613.067-.202.1-.574.1-1.117v-2.2c0-.542-.033-.909-.1-1.105-.127-.417-.39-.625-.793-.625-.372 0-.717.201-1.037.603v-2.421h-.993v7.4zM11.556 7.86c0 .522.16.782.48.782.32 0 .48-.26.48-.782V5.516c0-.513-.16-.77-.48-.77-.32 0-.48.256-.48.77v2.343zm-1.004-.19V5.716c0-.595.104-1.029.312-1.305.283-.38.673-.57 1.172-.57.513 0 .908.19 1.183.57.208.277.312.71.312 1.305v1.953c0 .602-.104 1.042-.312 1.319-.275.376-.67.568-1.183.568-.499 0-.889-.192-1.172-.568-.208-.284-.312-.724-.312-1.319zM8.867 18.663c0 .363.029.636.089.814.088.276.305.414.646.414.359 0 .737-.227 1.139-.682v.604h.993v-5.514h-.993v4.22c-.224.312-.435.469-.635.469-.135 0-.214-.079-.235-.235a3.22 3.22 0 01-.012-.39v-4.064h-.992v4.364zm-2.2-16.664l1.18.002.792 2.935L9.402 2h1.139L9.189 6.452v3.025H8.074V6.452c-.105-.551-.332-1.338-.682-2.366a98.434 98.434 0 01-.725-2.087zM5.24 13.461h1.172v6.351h1.116v-6.351h1.194v-1.049H5.239v1.049zm-1.238 2.778c0-1.74.096-3.042.29-3.905.103-.438.32-.808.646-1.103.327-.299.71-.473 1.15-.525 1.362-.15 3.422-.225 6.184-.225 2.76 0 4.825.075 6.193.225.432.052.813.226 1.145.525.33.295.543.665.642 1.103.193.834.29 2.135.29 3.905 0 1.742-.097 3.045-.29 3.907-.105.44-.32.808-.649 1.107-.326.296-.706.47-1.138.513-1.368.157-3.433.233-6.193.233-2.762 0-4.827-.076-6.195-.233a1.97 1.97 0 01-1.144-.513 2.04 2.04 0 01-.641-1.107C4.097 19.312 4 18.01 4 16.239z"/></symbol><symbol viewBox="0 0 24 24" id="zoom_in" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm.5-7H9v2H7v1h2v2h1v-2h2V9h-2z"/></symbol><symbol viewBox="0 0 24 24" id="zoom_out" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"/></symbol></svg> 13222</div> 13223 13224 13225 13226 13227<div 13228 class="country-language-selection-overlay" 13229 data-country-selector-home="US" 13230 data-country-selector-visiting="GB"> 13231 13232 <div class="row justify-content-end"> 13233 <div class="close-icon js-action__closeoverlay col-2"> 13234 <svg class="svgicon" role="img" aria-label="Close"><use href="#close"></use></svg> 13235 </div> 13236 </div> 13237 13238 <div class="h4">Welcome to Sorel.<br>Please select your shipping location.</div> 13239 <div class="row justify-content-center text-center"> 13240 <div class="col-12 col-md-5 col-lg-4 ecommerce-text"> 13241 <svg class="svgicon"><use href="#shopping_cart"></use></svg> 13242 Online shopping available 13243 </div> 13244 </div> 13245 13246 <div class="country-selection-choices"> 13247 13248 13249 13250 13251 13252 13253 13254 13255 13256 13257 13258 <a href="https://www.sorel.com/" 13259 data-country-code="US" 13260 data-visiting-language="en" 13261 tabindex="-1" 13262 class="country-link js-action__gotocountry" 13263 > 13264 <div class="row justify-content-center country"> 13265 <div class="col-10 col-md-4 col-lg-3 offset-xl-1"> 13266 <span class="flag-icon flag-icon-us"></span> 13267 13268 <div class="country-name">United States</div> 13269 13270 </div> 13271 13272 <div class="col-2 col-md-1"> 13273
13274 <span class="aria-offscreen">Online shopping available</span> 13275 <svg class="svgicon"><use href="#shopping_cart"></use></svg> 13276 13277 </div> 13278 13279 </div> 13280 </a> 13281 13282 13283 13284 13285 13286 13287 13288 13289 13290 13291 13292 13293 13294 13295 13296 <a href="https://www.sorelfootwear.co.uk/" 13297 data-country-code="GB" 13298 data-visiting-language="en" 13299 tabindex="-1" 13300 class="country-link js-action__gotocountry" 13301 > 13302 <div class="row justify-content-center country"> 13303 <div class="col-10 col-md-4 col-lg-3 offset-xl-1"> 13304 <span class="flag-icon flag-icon-gb"></span> 13305 13306 <div class="country-name">United Kingdom</div> 13307 13308 </div> 13309 13310 <div class="col-2 col-md-1"> 13311 13312 <span class="aria-offscreen">Online shopping available</span> 13313 <svg class="svgicon"><use href="#shopping_cart"></use></svg> 13314 13315 </div> 13316 13317 </div> 13318 </a> 13319 13320 13321 13322 13323 </div> 13324 <div class="row justify-content-center"> 13325 <a href="/countries" class="view-all-countries js-action__viewall btn btn-slim btn-slim--with-icon"> 13326 View all Locations<svg class="svgicon"><use href="#chevron_right"></use></svg> 13327 </a> 13328 </div> 13329</div> 13330 13331<div class="country-selection-background"></div> 13332 13333 13334 13335 13336 <div class="comment d-none">Page generated at: Wed Oct 07 2026 01:57:44 GMT-0000 (GMT)</div> 13337 13338 13339<div class="error-messaging"></div> 13340 13341 13342 13343 13344 <div class="content-asset"> 13345 <!-- Disabled --> 13346 </div> 13347 13348 13349 13350<div class="d-none bootstrap-breakpoints"> 13351 <div data-bp="xs" class="bootstrap-breakpoints-xs d-block d-sm-none"></div> 13352 <div data-bp="sm" class="bootstrap-breakpoints-sm d-none d-sm-block d-md-none"></div> 13353 <div data-bp="md" class="bootstrap-breakpoints-md d-none d-md-block d-lg-none"></div> 13354 <div data-bp="lg" class="bootstrap-breakpoints-lg d-none d-lg-block d-xl-none"></div> 13355 <div data-bp="xl" class="bootstrap-breakpoints-xl d-none d-xl-block"></div> 13356</div> 13357
13358<script> 13359 13360 window.clientData = window.clientData || {}; 13361 window.resources = window.resources || {}; 13362 13363 13364 13365 13366 13367 13368 13369 window.resources.logout = { 13370 logoutMessages: {"join":{"content":"<strong>Welcome, Adventurer!</strong><br />You are now logged in.","theme":"success","placement":"toast"},"login":{"content":"<strong>Welcome, Adventurer!</strong><br />You are now logged in.","theme":"success","placement":"toast"},"logout":{"message":"You're now signed out.","dismissible":false,"timeToLive":7000},"logout_auto":{"message":"You've been logged out due to inactivity. Please log back in to your account.","dismissible":true,"autoClose":false},"footer_loyalty_rewards_registration":{"content":"<div data-analyticsId=\"rewards-SignUpMsg\">loyalty.footer.registration.success</div>","placement":"banner","theme":"info","dismissible":true,"showTimeBar":true}} 13371 }; 13372 13373 13374 window.clientData.user = { 13375 isAuthenticated: false, 13376 isRegistered: false, 13377 permissionsForCurrentAuthState: { 13378 canViewBasicPersonalInfo: false, 13379 canViewAndEditPii: false, 13380 canPlaceOrder: true 13381 } 13382 }; 13383 13384 13385</script>
13385 13386
13387<script type="text/javascript" src="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/js/main.js"></script>
13387 13388 13389
13389<script type="text/javascript" src="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/js/passwordChecker.js"></script>
13389 13390 13391
13391<script type="text/javascript" src="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/js/formsDataLayer.js"></script>
13391 13392 13393
13393<script type="text/javascript" src="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/js/login.js"></script>
13393 13394 13395
13395<script type="text/javascript" src="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/js/profile.js"></script>
13395 13396 13397 13398 13399 13400 13401 13402 13403
13403<script> 13404 function registerButtonAsRecaptchaTrigger () {} 13405 13406 $(document).ready(function () { 13407 $('.btn-ajax-recaptcha').on('click', function (e) { 13408 $(this).trigger('submitAjaxButton'); 13409 }); 13410 }); 13411 </script>
13411 13412 13413 13414 13415 13416 13417 13418 13419 13420 13421 13422<!-- Demandware Analytics code 1.0 (body_end-analytics-tracking-asynch.js) -->
13423<script type="text/javascript">//<!-- 13424/* <![CDATA[ */ 13425function trackPage() { 13426 try{ 13427 var trackingUrl = "https://www.sorelfootwear.co.uk/on/demandware.store/Sites-Sorel_UK-Site/en_GB/__Analytics-Start"; 13428 var dwAnalytics = dw.__dwAnalytics.getTracker(trackingUrl); 13429 if (typeof dw.ac == "undefined") { 13430 dwAnalytics.trackPageView(); 13431 } else { 13432 dw.ac.setDWAnalytics(dwAnalytics); 13433 } 13434 }catch(err) {}; 13435} 13436/* ]]> */ 13437// --> 13438</script>
vendor: 1 bytes, line 13438
13438
13439<script type="text/javascript" src="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/internal/jscript/dwanalytics-22.2.js" async="async" onload="trackPage()"></script>
13439 13440<!-- Demandware Active Data (body_end-active_data.js) -->
13441<script src="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/internal/jscript/dwac-21.7.1.js" type="text/javascript" async="async"></script>
13441<!-- CQuotient Activity Tracking (body_end-cquotient.js) -->
13442<script src="https://cdn.cquotient.com/js/v2/gretel.min.js" type="text/javascript" async="async"></script>
13442 13443<!-- Demandware Apple Pay -->
13444<script type="text/javascript">//<!-- 13445/* <![CDATA[ */ 13446if (!window.dw) dw = {}; 13447dw.applepay = {"action":{"cancel":"https:\/\/www.sorelfootwear.co.uk\/on\/demandware.store\/Sites-Sorel_UK-Site\/en_GB\/__SYSTEM__ApplePay-Cancel","getRequest":"https:\/\/www.sorelfootwear.co.uk\/on\/demandware.store\/Sites-Sorel_UK-Site\/en_GB\/__SYSTEM__ApplePay-GetRequest","onshippingcontactselected":"https:\/\/www.sorelfootwear.co.uk\/on\/demandware.store\/Sites-Sorel_UK-Site\/en_GB\/__SYSTEM__ApplePay-ShippingContactSelected","onpaymentmethodselected":"https:\/\/www.sorelfootwear.co.uk\/on\/demandware.store\/Sites-Sorel_UK-Site\/en_GB\/__SYSTEM__ApplePay-PaymentMethodSelected","onvalidatemerchant":"https:\/\/www.sorelfootwear.co.uk\/on\/demandware.store\/Sites-Sorel_UK-Site\/en_GB\/__SYSTEM__ApplePay-ValidateMerchant","onpaymentauthorized":"https:\/\/www.sorelfootwear.co.uk\/on\/demandware.store\/Sites-Sorel_UK-Site\/en_GB\/__SYSTEM__ApplePay-PaymentAuthorized","prepareBasket":"https:\/\/www.sorelfootwear.co.uk\/on\/demandware.store\/Sites-Sorel_UK-Site\/en_GB\/__SYSTEM__ApplePay-PrepareBasket","onshippingmethodselected":"https:\/\/www.sorelfootwear.co.uk\/on\/demandware.store\/Sites-Sorel_UK-Site\/en_GB\/__SYSTEM__ApplePay-ShippingMethodSelected"},"inject":{"directives":[{"css":"dw-apple-pay-button","query":"ISAPPLEPAY","action":"replace","copy":true}]}}; 13448/* ]]> */ 13449// --> 13450</script>
vendor: 1 bytes, line 13450
13450
13451<script type="text/javascript" src="/on/demandware.static/Sites-Sorel_UK-Site/-/en_GB/v1791337718031/internal/jscript/applepay.js" async="true"></script>
vendor: 1 bytes, line 13451
13451
13452<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":"1a9ace2e78e8440e9a667b23f3f81be4","spa":2}' crossorigin="anonymous"></script>
13452 13453</body> 13454</html> 13455
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.