<!DOCTYPE html>
<html lang="en-GB">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<script id="cookieyes" type="text/javascript" defer src="https://cdn-cookieyes.com/client_data/eaeb1973c0130ba78fbecbffc4831b39/script.js"></script>
            <script data-no-defer="1" data-ezscrex="false" data-cfasync="false" data-pagespeed-no-defer data-cookieconsent="ignore">
                var ctPublicFunctions = {"_ajax_nonce":"f39b935a5b","_rest_nonce":"cf961a77b7","_ajax_url":"\/wp-admin\/admin-ajax.php","_rest_url":"https:\/\/www.nortespring.com\/wp-json\/","data__cookies_type":"none","data__ajax_type":"rest","bot_detector_enabled":true,"data__frontend_data_log_enabled":1,"cookiePrefix":"","wprocket_detected":false,"host_url":"www.nortespring.com","text__ee_click_to_select":"Click to select the whole data","text__ee_original_email":"The complete one is","text__ee_got_it":"Got it","text__ee_blocked":"Blocked","text__ee_cannot_connect":"Cannot connect","text__ee_cannot_decode":"Can not decode email. Unknown reason","text__ee_email_decoder":"CleanTalk email decoder","text__ee_wait_for_decoding":"The magic is on the way!","text__ee_decoding_process":"Please wait a few seconds while we decode the contact data."}
            </script>
        
            <script data-no-defer="1" data-ezscrex="false" data-cfasync="false" data-pagespeed-no-defer data-cookieconsent="ignore">
                var ctPublic = {"_ajax_nonce":"f39b935a5b","settings__forms__check_internal":"0","settings__forms__check_external":"0","settings__forms__force_protection":"0","settings__forms__search_test":"1","settings__forms__wc_add_to_cart":"0","bot_detector_enabled":true,"settings__sfw__anti_crawler":0,"blog_home":"https:\/\/www.nortespring.com\/","pixel__setting":"3","pixel__enabled":true,"pixel__url":null,"data__email_check_before_post":"1","data__email_check_exist_post":"1","data__cookies_type":"none","data__key_is_ok":true,"data__visible_fields_required":true,"wl_brandname":"Anti-Spam by CleanTalk","wl_brandname_short":"CleanTalk","ct_checkjs_key":"e7f9e0cf5bff8d5bcc2044223ab497be67032cf0118055303e01be9248c7510a","emailEncoderPassKey":"62d7b87f17b8b3003d022e02b0e45a68","bot_detector_forms_excluded":"W10=","advancedCacheExists":false,"varnishCacheExists":false,"wc_ajax_add_to_cart":true,"theRealPerson":{"phrases":{"trpHeading":"The Real Person Badge!","trpContent1":"Verified as a real person and not a bot. The comment was approved without pre-moderation.","trpContent2":" Anti-Spam by CleanTalk","trpContentLearnMore":"Learn more"},"trpContentLink":"https:\/\/cleantalk.org\/help\/the-real-person?utm_id=&amp;utm_term=&amp;utm_source=admin_side&amp;utm_medium=trp_badge&amp;utm_content=trp_badge_link_click&amp;utm_campaign=apbct_links","imgPersonUrl":"https:\/\/www.nortespring.com\/wp-content\/plugins\/cleantalk-spam-protect\/css\/images\/real_user.svg","imgShieldUrl":"https:\/\/www.nortespring.com\/wp-content\/plugins\/cleantalk-spam-protect\/css\/images\/shield.svg"}}
            </script>
        <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RVC3BLM7D6"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-RVC3BLM7D6');
</script>
<script>window.jQuery && (jQuery.migrateMute = true); document.addEventListener("DOMContentLoaded", function(){ window.jQuery && (jQuery.migrateMute = true); });</script>
<link rel="preload" href="https://www.nortespring.com/wp-content/themes/mixlife-starter-theme/assets/fonts/playfair-display-400.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://www.nortespring.com/wp-content/themes/mixlife-starter-theme/assets/fonts/playfair-display-700.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://www.nortespring.com/wp-content/themes/mixlife-starter-theme/assets/fonts/lato-400.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://www.nortespring.com/wp-content/themes/mixlife-starter-theme/assets/fonts/lato-700.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="//s.w.org">
<link rel="dns-prefetch" href="//omnisnippet1.com">
<link rel="dns-prefetch" href="//omnisend.com">

	<!-- This site is optimized with the Yoast SEO plugin v27.9 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Smooth Blue - NorteSpring</title>
	<link rel="canonical" href="https://www.nortespring.com/en/produto/smooth-blue-1/" />
	<meta property="og:locale" content="en_GB" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Smooth Blue - NorteSpring" />
	<meta property="og:description" content="Genuine leather watch strap with a flawless finish.  The Smooth Blue Watch Strap will add a classic and very elegant touch to your watch. Comfortable, supple and flexible, this strap is designed for slim-profile watches. 👉 Not sure about the size? Check our guide here." />
	<meta property="og:url" content="https://www.nortespring.com/en/produto/smooth-blue-1/" />
	<meta property="og:site_name" content="NorteSpring" />
	<meta property="article:modified_time" content="2026-06-26T11:37:04+00:00" />
	<meta property="og:image" content="https://www.nortespring.com/wp-content/uploads/2026/06/Bracelete-de-Pele-Smooth-Blue.jpg" />
	<meta property="og:image:width" content="500" />
	<meta property="og:image:height" content="500" />
	<meta property="og:image:type" content="image/jpeg" />
	<meta name="twitter:card" content="summary_large_image" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.nortespring.com\/en\/produto\/smooth-blue-1\/","url":"https:\/\/www.nortespring.com\/en\/produto\/smooth-blue-1\/","name":"Smooth Blue - NorteSpring","isPartOf":{"@id":"https:\/\/www.nortespring.com\/en\/home-1\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.nortespring.com\/en\/produto\/smooth-blue-1\/#primaryimage"},"image":{"@id":"https:\/\/www.nortespring.com\/en\/produto\/smooth-blue-1\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/06\/Bracelete-de-Pele-Smooth-Blue.jpg","datePublished":"2026-06-05T10:11:31+00:00","dateModified":"2026-06-26T11:37:04+00:00","breadcrumb":{"@id":"https:\/\/www.nortespring.com\/en\/produto\/smooth-blue-1\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nortespring.com\/en\/produto\/smooth-blue-1\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.nortespring.com\/en\/produto\/smooth-blue-1\/#primaryimage","url":"https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/06\/Bracelete-de-Pele-Smooth-Blue.jpg","contentUrl":"https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/06\/Bracelete-de-Pele-Smooth-Blue.jpg","width":500,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/www.nortespring.com\/en\/produto\/smooth-blue-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.nortespring.com\/en\/home-1\/"},{"@type":"ListItem","position":2,"name":"Shop","item":"https:\/\/www.nortespring.com\/en\/shop\/"},{"@type":"ListItem","position":3,"name":"Smooth Blue"}]},{"@type":"WebSite","@id":"https:\/\/www.nortespring.com\/en\/home-1\/#website","url":"https:\/\/www.nortespring.com\/en\/home-1\/","name":"NorteSpring","description":"Braceletes universais para Relógios!","publisher":{"@id":"https:\/\/www.nortespring.com\/en\/home-1\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nortespring.com\/en\/home-1\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.nortespring.com\/en\/home-1\/#organization","name":"NorteSpring","url":"https:\/\/www.nortespring.com\/en\/home-1\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.nortespring.com\/en\/home-1\/#\/schema\/logo\/image\/","url":"https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/01\/logo-1.png","contentUrl":"https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/01\/logo-1.png","width":546,"height":324,"caption":"NorteSpring"},"image":{"@id":"https:\/\/www.nortespring.com\/en\/home-1\/#\/schema\/logo\/image\/"}}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//fd.cleantalk.org' />
<link rel='dns-prefetch' href='//omnisnippet1.com' />
<link rel="alternate" type="application/rss+xml" title="NorteSpring &raquo; Smooth Blue Comments Feed" href="https://www.nortespring.com/en/produto/smooth-blue-1/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.nortespring.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.nortespring.com%2Fen%2Fproduto%2Fsmooth-blue-1%2F&#038;lang=en" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.nortespring.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.nortespring.com%2Fen%2Fproduto%2Fsmooth-blue-1%2F&#038;format=xml&#038;lang=en" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='wdp_cart-summary-css' href='https://www.nortespring.com/wp-content/plugins/advanced-dynamic-pricing-for-woocommerce/BaseVersion/assets/css/cart-summary.css?ver=4.13.2' media='all' />
<link rel='stylesheet' id='sbi_styles-css' href='https://www.nortespring.com/wp-content/plugins/instagram-feed/css/sbi-styles.min.css?ver=6.11.3' media='all' />
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*wp_block_styles_on_demand_placeholder:6a7203b09f459*/
/*# sourceURL=wp-block-library-inline-css */
</style>
<style id="wp-block-styles-placeholder-inline-css">
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
/*# sourceURL=wp-block-styles-placeholder-inline-css */
</style>
<style id="wp-global-styles-placeholder-inline-css">
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }
/*# sourceURL=wp-global-styles-placeholder-inline-css */
</style>
<link rel='stylesheet' id='cleantalk-public-css-css' href='https://www.nortespring.com/wp-content/plugins/cleantalk-spam-protect/css/cleantalk-public.min.css?ver=6.82_1782901595' media='all' />
<link rel='stylesheet' id='cleantalk-email-decoder-css-css' href='https://www.nortespring.com/wp-content/plugins/cleantalk-spam-protect/css/cleantalk-email-decoder.min.css?ver=6.82_1782901595' media='all' />
<link rel='stylesheet' id='cleantalk-trp-css-css' href='https://www.nortespring.com/wp-content/plugins/cleantalk-spam-protect/css/cleantalk-trp.min.css?ver=6.82_1782901595' media='all' />
<link rel='stylesheet' id='photoswipe-css' href='https://www.nortespring.com/wp-content/plugins/woocommerce/assets/css/photoswipe/photoswipe.min.css?ver=10.9.1' media='all' />
<link rel='stylesheet' id='photoswipe-default-skin-css' href='https://www.nortespring.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.min.css?ver=10.9.1' media='all' />
<style id="woocommerce-inline-inline-css">
.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */
</style>
<link rel='stylesheet' id='gateway-css' href='https://www.nortespring.com/wp-content/plugins/woocommerce-paypal-payments/assets/ppcp-button-css-gateway.css?ver=4.1.0' media='all' />
<link rel='stylesheet' id='mixlife-style-css' href='https://www.nortespring.com/wp-content/themes/mixlife-starter-theme/assets/css/main.css?ver=1783011234' media='all' />
<link rel='stylesheet' id='joinchat-css' href='https://www.nortespring.com/wp-content/plugins/creame-whatsapp-me/public/css/joinchat.min.css?ver=6.2.3' media='all' />
<link rel='stylesheet' id='wdp_pricing-table-css' href='https://www.nortespring.com/wp-content/plugins/advanced-dynamic-pricing-for-woocommerce/BaseVersion/assets/css/pricing-table.css?ver=4.13.2' media='all' />
<link rel='stylesheet' id='wdp_deals-table-css' href='https://www.nortespring.com/wp-content/plugins/advanced-dynamic-pricing-for-woocommerce/BaseVersion/assets/css/deals-table.css?ver=4.13.2' media='all' />
<script type="text/template" id="tmpl-variation-template">
	<div class="woocommerce-variation-description">{{{ data.variation.variation_description }}}</div>
	<div class="woocommerce-variation-price">{{{ data.variation.price_html }}}</div>
	<div class="woocommerce-variation-availability">{{{ data.variation.availability_html }}}</div>
</script>
<script type="text/template" id="tmpl-unavailable-variation-template">
	<p role="alert">Sorry, this product is unavailable. Please choose a different combination.</p>
</script>
<script id="apbct-public-bundle.min-js-js" src="https://www.nortespring.com/wp-content/plugins/cleantalk-spam-protect/js/apbct-public-bundle.min.js?ver=6.82_1782901595"></script>
<script async data-wp-strategy="async" id="ct_bot_detector-js" src="https://fd.cleantalk.org/ct-bot-detector-wrapper.js?ver=6.82"></script>
<script id="jquery-core-js" src="https://www.nortespring.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://www.nortespring.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" data-noptimize="1" src="https://www.nortespring.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.10.9.1"></script>
<script id="wc-add-to-cart-js-extra">
var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/en/?wc-ajax=%%endpoint%%","i18n_view_cart":"View basket","cart_url":"https://www.nortespring.com/en/cart/","is_cart":"","cart_redirect_after_add":"no"};
//# sourceURL=wc-add-to-cart-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" data-noptimize="1" src="https://www.nortespring.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.9.1"></script>
<script data-wp-strategy="defer" defer id="wc-zoom-js" src="https://www.nortespring.com/wp-content/plugins/woocommerce/assets/js/zoom/jquery.zoom.min.js?ver=1.7.21-wc.10.9.1"></script>
<script data-wp-strategy="defer" defer id="wc-flexslider-js" src="https://www.nortespring.com/wp-content/plugins/woocommerce/assets/js/flexslider/jquery.flexslider.min.js?ver=2.7.2-wc.10.9.1"></script>
<script data-wp-strategy="defer" defer id="wc-photoswipe-js" src="https://www.nortespring.com/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe.min.js?ver=4.1.1-wc.10.9.1"></script>
<script data-wp-strategy="defer" defer id="wc-photoswipe-ui-default-js" src="https://www.nortespring.com/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe-ui-default.min.js?ver=4.1.1-wc.10.9.1"></script>
<script id="wc-single-product-js-extra">
var wc_single_product_params = {"i18n_required_rating_text":"Please select a rating","i18n_rating_options":["1 of 5 stars","2 of 5 stars","3 of 5 stars","4 of 5 stars","5 of 5 stars"],"i18n_product_gallery_trigger_text":"View full-screen image gallery","review_rating_required":"yes","flexslider":{"rtl":false,"animation":"slide","smoothHeight":true,"directionNav":false,"controlNav":"thumbnails","slideshow":false,"animationSpeed":500,"animationLoop":false,"allowOneSlide":false},"zoom_enabled":"1","zoom_options":[],"photoswipe_enabled":"1","photoswipe_options":{"shareEl":false,"closeOnScroll":false,"history":false,"hideAnimationDuration":0,"showAnimationDuration":0},"flexslider_enabled":"1"};
//# sourceURL=wc-single-product-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-single-product-js" src="https://www.nortespring.com/wp-content/plugins/woocommerce/assets/js/frontend/single-product.min.js?ver=10.9.1"></script>
<script data-wp-strategy="defer" defer id="wc-js-cookie-js" data-noptimize="1" src="https://www.nortespring.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.9.1"></script>
<script id="woocommerce-js-extra">
var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/en/?wc-ajax=%%endpoint%%","i18n_password_show":"Show password","i18n_password_hide":"Hide password"};
//# sourceURL=woocommerce-js-extra
</script>
<script data-wp-strategy="defer" defer id="woocommerce-js" data-noptimize="1" src="https://www.nortespring.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=10.9.1"></script>
<script id="underscore-js" src="https://www.nortespring.com/wp-includes/js/underscore.min.js?ver=1.13.8"></script>
<script id="wp-util-js-extra">
var _wpUtilSettings = {"ajax":{"url":"/wp-admin/admin-ajax.php"}};
//# sourceURL=wp-util-js-extra
</script>
<script id="wp-util-js" src="https://www.nortespring.com/wp-includes/js/wp-util.min.js?ver=7.0.2"></script>
<script id="wc-add-to-cart-variation-js-extra">
var wc_add_to_cart_variation_params = {"wc_ajax_url":"/en/?wc-ajax=%%endpoint%%","i18n_no_matching_variations_text":"Sorry, no products matched your selection. Please choose a different combination.","i18n_make_a_selection_text":"Please select some product options before adding this product to your basket.","i18n_unavailable_text":"Sorry, this product is unavailable. Please choose a different combination.","i18n_reset_alert_text":"Your selection has been reset. Please select some product options before adding this product to your basket."};
//# sourceURL=wc-add-to-cart-variation-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-add-to-cart-variation-js" src="https://www.nortespring.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.min.js?ver=10.9.1"></script>
<link rel="https://api.w.org/" href="https://www.nortespring.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.nortespring.com/wp-json/wp/v2/product/13231" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.nortespring.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0.2" />
<meta name="generator" content="WooCommerce 10.9.1" />
<link rel='shortlink' href='https://www.nortespring.com/?p=13231' />
				<meta name="omnisend-site-verification" content="67d3393e5accf15bc743debe"/>
					<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	        <style type="text/css">
            .wdp_bulk_table_content .wdp_pricing_table_caption { color: #6d6d6d ! important} .wdp_bulk_table_content table thead td { color: #6d6d6d ! important} .wdp_bulk_table_content table thead td { background-color: #efefef ! important} .wdp_bulk_table_content table thead td { higlight_background_color-color: #efefef ! important} .wdp_bulk_table_content table thead td { higlight_text_color: #6d6d6d ! important} .wdp_bulk_table_content table tbody td { color: #6d6d6d ! important} .wdp_bulk_table_content table tbody td { background-color: #ffffff ! important} .wdp_bulk_table_content .wdp_pricing_table_footer { color: #6d6d6d ! important}        </style>
            <style>
    /* Position context for the cross overlay */
    .single-product .attribute-swatch {
        position: relative;
        overflow: hidden;
    }

    /* Grey diagonal cross drawn with two CSS gradients */
    .single-product .attribute-swatch.disabled::before {
        content: '';
        position: absolute;
        inset: 0;
        background:
            linear-gradient(
                to bottom right,
                transparent calc(50% - 1px),
                rgba(130, 130, 130, 0.9) calc(50% - 1px),
                rgba(130, 130, 130, 0.9) calc(50% + 1px),
                transparent calc(50% + 1px)
            ),
            linear-gradient(
                to bottom left,
                transparent calc(50% - 1px),
                rgba(130, 130, 130, 0.9) calc(50% - 1px),
                rgba(130, 130, 130, 0.9) calc(50% + 1px),
                transparent calc(50% + 1px)
            );
        border-radius: inherit;
        pointer-events: none;
        z-index: 2;
    }

    /* Tone down the swatch itself so the cross reads clearly */
    .single-product .attribute-swatch.disabled {
        opacity: 0.55;
        cursor: not-allowed !important;
    }

    /* Prevent hover effects on disabled swatches */
    .single-product .attribute-swatch.disabled:hover {
        opacity: 0.55;
    }
    </style>
    </head>
<body class="wp-singular product-template-default single single-product postid-13231 wp-theme-mixlife-starter-theme theme-mixlife-starter-theme woocommerce woocommerce-page woocommerce-no-js">


<header class="w-full bg-white" id="site-header">
    
        <!-- Desktop Top Bar (not sticky) -->
    <div class="hidden lg:block bg-white desktop-topbar">
        <div class="max-w-[1600px] mx-auto px-4 lg:px-12">
            <div class="flex justify-end items-center py-2">
                <p class="text-[12px] font-playfair text-black leading-normal">
                    <span class="font-bold">Fr </span>
                    <span>ee shipping on orders over €34.99 to mainland Portugal</span>
                </p>
                <div class="ml-8 flex items-center gap-2 text-[14px] font-playfair text-black">
                    <a href="https://www.nortespring.com/" class="hover:opacity-70 transition-opacity ">PT</a> <span>|</span> <a href="https://www.nortespring.com/en/produto/smooth-blue-1/" class="hover:opacity-70 transition-opacity font-bold">EN</a>                </div>
            </div>
        </div>
    </div>
        
    <!-- Desktop Header Wrapper (sticky) -->
    <div class="hidden lg:block sticky top-0 z-50 bg-white w-full desktop-sticky-header">
        <div class="max-w-[1600px] mx-auto px-4 lg:px-[43px]">
        <div class="relative flex items-center py-[5px]">
            
            <div class="flex-shrink-0 w-[182px]">
                <a href="https://www.nortespring.com/en/home-1/" class="block" aria-label="NorteSpring">
                                            <img width="546" height="324" src="https://www.nortespring.com/wp-content/uploads/2026/01/logo-1.png" class="w-full h-auto object-contain" alt="" decoding="async" fetchpriority="low" srcset="https://www.nortespring.com/wp-content/uploads/2026/01/logo-1.png 546w, https://www.nortespring.com/wp-content/uploads/2026/01/logo-1-300x178.png 300w" sizes="(max-width: 546px) 100vw, 546px" loading="eager" />                                    </a>
            </div>

            <nav class="flex items-center ml-[40px] xl:ml-[119px]" aria-label="Primary Navigation">
                <ul id="menu-main-menu-en" class="flex items-center gap-6 xl:gap-12"><li class="relative group"><a href="https://www.nortespring.com/en/shop/" class="relative flex items-center gap-2 text-[20px] font-playfair font-normal text-black transition-opacity menu-item-link"><span class="relative inline-block">Straps<span class="absolute left-0 bottom-[-11px] h-[1px] w-0 bg-black transition-all duration-300 ease-out group-hover:w-full"></span></span><svg class="w-[9px] h-[11px]" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
            </svg></a>        <div class="fixed left-[45px] right-[45px] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50" style="top: var(--header-bottom, 182px);">
            <!-- Mega Menu Container: Full width with exact margins -->
            <div class="relative w-full h-[640px] max-w-[1830px] mx-auto">
                <!-- Two-tone background: exact Figma colors and widths -->
                <div class="absolute inset-0 bg-[#faf8f6]"></div>
                <div class="absolute right-0 top-0 bottom-0 bg-[#f4f1ed]" style="width: 67.8%;"></div>
                
                <!-- Content Container -->
                <div class="relative h-full">
                    <!-- Column Titles - responsive percentage-based positioning -->
                    <div class="absolute left-[11.4%] top-[30px] -translate-x-1/2">
                        <p class="font-playfair font-normal text-[35px] leading-[70px] text-brand text-center whitespace-nowrap">
                            Collections                        </p>
                    </div>
                    
                                        <div class="absolute left-[43.5%] top-[30px] -translate-x-1/2">
                        <p class="font-playfair font-normal text-[28px] leading-[70px] text-black text-center whitespace-nowrap">
                            Style                        </p>
                    </div>
                                        
                                        <div class="absolute left-[66.7%] top-[30px] -translate-x-1/2">
                        <p class="font-playfair font-normal text-[28px] leading-[70px] text-black text-center whitespace-nowrap">
                            Material                        </p>
                    </div>
                                        
                                        <div class="absolute left-[88.7%] top-[30px] -translate-x-1/2">
                        <p class="font-playfair font-normal text-[28px] leading-[70px] text-black text-center whitespace-nowrap">
                            Size                        </p>
                    </div>
                                        
                    <!-- Column Items - responsive percentage-based positioning -->
                                            <div class="absolute top-[100px]" style="left: 9.4%;">
                            <ul class="space-y-0">
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/epsom-calfskin-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Epsom Calfskin                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/saffiano-signature-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Saffiano Signature                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/premium-embossed-alligator-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Embossed Alligator                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/vintage-style-watch-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Vintage Collection                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/racing-style-leather-wristbands-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Racing Leather                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/rustic-handmade-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Rustic Handmade                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/nato-straps-en/nato-seat-belt-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Nato Seat Belt                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/nato-straps-en/nato-style-ribbed-wristbands-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Nato Ribbed                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/nato-straps-en/leather-nato-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Nato Leather                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/sports-bracelets-en/elite-sport-watch-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Elite Sport                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/sports-bracelets-en/tropical-rubber-watch-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Tropical Rubber                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/metal-bracelets-en/classic-metal-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Classic Metal                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/metal-bracelets-en/milanese-bracelets-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                            <svg class="w-[11px] h-[9px] flex-shrink-0" style="transform: rotate(-90deg);" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/>
                                                </svg>
                                                                                        Milanese Mesh                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                            <div class="absolute top-[100px]" style="left: 41%;">
                            <ul class="space-y-0">
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/racing-style-leather-wristbands-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        Racing                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        Leather                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/metal-bracelets-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        Metal                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/sports-bracelets-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        Sports                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/nato-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        Nato                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/metal-bracelets-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        Stainless Steel                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/compatible-apple-watch-bands-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        Apple Watch Bracelets                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                            <div class="absolute top-[100px]" style="left: 62.9%;">
                            <ul class="space-y-0">
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        Genuine Leather                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/nylon-wristbands-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        Nylon                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/fkm-rubber-watch-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        FKM Rubber                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="#" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        Stainless Steel                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                            <div class="absolute top-[100px]" style="left: 84.2%;">
                            <ul class="space-y-0">
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/18mm-watch-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        18mm                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/19mm-watch-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        19mm                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/20mm-watch-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        20mm                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/21mm-watch-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        21mm                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/22mm-watch-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        22mm                                        </a>
                                    </li>
                                                                    <li class="leading-[32px]">
                                        <a href="https://www.nortespring.com/en/categoria-produto/24mm-watch-straps-en/" 
                                           class="font-playfair font-normal text-[18px] text-black hover:opacity-70 transition-opacity inline-flex items-center gap-[18px]">
                                                                                        24mm                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                                        
                    <!-- Featured Images at Bottom - responsive positioning -->
                                            <div class="absolute left-[32%] bottom-0 flex gap-0 w-[68%]">
                                                            <div class="h-[264px] overflow-hidden flex-1">
                                                                            <img width="872" height="411" src="https://www.nortespring.com/wp-content/uploads/2026/01/Rectangle-22.jpg" class="w-full h-full object-cover" alt="" decoding="async" srcset="https://www.nortespring.com/wp-content/uploads/2026/01/Rectangle-22.jpg 872w, https://www.nortespring.com/wp-content/uploads/2026/01/Rectangle-22-600x283.jpg 600w, https://www.nortespring.com/wp-content/uploads/2026/01/Rectangle-22-300x141.jpg 300w, https://www.nortespring.com/wp-content/uploads/2026/01/Rectangle-22-768x362.jpg 768w" sizes="(max-width: 872px) 100vw, 872px" />                                                                    </div>
                                                            <div class="h-[264px] overflow-hidden flex-1">
                                                                            <img width="870" height="411" src="https://www.nortespring.com/wp-content/uploads/2026/01/Rectangle-23.jpg" class="w-full h-full object-cover" alt="" decoding="async" srcset="https://www.nortespring.com/wp-content/uploads/2026/01/Rectangle-23.jpg 870w, https://www.nortespring.com/wp-content/uploads/2026/01/Rectangle-23-600x283.jpg 600w, https://www.nortespring.com/wp-content/uploads/2026/01/Rectangle-23-300x142.jpg 300w, https://www.nortespring.com/wp-content/uploads/2026/01/Rectangle-23-768x363.jpg 768w" sizes="(max-width: 870px) 100vw, 870px" />                                                                    </div>
                                                    </div>
                                    </div>
            </div>
        </div>
        </li>
<li class="relative group"><a href="https://www.nortespring.com/en/categoria-produto/accessories-en/" class="relative flex items-center gap-2 text-[20px] font-playfair font-normal text-black transition-opacity menu-item-link"><span class="relative inline-block">Accessories<span class="absolute left-0 bottom-[-11px] h-[1px] w-0 bg-black transition-all duration-300 ease-out group-hover:w-full"></span></span></a></li>
<li class="relative group"><a href="https://www.nortespring.com/en/reviews/" class="relative flex items-center gap-2 text-[20px] font-playfair font-normal text-black transition-opacity menu-item-link"><span class="relative inline-block">Reviews<span class="absolute left-0 bottom-[-11px] h-[1px] w-0 bg-black transition-all duration-300 ease-out group-hover:w-full"></span></span></a></li>
<li class="relative group"><a href="https://www.nortespring.com/en/blog/" class="relative flex items-center gap-2 text-[20px] font-playfair font-normal text-black transition-opacity menu-item-link"><span class="relative inline-block">Blog<span class="absolute left-0 bottom-[-11px] h-[1px] w-0 bg-black transition-all duration-300 ease-out group-hover:w-full"></span></span></a></li>
</ul>            </nav>

            <div class="flex items-center gap-4 ml-auto">
                
                <button type="button" class="w-[22px] h-[22px] hover:opacity-70 transition-opacity" aria-label="Search" id="search-toggle">
                    <svg class="w-full h-full" viewBox="0 0 30.247 30.247" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M21.2495 3.6408C16.3951 -1.2136 8.49521 -1.2136 3.6408 3.6408C-1.2136 8.49521 -1.2136 16.3951 3.6408 21.2495C7.6628 25.2715 13.7738 25.9559 18.5122 23.3146L24.4511 29.2535C25.7758 30.5782 27.9288 30.5782 29.2535 29.2535C30.5782 27.9288 30.5782 25.7758 29.2535 24.4511L23.3146 18.5122C25.9559 13.7738 25.2715 7.6628 21.2495 3.6408ZM27.6527 26.0519C28.0929 26.4921 28.0929 27.2125 27.6527 27.6527C27.2125 28.0929 26.4921 28.0929 26.0519 27.6527L20.4131 22.0139C20.7013 21.7738 20.9814 21.5177 21.2495 21.2495C21.5177 20.9814 21.7698 20.6973 22.0139 20.4131L27.6527 26.0519ZM19.6487 19.6487C15.6788 23.6187 9.21157 23.6187 5.2416 19.6487C1.27163 15.6788 1.27163 9.21156 5.2416 5.2416C9.21156 1.27163 15.6788 1.27163 19.6487 5.2416C23.6187 9.21157 23.6187 15.6788 19.6487 19.6487Z" fill="black"/>
                    </svg>
                </button>

                <a href="https://www.nortespring.com/en/wish-list/" class="w-[24px] h-[21px] hover:opacity-70 transition-opacity" aria-label="Wishlist">
                    <svg class="w-full h-full" viewBox="0 0 32.6 28.6" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M23.6945 0.149609C25.425 0.149732 27.1172 0.646137 28.5568 1.57637C29.9965 2.50675 31.1191 3.83046 31.7824 5.3791C32.4457 6.92776 32.6196 8.63218 32.2814 10.2766C31.9432 11.9209 31.1087 13.4309 29.884 14.6154L29.883 14.6145L16.9689 28.1662C16.8833 28.2561 16.7793 28.3274 16.6643 28.3762C16.5493 28.4249 16.4252 28.4504 16.3 28.4504C16.1748 28.4504 16.0507 28.4249 15.9357 28.3762C15.8207 28.3274 15.7167 28.256 15.6311 28.1662L2.68965 14.5891V14.5881C1.16009 13.096 0.260684 11.1107 0.159375 9.01973L0.149609 8.5998C0.155861 6.35421 1.08364 4.20388 2.72676 2.62031C4.36988 1.03695 6.59479 0.148754 8.9123 0.150586C11.2299 0.152504 13.4535 1.04391 15.0939 2.63008L16.3 3.79512L17.5061 2.63008C18.3171 1.84098 19.2818 1.21584 20.3439 0.790234C21.4062 0.364608 22.545 0.146432 23.6945 0.149609ZM23.7033 1.92207C22.7909 1.92126 21.887 2.09451 21.0441 2.43184C20.2014 2.76917 19.4364 3.26446 18.7922 3.88789L16.9426 5.675C16.8578 5.75699 16.7577 5.82224 16.6477 5.86641C16.5374 5.91056 16.419 5.93279 16.3 5.93281C16.1809 5.93281 16.0626 5.91058 15.9523 5.86641C15.8421 5.82223 15.7413 5.75709 15.6564 5.675L13.8078 3.88789C13.1644 3.26546 12.4002 2.77094 11.5588 2.43379C10.7175 2.09669 9.81545 1.92313 8.90449 1.92305C7.99341 1.92299 7.09069 2.09673 6.24922 2.43379C5.4079 2.77084 4.64361 3.26465 4.0002 3.88691C3.35671 4.50925 2.84713 5.24829 2.49922 6.06074C2.15138 6.87307 1.97179 7.74336 1.97188 8.62227C1.972 9.50131 2.15109 10.3724 2.49922 11.1848C2.80381 11.8955 3.23324 12.5492 3.7668 13.1184L4.00215 13.3576L4.00605 13.3615L16.299 26.259L28.5725 13.383L28.5764 13.3781H28.5773C29.2248 12.7579 29.7391 12.0203 30.091 11.2082C30.4429 10.3961 30.6259 9.52496 30.6291 8.64473L30.6213 8.31465C30.5849 7.54689 30.4123 6.79 30.1096 6.07734C29.7635 5.26274 29.2545 4.52133 28.6115 3.89668C27.9684 3.27199 27.2037 2.7756 26.3615 2.43672C25.5193 2.09785 24.6158 1.9229 23.7033 1.92207Z" fill="black"/>
                    </svg>
                </a>

                                <button type="button" id="open-login-modal" class="w-[21px] h-[21px] hover:opacity-70 transition-opacity" aria-label="Login">
                    <svg class="w-full h-full" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M14 0C11.2311 0 8.52431 0.821086 6.22202 2.35943C3.91973 3.89777 2.12532 6.08427 1.06569 8.64243C0.00606597 11.2006 -0.271181 14.0155 0.269012 16.7313C0.809205 19.447 2.14258 21.9416 4.10051 23.8995C6.05845 25.8574 8.55301 27.1908 11.2687 27.731C13.9845 28.2712 16.7994 27.9939 19.3576 26.9343C21.9157 25.8747 24.1022 24.0803 25.6406 21.778C27.1789 19.4757 28 16.7689 28 14C28 10.287 26.525 6.72601 23.8995 4.1005C21.274 1.475 17.713 0 14 0ZM14 2C16.2328 2.00459 18.4201 2.63206 20.3158 3.81183C22.2115 4.9916 23.7405 6.67688 24.7307 8.67813C25.7209 10.6794 26.1332 12.9172 25.921 15.14C25.7089 17.3627 24.8809 19.4822 23.53 21.26C23.0374 19.9619 22.2651 18.7882 21.2679 17.8221C20.2707 16.856 19.0731 16.1212 17.76 15.67C18.7279 14.8917 19.4304 13.8322 19.7706 12.6377C20.1107 11.4432 20.0719 10.1725 19.6593 9.00108C19.2467 7.82962 18.4807 6.81506 17.4671 6.09738C16.4534 5.3797 15.242 4.99428 14 4.99428C12.758 4.99428 11.5466 5.3797 10.533 6.09738C9.5193 6.81506 8.75334 7.82962 8.34075 9.00108C7.92816 10.1725 7.88928 11.4432 8.22946 12.6377C8.56964 13.8322 9.27213 14.8917 10.24 15.67C8.92696 16.1212 7.72933 16.856 6.73213 17.8221C5.73494 18.7882 4.96262 19.9619 4.47001 21.26C3.11914 19.4822 2.29108 17.3627 2.07896 15.14C1.86685 12.9172 2.27909 10.6794 3.26932 8.67813C4.25956 6.67688 5.7885 4.9916 7.68421 3.81183C9.57991 2.63206 11.7672 2.00459 14 2ZM10 11C10 10.2089 10.2346 9.43552 10.6741 8.77772C11.1137 8.11992 11.7384 7.60723 12.4693 7.30448C13.2002 7.00173 14.0044 6.92252 14.7804 7.07686C15.5563 7.2312 16.269 7.61216 16.8284 8.17157C17.3878 8.73098 17.7688 9.44371 17.9231 10.2196C18.0775 10.9956 17.9983 11.7998 17.6955 12.5307C17.3928 13.2616 16.8801 13.8864 16.2223 14.3259C15.5645 14.7654 14.7911 15 14 15C12.9391 15 11.9217 14.5786 11.1716 13.8284C10.4214 13.0783 10 12.0609 10 11ZM6.09001 23C6.65001 19.57 10 17 14 17C18 17 21.35 19.57 21.91 23C19.7282 24.9324 16.9145 25.9993 14 25.9993C11.0855 25.9993 8.27178 24.9324 6.09001 23Z" fill="black"/>
                    </svg>
                </button>
                
                <button type="button" id="open-sidecart" class="relative w-[16px] h-[21px] hover:opacity-70 transition-opacity" aria-label="Shopping Cart">
                    <svg class="w-full h-full" viewBox="0 0 21.7138 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M20.7657 9.09C20.439 8.74754 20.0465 8.47451 19.6118 8.28722C19.1771 8.09993 18.709 8.00225 18.2357 8H16.8557V6C16.8557 4.4087 16.2236 2.88258 15.0984 1.75736C13.9731 0.632141 12.447 0 10.8557 0C9.26442 0 7.73829 0.632141 6.61307 1.75736C5.48786 2.88258 4.85571 4.4087 4.85571 6V8H3.47571C3.00238 8.00225 2.53436 8.09993 2.09965 8.28722C1.66494 8.47451 1.27247 8.74754 0.945715 9.09C0.621749 9.43347 0.371285 9.83944 0.209655 10.2831C0.0480254 10.7267 -0.0213706 11.1986 0.00571451 11.67L0.725714 24.67C0.764325 25.565 1.14658 26.4106 1.79292 27.0309C2.43926 27.6511 3.2999 27.9983 4.19571 28H17.5157C18.4049 27.9988 19.26 27.6572 19.9053 27.0454C20.5506 26.4335 20.9372 25.5979 20.9857 24.71L21.7057 11.71C21.7384 11.2321 21.6717 10.7525 21.5099 10.3016C21.3482 9.8507 21.0948 9.43817 20.7657 9.09ZM6.85571 6C6.85571 4.93913 7.27714 3.92172 8.02729 3.17157C8.77743 2.42143 9.79485 2 10.8557 2C11.9166 2 12.934 2.42143 13.6841 3.17157C14.4343 3.92172 14.8557 4.93913 14.8557 6V8H6.85571V6ZM2.40571 10.46C2.5422 10.313 2.70788 10.1962 2.89213 10.117C3.07639 10.0378 3.27516 9.99793 3.47571 10H4.85571V14C4.85571 14.2652 4.96107 14.5196 5.14861 14.7071C5.33614 14.8946 5.5905 15 5.85571 15C6.12093 15 6.37528 14.8946 6.56282 14.7071C6.75036 14.5196 6.85571 14.2652 6.85571 14V10H14.8557V14C14.8557 14.2652 14.9611 14.5196 15.1486 14.7071C15.3361 14.8946 15.5905 15 15.8557 15C16.1209 15 16.3753 14.8946 16.5628 14.7071C16.7504 14.5196 16.8557 14.2652 16.8557 14V10H18.2357C18.4366 10.0011 18.6351 10.0429 18.8195 10.1227C19.0038 10.2025 19.1701 10.3188 19.3083 10.4645C19.4465 10.6102 19.5539 10.7824 19.6239 10.9706C19.6939 11.1589 19.7252 11.3594 19.7157 11.56L19.1357 22H2.57571L1.99571 11.56C1.98421 11.3583 2.01471 11.1563 2.08529 10.967C2.15586 10.7776 2.26497 10.605 2.40571 10.46ZM17.5157 26H4.19571C3.81768 26.0004 3.45401 25.8552 3.18025 25.5945C2.9065 25.3338 2.74372 24.9776 2.72571 24.6V24H19.0257V24.6C19.0075 24.9846 18.8392 25.3468 18.5568 25.6086C18.2744 25.8704 17.9006 26.0109 17.5157 26Z" fill="black"/>
                    </svg>
                                        <span id="cart-count" class="absolute -top-2 -right-2 bg-red-500 text-white text-[12px] font-lato leading-none rounded-full w-[18px] h-[18px] flex items-center justify-center">
                        0                    </span>
                                    </button>
            </div>
        </div>
        </div>
    </div>
    <!-- End Desktop Header Wrapper -->
    
    <!-- Mobile Top Bar (not sticky) -->
        <div class="lg:hidden bg-white">
        <div class="flex items-center justify-between px-[20px] py-[12px] min-h-[48px]">
            <p class="text-[10px] sm:text-[12px] font-playfair text-black leading-tight pr-3 flex-1">
                <span class="font-bold">Fr </span>
                <span>ee shipping on orders over €34.99 to mainland Portugal</span>
            </p>
            <div class="flex items-center gap-2 text-[12px] sm:text-[14px] font-playfair text-black flex-shrink-0">
                <a href="https://www.nortespring.com/" class="hover:opacity-70 transition-opacity ">PT</a> <span>|</span> <a href="https://www.nortespring.com/en/produto/smooth-blue-1/" class="hover:opacity-70 transition-opacity font-bold">EN</a>            </div>
        </div>
    </div>
        
    <!-- Sticky Wrapper for Mobile (only header, no top bar) -->
    <div class="lg:hidden sticky top-0 z-50 bg-white mobile-sticky-header">
        <div class="px-[15px] py-[15px]">
            <!-- Single Row: All elements horizontally aligned with equal side widths -->
            <div class="flex items-center gap-[12px]">
                <!-- Left Side - Hamburger Menu (fixed width to match right side) -->
                <div class="w-[115px] flex items-center">
                    <button type="button" class="w-[24px] h-[24px] flex-shrink-0" aria-label="Toggle Menu" id="mobile-menu-toggle">
                        <img src="https://www.nortespring.com/wp-content/themes/mixlife-starter-theme/assets/burguer-menu.svg" alt="" class="w-full h-full" />
                    </button>
                </div>
                
                <!-- Logo - Center (absolutely centered) -->
                <div class="flex-1 flex justify-center">
                    <a href="https://www.nortespring.com/en/home-1/" class="block w-[100px]" aria-label="NorteSpring">
                                                    <img width="546" height="324" src="https://www.nortespring.com/wp-content/uploads/2026/01/logo-1.png" class="w-full h-auto object-contain" alt="" decoding="async" srcset="https://www.nortespring.com/wp-content/uploads/2026/01/logo-1.png 546w, https://www.nortespring.com/wp-content/uploads/2026/01/logo-1-300x178.png 300w" sizes="(max-width: 546px) 100vw, 546px" fetchpriority="low" loading="eager" />                                            </a>
                </div>
                
                <!-- Right Side - Action Icons (115px total width: 20 + 12 + 22 + 12 + 21 + 12 + 16) -->
                <div class="w-[115px] flex items-center justify-end gap-[12px] flex-shrink-0">
                    <!-- Search Icon -->
                    <button type="button" class="w-[20px] h-[20px] hover:opacity-70 transition-opacity" aria-label="Search" id="search-toggle-mobile">
                        <svg class="w-full h-full" viewBox="0 0 30.247 30.247" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M21.2495 3.6408C16.3951 -1.2136 8.49521 -1.2136 3.6408 3.6408C-1.2136 8.49521 -1.2136 16.3951 3.6408 21.2495C7.6628 25.2715 13.7738 25.9559 18.5122 23.3146L24.4511 29.2535C25.7758 30.5782 27.9288 30.5782 29.2535 29.2535C30.5782 27.9288 30.5782 25.7758 29.2535 24.4511L23.3146 18.5122C25.9559 13.7738 25.2715 7.6628 21.2495 3.6408ZM27.6527 26.0519C28.0929 26.4921 28.0929 27.2125 27.6527 27.6527C27.2125 28.0929 26.4921 28.0929 26.0519 27.6527L20.4131 22.0139C20.7013 21.7738 20.9814 21.5177 21.2495 21.2495C21.5177 20.9814 21.7698 20.6973 22.0139 20.4131L27.6527 26.0519ZM19.6487 19.6487C15.6788 23.6187 9.21157 23.6187 5.2416 19.6487C1.27163 15.6788 1.27163 9.21156 5.2416 5.2416C9.21156 1.27163 15.6788 1.27163 19.6487 5.2416C23.6187 9.21157 23.6187 15.6788 19.6487 19.6487Z" fill="black"/>
                        </svg>
                    </button>
                    
                    <!-- Wishlist Icon -->
                    <a href="https://www.nortespring.com/en/wish-list/" class="w-[22px] h-[19px] hover:opacity-70 transition-opacity" aria-label="Wishlist">
                        <svg class="w-full h-full" viewBox="0 0 32.6 28.6" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M23.6945 0.149609C25.425 0.149732 27.1172 0.646137 28.5568 1.57637C29.9965 2.50675 31.1191 3.83046 31.7824 5.3791C32.4457 6.92776 32.6196 8.63218 32.2814 10.2766C31.9432 11.9209 31.1087 13.4309 29.884 14.6154L29.883 14.6145L16.9689 28.1662C16.8833 28.2561 16.7793 28.3274 16.6643 28.3762C16.5493 28.4249 16.4252 28.4504 16.3 28.4504C16.1748 28.4504 16.0507 28.4249 15.9357 28.3762C15.8207 28.3274 15.7167 28.256 15.6311 28.1662L2.68965 14.5891V14.5881C1.16009 13.096 0.260684 11.1107 0.159375 9.01973L0.149609 8.5998C0.155861 6.35421 1.08364 4.20388 2.72676 2.62031C4.36988 1.03695 6.59479 0.148754 8.9123 0.150586C11.2299 0.152504 13.4535 1.04391 15.0939 2.63008L16.3 3.79512L17.5061 2.63008C18.3171 1.84098 19.2818 1.21584 20.3439 0.790234C21.4062 0.364608 22.545 0.146432 23.6945 0.149609ZM23.7033 1.92207C22.7909 1.92126 21.887 2.09451 21.0441 2.43184C20.2014 2.76917 19.4364 3.26446 18.7922 3.88789L16.9426 5.675C16.8578 5.75699 16.7577 5.82224 16.6477 5.86641C16.5374 5.91056 16.419 5.93279 16.3 5.93281C16.1809 5.93281 16.0626 5.91058 15.9523 5.86641C15.8421 5.82223 15.7413 5.75709 15.6564 5.675L13.8078 3.88789C13.1644 3.26546 12.4002 2.77094 11.5588 2.43379C10.7175 2.09669 9.81545 1.92313 8.90449 1.92305C7.99341 1.92299 7.09069 2.09673 6.24922 2.43379C5.4079 2.77084 4.64361 3.26465 4.0002 3.88691C3.35671 4.50925 2.84713 5.24829 2.49922 6.06074C2.15138 6.87307 1.97179 7.74336 1.97188 8.62227C1.972 9.50131 2.15109 10.3724 2.49922 11.1848C2.80381 11.8955 3.23324 12.5492 3.7668 13.1184L4.00215 13.3576L4.00605 13.3615L16.299 26.259L28.5725 13.383L28.5764 13.3781H28.5773C29.2248 12.7579 29.7391 12.0203 30.091 11.2082C30.4429 10.3961 30.6259 9.52496 30.6291 8.64473L30.6213 8.31465C30.5849 7.54689 30.4123 6.79 30.1096 6.07734C29.7635 5.26274 29.2545 4.52133 28.6115 3.89668C27.9684 3.27199 27.2037 2.7756 26.3615 2.43672C25.5193 2.09785 24.6158 1.9229 23.7033 1.92207Z" fill="black"/>
                        </svg>
                    </a>

                    <!-- My Account / Login Icon -->
                                        <button type="button" id="open-login-modal-mobile" class="w-[21px] h-[21px] hover:opacity-70 transition-opacity" aria-label="Login">
                        <svg class="w-full h-full" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M14 0C11.2311 0 8.52431 0.821086 6.22202 2.35943C3.91973 3.89777 2.12532 6.08427 1.06569 8.64243C0.00606597 11.2006 -0.271181 14.0155 0.269012 16.7313C0.809205 19.447 2.14258 21.9416 4.10051 23.8995C6.05845 25.8574 8.55301 27.1908 11.2687 27.731C13.9845 28.2712 16.7994 27.9939 19.3576 26.9343C21.9157 25.8747 24.1022 24.0803 25.6406 21.778C27.1789 19.4757 28 16.7689 28 14C28 10.287 26.525 6.72601 23.8995 4.1005C21.274 1.475 17.713 0 14 0ZM14 2C16.2328 2.00459 18.4201 2.63206 20.3158 3.81183C22.2115 4.9916 23.7405 6.67688 24.7307 8.67813C25.7209 10.6794 26.1332 12.9172 25.921 15.14C25.7089 17.3627 24.8809 19.4822 23.53 21.26C23.0374 19.9619 22.2651 18.7882 21.2679 17.8221C20.2707 16.856 19.0731 16.1212 17.76 15.67C18.7279 14.8917 19.4304 13.8322 19.7706 12.6377C20.1107 11.4432 20.0719 10.1725 19.6593 9.00108C19.2467 7.82962 18.4807 6.81506 17.4671 6.09738C16.4534 5.3797 15.242 4.99428 14 4.99428C12.758 4.99428 11.5466 5.3797 10.533 6.09738C9.5193 6.81506 8.75334 7.82962 8.34075 9.00108C7.92816 10.1725 7.88928 11.4432 8.22946 12.6377C8.56964 13.8322 9.27213 14.8917 10.24 15.67C8.92696 16.1212 7.72933 16.856 6.73213 17.8221C5.73494 18.7882 4.96262 19.9619 4.47001 21.26C3.11914 19.4822 2.29108 17.3627 2.07896 15.14C1.86685 12.9172 2.27909 10.6794 3.26932 8.67813C4.25956 6.67688 5.7885 4.9916 7.68421 3.81183C9.57991 2.63206 11.7672 2.00459 14 2ZM10 11C10 10.2089 10.2346 9.43552 10.6741 8.77772C11.1137 8.11992 11.7384 7.60723 12.4693 7.30448C13.2002 7.00173 14.0044 6.92252 14.7804 7.07686C15.5563 7.2312 16.269 7.61216 16.8284 8.17157C17.3878 8.73098 17.7688 9.44371 17.9231 10.2196C18.0775 10.9956 17.9983 11.7998 17.6955 12.5307C17.3928 13.2616 16.8801 13.8864 16.2223 14.3259C15.5645 14.7654 14.7911 15 14 15C12.9391 15 11.9217 14.5786 11.1716 13.8284C10.4214 13.0783 10 12.0609 10 11ZM6.09001 23C6.65001 19.57 10 17 14 17C18 17 21.35 19.57 21.91 23C19.7282 24.9324 16.9145 25.9993 14 25.9993C11.0855 25.9993 8.27178 24.9324 6.09001 23Z" fill="black"/>
                        </svg>
                    </button>
                                        
                    <!-- Shopping Bag with Cart Count Badge -->
                    <button type="button" id="open-sidecart-mobile" class="relative w-[16px] h-[21px] hover:opacity-70 transition-opacity" aria-label="Shopping Cart">
                        <svg class="w-full h-full" viewBox="0 0 21.7138 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M20.7657 9.09C20.439 8.74754 20.0465 8.47451 19.6118 8.28722C19.1771 8.09993 18.709 8.00225 18.2357 8H16.8557V6C16.8557 4.4087 16.2236 2.88258 15.0984 1.75736C13.9731 0.632141 12.447 0 10.8557 0C9.26442 0 7.73829 0.632141 6.61307 1.75736C5.48786 2.88258 4.85571 4.4087 4.85571 6V8H3.47571C3.00238 8.00225 2.53436 8.09993 2.09965 8.28722C1.66494 8.47451 1.27247 8.74754 0.945715 9.09C0.621749 9.43347 0.371285 9.83944 0.209655 10.2831C0.0480254 10.7267 -0.0213706 11.1986 0.00571451 11.67L0.725714 24.67C0.764325 25.565 1.14658 26.4106 1.79292 27.0309C2.43926 27.6511 3.2999 27.9983 4.19571 28H17.5157C18.4049 27.9988 19.26 27.6572 19.9053 27.0454C20.5506 26.4335 20.9372 25.5979 20.9857 24.71L21.7057 11.71C21.7384 11.2321 21.6717 10.7525 21.5099 10.3016C21.3482 9.8507 21.0948 9.43817 20.7657 9.09ZM6.85571 6C6.85571 4.93913 7.27714 3.92172 8.02729 3.17157C8.77743 2.42143 9.79485 2 10.8557 2C11.9166 2 12.934 2.42143 13.6841 3.17157C14.4343 3.92172 14.8557 4.93913 14.8557 6V8H6.85571V6ZM2.40571 10.46C2.5422 10.313 2.70788 10.1962 2.89213 10.117C3.07639 10.0378 3.27516 9.99793 3.47571 10H4.85571V14C4.85571 14.2652 4.96107 14.5196 5.14861 14.7071C5.33614 14.8946 5.5905 15 5.85571 15C6.12093 15 6.37528 14.8946 6.56282 14.7071C6.75036 14.5196 6.85571 14.2652 6.85571 14V10H14.8557V14C14.8557 14.2652 14.9611 14.5196 15.1486 14.7071C15.3361 14.8946 15.5905 15 15.8557 15C16.1209 15 16.3753 14.8946 16.5628 14.7071C16.7504 14.5196 16.8557 14.2652 16.8557 14V10H18.2357C18.4366 10.0011 18.6351 10.0429 18.8195 10.1227C19.0038 10.2025 19.1701 10.3188 19.3083 10.4645C19.4465 10.6102 19.5539 10.7824 19.6239 10.9706C19.6939 11.1589 19.7252 11.3594 19.7157 11.56L19.1357 22H2.57571L1.99571 11.56C1.98421 11.3583 2.01471 11.1563 2.08529 10.967C2.15586 10.7776 2.26497 10.605 2.40571 10.46ZM17.5157 26H4.19571C3.81768 26.0004 3.45401 25.8552 3.18025 25.5945C2.9065 25.3338 2.74372 24.9776 2.72571 24.6V24H19.0257V24.6C19.0075 24.9846 18.8392 25.3468 18.5568 25.6086C18.2744 25.8704 17.9006 26.0109 17.5157 26Z" fill="black"/>
                        </svg>
                                                <!-- Cart Count Badge -->
                        <span id="cart-count-mobile" class="absolute -top-[6px] -right-[6px] bg-black text-white text-[9px] font-lato leading-none rounded-full w-[16px] h-[16px] flex items-center justify-center">
                            0                        </span>
                                            </button>
                </div>
            </div>
        </div>
    </div>
    <!-- End Sticky Wrapper for Mobile -->

    <!-- Mobile Menu Overlay - Completely hidden by default -->
    <div class="fixed inset-0 bg-black bg-opacity-0 z-[10000] hidden lg:hidden transition-opacity duration-500 ease-in-out" id="mobile-menu-overlay">
        <!-- Mobile Menu Container Wrapper -->
        <div class="fixed top-0 left-0 w-[651px] max-w-[90vw] h-full transform -translate-x-full transition-transform duration-500 ease-in-out z-[10001]" id="mobile-menu-wrapper">
            
            <!-- Mobile Menu Sidebar - Exact Figma: 651px wide, #faf8f6 bg -->
            <div class="w-full h-full bg-[#faf8f6] shadow-2xl overflow-y-auto" id="mobile-menu">
                
                <!-- Logo - sticky inside scroll container so it stays at the top without overlapping items -->
                <div class="sticky top-0 z-10 bg-[#faf8f6] pl-[45px] pt-[37px] pb-[20px]">
                    <a href="https://www.nortespring.com/en/home-1/" class="block w-fit">
                        <img width="546" height="324" src="https://www.nortespring.com/wp-content/uploads/2026/01/logo-1.png" class="w-[120px] h-auto object-contain" alt="" decoding="async" srcset="https://www.nortespring.com/wp-content/uploads/2026/01/logo-1.png 546w, https://www.nortespring.com/wp-content/uploads/2026/01/logo-1-300x178.png 300w" sizes="(max-width: 546px) 100vw, 546px" fetchpriority="low" loading="eager" />                    </a>
                </div>
                
                <!-- Mobile Navigation -->
                <nav class="pt-[20px]" aria-label="Mobile Navigation">
                    <ul id="menu-main-menu-en-1" class="mobile-nav-menu"><li class="mobile-menu-item relative mb-0"><a href="https://www.nortespring.com/en/shop/" class="block pl-[45px] pr-[45px] font-playfair text-[17px] leading-[32px] font-normal text-black uppercase">Straps</a><button type="button" class="absolute top-[7px] right-[45px] w-[21px] h-[21px] flex items-center justify-center mobile-submenu-toggle" aria-label="Toggle submenu"><svg class="w-full h-full transition-transform duration-300" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.2973 11.2091L11.1822 11.1854L11.1585 20.3005C11.1599 20.3926 11.1429 20.484 11.1085 20.5695C11.0741 20.6549 11.0231 20.7327 10.9584 20.7982C10.8937 20.8637 10.8165 20.9157 10.7315 20.9511C10.6465 20.9865 10.5553 21.0046 10.4632 21.0043C10.3711 21.0041 10.28 20.9855 10.1951 20.9497C10.1103 20.9139 10.0334 20.8615 9.96905 20.7956C9.90467 20.7298 9.85405 20.6518 9.82014 20.5661C9.78623 20.4805 9.76971 20.389 9.77155 20.2969L9.79526 11.1818L0.680122 11.1582C0.498298 11.1545 0.325176 11.0796 0.198042 10.9496C0.0709073 10.8195 -6.72443e-05 10.6448 0.000405737 10.4629C0.00087939 10.2811 0.0727619 10.1067 0.200571 9.97728C0.328381 9.8479 0.50189 9.7739 0.683731 9.77122L9.79887 9.79486L9.82256 0.679723C9.82619 0.497899 9.90109 0.324776 10.0311 0.197641C10.1612 0.0705066 10.3359 -0.00046794 10.5178 4.68448e-06C10.6997 0.000477325 10.8741 0.0723593 11.0034 0.200168C11.1328 0.327977 11.2068 0.501487 11.2095 0.683327L11.1858 9.79847L20.3009 9.82215C20.4827 9.82578 20.6559 9.90068 20.783 10.0307C20.9101 10.1608 20.9811 10.3355 20.9806 10.5174C20.9802 10.6992 20.9083 10.8736 20.7805 11.003C20.6527 11.1324 20.4792 11.2064 20.2973 11.2091Z" fill="black"/></svg></button><ul class="mobile-submenu hidden mt-[20px] pb-[16px] list-none m-0 p-0"><li class="mobile-submenu-header "><div class="pl-[74px] pr-[45px] font-lato text-[16px] leading-[35px] font-normal text-black uppercase">Collections</div></li><li class="mobile-collection-item relative mt-[10px]"><a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/epsom-calfskin-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Epsom Calfskin</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/saffiano-signature-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Saffiano Signature</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/premium-embossed-alligator-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Embossed Alligator</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/vintage-style-watch-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Vintage Collection</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/racing-style-leather-wristbands-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Racing Leather</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/rustic-handmade-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Rustic Handmade</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/nato-straps-en/nato-seat-belt-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Nato Seat Belt</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/nato-straps-en/nato-style-ribbed-wristbands-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Nato Ribbed</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/nato-straps-en/leather-nato-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Nato Leather</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/sports-bracelets-en/elite-sport-watch-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Elite Sport</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/sports-bracelets-en/tropical-rubber-watch-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Tropical Rubber</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/metal-bracelets-en/classic-metal-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Classic Metal</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/metal-bracelets-en/milanese-bracelets-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Milanese Mesh</a></li><li class="mobile-submenu-header mt-[24px]"><div class="pl-[74px] pr-[45px] font-lato text-[16px] leading-[35px] font-normal text-black uppercase">Style</div></li><li class="mobile-collection-item relative mt-[10px]"><a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/racing-style-leather-wristbands-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Racing</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Leather</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/metal-bracelets-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Metal</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/sports-bracelets-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Sports</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/nato-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Nato</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/metal-bracelets-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Stainless Steel</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/compatible-apple-watch-bands-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Apple Watch Bracelets</a></li><li class="mobile-submenu-header mt-[24px]"><div class="pl-[74px] pr-[45px] font-lato text-[16px] leading-[35px] font-normal text-black uppercase">Material</div></li><li class="mobile-collection-item relative mt-[10px]"><a href="https://www.nortespring.com/en/categoria-produto/leather-bracelets-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Genuine Leather</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/nylon-wristbands-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Nylon</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/fkm-rubber-watch-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>FKM Rubber</a></li><li class="mobile-collection-item relative "><a href="#" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>Stainless Steel</a></li><li class="mobile-submenu-header mt-[24px]"><div class="pl-[74px] pr-[45px] font-lato text-[16px] leading-[35px] font-normal text-black uppercase">Size</div></li><li class="mobile-collection-item relative mt-[10px]"><a href="https://www.nortespring.com/en/categoria-produto/18mm-watch-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>18mm</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/19mm-watch-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>19mm</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/20mm-watch-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>20mm</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/21mm-watch-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>21mm</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/22mm-watch-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>22mm</a></li><li class="mobile-collection-item relative "><a href="https://www.nortespring.com/en/categoria-produto/24mm-watch-straps-en/" class="flex items-center pl-[123px] pr-[45px] font-playfair text-[16px] leading-[28px] font-normal text-black"><svg class="absolute left-[91px] w-[11px] h-[9px] -rotate-90" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.49998 6.17509e-08C4.44619 -2.7895e-05 4.39292 0.00943717 4.34322 0.0278541C4.29352 0.046271 4.24836 0.0732785 4.21032 0.107332C4.17228 0.141386 4.14212 0.181818 4.12155 0.226317C4.10098 0.270816 4.0904 0.318509 4.09044 0.366668V9.74824L0.694066 6.70745C0.616825 6.64065 0.513372 6.6037 0.40599 6.60453C0.298608 6.60537 0.195887 6.64393 0.119954 6.71191C0.0440203 6.7799 0.000948605 6.87186 1.5482e-05 6.968C-0.000917641 7.06414 0.0403626 7.15676 0.114965 7.22591L4.21045 10.8926C4.24847 10.9266 4.29361 10.9537 4.34329 10.9721C4.39297 10.9905 4.44622 11 4.5 11C4.55378 11 4.60703 10.9905 4.65671 10.9721C4.70639 10.9537 4.75153 10.9266 4.78955 10.8926L8.88503 7.22591C8.95964 7.15676 9.00092 7.06414 8.99998 6.968C8.99905 6.87186 8.95598 6.7799 8.88005 6.71191C8.80411 6.64393 8.70139 6.60537 8.59401 6.60453C8.48663 6.6037 8.38318 6.64065 8.30593 6.70745L4.90953 9.74824V0.366668C4.90956 0.318509 4.89899 0.270816 4.87842 0.226317C4.85785 0.181818 4.82768 0.141386 4.78965 0.107332C4.75161 0.0732785 4.70645 0.046271 4.65675 0.0278541C4.60705 0.00943717 4.55377 -2.7895e-05 4.49998 6.17509e-08Z" fill="black"/></svg>24mm</a></li></ul></li><li class="mobile-menu-item relative mb-0"><a href="https://www.nortespring.com/en/categoria-produto/accessories-en/" class="block pl-[45px] pr-[45px] font-playfair text-[17px] leading-[32px] font-normal text-black uppercase">Accessories</a></li><li class="mobile-menu-item relative mb-0"><a href="https://www.nortespring.com/en/reviews/" class="block pl-[45px] pr-[45px] font-playfair text-[17px] leading-[32px] font-normal text-black uppercase">Reviews</a></li><li class="mobile-menu-item relative mb-0"><a href="https://www.nortespring.com/en/blog/" class="block pl-[45px] pr-[45px] font-playfair text-[17px] leading-[32px] font-normal text-black uppercase">Blog</a></li></ul>                </nav>
            </div>
            
            <!-- Close Button - Outside scrollable area, centered on right edge -->
            <button type="button" class="absolute -right-[32px] top-[32px] w-[64px] h-[64px] z-50 transition-transform duration-500 ease-in-out" id="mobile-menu-close" aria-label="Close Menu">
                <!-- Ellipse background - white ring outside, color background inside -->
                <img src="https://www.nortespring.com/wp-content/themes/mixlife-starter-theme/assets/elipse.svg" alt="" class="absolute inset-0 w-full h-full" />
                <!-- Arrow - scaled proportionally (75% of original 21×17) -->
                <img src="https://www.nortespring.com/wp-content/themes/mixlife-starter-theme/assets/arrow-left.svg" alt="" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[16px] h-[13px]" />
            </button>
            
        </div>
    </div>
</header>

<!-- Modern Search Modal with Autocomplete -->
<div class="fixed inset-0 bg-black/70 z-[9999] opacity-0 invisible transition-all duration-300" id="search-modal">
    <div class="absolute top-0 left-0 right-0 bg-white shadow-2xl transform -translate-y-full transition-transform duration-300" id="search-container">
        <div class="max-w-[1400px] mx-auto px-4 lg:px-12 py-8">
            
            <!-- Search Header -->
            <div class="flex items-center justify-between mb-6">
                <p class="font-playfair text-[24px] lg:text-[32px] font-normal text-black">Search Products</p>
                <button type="button" id="search-close" class="w-10 h-10 flex items-center justify-center hover:bg-gray-100 rounded-full transition-colors" aria-label="Close search">
                    <svg class="w-5 h-5" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="currentColor"/>
                    </svg>
                </button>
            </div>

            <!-- Search Input with Icon -->
            <div class="relative">
                <div class="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400">
                    <svg class="w-full h-full" viewBox="0 0 30.247 30.247" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M21.2495 3.6408C16.3951 -1.2136 8.49521 -1.2136 3.6408 3.6408C-1.2136 8.49521 -1.2136 16.3951 3.6408 21.2495C7.6628 25.2715 13.7738 25.9559 18.5122 23.3146L24.4511 29.2535C25.7758 30.5782 27.9288 30.5782 29.2535 29.2535C30.5782 27.9288 30.5782 25.7758 29.2535 24.4511L23.3146 18.5122C25.9559 13.7738 25.2715 7.6628 21.2495 3.6408ZM27.6527 26.0519C28.0929 26.4921 28.0929 27.2125 27.6527 27.6527C27.2125 28.0929 26.4921 28.0929 26.0519 27.6527L20.4131 22.0139C20.7013 21.7738 20.9814 21.5177 21.2495 21.2495C21.5177 20.9814 21.7698 20.6973 22.0139 20.4131L27.6527 26.0519ZM19.6487 19.6487C15.6788 23.6187 9.21157 23.6187 5.2416 19.6487C1.27163 15.6788 1.27163 9.21156 5.2416 5.2416C9.21156 1.27163 15.6788 1.27163 19.6487 5.2416C23.6187 9.21157 23.6187 15.6788 19.6487 19.6487Z" fill="currentColor"/>
                    </svg>
                </div>
                <input 
                    type="text" 
                    id="ajax-search-input" 
                    class="w-full pl-14 pr-4 py-4 border-2 border-gray-200 rounded-lg font-lato text-[16px] focus:border-[#998040] focus:outline-none transition-colors" 
                    placeholder="Search by name, SKU or reference..."
                    autocomplete="off"
                >
                
                <!-- Loading Spinner -->
                <div class="absolute right-4 top-1/2 -translate-y-1/2 hidden" id="search-loading">
                    <svg class="animate-spin h-5 w-5 text-[#998040]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                    </svg>
                </div>
            </div>

            <!-- Search Results Dropdown -->
            <div class="relative">
                <div id="search-results" class="absolute top-4 left-0 right-0 bg-white rounded-lg shadow-2xl border border-gray-100 max-h-[500px] overflow-y-auto hidden z-10">
                    <!-- Results will be populated here via AJAX -->
                </div>
            </div>

            <!-- Popular Searches / Quick Links -->
            <div class="mt-8" id="search-suggestions">
                <p class="font-lato text-[14px] text-gray-500 mb-3">Popular searches:</p>
                <div class="flex flex-wrap gap-2">
                    <a href="https://www.nortespring.com/en/shop/?s=pele" class="px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-full font-lato text-[14px] text-black transition-colors">Leather Strap</a>
                    <a href="https://www.nortespring.com/en/shop/?s=metal" class="px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-full font-lato text-[14px] text-black transition-colors">Metal Bracelet</a>
                    <a href="https://www.nortespring.com/en/shop/?s=nato" class="px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-full font-lato text-[14px] text-black transition-colors">Nato</a>
                    <a href="https://www.nortespring.com/en/shop/?s=racing" class="px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-full font-lato text-[14px] text-black transition-colors">Racing</a>
                </div>
            </div>

        </div>
    </div>
</div>

<main id="main-content" class="min-h-screen">

<div id="product-13231" class="bg-white product type-product post-13231 status-publish first instock product_cat-22mm-watch-straps-en product_cat-leather-bracelets-en product_cat-smooth-collection-en product_tag-leather-bracelet-en has-post-thumbnail taxable shipping-taxable purchasable product-type-variable">
    
    <!-- Breadcrumbs -->
    <div class="bg-[#faf8f6] w-full py-[33px]">
        <div class="max-w-[1800px] mx-auto px-[61px]">
            <nav class="woocommerce-breadcrumb font-ubuntu text-[10px] text-black uppercase"><a href="https://www.nortespring.com/en/home-1/">HOME</a>   >   <a href="https://www.nortespring.com/en/categoria-produto/22mm-watch-straps-en/">22mm watch straps</a>   >   Smooth Blue</nav>        </div>
    </div>
    
    <!-- Main Product Content -->
    <div class="max-w-[1800px] mx-auto px-[20px] lg:px-[61px] py-[40px] lg:py-[60px]">
        <div class="flex flex-col lg:flex-row gap-[40px] lg:gap-[40px] xl:gap-[60px]">
            
            <!-- Left: Product Images (thumbnails go vertical-left from md:) -->
            <div class="flex flex-col md:flex-row gap-[20px] md:gap-[30px] lg:gap-[30px] xl:gap-[40px] shrink-0">
                
<!-- Thumbnails (vertical on tablet/desktop, horizontal below main image on mobile) -->
<div class="flex flex-row md:flex-col items-center gap-[15px] md:gap-[20px] relative w-full md:w-[110px] lg:w-[135px] flex-shrink-0 order-2 md:order-1">
    
        
    <!-- Thumbnails Container -->
    <div class="thumbnails-container relative overflow-x-auto md:overflow-hidden flex-1 md:flex-none md:h-[476px] lg:h-[560px] xl:h-[616px]" style="-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;" data-mobile-width="auto" data-desktop-height="560px">
        <div class="thumbnails-track flex flex-row md:flex-col gap-[15px] md:gap-[30px] lg:gap-[30px] xl:gap-[42px] transition-transform duration-300">
                            <div class="product-thumbnail-wrapper flex-shrink-0 cursor-pointer" data-slide-index="0">
                    <img width="150" height="150" src="https://www.nortespring.com/wp-content/uploads/2026/06/Bracelete-de-Pele-Smooth-Blue-150x150.jpg" class="product-thumbnail w-[80px] h-[80px] md:w-[110px] md:h-[110px] lg:w-[135px] lg:h-[134px] object-cover cursor-pointer hover:opacity-80 transition-opacity flex-shrink-0" alt="" data-index="0" data-large-src="https://www.nortespring.com/wp-content/uploads/2026/06/Bracelete-de-Pele-Smooth-Blue.jpg" decoding="async" loading="lazy" srcset="https://www.nortespring.com/wp-content/uploads/2026/06/Bracelete-de-Pele-Smooth-Blue-150x150.jpg 150w, https://www.nortespring.com/wp-content/uploads/2026/06/Bracelete-de-Pele-Smooth-Blue-300x300.jpg 300w, https://www.nortespring.com/wp-content/uploads/2026/06/Bracelete-de-Pele-Smooth-Blue-100x100.jpg 100w, https://www.nortespring.com/wp-content/uploads/2026/06/Bracelete-de-Pele-Smooth-Blue.jpg 500w" sizes="auto, (max-width: 150px) 100vw, 150px" />                </div>
                                            <div class="product-thumbnail-wrapper flex-shrink-0 cursor-pointer" data-slide-index="1">
                    <img width="150" height="150" src="https://www.nortespring.com/wp-content/uploads/2026/06/Guia-de-Tamanhos-Smooth-Collection-150x150.jpg" class="product-thumbnail w-[80px] h-[80px] md:w-[110px] md:h-[110px] lg:w-[135px] lg:h-[134px] object-cover cursor-pointer hover:opacity-80 transition-opacity flex-shrink-0" alt="" data-index="1" data-large-src="https://www.nortespring.com/wp-content/uploads/2026/06/Guia-de-Tamanhos-Smooth-Collection.jpg" decoding="async" loading="lazy" srcset="https://www.nortespring.com/wp-content/uploads/2026/06/Guia-de-Tamanhos-Smooth-Collection-150x150.jpg 150w, https://www.nortespring.com/wp-content/uploads/2026/06/Guia-de-Tamanhos-Smooth-Collection-300x300.jpg 300w, https://www.nortespring.com/wp-content/uploads/2026/06/Guia-de-Tamanhos-Smooth-Collection-100x100.jpg 100w, https://www.nortespring.com/wp-content/uploads/2026/06/Guia-de-Tamanhos-Smooth-Collection.jpg 400w" sizes="auto, (max-width: 150px) 100vw, 150px" />                </div>
                                            <div class="product-thumbnail-wrapper flex-shrink-0 cursor-pointer" data-slide-index="2">
                    <img width="150" height="150" src="https://www.nortespring.com/wp-content/uploads/2026/06/Pinos-Substituicao-Braceletes-150x150.jpg" class="product-thumbnail w-[80px] h-[80px] md:w-[110px] md:h-[110px] lg:w-[135px] lg:h-[134px] object-cover cursor-pointer hover:opacity-80 transition-opacity flex-shrink-0" alt="" data-index="2" data-large-src="https://www.nortespring.com/wp-content/uploads/2026/06/Pinos-Substituicao-Braceletes.jpg" decoding="async" loading="lazy" srcset="https://www.nortespring.com/wp-content/uploads/2026/06/Pinos-Substituicao-Braceletes-150x150.jpg 150w, https://www.nortespring.com/wp-content/uploads/2026/06/Pinos-Substituicao-Braceletes-300x300.jpg 300w, https://www.nortespring.com/wp-content/uploads/2026/06/Pinos-Substituicao-Braceletes-100x100.jpg 100w, https://www.nortespring.com/wp-content/uploads/2026/06/Pinos-Substituicao-Braceletes.jpg 400w" sizes="auto, (max-width: 150px) 100vw, 150px" />                </div>
                                    </div>
    </div>
    
        
</div>

<!-- Main Product Image (order-1 on mobile = above thumbnails; order-2 on tablet+ = right of thumbnails) -->
<div class="product-main-image w-full md:flex-1 md:max-w-[340px] lg:flex-none lg:max-w-none lg:w-[400px] xl:w-[521px] aspect-[5/7] lg:h-[560px] xl:h-[729px] relative overflow-hidden flex-shrink-0 order-1 md:order-2">
    <!-- Gallery slides track: all items side-by-side, shifted by translateX -->
    <div class="gallery-track" style="display:flex;width:100%;height:100%;will-change:transform;transform:translateX(0);transition:transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94);">
                <div class="gallery-slide" style="flex:0 0 100%;width:100%;height:100%;overflow:hidden;flex-shrink:0;">
            <img width="500" height="500" src="https://www.nortespring.com/wp-content/uploads/2026/06/Bracelete-de-Pele-Smooth-Blue.jpg" class="gallery-slide-img w-full h-full object-cover" alt="" id="main-product-image" decoding="async" loading="lazy" srcset="https://www.nortespring.com/wp-content/uploads/2026/06/Bracelete-de-Pele-Smooth-Blue.jpg 500w, https://www.nortespring.com/wp-content/uploads/2026/06/Bracelete-de-Pele-Smooth-Blue-300x300.jpg 300w, https://www.nortespring.com/wp-content/uploads/2026/06/Bracelete-de-Pele-Smooth-Blue-150x150.jpg 150w, https://www.nortespring.com/wp-content/uploads/2026/06/Bracelete-de-Pele-Smooth-Blue-100x100.jpg 100w" sizes="auto, (max-width: 500px) 100vw, 500px" />        </div>
                        <div class="gallery-slide" style="flex:0 0 100%;width:100%;height:100%;overflow:hidden;flex-shrink:0;">
            <img width="400" height="400" src="https://www.nortespring.com/wp-content/uploads/2026/06/Guia-de-Tamanhos-Smooth-Collection.jpg" class="gallery-slide-img w-full h-full object-cover" alt="" id="" decoding="async" loading="lazy" srcset="https://www.nortespring.com/wp-content/uploads/2026/06/Guia-de-Tamanhos-Smooth-Collection.jpg 400w, https://www.nortespring.com/wp-content/uploads/2026/06/Guia-de-Tamanhos-Smooth-Collection-300x300.jpg 300w, https://www.nortespring.com/wp-content/uploads/2026/06/Guia-de-Tamanhos-Smooth-Collection-150x150.jpg 150w, https://www.nortespring.com/wp-content/uploads/2026/06/Guia-de-Tamanhos-Smooth-Collection-100x100.jpg 100w" sizes="auto, (max-width: 400px) 100vw, 400px" />        </div>
                        <div class="gallery-slide" style="flex:0 0 100%;width:100%;height:100%;overflow:hidden;flex-shrink:0;">
            <img width="400" height="400" src="https://www.nortespring.com/wp-content/uploads/2026/06/Pinos-Substituicao-Braceletes.jpg" class="gallery-slide-img w-full h-full object-cover" alt="" id="" decoding="async" loading="lazy" srcset="https://www.nortespring.com/wp-content/uploads/2026/06/Pinos-Substituicao-Braceletes.jpg 400w, https://www.nortespring.com/wp-content/uploads/2026/06/Pinos-Substituicao-Braceletes-300x300.jpg 300w, https://www.nortespring.com/wp-content/uploads/2026/06/Pinos-Substituicao-Braceletes-150x150.jpg 150w, https://www.nortespring.com/wp-content/uploads/2026/06/Pinos-Substituicao-Braceletes-100x100.jpg 100w" sizes="auto, (max-width: 400px) 100vw, 400px" />        </div>
                    </div>
    
    <!-- Badges overlay on main image -->
            
    <!-- Video Overlay (hidden by default, shown when a video thumbnail is clicked) -->
    <div id="product-video-overlay" class="absolute inset-0 z-30 hidden bg-black">
        <iframe
            id="product-video-iframe"
            frameborder="0"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
            allowfullscreen
            style="width:100%;height:100%;display:block;"
        ></iframe>
    </div>

    <!-- Wishlist Heart Icon -->
    <button type="button" 
            class="wishlist-toggle-btn absolute top-[20px] left-[20px] bg-white w-[50px] h-[50px] rounded-full flex items-center justify-center hover:bg-[#faf8f6] transition-all z-10 group" 
            data-product-id="13231"
            aria-label="Add to wishlist">
        <!-- Heart Outline (default) -->
        <svg class="wishlist-heart-outline w-[24px] h-[24px] transition-all" viewBox="0 0 32.6 28.6" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M23.6945 0.149609C25.425 0.149732 27.1172 0.646137 28.5568 1.57637C29.9965 2.50675 31.1191 3.83046 31.7824 5.3791C32.4457 6.92776 32.6196 8.63218 32.2814 10.2766C31.9432 11.9209 31.1087 13.4309 29.884 14.6154L29.883 14.6145L16.9689 28.1662C16.8833 28.2561 16.7793 28.3274 16.6643 28.3762C16.5493 28.4249 16.4252 28.4504 16.3 28.4504C16.1748 28.4504 16.0507 28.4249 15.9357 28.3762C15.8207 28.3274 15.7167 28.256 15.6311 28.1662L2.68965 14.5891V14.5881C1.16009 13.096 0.260684 11.1107 0.159375 9.01973L0.149609 8.5998C0.155861 6.35421 1.08364 4.20388 2.72676 2.62031C4.36988 1.03695 6.59479 0.148754 8.9123 0.150586C11.2299 0.152504 13.4535 1.04391 15.0939 2.63008L16.3 3.79512L17.5061 2.63008C18.3171 1.84098 19.2818 1.21584 20.3439 0.790234C21.4062 0.364608 22.545 0.146432 23.6945 0.149609Z" stroke="black" stroke-width="1.5"/>
        </svg>
        <!-- Heart Filled (when in wishlist) -->
        <svg class="wishlist-heart-filled w-[24px] h-[24px] hidden transition-all" viewBox="0 0 32.6 28.6" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M23.6945 0.149609C25.425 0.149732 27.1172 0.646137 28.5568 1.57637C29.9965 2.50675 31.1191 3.83046 31.7824 5.3791C32.4457 6.92776 32.6196 8.63218 32.2814 10.2766C31.9432 11.9209 31.1087 13.4309 29.884 14.6154L29.883 14.6145L16.9689 28.1662C16.8833 28.2561 16.7793 28.3274 16.6643 28.3762C16.5493 28.4249 16.4252 28.4504 16.3 28.4504C16.1748 28.4504 16.0507 28.4249 15.9357 28.3762C15.8207 28.3274 15.7167 28.256 15.6311 28.1662L2.68965 14.5891V14.5881C1.16009 13.096 0.260684 11.1107 0.159375 9.01973L0.149609 8.5998C0.155861 6.35421 1.08364 4.20388 2.72676 2.62031C4.36988 1.03695 6.59479 0.148754 8.9123 0.150586C11.2299 0.152504 13.4535 1.04391 15.0939 2.63008L16.3 3.79512L17.5061 2.63008C18.3171 1.84098 19.2818 1.21584 20.3439 0.790234C21.4062 0.364608 22.545 0.146432 23.6945 0.149609Z" fill="#998040" stroke="#998040" stroke-width="1.5"/>
        </svg>
    </button>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const thumbnails          = document.querySelectorAll('.product-thumbnail');
    const videoWrappers       = document.querySelectorAll('.product-video-thumbnail-wrapper');
    const mainImage           = document.getElementById('main-product-image');
    const videoOverlay        = document.getElementById('product-video-overlay');
    let   videoIframe         = document.getElementById('product-video-iframe');
    const thumbnailsTrack     = document.querySelector('.thumbnails-track');
    const thumbnailsContainer = document.querySelector('.thumbnails-container');
    const navPrev             = document.querySelector('.thumbnail-nav-prev');
    const navNext             = document.querySelector('.thumbnail-nav-next');
    const galleryTrack        = document.querySelector('.gallery-track');
    const gallerySlides       = Array.from(document.querySelectorAll('.gallery-slide'));
    const mainImageContainer  = document.querySelector('.product-main-image');

    const totalImages = 3;
    const totalItems  = 3;
    const maxVisibleDesktop = 4;
    const maxVisibleMobile = 3;

    // ── Video helpers ──────────────────────────────────────────────────────────
    function hideVideo() {
        if (videoOverlay) videoOverlay.classList.add('hidden');
        // ROOT CAUSE OF THE iOS BACK-BUTTON BUG:
        // This runs on every product page load (the WooCommerce variation form
        // fires reset_data / found_variation, which call hideVideo twice).
        // The old code did `videoIframe.src = ''`, and assigning an empty src
        // NAVIGATES the iframe to about:blank — and every iframe navigation
        // pushes a real entry onto the browser's session history. So each
        // product page silently added ~2 phantom history entries, which meant
        // the Back button/gesture had to be pressed several times to actually
        // leave the page (on iOS it looked completely frozen).
        //
        // Fix: never navigate the iframe. If it has no src yet (the normal
        // case on page load, video not playing) do nothing at all. If a video
        // IS playing, stop it by REMOVING the iframe node from the DOM and
        // swapping in a fresh src-less clone — removing a node stops playback
        // without navigating anything, so no history entry is ever created.
        if (videoIframe && videoIframe.getAttribute('src')) {
            var fresh = videoIframe.cloneNode(false);
            fresh.removeAttribute('src');
            if (videoIframe.parentNode) {
                videoIframe.parentNode.replaceChild(fresh, videoIframe);
            }
            videoIframe = fresh;
        }
    }
    function showVideo(videoId) {
        if (!videoOverlay || !videoIframe) return;
        const site = 'https://www.nortespring.com';
        videoIframe.src = 'https://www.youtube-nocookie.com/embed/' + videoId
            + '?autoplay=1&rel=0&modestbranding=1&origin=' + encodeURIComponent(site);
        videoOverlay.classList.remove('hidden');
    }

    // ── Thumbnail helpers ───────────────────────────────────────────────────
    function dimAllThumbnails() {
        thumbnails.forEach(function(t) { t.classList.remove('opacity-100'); t.classList.add('opacity-60'); });
        videoWrappers.forEach(function(v) { v.classList.remove('ring-2', 'ring-black'); });
    }
    function activateThumbnailAtSlide(idx) {
        dimAllThumbnails();
        var wrapper = document.querySelector('.product-thumbnail-wrapper[data-slide-index="' + idx + '"]');
        if (!wrapper) return;
        var t = wrapper.querySelector('.product-thumbnail');
        if (t) { t.classList.remove('opacity-60'); t.classList.add('opacity-100'); }
        if (wrapper.classList.contains('product-video-thumbnail-wrapper')) {
            wrapper.classList.add('ring-2', 'ring-black');
        }
    }

    // ── Gallery track ───────────────────────────────────────────────────────
    var currentSlide = 0;

    function slideTo(idx, animate) {
        if (!galleryTrack || gallerySlides.length === 0) return;
        if (animate === undefined) animate = true;
        idx = Math.max(0, Math.min(idx, gallerySlides.length - 1));

        var wasVideo = gallerySlides[currentSlide] && gallerySlides[currentSlide].classList.contains('gallery-video-slide');
        var isVideo  = gallerySlides[idx] && gallerySlides[idx].classList.contains('gallery-video-slide');

        if (wasVideo && !isVideo) hideVideo();
        currentSlide = idx;

        galleryTrack.style.transition = animate
            ? 'transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94)' : 'none';
        galleryTrack.style.transform = 'translateX(' + (-idx * 100) + '%)';

        if (isVideo) {
            var vid = gallerySlides[idx].getAttribute('data-video-id');
            if (vid) showVideo(vid);
        }
        activateThumbnailAtSlide(idx);
        syncThumbScroll(idx);
    }

    // Tap video slide play button
    gallerySlides.forEach(function(slide, idx) {
        if (slide.classList.contains('gallery-video-slide')) {
            slide.addEventListener('click', function() {
                var vid = this.getAttribute('data-video-id');
                if (vid) showVideo(vid);
            });
        }
    });

    // ── Thumbnail strip clicks ──────────────────────────────────────────────
    document.querySelectorAll('.product-thumbnail-wrapper').forEach(function(wrapper) {
        wrapper.addEventListener('click', function() {
            var idx = parseInt(this.getAttribute('data-slide-index') || '0', 10);
            slideTo(idx);
        });
    });

    // ── Touch swipe with live drag feedback ────────────────────────────────
    // EDGE_ZONE: touches starting within this many px of the left/right
    // viewport edge are left completely alone (no preventDefault, no drag
    // tracking) so iOS/Android's native "swipe from the edge to go back/
    // forward" gesture is never hijacked. This gallery spans the full
    // viewport width on mobile, so without this exclusion every edge-swipe
    // attempt on a product page gets its preventDefault() called here,
    // which corrupts Safari's back-navigation gesture recognition.
    var EDGE_ZONE = 24;

    function addSwipeHandlers(el) {
        if (!el || gallerySlides.length < 2) return;
        var sX = 0, sY = 0, dX = 0, dY = 0, locked = false, edgeGesture = false;

        el.addEventListener('touchstart', function(e) {
            sX = e.touches[0].clientX; sY = e.touches[0].clientY;
            dX = 0; dY = 0; locked = false;
            edgeGesture = sX <= EDGE_ZONE || sX >= (window.innerWidth - EDGE_ZONE);
            if (galleryTrack) galleryTrack.style.transition = 'none';
        }, { passive: true });

        el.addEventListener('touchmove', function(e) {
            if (edgeGesture) return; // let the browser handle the edge-swipe navigation
            dX = e.touches[0].clientX - sX;
            dY = e.touches[0].clientY - sY;
            if (!locked && (Math.abs(dX) > 8 || Math.abs(dY) > 8)) {
                locked = Math.abs(dX) >= Math.abs(dY);
            }
            if (locked) {
                e.preventDefault();
                if (galleryTrack) {
                    galleryTrack.style.transform =
                        'translateX(calc(' + (-currentSlide * 100) + '% + ' + dX + 'px))';
                }
            }
        }, { passive: false });

        el.addEventListener('touchend', function() {
            if (edgeGesture || !locked || Math.abs(dX) < 40) {
                if (galleryTrack) {
                    galleryTrack.style.transition = 'transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94)';
                    galleryTrack.style.transform  = 'translateX(' + (-currentSlide * 100) + '%)';
                }
                return;
            }
            if (dX < 0 && currentSlide < gallerySlides.length - 1) {
                slideTo(currentSlide + 1);
            } else if (dX > 0 && currentSlide > 0) {
                slideTo(currentSlide - 1);
            } else {
                if (galleryTrack) {
                    galleryTrack.style.transition = 'transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94)';
                    galleryTrack.style.transform  = 'translateX(' + (-currentSlide * 100) + '%)';
                }
            }
        }, { passive: true });
    }

    addSwipeHandlers(mainImageContainer);
    addSwipeHandlers(videoOverlay); // swipe while video is open navigates too

    // ── Thumbnail strip scroll ──────────────────────────────────────────────
    var thumbScrollPos = 0;
    var isMobile = window.innerWidth < 768;
    
    function updateDimensions() {
        isMobile = window.innerWidth < 768;
        if (!isMobile && thumbnailsContainer && totalImages > maxVisibleDesktop) {
            thumbnailsContainer.style.height = window.innerWidth >= 1280 ? '616px'
                : window.innerWidth >= 1024 ? '560px' : '476px';
        }
    }
    updateDimensions();

    function syncThumbScroll(slideIdx) {
        if (!thumbnailsTrack) return;
        var maxVis = isMobile ? maxVisibleMobile : maxVisibleDesktop;
        var maxPos = Math.max(0, totalItems - maxVis);
        if (slideIdx > thumbScrollPos + maxVis - 1) {
            thumbScrollPos = slideIdx - maxVis + 1;
        } else if (slideIdx < thumbScrollPos) {
            thumbScrollPos = slideIdx;
        }
        thumbScrollPos = Math.max(0, Math.min(thumbScrollPos, maxPos));
        applyThumbScroll();
    }

    function applyThumbScroll() {
        if (!thumbnailsTrack) return;
        if (isMobile) {
            thumbnailsTrack.style.transform = 'translateX(' + (-(thumbScrollPos * (80 + 15))) + 'px)';
        } else {
            var step = window.innerWidth >= 1280 ? 176 : window.innerWidth >= 1024 ? 164 : 140;
            thumbnailsTrack.style.transform = 'translateY(' + (-(thumbScrollPos * step)) + 'px)';
        }
        if (navPrev) navPrev.disabled = thumbScrollPos === 0;
        if (navNext) navNext.disabled = thumbScrollPos >= Math.max(0, totalItems - (isMobile ? maxVisibleMobile : maxVisibleDesktop));
    }

    if (navPrev && navNext && totalItems > maxVisibleMobile) {
        navNext.addEventListener('click', function() {
            var maxPos = Math.max(0, totalItems - (isMobile ? maxVisibleMobile : maxVisibleDesktop));
            if (thumbScrollPos < maxPos) { thumbScrollPos++; applyThumbScroll(); }
        });
        navPrev.addEventListener('click', function() {
            if (thumbScrollPos > 0) { thumbScrollPos--; applyThumbScroll(); }
        });
        applyThumbScroll();
    }

    // ── Initial state ───────────────────────────────────────────────────────
    activateThumbnailAtSlide(0);

    // ── Variation image swap ────────────────────────────────────────────────
    var firstSlideImg    = gallerySlides.length > 0 ? gallerySlides[0].querySelector('.gallery-slide-img') : null;
    var origFirstSrc     = firstSlideImg ? firstSlideImg.src    : '';
    var origFirstSrcset  = firstSlideImg ? firstSlideImg.srcset : '';
    var origFirstSizes   = firstSlideImg ? firstSlideImg.sizes  : '';

    if (typeof jQuery !== 'undefined') {
        jQuery(document).on('found_variation', 'form.variations_form', function(e, variation) {
            if (variation.image && variation.image.url && variation.image.url !== '' && firstSlideImg) {
                firstSlideImg.srcset = '';
                firstSlideImg.sizes  = '';
                firstSlideImg.src    = variation.image.url;
                if (variation.image.srcset) {
                    firstSlideImg.srcset = variation.image.srcset;
                    firstSlideImg.sizes  = variation.image.sizes || '';
                }
                slideTo(0);
            }
        });
        jQuery(document).on('reset_data', 'form.variations_form', function() {
            hideVideo();
            if (firstSlideImg) {
                firstSlideImg.srcset = '';
                firstSlideImg.sizes  = '';
                firstSlideImg.src    = origFirstSrc;
                if (origFirstSrcset) { firstSlideImg.srcset = origFirstSrcset; firstSlideImg.sizes = origFirstSizes; }
            }
            slideTo(0);
        });
    }

    // ── Resize ──────────────────────────────────────────────────────────────
    var resizeTimeout;
    window.addEventListener('resize', function() {
        clearTimeout(resizeTimeout);
        resizeTimeout = setTimeout(function() {
            var wasMobile = isMobile;
            updateDimensions();
            if (wasMobile !== isMobile) {
                thumbScrollPos = 0;
                if (thumbnailsTrack) {
                    thumbnailsTrack.style.transform = isMobile ? 'translateX(0)' : 'translateY(0)';
                }
                if (navPrev) navPrev.disabled = true;
                if (navNext) navNext.disabled = false;
                // Re-snap gallery track (no animation needed)
                if (galleryTrack) {
                    galleryTrack.style.transition = 'none';
                    galleryTrack.style.transform  = 'translateX(' + (-currentSlide * 100) + '%)';
                }
            }
        }, 250);
    });
});
</script>
            </div>
            
            <!-- Right: Product Info -->
            <div class="product-info flex-1 min-w-0">
                
                <!-- Product Title -->
                <h1 class="font-playfair text-[24px] lg:text-[28px] xl:text-[40px] leading-[30px] lg:leading-[34px] xl:leading-[50px] text-black font-normal mb-[15px] lg:mb-[20px]">
                    Smooth Blue                </h1>
                
                <!-- Rating — clicking scrolls to the Reviews tab -->
                                
                <!-- Price -->
                <div class="flex items-center gap-[15px] lg:gap-[30px] mb-[20px] lg:mb-[30px]">
                    
                                                                                <div id="wd-price-range" class="flex items-center gap-[15px]">
                                                                <span class="font-lato text-[28px] lg:text-[36px] xl:text-[48px] leading-[40px] lg:leading-[50px] xl:leading-[70px] text-[#998040] font-bold">
                                    <span class="woocommerce-Price-amount amount"><bdi>13.90&nbsp;<span class="woocommerce-Price-currencySymbol" translate="no">&euro;</span></bdi></span>                                </span>
                            </div>
                        
                                                <div id="wd-price-single" style="display:none;"></div>

                                    </div>

                                <style>
                /* Variation single price — inherits font/color from parent, sale handled below */
                #wd-price-single {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    font-family: var(--font-lato, 'Lato', sans-serif);
                    font-weight: 700;
                    color: #998040;
                    font-size: clamp(28px, 3.5vw, 48px);
                    line-height: 1.45;
                }
                #wd-price-single del {
                    font-size: 0.6em;
                    font-weight: 400;
                    color: #d9d9d9;
                    position: relative;
                }
                #wd-price-single ins {
                    text-decoration: none;
                }
                </style>
                                
                <!-- Description -->
                <div class="product-short-description font-lato text-[14px] lg:text-[16px] leading-normal text-black mb-[30px] lg:mb-[40px]">
                    <p>Genuine <a href="http://nortespring.com/categoria-produto/braceletes-de-pele/">leather watch strap</a> with a flawless finish.</p>
<p>The Smooth Blue <a href="http://nortespring.com/">Watch Strap</a> will add a classic and very elegant touch to your watch. Comfortable, supple and flexible, this strap is designed for slim-profile watches.</p>
<p>👉<b> Not sure about the size? Check our </b><a href="https://nortespring.com/como-saber-qual-o-tamanho-da-bracelete-do-relogio/"><b>guide here.</b></a></p>
                </div>
                
                <!-- Add to Cart Form -->
                
<form class="variations_form cart" method="post" enctype='multipart/form-data' data-product_id="13231" data-product_variations="[{&quot;attributes&quot;:{&quot;attribute_pa_tamanho&quot;:&quot;22-mm-en&quot;},&quot;availability_html&quot;:&quot;&quot;,&quot;backorders_allowed&quot;:false,&quot;dimensions&quot;:{&quot;length&quot;:&quot;&quot;,&quot;width&quot;:&quot;&quot;,&quot;height&quot;:&quot;&quot;},&quot;dimensions_html&quot;:&quot;N\/A&quot;,&quot;display_price&quot;:13.9,&quot;display_regular_price&quot;:13.9,&quot;gallery_image_ids&quot;:[],&quot;gallery_images_html&quot;:&quot;&quot;,&quot;image&quot;:{&quot;title&quot;:&quot;Bracelete-de-Pele-Smooth-Blue.jpg&quot;,&quot;caption&quot;:&quot;&quot;,&quot;url&quot;:&quot;https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/06\/Bracelete-de-Pele-Smooth-Blue.jpg&quot;,&quot;alt&quot;:&quot;Bracelete-de-Pele-Smooth-Blue.jpg&quot;,&quot;src&quot;:&quot;https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/06\/Bracelete-de-Pele-Smooth-Blue.jpg&quot;,&quot;srcset&quot;:&quot;https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/06\/Bracelete-de-Pele-Smooth-Blue.jpg 500w, https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/06\/Bracelete-de-Pele-Smooth-Blue-300x300.jpg 300w, https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/06\/Bracelete-de-Pele-Smooth-Blue-150x150.jpg 150w, https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/06\/Bracelete-de-Pele-Smooth-Blue-100x100.jpg 100w&quot;,&quot;sizes&quot;:&quot;(max-width: 500px) 100vw, 500px&quot;,&quot;full_src&quot;:&quot;https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/06\/Bracelete-de-Pele-Smooth-Blue.jpg&quot;,&quot;full_src_w&quot;:500,&quot;full_src_h&quot;:500,&quot;gallery_thumbnail_src&quot;:&quot;https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/06\/Bracelete-de-Pele-Smooth-Blue-100x100.jpg&quot;,&quot;gallery_thumbnail_src_w&quot;:100,&quot;gallery_thumbnail_src_h&quot;:100,&quot;thumb_src&quot;:&quot;https:\/\/www.nortespring.com\/wp-content\/uploads\/2026\/06\/Bracelete-de-Pele-Smooth-Blue-300x300.jpg&quot;,&quot;thumb_src_w&quot;:300,&quot;thumb_src_h&quot;:300,&quot;src_w&quot;:500,&quot;src_h&quot;:500},&quot;image_id&quot;:10574,&quot;is_downloadable&quot;:false,&quot;is_in_stock&quot;:true,&quot;is_purchasable&quot;:true,&quot;is_sold_individually&quot;:&quot;no&quot;,&quot;is_virtual&quot;:false,&quot;max_qty&quot;:&quot;&quot;,&quot;min_qty&quot;:1,&quot;price_html&quot;:&quot;&quot;,&quot;sku&quot;:&quot;PLSC00222&quot;,&quot;variation_description&quot;:&quot;&quot;,&quot;variation_id&quot;:13387,&quot;variation_is_active&quot;:true,&quot;variation_is_visible&quot;:true,&quot;weight&quot;:&quot;&quot;,&quot;weight_html&quot;:&quot;N\/A&quot;}]">
    
        
    <error>
    <code>internal_server_error</code>
    <title><![CDATA[WordPress &amp;rsaquo; Error]]></title>
    <message><![CDATA[&lt;p&gt;There has been a critical error on this website.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://wordpress.org/documentation/article/faq-troubleshooting/&quot;&gt;Learn more about troubleshooting WordPress.&lt;/a&gt;&lt;/p&gt;]]></message>
    <data>
        <status>500</status>
    </data>
</error>
