PageSourceSearch

https://www.smithandblake.com/blogs/articles

html smithandblake.com collected 2026-09-26 19:28:13 UTC 497,085 bytes, 7,133 lines download raw bytes

1<!DOCTYPE html>
2<html class="no-js no-touch" lang="en">
3
4<head>
5
6
7
8
9<script src="https://cdn.beae.com/vendors/js-v2/jquery.min.js"  crossorigin="anonymous" referrerpolicy="no-referrer"></script>
9<!--Content in content_for_header -->
10<!--LayoutHub-Embed--><meta name="layouthub" /><link rel="stylesheet" href="https://fonts.googleapis.com/css?display=swap&family=Poppins:100,200,300,400,500,600,700,800,900" /><link rel="stylesheet" type="text/css" href="data:text/css;base64,Ym9keSBpbnB1dCxib2R5IHRleHRhcmVhLGJvZHkgYnV0dG9uLGJvZHkgc2VsZWN0IHtmb250LWZhbWlseTogaW5oZXJpdDt9W2RhdGEtbGF5b3V0aHViPSJzZWN0aW9uIl0sIFtkYXRhLWxheW91dGh1Yj0ic2VjdGlvbiJdICoge3BhZGRpbmc6IDBweDttYXJnaW4tdG9wOiAwcHg7bWFyZ2luLWJvdHRvbTogMHB4O306cm9vdHstLWxoLWZvbnQtZmFtaWx5OiAiUG9wcGlucyIgIWltcG9ydGFudDstLWxoLWZvbnQtc2l6ZTogMTVweCAhaW1wb3J0YW50Oy0tbGgtY29sb3I6ICMxNEMzOUIgIWltcG9ydGFudDstLWxoLWNvbG9yLXJnYjogMjAsIDE5NSwgMTU1ICFpbXBvcnRhbnQ7fWJvZHkgc2VjdGlvbltkYXRhLWxheW91dGh1Yj0ic2VjdGlvbiJdIHtjb2xvcjogIzdBN0E3QTtmb250LWZhbWlseTogIlBvcHBpbnMiICFpbXBvcnRhbnQ7Zm9udC1zaXplOiAxNXB4ICFpbXBvcnRhbnQ7fVtkYXRhLWxheW91dGh1Yj0ic2VjdGlvbiJdIGgxLCBbZGF0YS1sYXlvdXRodWI9InNlY3Rpb24iXSBoMiwgW2RhdGEtbGF5b3V0aHViPSJzZWN0aW9uIl0gaDMsIFtkYXRhLWxheW91dGh1Yj0ic2VjdGlvbiJdIGg0LCBbZGF0YS1sYXlvdXRodWI9InNlY3Rpb24iXSBoNSB7Y29sb3I6ICMxQTFBMUI7fWh0bWwubGF5b3V0aHViLXllcy1qcyBib2R5I3NtaXRoLWJsYWtlIHsKICAgIG9wYWNpdHk6IDEgIWltcG9ydGFudDsKICAgIHZpc2liaWxpdHk6IHZpc2libGU7Cn08IS0tbGgtbGl2ZS1lZGl0b3ItLT4gaW1nLmxoLWxhenk6bm90KFtzcmNdKSB7dmlzaWJpbGl0eTogaGlkZGVuO30=" media="all">
11<!--/LayoutHub-Embed--><!-- Added by AVADA SEO Suite -->
12
13
14<!-- /Added by AVADA SEO Suite -->
15
16  <!-- Google Tag Manager -->
17<script>
vendor: 327 bytes, lines 17-21
17(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
18new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
19j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
20'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
21})(window,document,'script','dataLayer','
21GTM-PB2PNJC
vendor: 3 bytes, line 21
21');
21</script>
21
22<!-- End Google Tag Manager -->
23
24  <meta name="keywords" content="best laptop bag,leather laptop bag,laptop bags for men,office bag,stylish bag for men,vegan bag,best laptop bag brand of india,laptop messenger bag,messenger bag,gift bag,corporate gift,cross body bag,wallet,wallet for men,duffle bag,briefcase,office leather bags,best laptop bag in india,bag,bag for men,laptop bag,laptop bag for men,office bag for men,duffle bag,, leather bag for men,gift,gift for men,gift items,birthday gift for husband,corporate,corporate gifts for employees,corporate gifts,corporate gifting companies,corporate gift for employees,corporate gift ideas,corporate gift for customers,valentines day,valentines day gifts,valentine gift,valentine gift for him,valentine day gift ideas,backpack for men,backpack,wildcraft backpack,gear backpack,laptop backpack,wallet,wallet for men,card holder wallet for men,mens wallet,leather wallet for men,briefcase"/>
25  <meta name="description" content="Laptop ,Messenger,Cross Body,Duffle Bags & Wallets by Smith & Blake prosper the uniqueness of Handcrafted Luxury,Free Shipping,COD Available."/>
26  <meta name="google-site-verification" content="d00be2vpn8mScNNsZ57kGwhQJ_7cwf29GqGjtVY1Avk" />
27	<meta charset="utf-8">
28	<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
29	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
30	<link rel="canonical" href="https://www.smithandblake.com/blogs/articles">
31	<link rel="prefetch" as="document" href="https://www.smithandblake.com">
32	<link rel="preload" as="style" href="//www.smithandblake.com/cdn/shop/t/38/assets/theme.css?v=176322491892873347161787055200">
33	<link rel="preload" as="image" href="//www.smithandblake.com/cdn/shop/t/38/assets/loader.svg?v=29761675971112988911726927611">
34	<link rel="preload" as="script" href="//www.smithandblake.com/cdn/shop/t/38/assets/lazysizes.min.js?v=27862327855797619101726927611">
35	<link rel="preload" as="script" href="//www.smithandblake.com/cdn/shop/t/38/assets/shop.js?v=70609973715184464761726927611">
36
37	<link rel="dns-prefetch" href="https://cdn.shopify.com">
38	<link rel="dns-prefetch" href="https://v.shopify.com">
39	<link rel="dns-prefetch" href="https://fonts.googleapis.com" crossorigin>
40	<link rel="dns-prefetch" href="https://cdn.shopifycloud.com">
41	<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
42	<link rel="dns-prefetch" href="https://www.google-analytics.com">
43	<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
44	<link rel="preconnect" href="https://ajax.googleapis.com">
45	<link rel="preconnect" href="https://customjs.s.asaplabs.io">
46	<link rel="dns-prefetch" href="https://maps.googleapis.com">
47	<link rel="dns-prefetch" href="https://maps.gstatic.com">
48	<link rel="dns-prefetch" href="https://monorail-edge.shopifysvc.com"><title>Blogs &ndash; Smith &amp; Blake</title><link rel="shortcut icon" href="//www.smithandblake.com/cdn/shop/files/smith_and_blake_for_website_32x32.png?v=1624276897" type="image/png">
49
50
51
52<link rel="preload" as="font" href="//www.smithandblake.com/cdn/fonts/pt_sans/ptsans_n4.83e02f6420db1e9af259d3d7856d73a9dc4fb7ab.woff2" type="font/woff2" crossorigin>
53<link rel="preload" as="font" href="//www.smithandblake.com/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.smithandblake.com/cdn/fonts/pt_sans/ptsans_n7.304287b69b0b43b7d5b0f947011857fe41849126.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.smithandblake.com/cdn/fonts/pt_sans/ptsans_i4.13d0fa4d8e97d77e57a7b87d374df76447561c38.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.smithandblake.com/cdn/fonts/pt_sans/ptsans_i7.525de7532113d6a475ae29f6a88f8539c3238ecb.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.smithandblake.com/cdn/fonts/work_sans/worksans_i4.16ff51e3e71fc1d09ff97b9ff9ccacbeeb384ec4.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.smithandblake.com/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.smithandblake.com/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.smithandblake.com/cdn/fonts/work_sans/worksans_i7.7cdba6320b03c03dcaa365743a4e0e729fe97e54.woff2" type="font/woff2" crossorigin><style>
54	:root {
55		--color-background: #ffffff;
56		--color-background-alpha-25: rgba(255, 255, 255, 0.25);
57		--color-background-alpha-35: rgba(255, 255, 255, 0.35);
58		--color-background-alpha-60: rgba(255, 255, 255, 0.6);
59		--color-background-overlay: rgba(255, 255, 255, 0.9);
60		--color-background-table-header: #808080;
61		--color-heading: #000000;
62		--color-text: #000000;
63		--color-text-alpha-5: rgba(0, 0, 0, 0.05);
64		--color-text-alpha-8: rgba(0, 0, 0, 0.08);
65		--color-text-alpha-10: rgba(0, 0, 0, 0.1);
66		--color-text-alpha-25: rgba(0, 0, 0, 0.25);
67		--color-text-alpha-30: rgba(0, 0, 0, 0.3);
68		--color-text-alpha-55: rgba(0, 0, 0, 0.55);
69		--color-text-alpha-60: rgba(0, 0, 0, 0.6);
70		--color-label: rgba(0, 0, 0, 0.8);
71		--color-input-placeholder: rgba(0, 0, 0, 0.5);
72		--color-cart-text: rgba(0, 0, 0, 0.6);
73		--color-border: #e4e4e4;
74		--color-border-dark: #8b8b8b;
75		--color-error: #d02e2e;
76		--color-header-bg: rgba(0,0,0,0);
77		--color-header-text: #000;
78		--color-header-bg-home: rgba(0,0,0,0);
79		--color-header-text-home: #ffffff;
80		--color-header-bg-scroll: #fff;
81		--color-header-text-scroll: #000;
82		--color-header-icon: #222222;
83		--color-header-icon-bg: #ffffff;
84		--color-header-icon-home: #222222;
85		--color-header-icon-bg-home: #ffffff;
86		--color-header-icon-scroll: #222222;
87		--color-header-icon-bg-scroll: #ffffff;
88		--color-dropdown-bg: #fff;
89		--color-dropdown-text: #000;
90		--color-drawer-text: #000;
91		--color-drawer-bg: #fff;
92		--color-badge-text: #fff;
93		--color-badge-bg: #2e3234;
94		--color-button-primary-bg: #ffffff;
95		--color-button-primary-text: #000;
96		--color-button-primary-border: #000;
97		--color-button-secondary-bg: #ffffff;
98		--color-button-secondary-text: #000;
99		--color-button-secondary-border: #000;
100		--color-button-alt-bg: transparent;
101		--color-button-alt-text: #000;
102		--color-button-alt-border: #000;
103		--color-top-bar-text: #ffffff;
104		--color-top-bar-bg: #000000;
105		--color-footer-text: #222222;
106		--color-footer-placeholder-text: rgba(34, 34, 34, 0.5);
107		--color-footer-bg: #fafafa;
108		--color-footer-bg-hover: rgba(34, 34, 34, 0.05);
109		--color-footer-bottom-text: rgba(34, 34, 34, 0.7);
110		--color-footer-bottom-bg: #ffffff;
111		--color-footer-bottom-bg-hover: rgba(34, 34, 34, 0.05);
112		--color-footer-bottom-border: rgba(34, 34, 34, 0.1);
113		--color-search-overlay: rgba(51, 51, 51, 0.25);
114
115		--body-letter-spacing: 0px;
116		--heading-letter-spacing: 0px;
117
118		--body-font-family: "Work Sans", sans-serif;
119		--heading-font-family: "PT Sans", sans-serif;
120
121		--body-font-weight: 400;
122		--heading-font-weight: 400;
123
124		--body-font-style: normal;
125		--heading-font-style: normal;
126
127		--body-font-weight-medium: 500;
128		--body-font-weight-bold: 700;
129
130		--heading-font-weight-bold: 700;
131
132		--font-size-body: 14px;
133		--font-size-base: 14px;
134
135		--font-size-h1: 42px;
136		--font-size-h2: 31.99px;
137		--font-size-h3: 21.98px;
138		--font-size-h4: 17.01px;
139		--font-size-h5: 14.0px;
140		--font-size-h6: 11.2px;
141
142		--font-size-h1-mobile: 29.988px;
143		--font-size-h2-mobile: 24.99px;
144
145		--font-size-banner-text: 17.92px;
146		--font-size-banner-text-mobile: 15.988px;
147
148		--font-size-logo: 23.94px;
149
150		--icon-loader: url( "//www.smithandblake.com/cdn/shop/t/38/assets/loader.svg?v=29761675971112988911726927611" );
151		--icon-zoom-in: url( "//www.smithandblake.com/cdn/shop/t/38/assets/icon-zoom-in.svg?v=66463440030260818311726927611" );
152		--icon-zoom-out: url( "//www.smithandblake.com/cdn/shop/t/38/assets/icon-zoom-out.svg?v=19447117299412374421726927611" );
153
154		--image-size: contain;
155		--image-aspect-ratio: 100%;
156		--image-aspect-ratio-half: 50%;
157	}
158
159	@font-face {
160  font-family: "PT Sans";
161  font-weight: 400;
162  font-style: normal;
163  font-display: swap;
164  src: url("//www.smithandblake.com/cdn/fonts/pt_sans/ptsans_n4.83e02f6420db1e9af259d3d7856d73a9dc4fb7ab.woff2") format("woff2"),
165       url("//www.smithandblake.com/cdn/fonts/pt_sans/ptsans_n4.031cf9b26e734268d68c385b0ff08ff26d8b4b6b.woff") format("woff");
166}
167
168	@font-face {
169  font-family: "Work Sans";
170  font-weight: 400;
171  font-style: normal;
172  font-display: swap;
173  src: url("//www.smithandblake.com/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2") format("woff2"),
174       url("//www.smithandblake.com/cdn/fonts/work_sans/worksans_n4.cf5ceb1e6d373a9505e637c1aff0a71d0959556d.woff") format("woff");
175}
176
177@font-face {
178  font-family: "PT Sans";
179  font-weight: 700;
180  font-style: normal;
181  font-display: swap;
182  src: url("//www.smithandblake.com/cdn/fonts/pt_sans/ptsans_n7.304287b69b0b43b7d5b0f947011857fe41849126.woff2") format("woff2"),
183       url("//www.smithandblake.com/cdn/fonts/pt_sans/ptsans_n7.6044f7e686f0b0c443754a8289995e64f1aba322.woff") format("woff");
184}
185
186@font-face {
187  font-family: "PT Sans";
188  font-weight: 400;
189  font-style: italic;
190  font-display: swap;
191  src: url("//www.smithandblake.com/cdn/fonts/pt_sans/ptsans_i4.13d0fa4d8e97d77e57a7b87d374df76447561c38.woff2") format("woff2"),
192       url("//www.smithandblake.com/cdn/fonts/pt_sans/ptsans_i4.1ffe088c0458ba08706c5025ac59c175cc6ceb8d.woff") format("woff");
193}
194
195@font-face {
196  font-family: "PT Sans";
197  font-weight: 700;
198  font-style: italic;
199  font-display: swap;
200  src: url("//www.smithandblake.com/cdn/fonts/pt_sans/ptsans_i7.525de7532113d6a475ae29f6a88f8539c3238ecb.woff2") format("woff2"),
201       url("//www.smithandblake.com/cdn/fonts/pt_sans/ptsans_i7.128ef16b0a49f64f8629b93373d2c7806f936889.woff") format("woff");
202}
203
204@font-face {
205  font-family: "Work Sans";
206  font-weight: 700;
207  font-style: normal;
208  font-display: swap;
209  src: url("//www.smithandblake.com/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2") format("woff2"),
210       url("//www.smithandblake.com/cdn/fonts/work_sans/worksans_n7.20f1c80359e7f7b4327b81543e1acb5c32cd03cd.woff") format("woff");
211}
212
213@font-face {
214  font-family: "Work Sans";
215  font-weight: 500;
216  font-style: normal;
217  font-display: swap;
218  src: url("//www.smithandblake.com/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2") format("woff2"),
219       url("//www.smithandblake.com/cdn/fonts/work_sans/worksans_n5.1f79bf93aa21696aa0428c88e39fb9f946295341.woff") format("woff");
220}
221
222@font-face {
223  font-family: "Work Sans";
224  font-weight: 400;
225  font-style: italic;
226  font-display: swap;
227  src: url("//www.smithandblake.com/cdn/fonts/work_sans/worksans_i4.16ff51e3e71fc1d09ff97b9ff9ccacbeeb384ec4.woff2") format("woff2"),
228       url("//www.smithandblake.com/cdn/fonts/work_sans/worksans_i4.ed4a1418cba5b7f04f79e4d5c8a5f1a6bd34f23b.woff") format("woff");
229}
230
231@font-face {
232  font-family: "Work Sans";
233  font-weight: 700;
234  font-style: italic;
235  font-display: swap;
236  src: url("//www.smithandblake.com/cdn/fonts/work_sans/worksans_i7.7cdba6320b03c03dcaa365743a4e0e729fe97e54.woff2") format("woff2"),
237       url("//www.smithandblake.com/cdn/fonts/work_sans/worksans_i7.42a9f4016982495f4c0b0fb3dc64cf8f2d0c3eaa.woff") format("woff");
238}
239
240</style><link href="//www.smithandblake.com/cdn/shop/t/38/assets/theme.css?v=176322491892873347161787055200" rel="stylesheet" type="text/css" media="all" /><link href="//www.smithandblake.com/cdn/shop/t/38/assets/custom.css?v=2817758503957779281726927611" rel="stylesheet" type="text/css" media="all" />
240<script type="text/javascript">
241		document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
242
243		window.theme = {
244			info: {
245				name: 'Modular'
246			},
247			version: '1.9.9',
248			routes: {
249				root_url: "\/",
250				search_url: "\/search",
251				product_recommendations_url: "\/recommendations\/products"
252			},
253			translations: {
254				add_to_cart: "Add to Cart",
255				load_more: "Load More",
256				form_submit: "Add to Cart",
257				form_submit_error: "Woops!",
258				form_submit_error_details: "Sorry, looks like we don\u0026#39;t have enough of this product. Please try adding fewer items to your cart.",
259				cart_title: "Shopping Cart",
260				cart_empty: "Your cart is empty",
261				cart_acceptance_error: "You must accept our terms and conditions.",
262				continue_shopping: "Continue Shopping",
263				on_sale: "Sale",
264				unit_price_separator: "per",
265				sold_out: "Sold out",
266				unavailable: "Unavailable",
267				results_products: "Products",
268				results_pages: "Pages",
269				results_articles: "Articles",
270				no_results: "No results found",
271				previous: "Previous",
272				next: "Next",
273				view_all: "View all"
274			},
275			icons: {
276				arrow: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 1024 1024" class="icon icon-arrow"><path d="M926.553 256.428c25.96-23.409 62.316-19.611 83.605 7.033 20.439 25.582 18.251 61.132-6.623 83.562l-467.010 421.128c-22.547 20.331-56.39 19.789-78.311-1.237l-439.071-421.128c-24.181-23.193-25.331-58.79-4.144-83.721 22.077-25.978 58.543-28.612 83.785-4.402l400.458 384.094 427.311-385.33z"></path></svg>',
277				arrowSlider: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" class="icon icon-submit"><path d="M1023.998 511.724v-6.44c-0.108-1.288-0.706-2.417-1.605-3.215l-0.005-0.005c0-1.61-1.61-1.61-1.61-3.22s-1.61-1.61-1.61-3.22c-0.89 0-1.61-0.72-1.61-1.61v0l-365.484-378.365c-6.058-5.789-14.286-9.354-23.346-9.354s-17.288 3.564-23.358 9.366l0.013-0.013c-6.101 5.61-9.909 13.631-9.909 22.541s3.81 16.931 9.888 22.52l0.022 0.020 307.522 318.793h-880.705c-17.785 0-32.201 14.417-32.201 32.201s14.417 32.201 32.201 32.201v0h887.145l-313.962 318.793c-5.226 5.704-8.429 13.338-8.429 21.72 0 9.19 3.851 17.481 10.025 23.347l0.014 0.013c5.61 6.101 13.631 9.909 22.541 9.909s16.931-3.81 22.52-9.888l0.020-0.022 363.874-370.315c0-1.61 0-1.61 1.61-3.22 0.89 0 1.61-0.72 1.61-1.61v0c0-1.61 1.61-1.61 1.61-3.22h1.61v-3.22c0.904-0.803 1.502-1.932 1.608-3.203l0.002-0.017v-11.27z"></path></svg>',
278				arrowNavSlider: 'M0.0776563715,49.6974826 L0.0776563715,50.3266624 C0.0882978908,50.4524827 0.146435015,50.5626537 0.234305795,50.6407437 C0.234697028,50.7982538 0.39181593,50.7982538 0.39181593,50.9556075 C0.39181593,51.1129611 0.548934833,51.1127264 0.548934833,51.27008 C0.636101395,51.27008 0.706053735,51.3405018 0.706053735,51.4271989 L36.3981789,88.377449 C36.9898787,88.9427015 37.7935482,89.2908983 38.6778897,89.2908983 C39.5622313,89.2908983 40.3661354,88.9429363 40.9590089,88.3761189 C41.5534473,87.8297238 41.9253528,87.0464767 41.9253528,86.1759065 C41.9253528,85.3053363 41.5534473,84.5227934 40.9597131,83.9766331 L10.297036,52.0652206 L96.9330092,52.8421298 C98.6696895,52.8421298 100.077578,51.4342411 100.077578,49.6975608 C100.077578,47.9608805 98.6696895,46.5529919 96.9330092,46.5529919 L10.297036,46.5529919 L40.9578352,15.4206794 C41.4680804,14.8636428 41.7811445,14.1180323 41.7811445,13.299496 C41.7811445,12.4018526 41.4053267,11.5926276 40.8022812,11.0197852 C40.2533823,10.422843 39.4701352,10.0509375 38.599565,10.0509375 C37.7289948,10.0509375 36.9464519,10.422843 36.4002916,11.0165771 L36.3981007,11.018768 L0.863172638,47.1829542 C0.863172638,47.3400731 0.863172638,47.3400731 0.706053735,47.4974267 C0.618887173,47.4974267 0.548934833,47.5678485 0.548934833,47.6545456 C0.548934833,47.8116645 0.39181593,47.8116645 0.39181593,47.9690181 L0.234697028,47.9690181 L0.234697028,48.2834907 C0.146356768,48.3619719 0.0882196443,48.4723777 0.077578125,48.5964766 L0.077578125,49.6984215 L0.0776563715,49.6974826 Z',
279				arrowLong: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024" class="icon icon-arrow-long"><path d="M525.379 1020.065l114.69-110.279c7.645-7.353 7.645-18.379 0-25.732s-19.113-7.353-26.762 0l-82.194 77.195v-942.87c0-11.029-7.645-18.379-19.113-18.379s-19.113 7.353-19.113 18.379v942.87l-82.194-79.033c-7.645-7.353-19.113-7.353-26.762 0-3.823 3.676-5.734 9.191-5.734 12.868s1.911 9.191 5.734 12.868l114.69 110.279c7.645 7.353 19.113 7.353 26.762 1.838z"></path></svg>',
280				check: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1317" height="1024" viewBox="0 0 1317 1024" class="icon icon-check"><path d="M1277.067 47.359c-42.785-42.731-112.096-42.731-154.88 0l-697.692 698.422-232.32-233.782c-43.178-40.234-110.463-39.047-152.195 2.685s-42.919 109.017-2.685 152.195l309.761 309.761c42.785 42.731 112.096 42.731 154.88 0l775.132-774.401c42.731-42.785 42.731-112.096 0-154.88z"></path></svg>',
281				close: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" class="icon icon-close"><path d="M446.174 512l-432.542-432.542c-18.177-18.177-18.177-47.649 0-65.826s47.649-18.177 65.826 0l432.542 432.542 432.542-432.542c18.177-18.177 47.649-18.177 65.826 0s18.177 47.649 0 65.826l-432.542 432.542 432.542 432.542c18.177 18.177 18.177 47.649 0 65.826s-47.649 18.177-65.826 0l-432.542-432.542-432.542 432.542c-18.177 18.177-47.649 18.177-65.826 0s-18.177-47.649 0-65.826l432.542-432.542z"></path></svg>',
282				plus: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 1024 1024" class="icon icon-plus"><path d="M465.066 465.067l0.001-411.166c-0.005-0.407-0.005-0.407-0.006-0.805 0-29.324 23.796-53.095 53.149-53.095s53.149 23.771 53.149 53.095c-0.001 0.365-0.001 0.365-0.004 0.524l-0.009 411.446 398.754 0.001c0.407-0.005 0.407-0.005 0.805-0.006 29.324 0 53.095 23.796 53.095 53.149s-23.771 53.149-53.095 53.149c-0.365-0.001-0.365-0.001-0.524-0.004l-399.037-0.009-0.009 396.75c0.059 1.378 0.059 1.378 0.071 2.762 0 29.35-23.817 53.142-53.197 53.142-28.299 0-51.612-22.132-53.124-50.361l-0.044-0.832 0.583-0.382-0.586 0.017c-0.020-0.795-0.020-0.795-0.024-1.59 0.011-1.42 0.011-1.42 0.050-1.933l0.001-397.576-409.162-0.009c-1.378 0.059-1.378 0.059-2.762 0.071-29.35 0-53.142-23.817-53.142-53.197 0-28.299 22.132-51.612 50.361-53.124l0.832-0.044 0.382 0.583-0.017-0.586c0.795-0.020 0.795-0.020 1.59-0.024 1.42 0.011 1.42 0.011 1.933 0.050l409.986 0.001z"></path></svg>',
283				minus: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 1024 1024" class="icon icon-minus"><path d="M51.573 459.468l-0.017-0.585c0.795-0.020 0.795-0.020 1.59-0.024 1.42 0.011 1.42 0.011 1.933 0.050l915.021 0.002c0.407-0.005 0.407-0.005 0.805-0.006 29.324 0 53.095 23.771 53.095 53.095s-23.771 53.095-53.095 53.095c-0.365-0.001-0.365-0.001-0.524-0.004l-914.477-0.021c-1.378 0.059-1.378 0.059-2.762 0.071-29.35 0-53.142-23.793-53.142-53.142 0-28.271 22.132-51.558 50.361-53.069l0.832-0.044 0.382 0.582z"></path></svg>',
284				blank: "\/\/www.smithandblake.com\/cdn\/shop\/t\/38\/assets\/blank_1x1.gif?v=50849316544257392421726927611"
285			},
286			settings: {
287				enableAcceptTerms: false,
288				enableAjaxCart: true,
289				enableColorSwatches: false,
290				enablePaymentButton: true,
291				enableVideoLooping: true,
292				enableTextAnimations: true,
293				enableGridItemsAnimations: true,
294				enableSearch: true,
295				enableYotpo: false,
296				showProductDescription: true,
297				showQuickView: false,
298				showQuantity: true,
299				showReviews: false,
300				yotpoId: "",
301				imageAspectRatio: 1,
302				imageBackgroundSize: "contain",
303				productBadgeStyle: "rectangle",
304				searchType: "product",
305				productTitlePosition: "center"
306			},
307			isTouch: false
308		};
309		window.moneyFormat = "Rs. {{amount_no_decimals}}";
310		window.slate = window.slate || {};
311		window.lazySizesConfig = {
312			loadHidden: false,
313			hFac: 0.5,
314			expFactor: 2,
315			customMedia: {
316			  '--phone': '(max-width: 640px)',
317			  '--tablet': '(min-width: 641px) and (max-width: 1023px)',
318			  '--lap': '(min-width: 1024px)'
319			}
320		}
321	</script>
321
322	
322<script src="//www.smithandblake.com/cdn/shop/t/38/assets/lazysizes.min.js?v=27862327855797619101726927611" async></script>
322
323	
323<script src="//www.smithandblake.com/cdn/shop/t/38/assets/shop.js?v=70609973715184464761726927611" defer></script>
323<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
323<meta name="google-site-verification" content="zMREINZeddKV6TQd3wWhK94gyzvdhZ2eHcwW_FekoUI">
324<meta name="google-site-verification" content="0WRnoPqmt-E-ZSSmIlnB2iY2WAiHxnqQpkk_V0si1OU">
325<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/52135690395/digital_wallets/dialog">
326<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/articles.atom" />
327<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
vendor: 1 bytes, line 327
327
328<script id="shopify-features" type="application/json">{"accessToken":"ac91730121e13e2d2c37c8cb92584328","betas":["rich-media-storefront-analytics"],"domain":"www.smithandblake.com","predictiveSearch":true,"shopId":52135690395,"locale":"en"}</script>
vendor: 1 bytes, line 328
328
329<script>var Shopify = Shopify || {};
330Shopify.shop = "smithandblake.myshopify.com";
331Shopify.locale = "en";
332Shopify.currency = {"active":"INR","rate":"1.0"};
333Shopify.country = "US";
334Shopify.theme = {"name":"Copy of Copy of Modular","id":139559370907,"schema_name":"Modular","schema_version":"1.9.9","theme_store_id":849,"role":"main"};
335Shopify.theme.handle = "null";
336Shopify.theme.style = {"id":null,"handle":null};
337Shopify.cdnHost = "www.smithandblake.com/cdn";
338Shopify.routes = Shopify.routes || {};
339Shopify.routes.root = "/";
340Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
341Shopify.SignInWithShop = Shopify.SignInWithShop || {};
342Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
343Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 343
343
344<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 344
344
345<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 345
345
346<script>
347  window.Shopify = window.Shopify || {};
348  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
349  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
350  window.Shopify.SignInWithShop.eligible = true;
351</script>
vendor: 1 bytes, line 351
351
352<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 352
352
353<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 353
353
354<script type="module">
355  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
356
357  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
358
359</script>
vendor: 1 bytes, line 359
359
360<script>
361  window.Shopify = window.Shopify || {};
362  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
363  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
364</script>
vendor: 1 bytes, line 364
364
365<script>(function() {
366  var isLoaded = false;
367  function asyncLoad() {
368    if (isLoaded) return;
369    isLoaded = true;
370    var urls = ["https:\/\/platform-api.sharethis.com\/js\/sharethis.js?shop=smithandblake.myshopify.com#property=60d869610081ca00124781f8\u0026product=inline-share-buttons\u0026ver=1632115711","https:\/\/app.layouthub.com\/shopify\/layouthub.js?shop=smithandblake.myshopify.com","https:\/\/www.smithandblake.com\/apps\/giraffly-gdpr\/gdpr-bf5b45e9fdce4ccd191d5aade4f734f365d395f1.js?shop=smithandblake.myshopify.com","https:\/\/trust.conversionbear.com\/script?app=trust_badge\u0026shop=smithandblake.myshopify.com","https:\/\/sr-cdn.shiprocket.in\/sr-promise\/static\/uc.js?channel_id=4\u0026sr_company_id=2106099\u0026shop=smithandblake.myshopify.com","https:\/\/sr-cdn.shiprocket.in\/sr-promise\/static\/uc.js?channel_id=4\u0026sr_company_id=1083153\u0026shop=smithandblake.myshopify.com","https:\/\/s1.staq-cdn.com\/grow\/api\/js\/52135690395\/main.js?sId=52135690395\u0026v=1VRQ4IHBNJPR7H27AC3J997G\u0026shop=smithandblake.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-062e2de5e99fb7eafe15e73f670a6f07.js?shop=smithandblake.myshopify.com"];
371    for (var i = 0; i < urls.length; i++) {
372      var s = document.createElement('script');
373      s.type = 'text/javascript';
374      s.async = true;
375      s.src = urls[i];
376      var x = document.getElementsByTagName('script')[0];
377      x.parentNode.insertBefore(s, x);
378    }
379  };
380  if(window.attachEvent) {
381    window.attachEvent('onload', asyncLoad);
382  } else {
383    window.addEventListener('load', asyncLoad, false);
384  }
385})();</script>
vendor: 1 bytes, line 385
385
386<script id="__st">var __st={"a":52135690395,"offset":-14400,"reqid":"69746400-2c18-4b86-9ea7-e7b258db7799-1790450892","pageurl":"www.smithandblake.com\/blogs\/articles","s":"blogs-82534596763","u":"96452dc3fa94","p":"blog","rtyp":"blog","rid":82534596763};</script>
vendor: 1 bytes, line 386
386
387<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 387
387
388<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 388
388
389<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.smithandblake.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 389
389
390<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.smithandblake.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
390<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 390
390
391<script>
392  window.Shopify = window.Shopify || {};
393  window.Shopify.MCP = window.Shopify.MCP || {};
394  window.Shopify.MCP.enabled = true;
395  window.Shopify.MCP.shop = "smithandblake.myshopify.com";
396  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.smithandblake.com\/api\/mcp";
397  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
398</script>
vendor: 1 bytes, line 398
398
399<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.smithandblake.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
400</script>
vendor: 1 bytes, line 400
400
401<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.smithandblake.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
402</script>
vendor: 1 bytes, line 402
402
403<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
404  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
405</script>
vendor: 1 bytes, line 405
405
406<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
407</script>
407
408
409<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
409
410<link href="//www.smithandblake.com/cdn/shop/t/38/assets/smk-sections.css?v=3557258216237452911726927611" rel="stylesheet" type="text/css" media="all" />
411	  
412<!-- RYVIU APP :: Settings global -->	
413    
413<script>
414        var ryviu_global_settings = {"form":{"showTitle":true,"titleForm":"Rate Us","titleName":"Your Name","colorInput":"#464646","colorTitle":"#696969","noticeName":"Your name is required field","titleEmail":"Your Email","autoPublish":true,"colorNotice":"#dd2c00","colorSubmit":"#ffffff","noticeEmail":"Your email is required and valid email","titleSubmit":"Submit Your Review","titleSubject":"Review Title","titleSuccess":"Thank you! Your review is submited.","colorStarForm":"#ececec","noticeSubject":"Title is required field","showtitleForm":true,"titleMessenger":"Review Content","noticeMessenger":"Your review is required field","placeholderName":"John Smith","starActivecolor":"#fdbc00","backgroundSubmit":"#00aeef","placeholderEmail":"[email protected]","placeholderSubject":"Look great","placeholderMessenger":"Write something","loadAfterContentLoaded":true},"questions":{"by_text":"Author","of_text":"of","on_text":"on","des_form":"Ask a question to the community here","name_form":"Your Name","email_form":"Your Email Address","input_text":"Have a question? Search for answers","title_form":"No answer found?","answer_form":"Your answers","answer_text":"Answer question","newest_text":"Latest New","notice_form":"Complete before submitting","submit_form":"Send a question","helpful_text":"Most helpful","showing_text":"Show","question_form":"Your question","titleCustomer":"","community_text":"Ask the community here","questions_text":"questions","title_answer_form":"Answer question","ask_community_text":"Ask the community","submit_answer_form":"Send a reply","write_question_text":"Ask a question","question_answer_form":"Question","placeholder_answer_form":"Answer is a required field!","placeholder_question_form":"Question is a required field!"},"mail_settings":{"notiToAdmin":false,"replyTemplate":"default","notiToCustomer":false,"autoSendRequest":false,"email_from_name":"smithandblake","enableOrderHook":false,"newReviewNotice":false,"questionTemplate":"default","requestReviewTemplate":"default"},"review_widget":{"star":1,"style":"style2","title":true,"ofText":"of","tstar1":"Terrible","tstar2":"Poor","tstar3":"Average","tstar4":"Very Good","tstar5":"Excellent","nostars":false,"nowrite":false,"hideFlag":false,"hidedate":true,"noavatar":false,"noreview":true,"order_by":"late","showFull":true,"showText":"Show:","showspam":true,"noReviews":"No reviews","outofText":"out of","random_to":20,"ryplyText":"Comment","starStyle":"style1","starcolor":"#e6e6e6","starsText":"stars","colorTitle":"#6c8187","colorWrite":"#ffffff","customDate":"dd\/MM\/yy","dateSelect":"dateDefaut","helpulText":"Is this helpful?","latestText":"Latest","nolastname":false,"oldestText":"Oldest","paddingTop":"0","reviewText":"review","sortbyText":"Sort by:","starHeight":15,"titleWrite":"Write a review","borderColor":"#ffffff","borderStyle":"solid","borderWidth":"0","colorAvatar":"#f8f8f8","firstReview":"Write a first review now","paddingLeft":"0","random_from":0,"reviewsText":"reviews","showingText":"Showing","disableReply":true,"paddingRight":"0","payment_type":"Monthly","textVerified":"Verified Purchase","colorVerified":"#05d92d","disableHelpul":false,"disableWidget":false,"paddingBottom":"0","titleCustomer":"Customer Reviews","filter_reviews":"all","backgroundRyviu":"transparent","backgroundWrite":"#ffb102","disablePurchase":false,"reviewTotalText":1,"starActiveStyle":"style1","starActivecolor":"#fdbc00","show_title_customer":true,"filter_reviews_local":"US"},"design_settings":{"date":"timeago","sort":"late","showing":30,"timeAgo":false,"url_shop":"www.smithandblake.com","colection":true,"no_number":false,"no_review":true,"defautDate":"timeago","defaultDate":"j\/n\/Y","client_theme":"defaultV1","verify_reply":true,"verify_review":true,"reviews_per_page":5},"import_settings":{"nameAuto":true,"translate":true,"formatName":"random","inCountries":[],"only_images":false,"remove_text":"","number_export":20,"disable_less_reviews":3,"disable_empty_reviews":true}};
415    </script>
415
416<!-- RYVIU APP -->
417  
418<!-- Start of Judge.me Core -->
419<link rel="dns-prefetch" href="https://cdn.judge.me/">
420<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#120101","hide_badge_preview_if_no_reviews":false,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
420ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#120101","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":true,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":false,"mute_video_by_default":true,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":false,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
420itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#108474","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"vertical","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"widget_show_review_title_input":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":{},"review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":{},"review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
420youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_store_review_label_text":"Review about the store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":true,"preview_badge_home_page_install_preference":true,"preview_badge_product_page_install_preference":true,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":true,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
420:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"We’ll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"bold_badge","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Smith \u0026 Blake","widget_version":"2.1","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":false,"show_review_title_input":true,"review_verification_email_status":"always","can_be_branded":false,"reply_name_text":"Smith \u0026 Blake"};</script>
420 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:not(.jdgm-prev-badge__stars)>.jdgm-star{color:#120101}.jdgm-histogram .jdgm-star.jdgm-star{color:#120101}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#120101}.jdgm-histogram .jdgm-histogram__bar-content{background:#fbcd0a}.jdgm-histogram .jdgm-histogram__bar:after{background:#fbcd0a}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__replier:before{content:'Smith &amp; Blake'}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}
421</style> <style class='jdgm-settings-style'></style>
422
423  
424  
425  
426  <style class='jdgm-miracle-styles'>
427  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/I
427azfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important}
428
429</style>
430
431
432  
433  
434   
435
436
437<script data-cfasync='false' class='jdgm-script'>
438!function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdn.judge.me/",
439jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
440setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,s){
441!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
442(s=e.createElement("link")).rel="stylesheet",s.class="jdgm-stylesheet",s.media="nope!",
443s.href=d,s.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(s))},
444jdgm.loadCSS.requestedUrls=[],jdgm.docReady(function(){(window.jdgmLoadCSS||e.querySelectorAll(
445".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
446parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_HOST+"widget_v3/base.css"):
447jdgm.loadCSS(jdgm.CDN_HOST+"widget/base.css"):jdgm.loadCSS(jdgm.CDN_HOST+"shopify_v2.css"))})}(document);
448</script>
vendor: 1 bytes, line 448
448
449<script async data-cfasync="false" type="text/javascript" src="https://cdn.judge.me/loader.js"></script>
449
450
451<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.judge.me/shopify_v2.css"></noscript>
452<!-- End of Judge.me Core -->
453
454
455
456<script>
457  
458  
459    window.csapps = {
460      shop_slug: "smithandblake",
461      store_id: "smithandblake.myshopify.com",
462      store_domain: "www.smithandblake.com",
463      money_format: "Rs. {{amount_no_decimals}}",
464      cart: null,
465      product: null,
466      product_collections: null,
467      product_variants: null,
468      is_volume_discount: null,
469      is_bundle_discount: null,
470      bundle_class: '.aiod-bundle-discount-wrap',
471      product_id: null,
472      page_type: null,
473      vd_url: 'https://aiod.cirkleinc.com',
474      customer: null,
475      currency_symbol: "₹"
476    }
477	window.csapps.page_type = "index";
478    
479	
480    window.csapps.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"INR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}
481    if (typeof window.csapps.cart.items == "object") {
482      for (var i=0; i<window.csapps.cart.items.length; i++) {
483        ["sku", "grams", "vendor", "url", "image", "handle", "requires_shipping", "product_type", "product_description"].map(function(a) {
484          delete window.csapps.cart.items[i][a]
485        })
486      }
487    }
488    window.csapps.cart_collections = {}
489    
490
491  
492
493  
494
495</script>
495
496
497
498
499<link href="https://aiod.cirkleinc.com/frontcripts/csapp_all_in_one.min.css" rel="stylesheet" type="text/css" media="all">
500<script src="https://aiod.cirkleinc.com/frontcripts/cscodejs.min.js?v=1790450893" defer="defer"></script>
500
501
502<script id="dcScript">
503  var dcCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"INR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
504  
505  
506  var dcCustomerId = false;
507  var dcCustomerEmail = false;
508  var dcCustomerTags = false;
509  
510  var dcCurrency = 'Rs. {{amount_no_decimals}}';
511</script>
511
512<!-- "snippets/booster-common.liquid" was not rendered, the associated app was uninstalled -->
513
514                  
514<script src="//www.smithandblake.com/cdn/shop/t/38/assets/bss-file-configdata.js?v=149743203684277803961726927611" type="text/javascript"></script>
514<script>
515              if (typeof BSS_PL == 'undefined') {
516                  var BSS_PL = {};
517              }
518              
519              var bssPlApiServer = "https://product-labels-pro.bsscommerce.com";
520              BSS_PL.customerTags = 'null';
521              BSS_PL.customerId = 'null';
522              BSS_PL.configData = configDatas;
523              BSS_PL.storeId = 13858;
524              BSS_PL.currentPlan = "five_usd";
525              BSS_PL.storeIdCustomOld = "10678";
526              BSS_PL.storeIdOldWIthPriority = "12200";
527              BSS_PL.apiServerProduction = "https://product-labels-pro.bsscommerce.com";
528              
529              BSS_PL.integration = {"laiReview":{"status":0,"config":[]}}
530              </script>
530
531          <style>
532.homepage-slideshow .slick-slide .bss_pl_img {
533    visibility: hidden !important;
534}
535</style>
535<script>function fixBugForStores($, BSS_PL, parent, page, htmlLabel) { return false;}</script>
535
536                    
537	
538    
539
540
541 
541<script>
542 let ps_apiURI = "https://swift-api.perfectapps.io/api";
543 let ps_storeUrl = "https://swift.perfectapps.io";
544 let ps_productId = "";
545 </script>
545 
546 <link rel="preload" href="https://swift.perfectapps.io/store/assets/dist/css/loading.min.css?v=1_1631517398" as="style">
547                    
548 <link rel="stylesheet" href="https://swift.perfectapps.io/store/assets/dist/css/loading.min.css?v=1_1631517398">
549 
549<script async src="https://swift.perfectapps.io/store/assets/dist/js/loading.min.js?v=1_1631517398"></script>
549 
550  
551 
552        <link href="//www.smithandblake.com/cdn/shop/t/38/assets/paymentfont.scss.css?v=150027171639736138341789213156" rel="stylesheet" type="text/css" media="all" />
553      
554<style type='text/css'>
555  .baCountry{width:30px;height:20px;display:inline-block;vertical-align:middle;margin-right:6px;background-size:30px!important;border-radius:4px;background-repeat:no-repeat}
556  .baCountry-traditional .baCountry{background-image:url(https://cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ba-flags.png?=14261939516959647149);height:19px!important}
557  .baCountry-modern .baCountry{background-image:url(https://cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ba-flags.png?=14261939516959647149)}
558  .baCountry-NO-FLAG{background-position:0 0}.baCountry-AD{background-position:0 -20px}.baCountry-AED{background-position:0 -40px}.baCountry-AFN{background-position:0 -60px}.baCountry-AG{background-position:0 -80px}.baCountry-AI{background-position:0 -100px}.baCountry-ALL{background-position:0 -120px}.baCountry-AMD{background-position:0 -140px}.baCountry-AOA{background-position:0 -160px}.baCountry-ARS{background-position:0 -180px}.baCountry-AS{background-position:0 -200px}.baCountry-AT{background-position:0 -220px}.baCountry-AUD{background-position:0 -240px}.baCountry-AWG{background-position:0 -260px}.baCountry-AZN{background-position:0 -280px}.baCountry-BAM{background-position:0 -300px}.baCountry-BBD{background-position:0 -320px}.baCountry-BDT{background-position:0 -340px}.baCountry-BE{background-position:0 -360px}.baCountry-BF{background-position:0 -380px}.baCountry-BGN{background-position:0 -400px}.baCountry-BHD{background-position:0 -420px}.baCountry-BIF{background-position:0 -440px}.baCountry-BJ{background-position:0 -460px}.baCountry-BMD{background-position:0 -480px}.baCountry-BND{background-position:0 -500px}.baCountry-BOB{background-position:0 -520px}.baCountry-BRL{background-position:0 -540px}.baCountry-BSD{background-position:0 -560px}.baCountry-BTN{background-position:0 -580px}.baCountry-BWP{background-position:0 -600px}.baCountry-BYN{background-position:0 -620px}.baCountry-BZD{background-position:0 -640px}.baCountry-CAD{background-position:0 -660px}.baCountry-CC{background-position:0 -680px}.baCountry-CDF{background-position:0 -700px}.baCountry-CG{background-position:0 -720px}.baCountry-CHF{background-position:0 -740px}.baCountry-CI{background-position:0 -760px}.baCountry-CK{background-position:0 -780px}.baCountry-CLP{background-position:0 -800px}.baCountry-CM{background-position:0 -820px}.baCountry-CNY{background-position:0 -840px}.baCountry-COP{background-position:0 -860px}.baCountry-CRC{background-position:0 -880px}.baCountry-CU{background-position:0 -900px}.baCountry-CX{background-position:0 -920px}.baCountry-CY{background-position:0 -940px}.baCountry-CZK{background-position:0 -960px}.baCountry-DE{background-position:0 -980px}.baCountry-DJF{background-position:0 -1000px}.baCountry-DKK{background-position:0 -1020px}.baCountry-DM{background-position:0 -1040px}.baCountry-DOP{background-position:0 -1060px}.baCountry-DZD{background-position:0 -1080px}.baCountry-EC{background-position:0 -1100px}.baCountry-EE{background-position:0 -1120px}.baCountry-EGP{background-position:0 -1140px}.baCountry-ER{background-position:0 -1160px}.baCountry-ES{background-position:0 -1180px}.baCountry-ETB{background-position:0 -1200px}.baCountry-EUR{background-position:0 -1220px}.baCountry-FI{background-position:0 -1240px}.baCountry-FJD{background-position:0 -1260px}.baCountry-FKP{background-position:0 -1280px}.baCountry-FO{background-position:0 -1300px}.baCountry-FR{background-position:0 -1320px}.baCountry-GA{background-position:0 -1340px}.baCountry-GBP{background-position:0 -1360px}.baCountry-GD{background-position:0 -1380px}.baCountry-GEL{background-position:0 -1400px}.baCountry-GHS{background-position:0 -1420px}.baCountry-GIP{background-position:0 -1440px}.baCountry-GL{background-position:0 -1460px}.baCountry-GMD{background-position:0 -1480px}.baCountry-GNF{background-position:0 -1500px}.baCountry-GQ{background-position:0 -1520px}.baCountry-GR{background-position:0 -1540px}.baCountry-GTQ{background-position:0 -1560px}.baCountry-GU{background-position:0 -1580px}.baCountry-GW{background-position:0 -1600px}.baCountry-HKD{background-position:0 -1620px}.baCountry-HNL{background-position:0 -1640px}.baCountry-HRK{background-position:0 -1660px}.baCountry-HTG{background-position:0 -1680px}.baCountry-HUF{background-position:0 -1700px}.baCountry-IDR{background-position:0 -1720px}.baCountry-IE{background-position:0 -1740px}.baCountry-ILS{background-position:0 -1760px}.baCountry-INR{background-position:0 -1780px}.baCountry-IO{background-position:0 -1800px}
558.baCountry-IQD{background-position:0 -1820px}.baCountry-IRR{background-position:0 -1840px}.baCountry-ISK{background-position:0 -1860px}.baCountry-IT{background-position:0 -1880px}.baCountry-JMD{background-position:0 -1900px}.baCountry-JOD{background-position:0 -1920px}.baCountry-JPY{background-position:0 -1940px}.baCountry-KES{background-position:0 -1960px}.baCountry-KGS{background-position:0 -1980px}.baCountry-KHR{background-position:0 -2000px}.baCountry-KI{background-position:0 -2020px}.baCountry-KMF{background-position:0 -2040px}.baCountry-KN{background-position:0 -2060px}.baCountry-KP{background-position:0 -2080px}.baCountry-KRW{background-position:0 -2100px}.baCountry-KWD{background-position:0 -2120px}.baCountry-KYD{background-position:0 -2140px}.baCountry-KZT{background-position:0 -2160px}.baCountry-LBP{background-position:0 -2180px}.baCountry-LI{background-position:0 -2200px}.baCountry-LKR{background-position:0 -2220px}.baCountry-LRD{background-position:0 -2240px}.baCountry-LSL{background-position:0 -2260px}.baCountry-LT{background-position:0 -2280px}.baCountry-LU{background-position:0 -2300px}.baCountry-LV{background-position:0 -2320px}.baCountry-LYD{background-position:0 -2340px}.baCountry-MAD{background-position:0 -2360px}.baCountry-MC{background-position:0 -2380px}.baCountry-MDL{background-position:0 -2400px}
558.baCountry-ME{background-position:0 -2420px}.baCountry-MGA{background-position:0 -2440px}.baCountry-MKD{background-position:0 -2460px}.baCountry-ML{background-position:0 -2480px}.baCountry-MMK{background-position:0 -2500px}.baCountry-MN{background-position:0 -2520px}.baCountry-MOP{background-position:0 -2540px}.baCountry-MQ{background-position:0 -2560px}.baCountry-MR{background-position:0 -2580px}.baCountry-MS{background-position:0 -2600px}.baCountry-MT{background-position:0 -2620px}.baCountry-MUR{background-position:0 -2640px}.baCountry-MVR{background-position:0 -2660px}.baCountry-MWK{background-position:0 -2680px}.baCountry-MXN{background-position:0 -2700px}.baCountry-MYR{background-position:0 -2720px}.baCountry-MZN{background-position:0 -2740px}.baCountry-NAD{background-position:0 -2760px}.baCountry-NE{background-position:0 -2780px}.baCountry-NF{background-position:0 -2800px}.baCountry-NG{background-position:0 -2820px}.baCountry-NIO{background-position:0 -2840px}.baCountry-NL{background-position:0 -2860px}.baCountry-NOK{background-position:0 -2880px}.baCountry-NPR{background-position:0 -2900px}.baCountry-NR{background-position:0 -2920px}.baCountry-NU{background-position:0 -2940px}.baCountry-NZD{background-position:0 -2960px}.baCountry-OMR{background-position:0 -2980px}.baCountry-PAB{background-position:0 -3000px}.baCountry-PEN{background-position:0 -3020px}.baCountry-PGK{background-position:0 -3040px}.baCountry-PHP{background-position:0 -3060px}.baCountry-PKR{background-position:0 -3080px}.baCountry-PLN{background-position:0 -3100px}.baCountry-PR{background-position:0 -3120px}.baCountry-PS{background-position:0 -3140px}.baCountry-PT{background-position:0 -3160px}.baCountry-PW{background-position:0 -3180px}.baCountry-QAR{background-position:0 -3200px}.baCountry-RON{background-position:0 -3220px}.baCountry-RSD{background-position:0 -3240px}.baCountry-RUB{background-position:0 -3260px}.baCountry-RWF{background-position:0 -3280px}.baCountry-SAR{background-position:0 -3300px}.baCountry-SBD{background-position:0 -3320px}.baCountry-SCR{background-position:0 -3340px}.baCountry-SDG{background-position:0 -3360px}.baCountry-SEK{background-position:0 -3380px}.baCountry-SGD{background-position:0 -3400px}.baCountry-SI{background-position:0 -3420px}.baCountry-SK{background-position:0 -3440px}.baCountry-SLL{background-position:0 -3460px}.baCountry-SM{background-position:0 -3480px}.baCountry-SN{background-position:0 -3500px}.baCountry-SO{background-position:0 -3520px}.baCountry-SRD{background-position:0 -3540px}.baCountry-SSP{background-position:0 -3560px}.baCountry-STD{background-position:0 -3580px}.baCountry-SV{background-position:0 -3600px}.baCountry-SYP{background-position:0 -3620px}.baCountry-SZL{background-position:0 -3640px}.baCountry-TC{background-position:0 -3660px}.baCountry-TD{background-position:0 -3680px}.baCountry-TG{background-position:0 -3700px}.baCountry-THB{background-position:0 -3720px}.baCountry-TJS{background-position:0 -3740px}.baCountry-TK{background-position:0 -3760px}.baCountry-TMT{background-position:0 -3780px}.baCountry-TND{background-position:0 -3800px}.baCountry-TOP{background-position:0 -3820px}.baCountry-TRY{background-position:0 -3840px}.baCountry-TTD{background-position:0 -3860px}.baCountry-TWD{background-position:0 -3880px}.baCountry-TZS{background-position:0 -3900px}.baCountry-UAH{background-position:0 -3920px}.baCountry-UGX{background-position:0 -3940px}.baCountry-USD{background-position:0 -3960px}.baCountry-UYU{background-position:0 -3980px}.baCountry-UZS{background-position:0 -4000px}.baCountry-VEF{background-position:0 -4020px}.baCountry-VG{background-position:0 -4040px}.baCountry-VI{background-position:0 -4060px}.baCountry-VND{background-position:0 -4080px}.baCountry-VUV{background-position:0 -4100px}.baCountry-WST{background-position:0 -4120px}.baCountry-XAF{background-position:0 -4140px}.baCountry-XPF{background-position:0 -4160px}.baCountry-YER{background-position:0 -4180px}.baCountry-ZAR{background-position:0 -4200px}.baCountry-ZM{background-position:0 -4220px}.baCountry-ZW{background-position:0 -4240px}
559  .bacurr-checkoutNotice{margin: 3px 10px 0 10px;left: 0;right: 0;text-align: center;}
560  @media (min-width:750px) {.bacurr-checkoutNotice{position: absolute;}}
561</style>
562
563<script>
564    window.baCurr = window.baCurr || {};
565    window.baCurr.config = {}; window.baCurr.rePeat = function () {};
566    Object.assign(window.baCurr.config, {
567      "enabled":true,
568      "manual_placement":"",
569      "night_time":false,
570      "round_by_default":false,
571      "display_position":"bottom_left",
572      "display_position_type":"floating",
573      "custom_code":{"css":""},
574      "flag_type":"",
575      "flag_design":"modern",
576      "round_style":"none",
577      "round_dec":"0.99",
578      "chosen_cur":[{"USD":"US Dollar (USD)"},{"EUR":"Euro (EUR)"},{"GBP":"British Pound (GBP)"},{"CAD":"Canadian Dollar (CAD)"},{"INR":"Indian Rupee (INR)"}],
579      "desktop_visible":true,
580      "mob_visible":true,
581      "money_mouse_show":false,
582      "textColor":"#1e1e1e",
583      "flag_theme":"default",
584      "selector_hover_hex":"#ffffff",
585      "lightning":true,
586      "mob_manual_placement":"",
587      "mob_placement":"bottom_left",
588      "mob_placement_type":"floating",
589      "moneyWithCurrencyFormat":false,
590      "ui_style":"default",
591      "user_curr":"",
592      "auto_loc":true,
593      "auto_pref":false,
594      "selector_bg_hex":"#ffffff",
595      "selector_border_type":"boxShadow",
596      "cart_alert_bg_hex":"#fbf5f5",
597      "cart_alert_note":"All orders are processed in [checkout_currency], using the latest exchange rates.",
598      "cart_alert_state":true,
599      "cart_alert_font_hex":"#1e1e1e"
600    },{
601      money_format: "Rs. {{amount_no_decimals}}",
602      money_with_currency_format: "Rs. {{amount_no_decimals}}",
603      user_curr: "INR"
604    });
605    window.baCurr.config.multi_curr = [];
606    
607    window.baCurr.config.final_currency = "INR" || '';
608    window.baCurr.config.multi_curr = "INR".split(',') || '';
609
610    (function(window, document) {"use strict";
611      function onload(){
612        function insertPopupMessageJs(){
613          var head = document.getElementsByTagName('head')[0];
614          var script = document.createElement('script');
615          script.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'boosterapps.com/apps/currency/preview_curr.js';
616          script.type = 'text/javascript';
617          head.appendChild(script);
618        }
619
620        if(document.location.search.indexOf("preview_cur=1") > -1){
621          setTimeout(function(){
622            window.currency_preview_result = document.getElementById("baCurrSelector").length > 0 ? 'success' : 'error';
623            insertPopupMessageJs();
624          }, 1000);
625        }
626      }
627
628      var head = document.getElementsByTagName('head')[0];
629      var script = document.createElement('script');
630      script.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + "";
631      script.type = 'text/javascript';
632      script.onload = script.onreadystatechange = function() {
633      if (script.readyState) {
634        if (script.readyState === 'complete' || script.readyState === 'loaded') {
635          script.onreadystatechange = null;
636            onload();
637          }
638        }
639        else {
640          onload();
641        }
642      };
643      head.appendChild(script);
644
645    }(window, document));
646</script>
646
647
648<link rel="dns-prefetch" href="https://cdn.secomapp.com/">
649<link rel="dns-prefetch" href="https://ajax.googleapis.com/">
650<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com/">
651<link rel="preload" as="stylesheet" href="//www.smithandblake.com/cdn/shop/t/38/assets/sca-pp.css?v=178374312540912810101726927611">
652
653<link rel="stylesheet" href="//www.smithandblake.com/cdn/shop/t/38/assets/sca-pp.css?v=178374312540912810101726927611">
654 
654<script>
655  
656  SCAPPShop = {};
657    
658  </script>
658 
659<script> var aaaAnnConfig = {"isWebpushPermission":"1","aaaAnnBarSetting":{"maxDate":null},"aaaAnnWebpushMainModuleSetting":{"welcome":0,"abandonedCart":0,"priceDrop":0,"backInStock":0},"aaaAnnWebpushSetting":{"abandonedCart":0,"priceDrop":0,"backInStock":null},"getPushInitSetting":{"status":"success","msg":"records found successfully","data":{"id":"61","overlay_setting":"{\"is_enable\":false,\"title\":\"Subscribe Now\",\"message\":\"Never miss what's happening by enabling push notification\"}","flyout_setting":"{\"title\":\"Get Updated with Latest Offers and Products\",\"flyout_heading\":\"Get Personalized Updates\",\"button\":\"Subscribe\",\"no_thanks_button\":\"No Thanks\",\"is_enabled\":0,\"schedule\":\"recursive\",\"postSubscriptionMessage\":\"Thanks for subscribing. We will keep you posted\",\"background_color\":\"ffffff\",\"text_color\":\"000000\",\"button_text_color\":\"ffffff\",\"button_background_color\":\"1165f1\",\"position\":\"top-center\",\"scheduletime\":\"1\",\"shown_after_time\":\"5\"}","shop_id":"36569","created_at":"2022-01-24 07:21:35","default_delay":"0","mobile_delay":"0","is_enabled":"1"}}}</script>
659    
660
661
662 
662<script src="//staticxx.s3.amazonaws.com/aio_stats_lib_v1.min.js?v=1.0"></script>
662<link rel="stylesheet" href="//www.smithandblake.com/cdn/shop/t/38/assets/seedgrow-whatsapp-style.css?v=22436153531372925721726927611">
663
664
665
666
667
668
669<style>
670  
671.giraffly_hoverButton{
672	display : none
673}
674.social-link[href*="https://www.facebook.com/Smith-Blake-105271718783219"] svg { fill: #1877F2 !important; }
675.social-link[href*="https://www.instagram.com/smithandblake"] svg { fill: #E4405F !important; }
676.social-link[href*="https://in.linkedin.com/company/smith-and-blake-official"] svg { fill: #0A66C2 !important; }
677.social-link[href*="https://youtube.com/channel/UCv6UsWAsMutx-CZkkMoxykA"] svg { fill: #FF0000 !important; }
678
679 @media screen and (max-width: 749px) {
680    .footer_blocks {
681      flex-wrap: wrap !important;
682    }
683    .footer__block.footer__block--menus {
684      flex: 0 0 48% !important;
685      max-width: 48% !important;
686      width: 48% !important;
687      margin: 0 0 20px !important;
688    }
689    .footer__block.footer__block--text,
690    .footer__block.footer__block--newsletter {
691      flex: 0 0 100% !important;
692      max-width: 100% !important;
693      width: 100% !important;
694    }
695	 .footer__blocks {
696    flex-direction: row;
697	align-items : start
698  }
699  .social-links {
700    display: block;
701  }
702  }
703  section[data-section-id="custom_html_fLABCa"].custom-html-section {
704  margin-bottom: 0px !important;
705}
706
707@media(max-width : 576px){
708	#shopify-section-custom_html_APrQGU {
709  position: relative;
710  top: -42px;
711}
712}
713
714</style>
715
716<!-- Google Tag Manager -->
717<script>
vendor: 327 bytes, lines 717-721
717(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
718new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
719j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
720'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
721})(window,document,'script','dataLayer','
721GTM-W3Q9BQK8
vendor: 3 bytes, line 721
721');
721</script>
721
722<!-- End Google Tag Manager -->
723<!-- BEGIN app block: shopify://apps/seowill-sticky-cart/blocks/sticky-cart/bba5bb0a-ae9e-4ec9-8cd1-5e9d3f32ebbe --><!-- Start : Sticky Add To Cart -->
724
725
726
727
728<script>
729  var AutoHideButton = true;
730var CurrencyConverterAppRate = {};
731getCurrencyConverter();
732            
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754        var giraffly_default_js=0;
755        if(window.Currency==undefined){
756            giraffly_default_js=1;    
757            var cdn_currency_js = document.createElement('script');
758            cdn_currency_js.src = 'https://cdn.shopify.com/s/javascripts/currencies.js';
759            document.getElementsByTagName("head")[0].appendChild(cdn_currency_js);
760        }else if(window.Currency!=undefined && window.Currency.default_currency!=undefined) {
761            giraffly_default_js = 1;
762        }
763        
764
765        var girafflyMutilCurrency=null;
766
767        var hidden_point = 0; //修改成giraffly_hidden_point
768        var hidden_point_arr=['JPY','CLP','COP','SEK','PYG','ISK','BIF','KRW','DJF','GNF','KMF','RWF','UGX','VND'];
769        Shopify.locale
770        if(Shopify.currency.active!=undefined){
771            if(hidden_point_arr.indexOf(Shopify.currency.active)!=-1){
772                hidden_point=1;
773            }else{
774                hidden_point=0;
775            }
776        }
777
778     
779
780
781
782    var cartBarUserClient = '';
783    if (!(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
784        cartBarUserClient = 'pc';
785    } else{
786        cartBarUserClient = 'phone';
787    }
788
789
790
791function addMiniCartOpenTimes(){
792    var urls = 'https://api-stickycart.seoant.com/api/v1/addClickTimes?c=991b66f153fbc1592c4325e97ebd7756ef1935d5&shop=www.smithandblake.com';
793
794    fetch(urls, {
795        method: 'post',
796        headers: {
797            'Content-type': 'application/json',
798            "Access-Control-Request-Headers": "*",
799            "Access-Control-Request-Method": "*"
800        },
801        body: JSON.stringify({
802            action: 'mini'
803        })
804    }).then(json => {
805
806    });
807}
808
809
810function girafflyCartBarButton(productJson,updateShoppingCart=true) {
811
812    var hideStickyCartClass ='';
813
814            hideStickyCartClass = '';
815    
816
817    
818    let girafflyCartNumber = productJson.item_count;
819    window.girafflyCartNumber = girafflyCartNumber;
820    let car_bar_position = (cartBarUserClient=='pc')? 'right:30px;bottom:350px ': 'right:30px;bottom:130px ';
821    let car_bar_style = "background-color:#fafafa;padding:9px";
822
823    let Round_TotalQuantityHtml = '';
824    let Square_TotalQuantityHtml = '';
825
826    Round_TotalQuantityHtml = '<div class="giraffly_total_Quantity_Circle_Round">\n' +
827        '     <div class="giraffly_total_Quantity_Round" style="background-color: #171818">\n' +
828            '      <span class="girafflyCartNumber" style="color: #fafafa">'+ girafflyCartNumber +'</span>\n' +
829            '     </div>' +
830        '    </div>';
831
832    Square_TotalQuantityHtml = '<div class="giraffly_total_Quantity_Circle_Square">\n' +
833        '     <div class="giraffly_total_Quantity_Square" style="background-color: #171818">\n' +
834            '      <span class="girafflyCartNumber" style="color: #fafafa">'+ girafflyCartNumber +'</span>\n' +
835            '     </div>\n' +
836        '    </div>';
837
838    var hoverButtonHtml = '';
839            hoverButtonHtml = '<div class="giraffly_hoverButton '+ hideStickyCartClass +'" style="'+ car_bar_position +'" onclick="cartBarButtonAction()">\n' +
840            '            <div class="giraffly_hoverButton_Round" style="'+car_bar_style+'">\n' +
841                '<svg aria-hidden="true" focusable="false" role="presentation" style="display:inline-block;vertical-align:middle;fill:currentColor;width:26px;height:26px" viewBox="0 0 1024 1024"><path fill=#131313 d="M960 923.733333l-64-576c-2.133333-17.066667-14.933333-27.733333-32-27.733333H768c0-140.8-115.2-256-256-256S256 179.2 256 320H160c-17.066667 0-29.866667 12.8-32 27.733333l-64 576c0 8.533333 2.133333 17.066667 8.533333 25.6 6.4 6.4 14.933333 10.666667 23.466667 10.666667h832c8.533333 0 17.066667-4.266667 23.466667-10.666667 6.4-6.4 8.533333-14.933333 8.533333-25.6zM512 128c106.666667 0 192 85.333333 192 192H320c0-106.666667 85.333333-192 192-192zM132.266667 896l57.6-512H256v96c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V384h384v96c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V384h68.266667l57.6 512H132.266667z"></path></svg>' +
842                Round_TotalQuantityHtml +
843                '            </div>\n' +
844            '        </div>';
845
846    
847    let currentUrl = window.location.pathname;
848    currentUrl = currentUrl.replace("\/", "");
849
850    var divHoverButton = document.createElement("div");
851    if(currentUrl == 'cart'){
852                                    divHoverButton.innerHTML = hoverButtonHtml;
853                    
854    }else{
855        if(girafflyCartNumber){
856            // console.info('has cart');
857            divHoverButton.innerHTML = hoverButtonHtml;
858        }else{
859                    // console.info('empty cart');
860            divHoverButton.innerHTML = hoverButtonHtml;
861                }
862    }
863    updateCartIconQuantity();
864    document.body.appendChild(divHoverButton);
865
866    
867    if(updateShoppingCart){
868        getGirafflyShoppingCart(productJson);
869    }
870}
871
872
873function getGirafflyShoppingCart(productJson) {
874    let mini_cart_title = 'Shopping cart';
875    let empty_cart_text = 'Your cart is currently empty.';
876    let view_cart_button = 'View cart';
877    let checkout_button = 'Checkout';
878
879    let shoppingCartHtml = '';
880
881    
882    let productListHtml = '';
883    let subtotalHtml = '';
884    let girafflyCartNumber = 0;
885    if(productJson != '') {
886        let productObj = productJson;
887        let productItems = productObj.items;
888        girafflyCartNumber = productObj.item_count;
889        let itemHtml = '';
890
891        for(let i = 0,len=productItems.length; i < len; i++) {
892            
893            let product_title = productItems[i].product_title;
894            product_title = (product_title.length < 70)?product_title: product_title.substring(0,70) + '...';
895            var giraffly_del_Content ="";
896
897            if(productItems[i].total_discount==0){
898                giraffly_del_Content = '<div class="giraffly_ShowProduct_Price" style="display: flex;">\n' +
899                    '<span style="align-self: center;">'+ girafflyReturnAmount(productItems[i].price/100) + '&nbsp;</span>\n';
900            }else{
901                giraffly_del_Content ='<div><s>'+ girafflyReturnAmount(productItems[i].price/100)+'</s></div>\n'+
902                    '<div class="giraffly_ShowProduct_Price" style="display: flex;">\n' +
903                    '<span style="align-self: center;">'+ girafflyReturnAmount(productItems[i].discounted_price/100) + '</span>\n';
904            }
905
906            let variant_title = (productItems[i].variant_title == null)?'':productItems[i].variant_title;
907            itemHtml =  '<div class="giraffly_Off-Canvas__ShowProduct">\n' +
908                        '        <div class="giraffly_ShowProduct_Image">\n' +
909                        '          <a href="'+ productItems[i].url +'">' +
910                        '           <img src="'+ productItems[i].image +'" alt="prodcut img" />\n' +
911                        '          </a>' +
912                        '        </div>\n' +
913                        '        <div class="giraffly_ShowProduct_Content">\n' +
914                        '         <div class="giraffly_ShowProduct_Title">\n' +
915                        product_title +
916                        '         </div>\n' +
917                        '         <div class="giraffly_ShowProduct_Style">\n' +
918                        variant_title +
919                        '         </div>\n' +
920                        giraffly_del_Content+
921                        '            <div class="giraffly_Product_Count_Control">\n' +
922                        '               <div class="giraffly_decrease_sign" onclick="girafflyProductCountChange(this,false)" data-vid="'+ productItems[i].variant_id +'">-</div>\n' +
923                        '               <div class="giraffly_Product_Count"> '+ productItems[i].quantity +'</div>\n' +
924                        '               <div class="giraffly_add_sign" onclick="girafflyProductCountChange(this,true)" data-vid="'+ productItems[i].variant_id +'">+</div>\n' +
925                        '            </div>\n' +
926                        '          </div>\n' +
927                        '        </div>\n' +
928                        '        <div class="giraffly_ShowProduct_Delete" onclick="girafflyRemove(this)" data-id="'+ productItems[i].variant_id +'" data-number="'+ productItems[i].quantity +'">\n' +
929                        '         <svg viewbox="0 0 20 20" class="giraffly_Closed__Svg" focusable="false" aria-hidden="true">\n' +
930                        '          <path d="M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path>\n' +
931                        '         </svg>\n' +
932                        '        </div>\n' +
933                        '       </div>';
934            productListHtml += itemHtml;
935        }
936
937        
938        if(productListHtml != ''){
939                        subtotalHtml = '<div class="giraffly_Subtotal_Show">\n' +
940                        '      <div class="giraffly_Subtotal_Title">\n' +
941                        '       Subtotal' +
942                        '      </div>\n' +
943                        '      <div class="giraffly_Subtotal_Price">\n' +
944                        '       <span class="giraffly_Cart_Price_Number">' + girafflyReturnAmount(productObj.total_price/100) + '</span>' +
945                        '      </div>\n' +
946                        '   </div>';
947                    }
948    }
949
950    
951    let off_canvas_position = '';
952            off_canvas_position = 'right: 0;width: 480px;';
953    
954    let emptyCartStyle = (girafflyCartNumber==0)?'display:block':'display:none';
955    let canvas_emptyCartHtml =  '<div class="giraffly_Off-Canvas-EmptyProduct giraffly_EmptyCart" style="'+ emptyCartStyle +'">' +
956        empty_cart_text +
957        '</div>';
958
959    let canvas_footerButtonHtml = '';
960            canvas_footerButtonHtml = '<div class="giraffly_Off-Canvas-Footer">\n' +
961            '      <div onclick="girafflyMiniCartAction(1)" class="giraffly_Off-Canvas_Button" style="background-color: #e4e4e4; color: #375159">\n' +
962                    view_cart_button +
963                    '</div>\n' +
964            '      <div onclick="girafflyMiniCartAction(2)" class="giraffly_Off-Canvas_Button" style="background-color: #000000; color: #ffffff;">\n' +
965                    checkout_button +
966                    '</div>\n' +
967            '     </div>\n';
968    
969    let canvas_shoppingCartHtml = '<section class="giraffly_Off-Canvas giraffly-animated  fadeInRight" style="'+off_canvas_position+'">\n' +
970        '   <div class="giraffly_Off-Canvas-Sheet" role="dialog">\n' +
971            '    <div class="giraffly_Off-Canvas-Sheet__Container">\n' +
972                '     <div class="giraffly_Off-Canvas-Header">\n' +
973                    '      <div class="giraffly_Off-Canvas-Number__Show">\n' +
974                        '       <svg aria-hidden="true" focusable="false" role="presentation" class="giraffly_Icon" viewbox="0 0 37 40">\n' +
975                            '        <path d="M36.5 34.8L33.3 8h-5.9C26.7 3.9 23 .8 18.5.8S10.3 3.9 9.6 8H3.7L.5 34.8c-.2 1.5.4 2.4.9 3 .5.5 1.4 1.2 3.1 1.2h28c1.3 0 2.4-.4 3.1-1.3.7-.7 1-1.8.9-2.9zm-18-30c2.2 0 4.1 1.4 4.7 3.2h-9.5c.7-1.9 2.6-3.2 4.8-3.2zM4.5 35l2.8-23h2.2v3c0 1.1.9 2 2 2s2-.9 2-2v-3h10v3c0 1.1.9 2 2 2s2-.9 2-2v-3h2.2l2.8 23h-28z"></path>\n' +
976                            '       </svg>\n' +
977                        '       <div class="giraffly_Cart_Product_Number girafflyCartNumber">\n' +
978                            girafflyCartNumber +
979                            '       </div>\n' +
980                        '      </div>\n' +
981                    '      <div class="giraffly_Off-Canvas-Title">\n' +
982                        mini_cart_title +
983                        '      </div>\n' +
984                    '      <div class="giraffly_Off-Canvas-Closed" onclick="closedGirafflyShoppingCart()">\n' +
985                        '       <svg viewbox="0 0 20 20" class="giraffly_Closed__Svg" focusable="false" aria-hidden="true">\n' +
986                            '        <path d="M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path>\n' +
987                            '       </svg>\n' +
988                        '      </div>\n' +
989                    '     </div>\n' +
990                '     <div class="giraffly_Off-Canvas-Content">\n' +
991                    '      <div class="giraffly_Product_List" style="display: block;">\n' +
992                        productListHtml +
993                        '      </div>\n' +
994                    canvas_emptyCartHtml +
995                    '     </div>\n' +
996                '     <div class="giraffly_Subtotal_Box">\n'+
997                    subtotalHtml +
998                    '    </div>\n' +
999                canvas_footerButtonHtml +
1000                '    </div>\n' +
1001            '   </div>\n' +
1002        '  </section>';
1003
1004
1005    
1006    let modal_emptyCarthtml=  '      <div class="giraffly_Modal_Popups-EmptyProduct giraffly_EmptyCart" style="'+ emptyCartStyle +'">' +
1007        empty_cart_text +
1008        '</div>';
1009    let modal_footerButtonHtml = '';
1010            modal_footerButtonHtml = '<div class="giraffly_Modal_Popups-Footer">\n' +
1011            '      <div class="giraffly_Modal_Popups-Footer--fill"></div>\n' +
1012            '      <div class="giraffly_Modal_Popups_ButtonGroup">\n' +
1013                '       <div onclick="girafflyMiniCartAction(1)" class="giraffly_Modal_Popups_Button" style="background-color: #e4e4e4; color: #375159;">\n' +
1014                        view_cart_button +
1015                        '</div>\n' +
1016                '       <div onclick="girafflyMiniCartAction(2)" class="giraffly_Modal_Popups_Button" style="background-color: #000000; color: #ffffff;">\n' +
1017                        checkout_button +
1018                        '</div>\n' +
1019                '      </div>\n' +
1020            '     </div>';
1021    
1022    let modal_shoppingCartHtml = '<section class="giraffly_Modal_Popups giraffly-animated fadeInUp" >\n' +
1023        '   <div role="dialog" class="giraffly_Modal_Popups_Dialog">\n' +
1024            '    <div class="giraffly_Modal_Popups__Container" style="max-width: 750px">\n' +
1025                '     <div class="giraffly_Modal_Popups-Header">\n' +
1026                    '      <div class="giraffly_Modal_Popups-Number__Show">\n' +
1027                        '       <svg aria-hidden="true" focusable="false" role="presentation" class="giraffly_Icon" viewbox="0 0 37 40">\n' +
1028                            '        <path d="M36.5 34.8L33.3 8h-5.9C26.7 3.9 23 .8 18.5.8S10.3 3.9 9.6 8H3.7L.5 34.8c-.2 1.5.4 2.4.9 3 .5.5 1.4 1.2 3.1 1.2h28c1.3 0 2.4-.4 3.1-1.3.7-.7 1-1.8.9-2.9zm-18-30c2.2 0 4.1 1.4 4.7 3.2h-9.5c.7-1.9 2.6-3.2 4.8-3.2zM4.5 35l2.8-23h2.2v3c0 1.1.9 2 2 2s2-.9 2-2v-3h10v3c0 1.1.9 2 2 2s2-.9 2-2v-3h2.2l2.8 23h-28z"></path>\n' +
1029                            '       </svg>\n' +
1030                        '       <div class="giraffly_Cart_Product_Number girafflyCartNumber">\n' +
1031                            girafflyCartNumber +
1032                            '       </div>\n' +
1033                        '      </div>\n' +
1034                    '      <div class="giraffly_Modal_Popups-Title">\n' +
1035                        mini_cart_title +
1036                        '      </div>\n' +
1037                    '      <div class="giraffly_Modal_Popups-Closed" onclick="closedGirafflyShoppingCart()">\n' +
1038                        '       <svg viewbox="0 0 20 20" class="giraffly_Closed__Svg" focusable="false" aria-hidden="true">\n' +
1039                            '        <path d="M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path>\n' +
1040                            '       </svg>\n' +
1041                        '      </div>\n' +
1042                    '     </div>\n' +
1043                '     <div class="giraffly_Modal_Popups-Body">\n' +
1044                    '      <div class="giraffly_Product_List">\n' +
1045                        productListHtml +
1046                        '      </div>\n' +
1047                    modal_emptyCarthtml +
1048                    '     </div>\n' +
1049                '     <div class="giraffly_Subtotal_Box">\n'+
1050                    subtotalHtml +
1051                    '       </div>\n'+
1052                modal_footerButtonHtml +
1053                '    </div>\n' +
1054            '   </div>\n' +
1055        '  </section>\n' +
1056    '  \n' +
1057    '  <div class="giraffly_Modal_Popups_Backdrop"></div>';
1058
1059
1060            shoppingCartHtml = canvas_shoppingCartHtml;
1061    
1062    let divShoppingCart = document.createElement("div");
1063    divShoppingCart.innerHTML = shoppingCartHtml;
1064    document.body.appendChild(divShoppingCart);
1065}
1066
1067
1068function girafflyMiniCartAction(type) {
1069    if(type == 1){
1070        window.location.href="/cart";
1071    }else{
1072        window.location.href="/cart/checkout";
1073    }
1074}
1075
1076
1077function closedGirafflyShoppingCart(){
1078            jQuery(".giraffly_Off-Canvas").css('display','none');
1079        jQuery(".giraffly_hoverButton").css('display','block');
1080        //关闭后 将pc和移动端的stickycart显示出来
1081    var body = document.body,
1082        html = document.documentElement;
1083    var scrollHeight = Math.max( body.scrollHeight, body.offsetHeight,html.clientHeight, html.scrollHeight, html.offsetHeight );
1084    var pcheight = scrollHeight * 0;
1085    var phoneheight = scrollHeight * 0;
1086    var y = jQuery(this).scrollTop() + 900;
1087    if(jQuery(this).scrollTop() > 0) {
1088        if(y >= pcheight) {
1089            jQuery(".giraffly_PCPreview_BOX").show();
1090            jQuery(".giraffly_PCPreview").css('display','flex');
1091        }
1092        if(y >= phoneheight) {
1093            jQuery(".giraffly_phoneButtonPreview ").show();
1094        }
1095    }
1096}
1097
1098// 
1099function closeMinicartBox() {
1100    if(typeof jQuery != 'undefined' && document.body) {
1101        jQuery('body').on('click', function() {
1102            jQuery(document).mouseup(e => {
1103                
1104                var Icon = jQuery('.giraffly_Off-Canvas'); 
1105                
1106                var popIcon = jQuery('.giraffly_Modal_Popups__Container'); 
1107                
1108                let status = jQuery('.giraffly_Off-Canvas').css('display'); 
1109                
1110                if (!Icon.is(e.target) && Icon.has(e.target).length === 0 && !popIcon.is(e.target) && popIcon.has(e.target).length === 0 && status !== 'none') {
1111                    closedGirafflyShoppingCart();
1112                }
1113            });
1114        })
1115    } else {
1116        setTimeout(() => {
1117            closeMinicartBox();
1118        }, 1000);
1119    }
1120}
1121
1122closeMinicartBox();
1123
1124
1125function cartBarButtonAction() {
1126                        if(cartBarUserClient=='phone'){
1127                jQuery(".giraffly_Off-Canvas").css('width','100%');
1128            }
1129                jQuery(".giraffly_Off-Canvas").css('display','block');
1130        
1131        
1132        addMiniCartOpenTimes();
1133        //调用一次
1134        // updateGirafflyShoppingCart();
1135
1136        jQuery(".giraffly_hoverButton").css('display','none');
1137
1138        
1139        try{
1140            if(jQuery.isFunction(jQuery.fn.fadeOut)){
1141                if(cartBarUserClient == 'pc'){
1142                    jQuery('.giraffly_PCPreview_BOX').fadeOut(100);
1143                    jQuery('.giraffly_PCPreview').fadeOut(100);
1144                }else{
1145                    jQuery('.giraffly_phoneButtonPreview').fadeOut(100);
1146                }
1147            }else{
1148                if(cartBarUserClient == 'pc'){
1149                    jQuery('.giraffly_PCPreview_BOX').hide();
1150                    jQuery('.giraffly_PCPreview').hide();
1151                }else{
1152                    jQuery('.giraffly_phoneButtonPreview').hide();
1153                }
1154            }
1155
1156            
1157        }catch(e){}
1158    }
1159
1160
1161function getUserShoppingCart() {
1162    fetch("/cart.js",{method: 'GET'})
1163    .then(res => res.json())
1164    .then(json => {
1165        
1166        jQuery(".girafflyCartNumber").html(json.item_count);
1167
1168        jQuery(".giraffly_Cart_Price_Number").html(girafflyReturnAmount(json.total_price/100));
1169
1170    }).catch(function(err) {
1171        console.log("error: giraffly - getUserShoppingCart");
1172    });
1173}
1174
1175
1176function girafflyProductCountChange(obj,isAdd){
1177    let VId = obj.getAttribute("data-vid");
1178    let needUpdateCount = 0;
1179    
1180    let countNumberObj = '';
1181
1182    if(isAdd){
1183        countNumberObj = obj.previousSibling.previousElementSibling;
1184        needUpdateCount = Number(countNumberObj.innerHTML)+1;
1185        
1186        needAddProduct(VId,countNumberObj,1,needUpdateCount);
1187
1188    }else{
1189        countNumberObj = obj.nextSibling.nextElementSibling;
1190        needUpdateCount = Number(countNumberObj.innerHTML)-1;
1191
1192        
1193        jQuery.ajax({
1194            url : '/cart/change.js',
1195            type: 'post',
1196            data: JSON.stringify({
1197                quantity: needUpdateCount,
1198                id: VId
1199            }),
1200            headers: {
1201                'Content-type': 'application/json'
1202            },
1203            dataType: 'json',
1204            success: function (data) {
1205                
1206                jQuery(document).ajaxSuccess(function (event, xhr, settings) {
1207                    updateGirafflyShoppingCart();
1208                });
1209                if(data.token != ''){
1210                    if(needUpdateCount==0){
1211                        
1212                        let objParent = obj.parentNode.parentNode.parentNode.parentNode.parentNode;
1213                        let childParent = obj.parentNode.parentNode.parentNode.parentNode;
1214                        objParent.removeChild(childParent);
1215                       
1216                        
1217                        jQuery(".girafflyCartNumber").html(data.item_count);
1218                        jQuery(".giraffly_Cart_Price_Number").html(girafflyReturnAmount(data.total_price/100));
1219
1220                    }else{
1221                        
1222                        let proItem = data.items;
1223                        let realQuantity = 0;
1224                        for(let ik = 0,lk=proItem.length; ik < lk; ik++) {
1225                            if(proItem[ik].id == VId){
1226                                realQuantity = proItem[ik].quantity;
1227                                break;
1228                            }
1229                        }
1230
1231                        if(realQuantity != needUpdateCount){
1232                            let needAddNumber = needUpdateCount - realQuantity;
1233                            
1234                            needAddProduct(VId,countNumberObj,needAddNumber,needUpdateCount);
1235
1236                        }else{
1237                            if(data.item_count != 0){
1238                                
1239                                countNumberObj.innerHTML = needUpdateCount;
1240                                jQuery(".girafflyCartNumber").html(data.item_count);
1241                                jQuery(".giraffly_Cart_Price_Number").html(girafflyReturnAmount(data.total_price/100));
1242                            }else{
1243                                
1244                                jQuery(".giraffly_EmptyCart").show();
1245                                jQuery(".girafflyCartNumber").html(0);
1246                                jQuery(".giraffly_Subtotal_Show").hide();
1247                            }
1248                        }
1249                    }
1250
1251                }else{
1252                    alert("Opps... something wrong.");
1253                }
1254            }
1255        });
1256    }
1257
1258}
1259
1260
1261function needAddProduct(vid,obj,needAddCount,needUpdateCount){
1262
1263    
1264    jQuery.ajax({
1265        url: '/cart/add.js',
1266        type: 'post',
1267        data: JSON.stringify({
1268            quantity: needAddCount,
1269            id: vid,
1270        }),
1271        headers: {
1272            'Content-type': 'application/json'
1273        },
1274        dataType: 'json',
1275        success: function (json) {
1276            if(json.id){
1277                
1278                obj.innerHTML = needUpdateCount;
1279                
1280                getUserShoppingCart();
1281
1282            }else{
1283                alert("Opps... something wrong.");
1284            }
1285        }
1286    });
1287}
1288
1289
1290function girafflyRemove(productObj){
1291    let dataId = productObj.getAttribute("data-id");
1292    let dataNumber = productObj.getAttribute("data-number");
1293
1294
1295    jQuery.ajax({
1296        url : '/cart/change.js',
1297        type: 'post',
1298        data: JSON.stringify({
1299            quantity: 0,
1300            id: dataId
1301        }),
1302        headers: {
1303            'Content-type': 'application/json'
1304        },
1305        dataType: 'json',
1306        success: function (data) {
1307            if(data.token != ''){
1308                
1309                let objParent = productObj.parentNode.parentNode;
1310                let childParent = productObj.parentNode;
1311                objParent.removeChild(childParent);
1312
1313                if(data.item_count != 0){
1314                    jQuery(".girafflyCartNumber").html(data.item_count);
1315                    jQuery(".giraffly_Cart_Price_Number").html(girafflyReturnAmount(data.total_price/100));
1316                }else{
1317                    
1318                    jQuery(".giraffly_EmptyCart").show();
1319                    jQuery(".girafflyCartNumber").html(0);
1320                    jQuery(".giraffly_Subtotal_Show").hide();
1321                }
1322            }
1323        }
1324    });
1325}
1326
1327
1328function updateGirafflyShoppingCart (){
1329    
1330    fetch("/cart.js",{method: 'GET'})
1331    .then(res => res.json())
1332    .then(shoppingCartJson => 
1333    {
1334        sessionStorage.setItem('lastCartCount',shoppingCartJson.item_count);
1335        
1336        let productListHtml = '';
1337        let subtotalHtml = '';
1338        if(shoppingCartJson != '') {
1339            let productItems = shoppingCartJson.items;
1340            let itemHtml = '';
1341
1342            for(let i = 0,len=productItems.length; i < len; i++) {
1343                
1344                let product_title = productItems[i].product_title;
1345                product_title = (product_title.length < 70)?product_title: product_title.substring(0,70) + '...';
1346                let variant_title = (productItems[i].variant_title == null)?'':productItems[i].variant_title;
1347                var giraffly_del_Content ="";
1348
1349                if(productItems[i].total_discount==0){
1350                    giraffly_del_Content = '<div class="giraffly_ShowProduct_Price" style="display: flex;">\n' +
1351                    '<span style="align-self:center;">'+ girafflyReturnAmount(productItems[i].price/100) + '&nbsp;</span>\n';
1352                }else{
1353                    giraffly_del_Content ='<div><s>'+ girafflyReturnAmount(productItems[i].price/100)+'</s></div>\n'+
1354                        '<div class="giraffly_ShowProduct_Price" style="display: flex;">\n' +
1355                        '<span>'+ girafflyReturnAmount(productItems[i].discounted_price/100) + '</span>\n';
1356                }
1357
1358                itemHtml = '<div class="giraffly_Off-Canvas__ShowProduct">\n' +
1359                    '        <div class="giraffly_ShowProduct_Image">\n' +
1360                    '          <a href="'+ productItems[i].url +'">' +
1361                    '           <img src="'+ productItems[i].image +'" alt="prodcut img" />\n' +
1362                    '          </a>' +
1363                    '        </div>\n' +
1364                    '        <div class="giraffly_ShowProduct_Content">\n' +
1365                    '         <div class="giraffly_ShowProduct_Title">\n' +
1366                    product_title +
1367                    '         </div>\n' +
1368                    '         <div class="giraffly_ShowProduct_Style">\n' +
1369                    variant_title +
1370                    '         </div>\n' +
1371                    giraffly_del_Content+
1372                    '            <div class="giraffly_Product_Count_Control">\n' +
1373                    '               <div class="giraffly_decrease_sign" onclick="girafflyProductCountChange(this,false)" data-vid="'+ productItems[i].variant_id +'">-</div>\n' +
1374                    '               <div class="giraffly_Product_Count"> '+ productItems[i].quantity +'</div>\n' +
1375                    '               <div class="giraffly_add_sign" onclick="girafflyProductCountChange(this,true)" data-vid="'+ productItems[i].variant_id +'">+</div>\n' +
1376                    '            </div>\n' +
1377                    '          </div>\n' +
1378                    '        </div>\n' +
1379                    '        <div class="giraffly_ShowProduct_Delete" onclick="girafflyRemove(this)" data-id="'+ productItems[i].variant_id +'" data-number="'+ productItems[i].quantity +'">\n' +
1380                    '         <svg viewbox="0 0 20 20" class="giraffly_Closed__Svg" focusable="false" aria-hidden="true">\n' +
1381                    '          <path d="M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path>\n' +
1382                    '         </svg>\n' +
1383                    '        </div>\n' +
1384                    '       </div>';
1385                productListHtml += itemHtml;
1386            }
1387
1388            
1389            if(productListHtml != ''){
1390                                subtotalHtml = '<div class="giraffly_Subtotal_Show">\n' +
1391                        '      <div class="giraffly_Subtotal_Title">\n' +
1392                        '       Subtotal' +
1393                        '      </div>\n' +
1394                        '      <div class="giraffly_Subtotal_Price">\n' +
1395                        '       <span class="giraffly_Cart_Price_Number">' + girafflyReturnAmount(shoppingCartJson.total_price/100) + '</span>' +
1396                        '      </div>\n' +
1397                        '   </div>';
1398
1399                jQuery(".giraffly_Subtotal_Box").html(subtotalHtml);
1400                
1401                
1402                jQuery(".giraffly_EmptyCart").hide();
1403            }else{
1404                
1405                jQuery(".giraffly_EmptyCart").show();
1406            }
1407
1408            
1409            jQuery(".giraffly_Product_List").html(productListHtml);
1410            
1411            jQuery(".girafflyCartNumber").html(shoppingCartJson.item_count);
1412
1413			updateCartQuantity(shoppingCartJson.item_count);
1414            
1415            
1416            let isArr = document.getElementsByClassName("giraffly_hoverButton");
1417            if(productListHtml != '' && isArr.length == 0){
1418                girafflyCartBarButton(shoppingCartJson,false);
1419            }
1420        }
1421
1422    }).catch(function(err) {
1423        console.log("error: giraffly - updateShoppingCart");
1424    });
1425}
1426
1427
1428function updateCartIconQuantity() {
1429    // 监听店铺按钮点击更新sticky 购物车 
1430    jQuery(`button[type='submit'][class*='add']`).on('click', function() {
1431        if(jQuery('.giraffly_hoverButton').length === 0) {
1432            fetch("/cart.js",{method: 'GET'})
1433                .then(res => res.json())
1434                .then(json => {
1435                    girafflyCartBarButton(json);
1436            }).catch(function(err) {
1437              console.log("error: giraffly - getUserShoppingCart");
1438            });
1439        } else {
1440            // let currents = jQuery('.girafflyCartNumber').eq(0).text();
1441            // let endNum = 0;
1442            // if(Number(currents) !== window.girafflyCartNumber) {
1443            //     endNum = window.girafflyCartNumber || 0;
1444            // } else {
1445            //     endNum = currents;
1446            // }
1447            // let num = Number(endNum) + 1;
1448            // jQuery('.girafflyCartNumber').text(num);
1449        }
1450    })
1451    // 加减
1452    setInterval(() => {
1453        let girafflyCartNumber = jQuery('.girafflyCartNumber');
1454        if(jQuery(`header[class*='active']`).length > 0 && girafflyCartNumber.length > 0) {
1455            let num = Number(girafflyCartNumber.text());
1456            jQuery(`header[class*='active']`).find(`button[id*='minus'][class*='minus']`).on('click', function(){
1457                jQuery('.girafflyCartNumber').text(num === 0 ? 0 : num - 1);         
1458            })
1459            jQuery(`header[class*='active']`).find(`button[id*='plus'][class*='plus']`).on('click', function(){
1460                jQuery('.girafflyCartNumber').text(num + 1);         
1461            })
1462            jQuery(`header[class*='active']`).find(`button[id*='remove'][class*='remove']`).on('click', function(){
1463                jQuery('.girafflyCartNumber').text(0);         
1464            })
1465        }
1466    }, 500)
1467}
1468
1469
1470function girafflyAddEventListener(element,type,fn) {
1471    
1472    if(element.addEventListener){
1473        element.addEventListener(type,fn,false);
1474    }else if(element.attachEvent){
1475        element.attachEvent("on"+type,fn);
1476    }else{
1477        element["on"+type]=fn;
1478    }
1479}
1480
1481
1482function onFetch(callback) {
1483    let logFetch = window.fetch;
1484    window.fetch = function (input, init) {
1485        return new Promise((resolve, reject)=> {
1486            // console.log(input,'listen input fetch...')
1487            // console.log(init,'listen init fetch...')
1488            logFetch(input, init)
1489            .then(function(response) {
1490                callback(input);
1491                resolve(response);
1492            }, reject)
1493        })
1494    }
1495}
1496
1497
1498function girafflyCartBartInit(){
1499    // 如果是ajax事件监听 
1500    jQuery(document).ajaxSuccess(function (event, xhr, settings) {
1501        if(settings.url.indexOf('/cart.js') !== -1) {
1502            let oldcount = sessionStorage.getItem('cartCount'); // cartjs数量
1503            let newcount = sessionStorage.getItem('lastCartCount'); // 当前数量
1504            // 第二次以上请求
1505            if(newcount && newcount !== '') {
1506                // 如果不相等就请求
1507                if(newcount !== oldcount) {
1508                    updateGirafflyShoppingCart();
1509                    sessionStorage.setItem('cartCount', newcount);
1510                }
1511            } else {
1512                // 第一次要监听带时间戳的cart请求
1513                updateGirafflyShoppingCart();
1514            }
1515        } else {
1516            updateGirafflyShoppingCart();
1517        }
1518    });
1519    // fetch事件监听
1520    onFetch(fetchPath=> {
1521        var fetchPathString = fetchPath+""
1522        if(fetchPathString.indexOf('/add') != -1) {
1523            updateGirafflyShoppingCart()
1524        }
1525    })
1526}
1527
1528    if ("undefined" == typeof jQuery || 1 === parseInt(jQuery.fn.jquery) && parseFloat(jQuery.fn.jquery.replace(/^1\./, "")) < 10) {
1529        var cartBarJQ = document.createElement("script");
1530        cartBarJQ.src = ("https:" == document.location.protocol ? "https://" : "http://") + "ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js";
1531        cartBarJQ.onload =  function () {
1532            
1533            fetch("/cart.js",{method: 'GET'})
1534                .then(res => res.json())
1535                .then(json => {
1536                                            girafflyCartBarButton(json);
1537                                        //初次加载
1538                                            girafflyInitDom(json);
1539                    
1540                }).catch(function(err) {
1541                  console.log("error: giraffly - getShoppingCart");
1542            });
1543
1544            
1545                girafflyCartBartInit();
1546
1547            
1548            jQuery(document).ajaxSuccess(function (event, xhr, settings) {
1549                if (settings.url == "cart/add.js") {
1550                    updateGirafflyShoppingCart();
1551                }
1552            });
1553            
1554        };
1555        document.getElementsByTagName("head")[0].appendChild(cartBarJQ);
1556
1557    }else{
1558        
1559        fetch("/cart.js",{method: 'GET'})
1560            .then(res => res.json())
1561            .then(json => {
1562                                    girafflyCartBarButton(json);
1563                                //初次加载
1564                                    girafflyInitDom(json);
1565                
1566
1567            }).catch(function(err) {
1568            console.log("error: giraffly - getUserShoppingCart");
1569        });
1570        
1571            
1572                girafflyCartBartInit();
1573
1574            
1575            jQuery(document).ajaxSuccess(function (event, xhr, settings) {
1576                if (settings.url == "cart/add.js") {
1577                    updateGirafflyShoppingCart();
1578                }
1579            });
1580    }
1581    
1582
1583
1584
1585
1586
1587function girafflymoneyformat(){
1588    var format = {before_format:"",after_format:""};
1589    // var spanMoneyStr = jQuery("span.money:eq(0)").text();
1590    var spanMoneyStr = "";
1591    var spanMoneyArr = jQuery("span.money");
1592    spanMoneyArr.each(function(){
1593        if(jQuery(this).text() != undefined) {
1594            if(spanMoneyStr.length < jQuery(this).text().length  && jQuery(this).text().indexOf('Your Cart Subtotal')==-1) {
1595                spanMoneyStr = jQuery(this).text()
1596            }
1597        }
1598    })
1599
1600    if(spanMoneyStr === '') {
1601        spanMoneyStr = jQuery("span.currency-converter-amount-box:eq(0)").text();
1602    }
1603    if(spanMoneyStr === '') {
1604        spanMoneyStr = jQuery("span.Magic-Currency:eq(0)").text();
1605    }
1606    if(spanMoneyStr === '') {
1607        spanMoneyStr =  jQuery("span.product__price:eq(0)").text();
1608    }
1609    if(spanMoneyStr === '') {
1610        spanMoneyStr =  jQuery("span.price-item:eq(0)").text();
1611    }
1612
1613    if(spanMoneyStr!=null){
1614        var first_positon = 999;
1615        var end_position = 999;
1616        for(var i=0;i<spanMoneyStr.length;i++){
1617            if(parseInt(spanMoneyStr[i])||parseInt(spanMoneyStr[i])==0){
1618                if(first_positon==999){
1619                    first_positon=i;
1620                }
1621            }
1622        }
1623        for(var j=spanMoneyStr.length-1;j>-1;j--){
1624            if(parseInt(spanMoneyStr[j])||parseInt(spanMoneyStr[j])==0){
1625                if(end_position==999){
1626                    end_position=j;
1627                }
1628            }
1629        }
1630        format.before_format= spanMoneyStr.slice(0,first_positon).replace('-', '');
1631        format.after_format = spanMoneyStr.slice(end_position+1);
1632    }
1633    return format;
1634}
1635
1636
1637function girafflyGetPrice(){
1638    var returnPrice = {price:"",compared_price:""};
1639    // return returnPrice;
1640    var arr =[];
1641    var change_format = girafflymoneyformat();
1642
1643    before_format=change_format.before_format;
1644    after_format=change_format.after_format;
1645
1646    jQuery('span.money').each(function(k) {
1647        if(!isNaN(jQuery(this).html().substring(jQuery(this).html().indexOf(before_format)+before_format.length,jQuery(this).html().indexOf(after_format)))){
1648            arr[k]=jQuery(this).html().substring(jQuery(this).html().indexOf(before_format)+before_format.length,jQuery(this).html().indexOf(after_format));
1649        }else{
1650            arr[k]=0;
1651        }
1652    })
1653    var noZeoArr=[];
1654    for(j=0;j<arr.length;j++){
1655        if(+arr[j]!=0){
1656            noZeoArr.push(arr[j]);
1657        }
1658    }
1659    var AS = noZeoArr.sort((a, b) => a - b);
1660
1661    if(AS.length>0){
1662        returnPrice.price=before_format+AS[0]+after_format;
1663        returnPrice.compared_price=before_format+AS[AS.length-1]+after_format;
1664    }
1665    return returnPrice;
1666}
1667
1668
1669function girafflyChangeCurrency(amount,from,to,comparePrice=false){
1670
1671    // console.log('---------girafflyChangeCurrency-----------start------------')
1672    if(from=="" || to ==""){
1673        return amount;
1674    }
1675    if(from == to){
1676        return amount;
1677    }
1678
1679    if(window.Currency!=undefined && giraffly_default_js!=1){
1680        // console.log('---------------------------1---------------------------')
1681        if(window.Currency.convert!=undefined){
1682            return window.Currency.convert(amount,from,to);
1683        }else{
1684            return amount;
1685        }
1686    }else if(window.DoublyGlobalCurrency!=undefined){
1687        // console.log('---------------------------2--------------------------')
1688        if(window.DoublyGlobalCurrency.convert!=undefined){
1689            // 价格转化有差别国家列表
1690            // const shortname = ['ARS','XPF','COP','CRC','HUF','IDR','PYG','RUB','UYU','VND'];
1691            // let formatAfterPrice = window.DoublyGlobalCurrency.convert(amount,from,to);
1692            // console.log(formatAfterPrice)
1693            // if(shortname.includes(to)) {
1694            //     return formatAfterPrice/1000;
1695            // } else {
1696            //     return formatAfterPrice;
1697            // }
1698
1699            return window.DoublyGlobalCurrency.convert(amount,from,to);
1700        }else{
1701            return amount;
1702        }
1703    }else if(window.KTCurrency!=undefined){
1704        // console.log('---------------------------3---------------------------')
1705        if(window.KTCurrency.convert!=undefined){
1706            return window.KTCurrency.convert(amount,from,to);
1707        }else{
1708            return amount;
1709        }
1710    }else if(window.Shoppad!=undefined) {
1711        if(Shoppad.apps!=undefined) {
1712            if(Shoppad.apps.coin!=undefined) {
1713                // console.log('---------------------------4---------------------------')
1714                rate = Shoppad.apps.coin.getLocalCurrencyUSDExchangeRate()
1715                // 无小数点的特殊货币则不保留小数部分
1716                if(hidden_point_arr.indexOf(to) === 0) {
1717                    return Math.round(amount * rate);
1718                }
1719                return Math.round(amount * rate * 100) / 100;
1720            }
1721        }
1722    }else if(window.localStorage['cbb-currency-converter-currency'] != undefined) {
1723        // console.log('---------------------------5---------------------------')
1724        var toRate = CurrencyConverterAppRate[to];
1725        var fromRate = CurrencyConverterAppRate[from];
1726        // 无小数点的特殊货币则不保留小数部分
1727        if(hidden_point_arr.indexOf(to) === 0) {
1728            return Math.round((amount * toRate) / fromRate);
1729        }
1730        return Math.round(((amount * toRate) / fromRate) * 100) /100;
1731    }else if(window.ACSCurrency != undefined) {
1732        // console.log('---------------------------6---------------------------')
1733        if(window.ACSCurrency.convert != undefined) {
1734            return window.ACSCurrency.convert(amount,from,to);
1735        }else{
1736            return amount;
1737        }
1738    }else if(window.mcc_formatMoney != undefined) {
1739        // console.log('---------------------------7---------------------------')
1740        if(comparePrice) {
1741            tagSelector = $_mcc("span.money").eq(1)
1742        }else{
1743            tagSelector = $_mcc("span.money").eq(0)
1744        }
1745        amount = Conversion(tagSelector,to)
1746        return amount;
1747    }else if(window.currencyhq != undefined) {
1748        // console.log('---------------------------8---------------------------')
1749        // tagSelector = currencyhq.monies;
1750        // if(comparePrice) {
1751        //     amount = tagSelector[1]['dataset'].originalUnformatted
1752        // }else{
1753        //     amount = tagSelector[0]['dataset'].originalUnformatted
1754        // }
1755        if(comparePrice) {
1756            tagMonies = currencyhq.monies[1]
1757        }else{
1758            tagMonies = currencyhq.monies[0]
1759        }
1760        if(tagMonies != undefined) {
1761            var allowArr = [1,2,3,4,5,6,7,8,9,0,'1','2','3','4','5','6','7','8','9','0']
1762            var toAmount =""
1763            var returnAmount
1764
1765            
1766            for(var i=0; i<tagMonies.textContent.length; i++){
1767                if(allowArr.indexOf(tagMonies.textContent[i]) != -1) {
1768                    toAmount += tagMonies.textContent[i]
1769                }else if(tagMonies.textContent[i] == '.' || tagMonies.textContent[i] == ',') {
1770                    if(allowArr.indexOf(tagMonies.textContent[i+1]) != -1 && allowArr.indexOf(tagMonies.textContent[i-1]) != -1) {
1771                        toAmount += tagMonies.textContent[i]
1772                    }
1773                }
1774
1775            }
1776
1777            
1778            var firstSign;
1779            for(var i=toAmount.length-1; i>=0; i--) {
1780                if(allowArr.indexOf(toAmount[i]) == -1) {
1781                    firstSign = toAmount[i];
1782                    break;
1783                }
1784            }
1785            if(firstSign == '.') {
1786                returnAmount = toAmount.replace(',','')
1787            }else if(firstSign == ','){
1788                returnAmount = toAmount.replace('.','')
1789                returnAmount = returnAmount.replace(',','.')
1790            }else{
1791                returnAmount = toAmount
1792            }
1793        }
1794        return returnAmount;
1795    }else if(window.PriceConvert != undefined) {
1796        return window.PriceConvert(amount,to);
1797    }else if(window.SalesRocket != undefined){
1798        if(window.SalesRocket.CurrencyManager != undefined) {
1799            if(window.SalesRocket.CurrencyManager.allCurrencies != undefined) {
1800                var allCurrencies = SalesRocket.CurrencyManager.allCurrencies;
1801                var MoneyRate = [];
1802                for(var i in allCurrencies) {
1803                    MoneyRate[i] = allCurrencies[i]['r'];
1804                };
1805                var toRate = MoneyRate[to];
1806                var fromRate = MoneyRate[from];
1807                // 无小数点的特殊货币则不保留小数部分
1808                if(hidden_point_arr.indexOf(to) === 0) {
1809                    return Math.round((amount * toRate) / fromRate);
1810                }
1811                return Math.round(((amount * toRate) / fromRate) * 100) /100;
1812            }
1813        }
1814        return amount;
1815    }
1816    // console.log('---------------------------9---------------------------')
1817    if(window.Currency!=undefined){
1818        if(window.Currency.convert!=undefined){
1819            return window.Currency.convert(amount,from,to);
1820        }else{
1821            return amount;
1822        }
1823    }else{
1824        return amount;
1825    }
1826    
1827}
1828
1829
1830function girafflyHiddenPoint(price){
1831    if(hidden_point){
1832        return parseInt(price).toLocaleString('en-US');
1833    }else{
1834        return formatCurrency(parseFloat(price).toFixed(2));
1835    }
1836}
1837
1838/**
1839 *  函数名  : girafflyCurrencyAttributesObject
1840 *  作用    : 获取变量中的货币数据 
1841 *  参数    : windowFirst  ---> window 对象中的第一个属性
1842 *  参数    : windowSecond ---> window 对象中的第二个属性
1843 *  参数    : symbol       ---> 获取到的数据是否只有符号,有符号则要去除符号
1844 *  参数    : json         ---> 获取到的数据是否为json格式
1845 *  参数    : json_index   ---> 如果是json,则需要填入json索引
1846 *  参数    : html         ---> 是否html类型
1847 *  参数    : cookie       ---> 是否在cookie获取数据
1848 */
1849function girafflyCurrencyAttributesObject(windowFirst,windowSecond,symbol=false,json=false,json_index='',html=false,cookie=false) {
1850    var currencyStr1 = '';
1851    var currencyStr2 = '';
1852    if(cookie == true) {
1853        if(window[windowFirst]!=undefined){
1854                if(window[windowFirst][windowSecond]!=undefined){
1855                    var cookieArr = window[windowFirst][windowSecond].split(';')
1856                    cookieArr.map((item)=>{
1857                        if(item.split('=')[0].indexOf(json_index) != -1) {
1858                            currencyStr1 = item.split('=')[1]
1859                        }
1860                    })
1861                    return currencyStr1;
1862                }
1863            }
1864    }else{
1865        if(symbol == true) {
1866            if(window[windowFirst]!=undefined){
1867                if(window[windowFirst][windowSecond]!=undefined){
1868                    if(json == true) {
1869                        currencyStr1 = JSON.parse(window[windowFirst][windowSecond]);
1870                        currencyStr2 = currencyStr1[json_index];
1871                        return currencyStr2;
1872                    }else if(html == true) {
1873                        return jQuery(window[windowFirst][windowSecond]).text().trim();
1874                    }
1875                    else{
1876                        return JSON.parse(window[windowFirst][windowSecond]);
1877                    }
1878                }
1879            }
1880        }else{
1881            if(window[windowFirst]!=undefined){
1882                if(window[windowFirst][windowSecond]!=undefined){
1883                    currencyStr1 = window[windowFirst][windowSecond];
1884                    if(json == true) {
1885                        currencyStr1 = JSON.parse(currencyStr1);
1886                        currencyStr2 = currencyStr1[json_index];
1887                        return currencyStr2;
1888                    }else{
1889                        currencyStr2 = ""
1890                        for(var i=0; i<currencyStr1.length; i++) {
1891                            if(currencyStr1[i]>='A'&&currencyStr1[i]<='Z'){
1892                                currencyStr2 += currencyStr1[i];
1893                            }
1894                        }
1895                        return currencyStr2;
1896                    }
1897                }
1898            } 
1899        }
1900    }
1901    
1902    return false;
1903}
1904
1905function girafflyCurrencyAttributesFunction(windowFirst,windowPath,functionName,param='') {
1906    if(window[windowFirst] != undefined) {
1907        windowData = window[windowFirst]
1908        for(var i =0; i<windowPath.length; i++) {
1909            if(windowData[windowPath[i]] != undefined) {
1910                windowData = windowData[windowPath[i]];
1911            }else{
1912                return false;
1913            }
1914        }
1915        if(param==='') {
1916            if(windowData[functionName] != undefined) {
1917                return windowData[functionName]()
1918            }
1919        }else{
1920            if(windowData[functionName] != undefined) {
1921                return windowData[functionName](param)
1922            }
1923        }
1924    }
1925    return false;
1926}
1927
1928
1929function girafflyReturnAmount(price,comparePrice=false){
1930    // console.log('girafflyReturnAmount-------start')
1931    var currency = new Set();
1932    if(girafflyMutilCurrency!=null){
1933        var from = "";
1934        var to = "";
1935        // var notNeed=1;
1936        if(Shopify.currency.active!=undefined){
1937            from=Shopify.currency.active;
1938            currency.add(Shopify.currency.active);
1939            //to=Shopify.currency.active;
1940        }
1941
1942        
1943        girafflyCurrencyAttributesObject('Currency','currentCurrency')?currency.add(girafflyCurrencyAttributesObject('Currency','currentCurrency')):'';
1944        
1945        girafflyCurrencyAttributesObject('DoublyGlobalCurrency','currentCurrency')?currency.add(girafflyCurrencyAttributesObject('DoublyGlobalCurrency','currentCurrency')):'';
1946        
1947        girafflyCurrencyAttributesObject('KTCurrency','currentCurrency')?currency.add(girafflyCurrencyAttributesObject('KTCurrency','currentCurrency')):'';
1948        
1949        girafflyCurrencyAttributesObject('conversionBearAutoCurrencyConverter','currency')?currency.add(girafflyCurrencyAttributesObject('conversionBearAutoCurrencyConverter','currency')):'';
1950                
1951        girafflyCurrencyAttributesObject('sessionStorage','bacurr_user_cur',true)?currency.add(girafflyCurrencyAttributesObject('sessionStorage','bacurr_user_cur',true)):'';
1952        
1953        girafflyCurrencyAttributesObject('sessionStorage','buckscc_customer_currency')?currency.add(girafflyCurrencyAttributesObject('sessionStorage','buckscc_customer_currency')):'';
1954        
1955        girafflyCurrencyAttributesObject('localStorage','cbb-currency-converter-currency',true,true,'value')?currency.add(girafflyCurrencyAttributesObject('localStorage','cbb-currency-converter-currency',true,true,'value')):'';
1956        
1957        girafflyCurrencyAttributesObject('sessionStorage','bacurrGeoCurrency',true,true,'value')?currency.add(girafflyCurrencyAttributesObject('sessionStorage','bacurrGeoCurrency',true,true,'value')):'';
1958        
1959        girafflyCurrencyAttributesObject('currencyhq','selected')?currency.add(girafflyCurrencyAttributesObject('currencyhq','selected')):'';
1960        
1961        girafflyCurrencyAttributesObject('localStorage','eliteCurrency')?currency.add(girafflyCurrencyAttributesObject('localStorage','eliteCurrency')):'';
1962        
1963        girafflyCurrencyAttributesObject('localStorage','currency59db814c-59bb-11eb-ae93-0242ac130002',false,true,false,'',true)?currency.add(girafflyCurrencyAttributesObject('localStorage','currency59db814c-59bb-11eb-ae93-0242ac130002',false,true,false,'',true)):'';
1964        
1965        girafflyCurrencyAttributesObject('localStorage','ws-'+window.Shopify.shop+'-currencyConverter-currency')?currency.add(girafflyCurrencyAttributesObject('localStorage','ws-'+window.Shopify.shop+'-currencyConverter-currency')):'';
1966        
1967        girafflyCurrencyAttributesObject('localStorage','autoketing-currency-location-customer-v1')?currency.add(girafflyCurrencyAttributesObject('localStorage','autoketing-currency-location-customer-v1')):'';        
1968        
1969        
1970
1971        
1972        // 存在问题 -> APP加载慢,导致进行后无法使用他们的函数获取Cookie,但是如果直接读取cookie的话,可能存在Cookie信息保留
1973        // 用别人的函数读取cookie,好处是可以防止信息保留导致的信息冲突
1974        girafflyCurrencyAttributesObject('document','cookie',false,false,'mc-currency',false,true)?currency.add(girafflyCurrencyAttributesObject('document','cookie',false,false,'mc-currency',false,true)):'';
1975        
1976        girafflyCurrencyAttributesObject('document','cookie',false,false,'autoketing-currency',false,true)?currency.add(girafflyCurrencyAttributesObject('document','cookie',false,false,'autoketing-currency',false,true)):'';
1977        // girafflyCurrencyAttributesFunction('window',[],'readCookie','mc-currency')?currency.add(girafflyCurrencyAttributesFunction('window',[''],'readCookie','mc-currency')):'';
1978        
1979        // girafflyCurrencyAttributesObject('document','cookie',true,true,true,'mw_cs')?currency.add(girafflyCurrencyAttributesObject('document','cookie',true,true,true,'mw_cs')):'';
1980        girafflyCurrencyAttributesFunction('mwSwitcher',['utils'],'getLocalCurrency','mw_cs')?currency.add(girafflyCurrencyAttributesFunction('mwSwitcher',['utils'],'getLocalCurrency','mw_cs')):'';
1981        
1982        girafflyCurrencyAttributesFunction('Shoppad',['apps','coin'],'getLocalCurrency')?currency.add(girafflyCurrencyAttributesFunction('Shoppad',['apps','coin'],'getLocalCurrency')):'';
1983        
1984        girafflyCurrencyAttributesFunction('window',[],'mcc_read_cookie','mcc_manual_currency')?currency.add(girafflyCurrencyAttributesFunction('window',[],'mcc_read_cookie','mcc_manual_currency')):'';
1985        
1986        if(currency.size >= 2) {
1987            currency.delete(window.Shopify.currency.active);
1988        }
1989        // 删除后应该只剩一个元素,如果还有多个的话,说明可能存在多个货币APP或者可能其他货币APP数据未完全清除,若是需要处理这个问题,可以从这想办法
1990        if(currency.size >= 2) {
1991            localStorage.clear();
1992            sessionStorage.clear();
1993        }
1994        // console.log(currency)
1995        // 默认取最后一个
1996        to = currency.values().next()['value']
1997        
1998        //转换价格
1999        price = girafflyChangeCurrency(price,from,to,comparePrice);
2000        // console.log(price,'price')
2001        // console.log('---------girafflyChangeCurrency-----------end------------')
2002        //货币符号
2003        var before_format ="";
2004        var after_format ="";
2005        var change_format = girafflymoneyformat();
2006
2007        before_format=change_format.before_format;
2008        after_format=change_format.after_format;
2009        if(before_format === '$' && after_format === '') {
2010            after_format = 'USD'
2011        }
2012        // if(notNeed){
2013        //     return '<span class="giraffly_product_currency_before">&nbsp;₹</span>' + girafflyHiddenPoint(price) + '<span class="giraffly_product_currency">&nbsp;'+after_format+'</span>';
2014        // }
2015
2016        return  '<span class="giraffly_product_currency_before">'+before_format +'</span>'+ girafflyHiddenPoint(price) + '<span class="giraffly_product_currency">&nbsp;' +after_format +'</span>';
2017    }else{
2018        var activeCurrency = 'USD';
2019        if(Shopify.currency.active!=undefined){
2020            activeCurrency=Shopify.currency.active;
2021        }
2022        return '<span class="giraffly_product_currency_before">₹</span>' + girafflyHiddenPoint(price) + '<span class="giraffly_product_currency">&nbsp;' +activeCurrency +'</span>';
2023    }
2024}
2025
2026function formatCurrency(num){
2027    if(num)
2028    {
2029        num = num.toString().replace(/\$|\,/g,'');
2030
2031        if(''==num || isNaN(num)){return;}
2032
2033        var sign = num.indexOf("-")> 0 ? '-' : '';
2034
2035        var cents = num.indexOf(".")> 0 ? num.substr(num.indexOf(".")) : '';
2036        cents = cents.length>1 ? cents : '' ;
2037
2038        num = num.indexOf(".")>0 ? num.substring(0,(num.indexOf("."))) : num ;
2039
2040        if('' == cents){ if(num.length>
20401 && '0' == num.substr(0,1)){return;}}
2041    
2042        else{if(num.length>1 && '0' == num.substr(0,1)){return ;}}
2043
2044        for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
2045        {
2046            num = num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3));
2047        }
2048
2049        return (sign + num + cents);    
2050    }
2051
2052}
2053
2054function girafflyInitDom(json){
2055    className = ['money','currency-converter-amount-box','mw-price','Magic-Currency','product__price','price-item'];
2056    for(var i=0; i<className.length; i++) {
2057        if(jQuery('span.'+className[i]).length!=0) {
2058            girafflyMutilCurrency = 1;
2059            //监听切换多语言
2060            // jQuery('span.'+className[i]).bind('DOMNodeInserted',function(){
2061            //     girafflyInitSetTimeOut(json);
2062            // })
2063            let elements = document.querySelectorAll('span.' + className[i]);
2064            // 定义回调函数
2065            let mutationCallback = function (mutationsList) {
2066                girafflyInitSetTimeOut(json);
2067            };
2068            // 创建一个MutationObserver实例
2069            let observer = new MutationObserver(mutationCallback);
2070            let observerConfig = { childList: true, subtree: true };
2071            elements.forEach(function (element) {
2072                observer.observe(element, observerConfig);
2073            });
2074        }
2075    }
2076}
2077
2078function girafflyInitSetTimeOut(json){
2079    setTimeout(() => {
2080                if(window.Currency!=undefined && giraffly_default_js!=1){
2081                if(window.Currency.currentCurrency!=undefined){
2082                    if(hidden_point_arr.indexOf(window.Currency.currentCurrency)!=-1){
2083                        hidden_point=1;
2084                    }else{
2085                        hidden_point=0;
2086                    }
2087                }
2088                
2089                }else if(window.DoublyGlobalCurrency!=undefined){
2090                    if(window.DoublyGlobalCurrency.currentCurrency!=undefined){
2091                        if(hidden_point_arr.indexOf(window.DoublyGlobalCurrency.currentCurrency)!=-1){
2092                            hidden_point=1;
2093                        }else{
2094                            hidden_point=0;
2095                        }
2096                    }
2097                }else if(window.KTCurrency!=undefined){
2098                    if(window.KTCurrency.currentCurrency!=undefined){
2099                        if(hidden_point_arr.indexOf(window.KTCurrency.currentCurrency)!=-1){
2100                            hidden_point=1;
2101                        }else{
2102                            hidden_point=0;
2103                        }
2104                    }
2105                }
2106
2107                            
2108                
2109            }, 500);
2110}
2111
2112
2113
2114
2115function Conversion(tagSelector,to){
2116    if (tagSelector.attr("data-currency-original") === undefined) {
2117        tagSelector.attr("data-currency-original", tagSelector.html());
2118        tagSelector.attr("data-currency-shop-base", mcc_shop_base_currency)
2119    } else if (mcc_ignore_original === true) {
2120        tagSelector.attr("data-currency-original", tagSelector.html());
2121        tagSelector.attr("data-currency-shop-base", mcc_shop_base_currency);
2122        mcc_ignore_original = false;
2123        mcc_manual_change = false
2124    }
2125    if (mcc_display_type === "with_currency_code") {
2126        c = mcc_money_format_with_currency_code[mcc_shop_base_currency]
2127    } else {
2128        c = mcc_money_format[mcc_shop_base_currency]
2129    }
2130    if (c.indexOf('amount_no_decimals') != -1) {
2131        d = parseInt(tagSelector.attr('data-currency-original').replace(/[^0-9]/g, ""), 10) * 100
2132    } else {
2133        if (mcc_shop_base_currency === "JOD" || mcc_shop_base_currency == "KWD" || mcc_shop_base_currency == "BHD" || mcc_shop_base_currency === "OMR") {
2134            d = parseInt(tagSelector.attr('data-currency-original').replace(/[^0-9]/g, ""), 10) / 10
2135        } else {
2136            var g = /^[0-9][0-9]{0,2}(?:(\.|,)?[0-9]{3}){0,3}(?:(\.|,)[0-9]{0})?$/;
2137            var h = /^[0-9][0-9]{0,2}(?:(\.|,)?[0-9]{3}){0,3}(?:(\.|,)[0-9]{1})?$/;
2138            var i = /^[0-9][0-9]{0,2}(?:(\.|,)?[0-9]{3}){0,3}(?:(\.|,)[0-9]{2})?$/;
2139            var j = tagSelector.attr('data-currency-original').replace(/[^0-9.,]/g, "").trim();
2140            if (j[0] === "." || j[0] === ",") {
2141                j = j.slice(1)
2142            } else if (j.slice( - 1) === "." || j.slice( - 1) === ",") {
2143                j = j.slice(0, -1)
2144            }
2145            if (g.test(j)) {
2146                d = parseInt(j.replace(/[^0-9]/g, ""), 10) * 100
2147            } else if (h.test(j)) {
2148                d = parseInt(j.replace(/[^0-9]/g, ""), 10) * 10
2149            } else if (i.test(j)) {
2150                d = parseInt(j.replace(/[^0-9]/g, ""), 10)
2151            } else {
2152                d = parseInt(j.replace(/[^0-9]/g, ""), 10)
2153            }
2154        }
2155    }
2156    var k = mcc_manual_exchange_list[to] ? mcc_manual_exchange_list[to] : mcc_exchanged_rates[to];
2157    var l = mcc_manual_exchange_list[mcc_shop_base_currency] ? mcc_manual_exchange_list[mcc_shop_base_currency] : mcc_exchanged_rates[mcc_shop_base_currency];
2158    e = d * k / l;
2159    if ((to === "JOD" || to == "KWD" || to == "BHD" || to === "OMR") && (mcc_rounded_whole_type === "without_00")) {
2160        var m = to + "_nz"
2161    } else {
2162        var m = to
2163    }
2164    var money;
2165    if (mcc_display_type === "with_currency_code") {
2166        var e1 = /\{\{\s*(\w+)\s*\}\}/;
2167        switch (mcc_money_format_with_currency_code[m].match(e1)[1]) {
2168        case "amount":
2169            money = mcc_floatToString(e / 100, 2, d);
2170            break;
2171        case "amount_no_decimals":
2172            money = mcc_floatToString(e / 100, 0, d);
2173            break;
2174        case "amount_with_comma_separator":
2175            money = mcc_floatToString(e / 100, 2, d).replace(/\./, ",");
2176            break;
2177        case "amount_no_decimals_with_comma_separator":
2178            money = mcc_floatToString(e / 100, 0, d).replace(/\./, ",");
2179            break
2180        }
2181    } else {
2182        var e1 = /\{\{\s*(\w+)\s*\}\}/;
2183        switch (mcc_money_format[m].match(e1)[1]) {
2184        case "amount":
2185            money = mcc_floatToString(e / 100, 2, d);
2186            break;
2187        case "amount_no_decimals":
2188            money = mcc_floatToString(e / 100, 0, d);
2189            break;
2190        case "amount_with_comma_separator":
2191            money = mcc_floatToString(e / 100, 2, d).replace(/\./, ",");
2192            break;
2193        case "amount_no_decimals_with_comma_separator":
2194            money = mcc_floatToString(e / 100, 0, d).replace(/\./, ",");
2195            break
2196        }
2197    }
2198    return parseFloat(money);
2199}
2200
2201function getCurrencyConverter() {
2202    var xhr = new XMLHttpRequest();
2203    xhr.open('GET', 'https://www.codeblackbelt.com/json/preferences/currency-converter-plus.json?countryCode=US&shop=www.smithandblake.com&activeCurrencyCode=USD&path=%2Fproducts%2Fsoldier', true);
2204    xhr.send();
2205    /**
2206    * 获取数据后的处理程序
2207    */
2208    var Rate;
2209    xhr.onreadystatechange = function () {
2210        if (xhr.readyState == 4 && xhr.status == 200) {
2211            var res = JSON.parse(xhr.responseText);//获取到json字符串,解析
2212            if(res.preferences){
2213                Rate = res.preferences[0].currencies
2214                for(var i=0; i<Rate.length; i++) {
2215                    CurrencyConverterAppRate[Rate[i].code] = Rate[i].ratio;
2216                }
2217            }
2218        }
2219    };
2220}
2221
2222
2223function updateCartQuantity(quantity=0) {
2224    
2225    const current_theme = window.Shopify.theme.name?window.Shopify.theme.name:""
2226    switch(current_theme) {
2227        
2228        case 'Debut':
2229            jQuery('span[data-cart-count]').text(quantity)
2230            break;
2231            
2232        case 'Sense':
2233        case 'Craft':
2234        case 'Crave':
2235        case 'Studio':
2236        case 'Taste':
2237        case 'Dawn':
2238        case 'Be Yours':
2239            jQuery(".cart-count-bubble").find("span").text(quantity)
2240            break;
2241        
2242        case 'Drop':
2243        case 'Icon':
2244        case 'Testament':
2245        case 'Fashionopolism':
2246        case 'Lorenza':
2247        case 'Context':
2248        case 'Mr Parker':
2249        case 'Foodie':
2250            jQuery('.js-cart-count').text(quantity)
2251            break;    
2252            
2253        case 'Bullet':
2254            jQuery('#counter').attr('data-count',quantity)
2255            jQuery('#counter').find('span').text(quantity)
2256            
2257            break;
2258           
2259        case 'Kalles-2.0.0':
2260            jQuery(".jsccount").text(quantity)
2261            break; 
2262           
2263        case 'Prestige':
2264        case 'lastobject-SO/main':
2265            jQuery(".Header__CartCount").text(quantity)
2266            break;
2267          
2268        case 'Warehouse':
2269        case 'Focal':
2270        case 'Spark':
2271        case 'Ira':
2272            jQuery(".header__cart-count").text(quantity)
2273            break;   
2274        
2275        case 'Symmetry': 
2276            jQuery(".cart-link__count").text(quantity)
2277            break;
2278        
2279        case 'Expanse': 
2280            jQuery(".cart-link__bubble-num").text(quantity)
2281            break;
2282        
2283        case 'Pipeline': 
2284        case 'Kingdom':
2285        case 'Editions':
2286            jQuery("span[data-header-cart-count]").text("("+quantity+")")
2287            jQuery("span[data-header-cart-count]").attr("data-header-cart-count", quantity)
2288            break;
2289        
2290        case 'Capital':
2291        case 'Retina':
2292            jQuery("span[data-header-cart-count]").text(quantity)
2293            jQuery("span[data-header-cart-count]").attr("data-header-cart-count", quantity)
2294            break;
2295        
2296        case 'Empire':
2297            jQuery(".site-header-cart--count").attr("data-header-cart-count", quantity)
2298            break
2299        
2300        case 'Flow':
2301        case 'Envy':
2302            jQuery(".cart-item-count-header--quantity").text(quantity)
2303            break
2304        
2305        case 'Venue':
2306        case 'Label': 
2307        case 'Cascade':
2308            jQuery("#CartCount").text(quantity)
2309            break
2310        
2311        case 'Showcase':
2312            jQuery("#site-control > div > div.nav-right-side.has-country-selector > a.cart.cart-icon--basket1 > div").text(quantity)
2313            break
2314        
2315        case 'Canopy':
2316            jQuery(".inner-count").text(quantity)
2317            break
2318        
2319        case 'Boost':
2320            jQuery(".header-cart__count").text(quantity)
2321            break
2322        
2323        case 'Blockshop':
2324        case 'Fresh':
2325        case 'Maker':
2326            jQuery(".cart--external--total-items").text(quantity)
2327            break
2328        
2329        case 'Avenue':
2330            jQuery(".cartCountSelector").text(quantity)
2331            break
2332        
2333        case 'District':
2334            jQuery(".cart-button__count").text(quantity)
2335            break
2336        
2337        case 'Highlight':
2338            jQuery(".menu-meta__count").text(quantity)
2339            break
2340        
2341        case 'Colors':
2342        case 'Grid':
2343        case 'Editorial':
2344        case 'Avatar':
2345            jQuery(".cart-count").text(quantity)
2346            break
2347        
2348        case 'Parallax':
2349            jQuery("div.five-sixths.columns.nav.mobile_hidden > ul.header__secondary-navigation.menu.right > li.cart > a:nth-child(1) > span").text(quantity)
2350            break
2351        
2352        case 'Atlantic':
2353            jQuery("span[data-cart-mini-count]").text(quantity)
2354            break
2355        
2356        case 'Galleria':
2357            jQuery(".cart-counter").text(quantity)
2358            break
2359        
2360        case 'Responsive':
2361            jQuery(".cart_count").text(quantity)
2362            break
2363        
2364        case 'Startup':
2365            jQuery(".site-header__cart-count").text(quantity)
2366            break
2367        
2368        case 'Providence':
2369            jQuery(".item-count").text(quantity)
2370            break
2371        
2372        case 'Sunrise':
2373            jQuery("div.header-right.hide-mobile > div > div > a > em").text(quantity)
2374            break
2375        
2376        case 'Masonry':
2377            jQuery(".numitems").text("("+quantity+")")
2378            break
2379        
2380        case 'Loft':
2381            jQuery(".cart-item-count").text(quantity)
2382            break
2383        default:
2384            break
2385             
2386    }
2387
2388    // 
2389    // jQuery(".cart-count-bubble").find("span").text(quantity)
2390    // 
2391    // jQuery('.js-cart-count').text(quantity)
2392    // 
2393    // jQuery('#counter').attr('data-count',quantity)
2394    // jQuery('#counter').find('span').text(quantity)
2395    // 
2396    // jQuery(".jsccount").text(quantity)
2397    // 
2398    // jQuery(".Header__CartCount").text(quantity)
2399    // 
2400    // jQuery(".header__cart-count").text(quantity)
2401    // 
2402    // jQuery(".cart-link__count").text(quantity)
2403    // 
2404    // jQuery(".cart-link__bubble-num").text(quantity)
2405    // 
2406    // if(Shopify.theme.name == "Capital" || Shopify.theme.name == "Retina") {
2407    //     jQuery("span[data-header-cart-count]").text(quantity)
2408    // }else{
2409    //     jQuery("span[data-header-cart-count]").text("("+quantity+")")
2410    // }
2411    // jQuery("span[data-header-cart-count]").attr("data-header-cart-count", quantity)
2412    // 
2413    // jQuery(".site-header-cart--count").attr("data-header-cart-count", quantity)
2414    // 
2415    // jQuery(".cart-item-count-header--quantity").text(quantity)
2416    // 
2417    // jQuery("#CartCount").text(quantity)
2418    // 
2419    // jQuery("#site-control > div > div.nav-right-side.has-country-selector > a.cart.cart-icon--basket1 > div").text(quantity)
2420    // 
2421    // jQuery(".inner-count").text(quantity)
2422    // 
2423    // jQuery(".header-cart__count").text(quantity)
2424    // 
2425    // jQuery(".cart--external--total-items").text(quantity)
2426    // 
2427    // jQuery(".cartCountSelector").text(quantity)
2428    // 
2429    // jQuery(".cart-button__count").text(quantity)
2430    // 
2431    // jQuery(".menu-meta__count").text(quantity)
2432    // 
2433    // jQuery(".cart-count").text(quantity)
2434    // 
2435    // jQuery("div.five-sixths.columns.nav.mobile_hidden > ul.header__secondary-navigation.menu.right > li.cart > a:nth-child(1) > span").text(quantity)
2436    // 
2437    // jQuery("span[data-cart-mini-count]").text(quantity)
2438    // 
2439    // jQuery(".cart-counter").text(quantity)
2440    // 
2441    // jQuery(".cart_count").text(quantity)
2442    // 
2443    // jQuery(".site-header__cart-count").text(quantity)
2444    // 
2445    // jQuery(".item-count").text(quantity)
2446    // 
2447    // jQuery("div.header-right.hide-mobile > div > div > a > em").text(quantity)
2448    // 
2449    // jQuery(".numitems").text("("+quantity+")")
2450    // 
2451    // jQuery(".cart-item-count").text(quantity)
2452    // 
2453    // jQuery("div.header-right.hide-mobile > div > div > a > em").text(quantity)
2454
2455    
2456    // jQuery("input[name*='updates']").attr("value",quantity)
2457}
2458
2459
2460</script>
2460
2461
2462
2463<script>
2464  
2465</script>
2465
2466
2467
2468<style>
2469  @-webkit-keyframes girafflybounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes  girafflybounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.girafflybounce{-webkit-animation-name:girafflybounce;animation-name:girafflybounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes  flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes  pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes  rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes girafflyshake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes  girafflyshake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.girafflyshake{-webkit-animation-name:girafflyshake;animation-name:girafflyshake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes  headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes girafflyswing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
246960%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes  girafflyswing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.girafflyswing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:girafflyswing;animation-name:girafflyswing}@-webkit-keyframes girafflytada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes  girafflytada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.girafflytada{-webkit-animation-name:girafflytada;animation-name:girafflytada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes  jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes  heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes girafflybounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;
2469-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes  girafflybounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.girafflybounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:girafflybounceIn;animation-name:girafflybounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes  bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes  bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes  bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes  bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes  bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}
2469to{opacity:1}}@keyframes  fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes  fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes  fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes  fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes  fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes  fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes  fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes  fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes  fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes  fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes  flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.giraffly-animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
246940%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes  flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
246940%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes  flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
2469}@keyframes  flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes  flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
2469}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
2469}@keyframes  lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes  rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
2469to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes  rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes  rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
2469to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes  rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes  rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
2469}@keyframes  rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes  rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
2469}@keyframes  rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes  rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
2469}@keyframes  rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes  hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes  jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes  rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes  zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;
2469-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes  zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes  zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes  zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes  zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
2469@-webkit-keyframes scZoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes  scZoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.scZoomOut{-webkit-animation-name:scZoomOut;animation-name:scZoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes  zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes  zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes  zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes  zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes  slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes  slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes  slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes  slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes  slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.giraffly-animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.giraffly-animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.giraffly-animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.giraffly-animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.giraffly-animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.giraffly-animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.giraffly-animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.giraffly-animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.giraffly-animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.giraffly-animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.giraffly-animated.slower{-webkit-animation-duration:3s;animation-duration:3s}
2469@media (prefers-reduced-motion:reduce),(print){.giraffly-animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}
2470
2471
2472
2473
2474
2475
2476
2477
2478
2479
2480
2481
2482
2483
2484
2485
2486
2487
2488
2489
2490@keyframes  loading{
2491  0%{
2492      -webkit-transform: rotate(0deg);
2493      -moz-transform: rotate(0deg);
2494      -o-transform: rotate(0deg);
2495      transform: rotate(0deg);
2496  }
2497  
2498  100%{
2499      -webkit-transform: rotate(360deg);
2500      -moz-transform: rotate(360deg);
2501      -o-transform: rotate(360deg);
2502      transform: rotate(360deg)
2503  }
2504}
2505.addToCartLoading{
2506  background: url('data:image/svg+xml;utf8,%3Csvg%20className%3D%22icon%22%20style%3D%22width%3A%201.5em%3B%20height%3A%201.5em%3Bvertical-align%3A%20middle%3Bfill%3A%20%23ffffff%3Boverflow%3A%20hidden%3B%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%223187%22%3E%3Cpath%20d%3D%22M249.836%20210.77c5.558-3.827%2010.73-7.527%2015.812-10.695%204.967-3.314%209.807-6.121%2014.208-8.785%202.18-1.362%204.374-2.515%206.425-3.673l5.873-3.281c0.945-0.551%201.789-0.953%202.625-1.377l2.425-1.226%204.381-2.233%201.954-1.004%202.219-1.093%203.918-1.924%207.184-3.527c2.883-1.44%205.996-3.272%208.694-5.22%2026.969-19.458%2033.057-57.094%2013.599-84.063-19.458-26.968-57.094-33.057-84.063-13.599l-6.49%204.682-3.54%202.554-2.071%201.499-2.62%201.947-5.824%204.351a7267.87%207267.87%200%200%200-3.193%202.399c-1.091%200.824-2.25%201.676-3.282%202.533a33346.62%2033346.62%200%200%201-6.735%205.441c-2.343%201.915-4.833%203.859-7.308%206.046-4.991%204.313-10.423%208.905-15.952%2014.121-5.645%205.071-11.353%2010.792-17.394%2016.739-5.886%206.125-12.079%2012.515-18.185%2019.505-12.303%2013.875-24.827%2029.53-36.839%2046.835a494.61%20494.61%200%200%200-33.896%2056.497%20491.342%20491.342%200%200%200-27.329%2064.159c-1.02%202.77-1.888%205.605-2.789%208.428l-2.688%208.477c-1.692%205.691-3.266%2011.429-4.857%2017.152l-2.135%208.669c-0.683%202.896-1.479%205.756-2.051%208.682l-1.84%208.729-0.914%204.358-0.785%204.387a479.254%20479.254%200%200%200-7.583%2069.967c-0.302%205.759-0.239%2011.514-0.279%2017.214l-0.017%204.267c-0.001%201.42%200.069%202.841%200.101%204.257l0.25%208.464%200.127%204.204%200.264%204.188%200.531%208.317%200.278%204.451%200.399%203.933%200.792%207.821c0.14%201.313%200.244%202.561%200.412%203.918l0.527%204.098%201.056%208.115c0.185%201.337%200.33%202.695%200.549%204.002l0.648%203.91%201.289%207.744c1.825%2010.246%203.911%2020.188%206.263%2029.766a463.195%20463.195%200%200%200%2016.342%2052.81l2.255%205.904%201.108%202.899%201.186%202.836%204.611%2010.976c3.247%207.033%206.19%2013.723%209.353%2019.831%206.048%2012.328%2012.043%2022.661%2017.007%2031.096%205.121%208.359%209.212%2014.84%2012.197%2019.141l4.472%206.638-3.293-7.292c-2.209-4.713-5.148-11.776-8.748-20.761-3.443-9.059-7.545-20.055-11.346-32.919-2.041-6.376-3.771-13.301-5.726-20.516l-2.612-11.204-0.667-2.878-0.583-2.935-1.183-5.957c-3.105-16.055-5.568-33.549-6.889-52.052-0.668-9.251-1.027-18.753-1.1-28.437l0.03-7.3%200.014-3.67c0.002-1.227%200.084-2.416%200.122-3.629l0.284-7.263%200.139-3.644c0.053-1.229%200.166-2.577%200.247-3.863a35704.717%2035704.717%200%200%201%200.798-11.787l0.017-0.247c0.013%200.588%200.018%200.028%200.027%200.098l0.05-0.472%200.101-0.945%200.2-1.891%200.8-7.581%200.4-3.801%200.535-3.801%201.069-7.62c0.187-1.271%200.335-2.545%200.555-3.815l0.67-3.811c0.909-5.082%201.708-10.185%202.859-15.253a424.734%20424.734%200%200%201%2017.057-60.03l1.316-3.663%201.437-3.623%202.859-7.225c0.907-2.417%202.03-4.761%203.033-7.135l3.079-7.082c2.208-4.653%204.37-9.295%206.624-13.867l3.508-6.783c1.167-2.252%202.294-4.513%203.565-6.702a414.503%20414.503%200%200%201%2031.89-49.502%20407.116%20407.116%200%200%201%2035.476-41.25%20406.598%20406.598%200%200%201%2035.793-32.288c5.751-4.687%2011.515-8.857%2016.918-12.861zM1023.966%20510.486l-0.001-0.005-0.875-7.954-1.051-9.554-0.687-6.125-1.153-8.152c-0.828-5.729-1.741-12.089-2.813-18.907l-4.259-20.887c-0.691-3.726-1.738-7.517-2.729-11.425l-3.102-12.024c-0.558-2.048-1.019-4.142-1.677-6.221l-1.958-6.314-4.07-13.021-1.049-3.333-1.211-3.324c-0.814-2.223-1.638-4.467-2.469-6.732-1.673-4.522-3.34-9.131-5.115-13.781l-5.938-13.981-3.046-7.123c-1.037-2.384-2.247-4.72-3.375-7.102l-6.997-14.388c-0.569-1.22-1.222-2.408-1.877-3.598l-1.958-3.583-3.95-7.211-3.995-7.265c-1.354-2.422-2.881-4.773-4.324-7.175l-8.875-14.427c-12.567-18.998-26.533-37.793-42.018-55.643-15.662-17.71-32.638-34.534-50.581-50.045a527.617%20527.617%200%200%200-56.726-41.602c-19.622-12.201-39.702-22.647-59.484-31.64l-14.925-6.188c-2.47-0.995-4.881-2.072-7.356-2.979l-7.402-2.651-7.306-2.609-3.615-1.289c-1.198-0.434-2.394-0.863-3.618-1.21l-14.37-4.353c-2.366-0.691-4.68-1.466-7.035-2.069l-7.02-1.754-13.669-3.402c-4.524-0.941-8.985-1.788-13.341-2.655l-6.47-1.271-3.184-0.621-3.186-0.465-12.373-1.797-5.96-0.862c-1.957-0.298-3.928-0.403-5.85-0.61l-11.239-1.057c-3.638-0.329-7.151-0.735-10.598-0.81l-19.18-0.823-16.258%200.11-6.935%200.057c-2.177%200.091-4.219%200.237-6.115%200.34l-9.619%200.566-7.982%200.472%207.959%200.875%209.529%201.05c1.872%200.215%203.884%200.411%206.023%200.683l6.797%201.101%2015.801%202.578%2018.393%203.951c3.283%200.628%206.614%201.603%2010.051%202.514l10.571%202.838c1.801%200.509%203.644%200.92%205.469%201.526l5.542%201.793%2011.432%203.697%202.927%200.946%202.914%201.104%205.902%202.242c3.965%201.517%208.007%203.017%2012.084%204.613l12.243%205.366%206.241%202.733c2.088%200.929%204.128%202.029%206.212%203.044l12.59%206.277c1.068%200.506%202.106%201.094%203.145%201.685l3.131%201.761%206.302%203.542%206.353%203.568c2.118%201.209%204.165%202.586%206.263%203.878l12.601%207.922c16.565%2011.247%2032.949%2023.681%2048.48%2037.44a473.639%20473.639%200%200%201%2043.435%2044.87%20467.917%20467.917%200%200%201%2035.892%2050.115c10.476%2017.304%2
2506019.389%2034.971%2027.062%2052.322%201.761%204.404%203.506%208.772%205.234%2013.098%200.843%202.166%201.771%204.273%202.532%206.444l2.224%206.49%202.201%206.396%201.093%203.162c0.368%201.047%200.734%202.092%201.019%203.166l3.633%2012.572c0.578%202.068%201.242%204.086%201.738%206.146l1.441%206.137%202.829%2011.931%202.152%2011.645%201.045%205.64%200.514%202.772%200.362%202.779%201.423%2010.784%200.697%205.188c0.245%201.704%200.3%203.423%200.458%205.098l0.794%209.786c0.249%203.167%200.584%206.22%200.595%209.223l0.516%2016.686-0.346%2013.152-0.109%205.579-0.343%206.014-0.567%209.595-0.472%207.988c-0.169%203.219-0.107%206.829%200.256%2010.138%203.638%2033.056%2033.383%2056.904%2066.438%2053.267%2033.056-3.637%2056.905-33.382%2053.268-66.438zM885.176%20762.451l-4.868%205.897c-1.711%202.052-3.44%204.238-5.4%206.399-3.858%204.365-7.946%209.128-12.608%2013.957-4.517%204.944-9.632%209.919-14.922%2015.205-5.467%205.131-11.147%2010.547-17.374%2015.864-12.349%2010.726-26.262%2021.624-41.613%2032.046a434.435%20434.435%200%200%201-50.026%2029.303%20431.157%20431.157%200%200%201-56.59%2023.39c-2.436%200.874-4.935%201.6-7.419%202.361l-7.455%202.279c-5.006%201.425-10.053%202.742-15.078%204.091-2.536%200.593-5.075%201.187-7.617%201.78-2.545%200.566-5.051%201.25-7.622%201.714l-7.663%201.523-3.822%200.763-3.851%200.64a419.278%20419.278%200%200%201-61.304%205.938c-5.039%200.219-10.081%200.088-15.068%200.072l-3.733-0.022c-1.238-0.012-2.392-0.1-3.587-0.145l-7.067-0.313-3.505-0.146-3.997-0.27-7.961-0.537-1.981-0.133-0.989-0.067-0.494-0.033c0.221-0.008-0.844-0.005%200.433-0.022l-0.226-0.025-3.593-0.396-7.127-0.78a406.62%20406.62%200%200%201-53.494-10.013%20402.48%20402.48%200%200%201-45.808-14.792l-5.111-2.022-2.511-0.99-2.452-1.066-9.494-4.124c-6.074-2.917-11.861-5.522-17.131-8.352-10.648-5.379-19.552-10.718-26.826-15.11l-1.338-0.807a1085.391%201085.391%200%200%200-3.457-2.276l-4.116-2.687c-0.638-0.414-1.252-0.813-1.842-1.194l-2.021-1.354-3.621-2.439-6.637-4.472c-2.685-1.782-5.825-3.567-8.857-4.938-30.307-13.689-65.973-0.218-79.662%2030.089-13.689%2030.308-0.218%2065.974%2030.089%2079.663l7.293%203.294%203.979%201.797%202.369%201.063%202.994%201.302c2.073%200.896%204.3%201.857%206.676%202.885l3.672%201.574%201.917%200.819%201.9%200.745c10.22%204.014%2022.646%208.772%2037.189%2013.242%207.215%202.375%2015.042%204.443%2023.216%206.727l12.687%203.1%203.261%200.787%203.325%200.701%206.75%201.415c18.195%203.715%2038.044%206.719%2059.054%208.439a494.284%20494.284%200%200%200%2065.863%200.997l8.535-0.519%204.285-0.266%200.268-0.017c1.44-0.02%200.541-0.02%200.927-0.03l0.492-0.051%200.986-0.1%201.977-0.201%207.938-0.807%203.991-0.406%204.502-0.554%209.015-1.133c1.492-0.2%203.034-0.365%204.486-0.598l4.344-0.709c5.795-0.965%2011.61-1.832%2017.399-3.066a485.178%20485.178%200%200%200%2068.692-18.701l4.2-1.463%204.157-1.588%208.292-3.176c2.771-1.016%205.468-2.251%208.194-3.37l8.134-3.434c5.351-2.451%2010.685-4.869%2015.941-7.39l7.805-3.918c2.591-1.307%205.188-2.576%207.712-3.991a474.344%20474.344%200%200%200%2057.071-35.83%20467.174%20467.174%200%200%200%2047.72-40.068%20466.596%20466.596%200%200%200%2037.51-40.586c5.455-6.542%2010.335-13.082%2014.998-19.24%204.483-6.313%208.789-12.218%2012.512-18%203.868-5.667%207.179-11.177%2010.297-16.204%201.589-2.492%202.957-4.989%204.318-7.332%201.349-2.348%202.635-4.586%203.854-6.711%204.686-8.611%208.271-15.384%2010.509-20.116l3.527-7.185-4.682%206.489c-2.985%204.266-7.65%2010.33-13.635%2017.935z%22%20p-id%3D%223188%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A') left top no-repeat;
2507  background-size: 24px auto;
2508  width: 24px;
2509  height:24px;
2510  animation: loading 1s linear infinite;
2511  margin-right: 5px;
2512  color:#ff8a00;
2513  display:none; 
2514}
2515
2516
2517
2518
2519.giraffly_PCPreview_confirmationBlock{
2520  display: flex;
2521  -webkit-box-align: center;
2522  align-items: center;
2523  font-size: 18px;
2524  line-height: 18px;
2525  cursor: pointer;
2526  text-align: center;
2527  -webkit-box-pack: center;
2528  justify-content: center;
2529  min-width: 192px;
2530  white-space: nowrap;
2531  text-overflow: ellipsis;
2532  user-select: none;
2533  width:100%;
2534  min-height: 116px;
2535  max-width: none;
2536  margin: auto;
2537  padding: 17.6px 24px;
2538  border-width: initial;
2539  border-style: none;
2540  border-color: initial;
2541  border-image: initial;
2542  overflow: hidden;
2543  border-radius: initial;
2544}
2545.giraffly_PCPreview_singleButton{
2546    display: flex;
2547    -webkit-box-align: center;
2548    align-items: center;
2549    font-size: 18px;
2550    line-height: 18px;
2551    cursor: pointer;
2552    text-align: center;
2553    -webkit-box-pack: center;
2554    justify-content: center;
2555    min-width: 192px;
2556    white-space: nowrap;
2557    text-overflow: ellipsis;
2558    user-select: none;
2559    width: calc(100% - 30px);
2560    min-height: 88px;
2561    max-width: none;
2562    margin: auto;
2563    padding: 17.6px 24px;
2564    border-width: initial;
2565    border-style: none;
2566    border-color: initial;
2567    border-image: initial;
2568    overflow: hidden;
2569    border-radius: initial;
2570}
2571
2572
2573
2574@media (min-width: 768px) {
2575  .giraffly_PCPreview_BOX{
2576    position: fixed;
2577    z-index:999999999;
2578    left:0;
2579    margin: 0 auto;
2580    width: 100%;
2581}
2582  .giraffly_PCPreview{
2583    /* position: fixed;
2584    z-index:99999999999;
2585    left:0;
2586    margin: 0 auto;
2587    width: 100%; */
2588    display: flex;
2589    visibility: visible;
2590    -webkit-box-align: center;
2591    align-items: center;
2592    -webkit-box-pack: justify;
2593    justify-content: space-between;
2594    box-sizing: border-box;
2595    flex-flow: row nowrap;
2596    padding: 11px 13px;
2597    line-height: 0px;
2598  }
2599}
2600
2601@media (max-width: 767px) {
2602  .giraffly_PCPreview_BOX{
2603    display:none !important;
2604  }
2605  .giraffly_PCPreview{
2606    display:none !important;
2607  }
2608}
2609
2610.giraffly_PC_Preview_Left_Block{
2611  -webkit-box-align: center;
2612    align-items: center;
2613    -webkit-box-pack: justify;
2614    justify-content: space-between;
2615    display: flex;
2616    flex-direction: row;
2617    flex-wrap: nowrap;
2618    width: auto;
2619    flex: 1 1 auto;
2620    overflow: hidden;
2621}
2622
2623.giraffly_PC_Preview_ImageAndPrice_Block{
2624  display: flex;
2625    -webkit-box-align: center;
2626    align-items: center;
2627    margin-right: 16px; 
2628    margin-bottom: 0px;
2629    width: auto;
2630    flex: 1 1 auto;
2631    overflow: hidden;
2632}
2633
2634.giraffly_PCPreviewimg{
2635  width: 50px;
2636  height: 50px;
2637  margin-right: 16px;
2638  background-size: cover;
2639  min-width: 50px;
2640  border-radius: 4px;
2641  outline: #fff solid 1px;
2642  margin: 1px 16px 1px 1px;
2643  overflow: hidden;
2644  background-position: center center;
2645  /*border-width: 1.6px;
2646  border-style: solid;
2647  border-color: #fff;
2648  border-image: initial;*/
2649}
2650
2651
2652.giraffly_PCPreviewPriceBlock{
2653  display: flex;
2654  flex-direction: column;
2655  width: calc(100% - 89.6px);
2656}
2657
2658
2659.giraffly_PCPreviewtitle{
2660  display: flex;
2661  white-space: nowrap;
2662  text-overflow: ellipsis;
2663  overflow: hidden;
2664}
2665
2666.giraffly_PCPreviewPriceAndComparePrice{
2667  display: flex;
2668  flex-direction: row;
2669}
2670
2671
2672.giraffly_PCPreviewCompareAtPrice{
2673  opacity: 0.7;
2674  margin-right: 16px;
2675  text-decoration: line-through;
2676  display: flex;
2677  flex-direction: row;
2678}
2679
2680.giraffly_PC_Preview_Variants_Block{
2681  margin-bottom: 0;
2682  display: flex;
2683  flex-direction: row;
2684  margin-right: 6.4px;
2685  margin-left: 0px;
2686  width: auto;
2687}
2688
2689.giraffly_PC_Preview_Variants{
2690  color: #263644;
2691  padding-left: 8px;
2692  padding-right: 8px;
2693  position: relative;
2694  display: flex;
2695  -webkit-box-align: center;
2696  align-items: center;
2697  max-width: 240px;
2698  min-width: 144px;
2699  flex: 1 1 auto;
2700}
2701.giraffly_PC_Preview_Variants_Select_Block{
2702  color: #263644;
2703  position: relative;
2704  display: flex;
2705  -webkit-box-align: center;
2706  align-items: center;
2707  flex: 1 1 auto;
2708  
2709}
2710
2711.giraffly_PC_Preview_Variants_Select{
2712  color: #263644;
2713  /* font-family: Overpass, sans-serif; */
2714  height: 40px;
2715  -webkit-appearance: none;
2716  width: 100%;
2717  text-overflow: ellipsis;
2718  background:#fff !important;
2719  border-radius: 4px;
2720  border-width: initial;
2721  border-style: none;
2722  border-color: initial;
2723  border-image: initial;
2724  padding: 0px 42.4px 0px 19.2px;
2725  margin:0;
2726}
2727
2728
2729.giraffly_PC_Preview_Variants_Select_Lable{
2730  position: absolute;
2731  right: 16px;
2732  top: 9.6px;
2733  pointer-events: none;
2734}
2735
2736.giraffly_PCPreviewbutton{
2737  display: flex;
2738  height: 40px;
2739  -webkit-box-align: center;
2740  align-items: center;
2741  font-size: 19.2px;
2742  #line-height: 25.6px;
2743  cursor: pointer;
2744  text-align: center;
2745  -webkit-box-pack: center;
2746  justify-content: center;
2747  max-width: 240px;
2748  min-width: 160px;
2749  width: auto;
2750  white-space: nowrap;
2751  text-overflow: ellipsis;
2752  user-select: none;
2753  margin: auto;
2754  /* background: linear-gradient(90deg, rgb(173, 113, 197) 0%, rgb(182, 0, 255) 100%); */
2755  border-radius: 4px;
2756  border-width: initial;
2757  border-style: none;
2758  border-color: initial;
2759  border-image: initial;
2760  overflow: hidden;
2761  padding : 0 16px;
2762}
2763
2764.giraffly_PC_Preview_Quantity{
2765  color: #263644;
2766  display: flex;
2767  flex-direction: row;
2768  margin-right: 16px;
2769  height: 40px;
2770  -webkit-box-align: center;
2771  align-items: center;
2772  background:#fff;
2773  border-radius: 4px;
2774}
2775
2776.giraffly_PC_Preview_Quantity_Cut{
2777  min-width: 42.4px;
2778  text-align: center;
2779  cursor: pointer;
2780  color: #263644;
2781  user-select: none;
2782}
2783
2784.giraffly_PC_Preview_Quantity_Space{
2785  filter: saturate(10%);
2786  height: 40px;
2787  width: 1px;
2788  background:#ccc;
2789}
2790
2791.giraffly_PC_Preview_Quantity_Add{
2792  min-width: 42.4px;
2793  text-align: center;
2794  cursor: pointer;
2795  color: #263644;
2796  user-select: none;
2797}
2798
2799
2800
2801
2802
2803
2804
2805
2806
2807
2808
2809
2810
2811
2812
2813
2814.giraffly_PC_Preview_Variants_Select{
2815  font-size:medium
2816}
2817.giraffly_phoneButtonPreviewContent{
2818  margin: auto;
2819}
2820.PC_confirmation,
2821.PCPreview_confirmationBlock {
2822  left: 0;
2823}
2824.PCPreview_confirmationBlock,
2825.pc_over_stock{
2826  display: flex;
2827  -webkit-box-align: center;
2828  align-items: center;
2829  font-size: 28.8px;
2830  line-height: 25.6px;
2831  cursor: pointer;
2832  text-align: center;
2833  -webkit-box-pack: center;
2834  justify-content: center;
2835  min-width: 192px;
2836  white-space: nowrap;
2837  text-overflow: ellipsis;
2838  user-select: none;
2839  width: 100%;
2840  min-height: 72px;
2841  max-width: none;
2842  margin: auto;
2843  padding: 17.6px 24px;
2844  border-width: initial;
2845  border-style: none;
2846  border-color: initial;
2847  border-image: initial;
2848  overflow: hidden;
2849  border-radius: initial;
2850}
2851
2852.PHonePreview_confirmationBlock,
2853.phone_over_stock{
2854  display: flex;
2855  -webkit-box-align: center;
2856  align-items: center;
2857  font-size: 28.8px;
2858  line-height: 25.6px;
2859  cursor: pointer;
2860  text-align: center;
2861  -webkit-box-pack: center;
2862  justify-content: center;
2863  min-width: 192px;
2864  white-space: nowrap;
2865  text-overflow: ellipsis;
2866  user-select: none;
2867  width: 100%;
2868  min-height: 64px;
2869  max-width: none;
2870  margin: auto;
2871  padding: 17.6px 24px;
2872  border-width: initial;
2873  border-style: none;
2874  border-color: initial;
2875  border-image: initial;
2876  overflow: hidden;
2877  border-radius: initial;
2878}
2879
2880
2881.PCPreview_singleButton{
2882    display: flex;
2883    -webkit-box-align: center;
2884    align-items: center;
2885    font-size: 28.8px;
2886    line-height: 25.6px;
2887    cursor: pointer;
2888    text-align: center;
2889    -webkit-box-pack: center;
2890    justify-content: center;
2891    min-width: 192px;
2892    white-space: nowrap;
2893    text-overflow: ellipsis;
2894    user-select: none;
2895    width: calc(100% - 30px);
2896    min-height: 88px;
2897    max-width: none;
2898    margin: auto;
2899    padding: 17.6px 24px;
2900    border-width: initial;
2901    border-style: none;
2902    border-color: initial;
2903    border-image: initial;
2904    overflow: hidden;
2905    border-radius: initial;
2906}
2907
2908@media (min-width: 768px) {
2909  .giraffly_phoneButtonPreview{
2910    display:none !important;
2911  }
2912}
2913
2914@media (max-width: 769px) {
2915  .giraffly_phoneButtonPreview{
2916    z-index:999999999;
2917    position: fixed;
2918    left:0;
2919    margin: 0 auto;
2920    width: 100%;
2921    display: flex;
2922    visibility: visible;
2923    -webkit-box-align: center;
2924    align-items: center;
2925    -webkit-box-pack: justify;
2926    justify-content: space-between;
2927    box-sizing: border-box;
2928    flex-flow: row wrap;
2929    padding: 4px 12.8px 12.8px;
2930  }
2931}
2932
2933.giraffly_phone_Preview_Left_Block{
2934  -webkit-box-align: center;
2935    align-items: center;
2936    -webkit-box-pack: justify;
2937    justify-content: space-between;
2938    display: flex;
2939    flex-direction: row;
2940    flex-wrap: wrap;
2941    width: auto;
2942    flex: 1 1 auto;
2943    overflow: hidden;
2944}
2945
2946.giraffly_phone_Preview_ImageAndPrice_Block{
2947  display: flex;
2948  -webkit-box-align: center;
2949  align-items: center;
2950  margin-right: 0;
2951  margin-bottom: 0;
2952  width: 100%;
2953  max-width: 100%;
2954  flex: 1 1 auto;
2955  overflow: hidden;
2956}
2957
2958
2959.giraffly_phoneButtonPreviewimg{
2960  width: 42.4px;
2961  height: 42.4px;
2962  margin-right: 12.8px;
2963  background-size: cover;
2964  min-width: 42.4px;
2965  border-radius: 4px;
2966  background-position: center center;
2967  outline: #fff solid 1px;
2968  margin-left: 1px;
2969  overflow: hidden;
2970  /*border-width: 1.6px;
2971  border-style: solid;
2972  border-color: #fff;
2973  border-image: initial;*/
2974}
2975
2976.PCPreviewPriceBlock{
2977  display: flex;
2978  flex-direction: column;
2979  <!-- width: calc(100% - 89.6px); -->
2980  width: 100%;
2981}
2982
2983<!-- 单行省略号 -->
2984.PCPreviewtitle{
2985  <!-- display: flex; -->
2986  white-space: nowrap;
2987  text-overflow: ellipsis;
2988  overflow: hidden;
2989}
2990<!-- 两行省略 -->
2991<!-- .PCPreviewtitle{
2992  display: -webkit-box;
2993  text-overflow: ellipsis;
2994  overflow: hidden;
2995  -webkit-line-clamp: 2;
2996  -webkit-box-orient: vertical;
2997  line-height: 15px;
2998  word-break: break-all;
2999} -->
3000
3001.PCPreviewPriceAndComparePrice{
3002  display: flex;
3003  flex-direction: row;
3004}
3005
3006
3007.PCPreviewCompareAtPrice{
3008  opacity: 0.7;
3009  margin-right: 16px;
3010  text-decoration: line-through;
3011  display: flex;
3012  flex-wrap: nowrap;
3013}
3014
3015.giraffly_phone_Preview_Variants_Block{
3016  margin-bottom: 4px;
3017  display: flex;
3018  flex-direction: nowrap;
3019  flex-wrap: wrap;
3020  margin-right: -9.6px;
3021  margin-left: -9.6px;
3022  width: calc(100% + 17.6px);
3023}
3024
3025.giraffly_phone_Preview_Variants{
3026  color: #263644;
3027  padding-left: 8px;
3028  padding-right: 8px;   
3029  position: relative;
3030  display: flex;
3031  -webkit-box-align: center;
3032  align-items: center;
3033  flex: 1 1 auto;
3034  margin-bottom: 0;
3035}
3036.giraffly_phone_Preview_Variants_Select_Block{
3037  color: #263644;
3038  position: relative;
3039  display: flex;
3040  align-items: center;
3041  min-width: 112px;  
3042  flex: 1 1 auto;
3043  padding: 0 0 0 2px;
3044}
3045
3046.giraffly_phone_Preview_Variants_Select{
3047  color: #263644;
3048  height: 40px;
3049  -webkit-appearance: none;
3050  width: 100%;
3051  margin: 4px 0;
3052  text-overflow: ellipsis;
3053  background: #fff !important;
3054  border-radius: 4px;
3055  border-width: initial;
3056  border-style: none;
3057  border-color: initial;
3058  border-image: initial;
3059  padding: 0px 36.8px 0px 19.2px;
3060}
3061
3062
3063.giraffly_phone_Preview_Variants_Select_Lable{
3064  position: absolute;
3065  right: 16px;
3066  top: 11.2px;
3067  pointer-events: none;
3068  top: 50%;
3069  transform: translateY(-50%);
3070}
3071
3072.PCPreviewbutton{
3073  display: flex;
3074  height: 40px;
3075  -webkit-box-align: center;
3076  align-items: center;
3077  color: #fff;
3078  font-size: 19.2px;
3079  cursor: pointer;
3080  text-align: center;
3081  -webkit-box-pack: center;
3082  justify-content: center;
3083  max-width: 100%;
3084  min-width: 144px;
3085  width: 100%;
3086  white-space: nowrap;
3087  text-overflow: ellipsis;
3088  user-select: none;
3089  margin: auto;
3090  border-radius: 4px;
3091  border-width: initial;
3092  border-style: none;
3093  border-color: initial;
3094  border-image: initial;
3095  overflow: hidden;
3096}
3097
3098.giraffly_phone_Preview_Quantity{
3099  color: #263644;
3100  display: flex;
3101  flex-direction: row;
3102  margin-right: 16px;
3103  height: 40px;
3104  -webkit-box-align: center;
3105  align-items: center;
3106  background: #fff;
3107  border-radius: 4px;
3108}
3109
3110.giraffly_phone_Preview_Quantity_Cut{
3111  min-width: 40px;
3112  text-align: center;
3113  cursor: pointer;
3114  color: #263644;
3115  user-select: none;
3116}
3117
3118.giraffly_phone_Preview_Quantity_Space{
3119  filter: saturate(10%);
3120  height: 40px;
3121  width: 1px;
3122  background:#ccc;
3123}
3124
3125.giraffly_phone_Preview_Quantity_Add{
3126  min-width: 40px;
3127  text-align: center;
3128  cursor: pointer;
3129  color:#263644;
3130  user-select: none;
3131}
3132
3133
3134.giraffly_PCRealtimeUrgency{
3135  padding: 0px;
3136  margin: auto;
3137  text-align: center;
3138  width: calc(100% + 30px);
3139}
3140
3141
3142.giraffly_phone_RealtimeUrgency{
3143  padding: 1.6px 24px;
3144  margin: -12.8px -12.8px 8px;
3145  width: calc(100% + 25.6px);
3146  text-align: center;
3147}
3148
3149
3150
3151.giraffly_hoverButton{
3152  position: fixed;
3153  z-index: 2147483647;
3154}
3155
3156.giraffly_hoverButton_Round{
3157  border-radius: 50%;
3158  cursor: pointer;
3159  box-shadow: 1px 2px 5px #808080!important;
3160  line-height: 0px;
3161}
3162
3163.giraffly_total_Quantity_Circle_Round{
3164  position: absolute;
3165  top: -3px;
3166  left: -5px;
3167  text-align: center;
3168}
3169.giraffly_total_Quantity_Round, .giraffly_total_Quantity_Square{
3170  padding: 2px;
3171  height: 20px;
3172  line-height:1;
3173  box-sizing: content-box;
3174  display: flex;
3175  justify-content: center;
3176  align-items: center;
3177  width: auto;
3178  min-width: 20px;
3179  border-radius: 20px;
3180}
3181
3182.giraffly_hoverButton_Square{
3183  cursor: pointer;
3184  box-shadow: -3px 1px 25px 3px #C0C0C0;
3185}
3186
3187.giraffly_total_Quantity_Circle_Square{
3188  position: absolute;
3189  top: -9px;
3190  left: -8px;
3191  text-align: center;
3192}
3193
3194
3195
3196
3197
3198.giraffly_Icon{
3199  display: inline-block;
3200  width: 20px;
3201  height: 20px;
3202  vertical-align: middle;
3203  fill: currentColor;
3204}
3205.giraffly_Off-Canvas{
3206  position: fixed;
3207  display: none;
3208  z-index: 2147483647;
3209  top: 0;
3210  bottom: 0;
3211  max-width: 480px;
3212  background-color: #fff;
3213  color: #1b1e2f;
3214  border: rgb(223, 227, 232) solid 1px;
3215}
3216.giraffly_Off-Canvas-Sheet{
3217  /* position: fixed; */
3218  bottom: 0;
3219  width: 100%;
3220  height: 100%;
3221  box-shadow: 0 31px 41px 0 rgba(32,42,53,.2),0 2px 16px 0 rgba(32,42,54,.08);
3222}
3223
3224.giraffly_Off-Canvas-Sheet__Container{
3225  display: flex;
3226  flex-direction: column;
3227  height: 100%;
3228}
3229
3230.giraffly_Off-Canvas-Header{
3231  align-items: center;
3232  border-bottom: 1px solid rgb(223, 227, 232);
3233  display: flex;
3234  justify-content: space-between;
3235  padding: 18px;;
3236  max-width: 100%;
3237}
3238
3239.giraffly_Off-Canvas-Number__Show{
3240  display: flex;
3241}
3242
3243.giraffly_Cart_Product_Number{
3244  border-radius: 20px;
3245  min-width: 20px;
3246  width: auto;
3247  height: 20px;
3248  line-height: 1.4;
3249  padding: 2px;
3250  background-color: rgb(238, 107, 107);
3251  color: #fff;
3252  font-size: 8px;
3253  margin-left: 3px;
3254  text-align: center;
3255  margin-top: -3px;
3256}
3257
3258.girafflyCartNumber{
3259    font-size: 12px;
3260}
3261
3262.giraffly_Off-Canvas-Title{
3263  font-weight: 600;
3264}
3265
3266.giraffly_Off-Canvas-Closed svg, .giraffly_ShowProduct_Delete svg, .giraffly_Modal_Popups-Closed svg {
3267  fill: #ccc;
3268}
3269
3270.giraffly_Closed__Svg{
3271  position: relative;
3272  display: block;
3273  width: 15px;
3274  height: 15px;
3275  cursor: pointer;
3276}
3277
3278.giraffly_Off-Canvas-Content{
3279  -webkit-overflow-scrolling: touch;
3280  position: relative;
3281  padding: 18px;
3282  height: 100%;
3283  overflow-y: auto;
3284}
3285
3286.giraffly_Off-Canvas__ShowProduct{
3287  display: flex;
3288  text-align: left;
3289  padding-bottom: 20px;
3290}
3291
3292.giraffly_ShowProduct_Image{
3293  margin: auto 0;
3294}
3295
3296.giraffly_ShowProduct_Image img{
3297  width: 80px;
3298  max-width: 80px;
3299}
3300
3301.giraffly_ShowProduct_Content{
3302  padding: 0 12px;
3303}
3304
3305.giraffly_ShowProduct_Title{
3306  font-weight: 600;
3307  font-size: 15px;
3308  padding-right: 25px;
3309}
3310
3311.giraffly_ShowProduct_Style{
3312  padding: 7px 0;
3313  color: #aaa;
3314  font-size: 14px;
3315}
3316
3317.giraffly_ShowProduct_Price{
3318  font-weight: 400;
3319  font-size: 15px;
3320}
3321
3322.giraffly_ShowProduct_Delete{
3323  position: absolute;
3324  right: 25px;
3325}
3326
3327.giraffly_ShowProduct_Delete .giraffly_Closed__Svg{
3328  width: 13px;
3329  height: 13px;
3330}
3331
3332.giraffly_Off-Canvas-EmptyProduct{
3333  margin-top: 30px;
3334  text-align: center;
3335}
3336
3337.giraffly_Off-Canvas-Footer{
3338  align-items: center;
3339  border-top: 1px solid rgb(223, 227, 232);
3340  display: flex;
3341  justify-content: space-between;
3342  padding: 18px;
3343  max-width: 100%;
3344}
3345
3346.giraffly_Off-Canvas_Button{
3347  position: relative;
3348  display: inline-flex;
3349  align-items: center;
3350  justify-content: center;
3351  margin: 0;
3352  padding: 10px 18px;
3353  border: 1px solid #c4cdd5;
3354  box-shadow: 0 1px 0 0 rgba(22,29,37,.05);
3355  line-height: 1;
3356  color: #212b36;
3357  text-align: center;
3358  cursor: pointer;
3359  -webkit-user-select: none;
3360  -ms-user-select: none;
3361  user-select: none;
3362  text-decoration: none;
3363  -webkit-tap-highlight-color: transparent;
3364  width: 50%;
3365}
3366
3367.giraffly_Off-Canvas_Button a{
3368    color: unset !important;
3369    text-decoration: none;
3370}
3371
3372.giraffly_Off-Canvas_Button:first-child {
3373  margin-right: 10px;
3374}
3375.giraffly_Off-Canvas_Button:last-child {
3376  margin-right: 0;
3377}
3378
3379
3380
3381
3382.giraffly_Modal_Popups{
3383  position: fixed;
3384  z-index: 2147483647;
3385  top: 0;
3386  right: 0;
3387  bottom: 0;
3388  left: 0;
3389  display: none;
3390  flex-direction: column;
3391  justify-content: center;
3392}
3393
3394/* .giraffly_Modal_Popups_Dialog{
3395
3396} */
3397
3398.giraffly_Modal_Popups__Container{
3399  position: relative;
3400  margin: 0 auto;
3401  border-radius: 6px;
3402  right: 0;
3403  bottom: 0;
3404  left: 0;
3405  display: flex;
3406  flex-direction: column;
3407  width: 100vw;
3408  max-height: calc(100vh - 60px);
3409  background: #fff;
3410  box-shadow: 0 31px 41px 0 rgba(32,42,53,.2),0 2px 16px 0 rgba(32,42,54,.08);
3411}
3412
3413.giraffly_Modal_Popups-Header{
3414  align-items: center;
3415  border-bottom: 1px solid rgb(223, 227, 232);
3416  display: flex;
3417  justify-content: space-between;
3418  padding: 18px;
3419  max-width: 100%;
3420}
3421
3422.giraffly_Modal_Popups-Number__Show{
3423  display: flex;
3424}
3425
3426.giraffly_Modal_Popups-Title{
3427  font-weight: 600;
3428}
3429
3430.giraffly_Modal_Popups-Closed svg {
3431  fill: #ccc;
3432}
3433
3434.giraffly_Modal_Popups-Body{
3435  position: relative;
3436  /* display: flex; */
3437  flex-grow: 1;
3438  overflow-x: hidden;
3439  -webkit-overflow-scrolling: touch;
3440  padding: 16px;
3441  overflow-y: auto;
3442}
3443
3444.giraffly_Modal_Popups__ShowProduct{
3445  display: flex;
3446  text-align: left;
3447  padding-bottom: 20px;
3448}
3449
3450
3451.giraffly_Modal_Popups-EmptyProduct{
3452  padding: 15px;
3453}
3454
3455.giraffly_Modal_Popups-Footer{
3456  display: flex;
3457  /* align-self: flex-end; */
3458  align-items: center;
3459  max-width: 100%;
3460  padding: 30px 18px 18px;
3461  border-top: 1px solid rgb(223, 227, 232);
3462}
3463.giraffly_Modal_Popups-Footer--fill{
3464  flex: 1 1 auto;
3465}
3466
3467.giraffly_Modal_Popups_ButtonGroup{
3468  display: flex;
3469  flex-wrap: wrap;
3470  align-items: center;
3471  margin-top: -12px;
3472  margin-left: -12px;
3473}
3474.giraffly_Modal_Popups_Button{
3475  position: relative;
3476  display: inline-flex;
3477  align-items: center;
3478  justify-content: center;
3479  margin: 0 8px 0 0;
3480  padding: 10px 18px;;
3481  border: 1px solid #c4cdd5;
3482  box-shadow: 0 1px 0 0 rgba(22,29,37,.05);
3483  line-height: 1;
3484  color: #212b36;
3485  text-align: center;
3486  cursor: pointer;
3487  -webkit-user-select: none;
3488  -ms-user-select: none;
3489  user-select: none;
3490  text-decoration: none;
3491  -webkit-tap-highlight-color: transparent;
3492}
3493
3494.giraffly_Modal_Popups_Button a{
3495    color: unset !important;
3496    text-decoration: none;
3497}
3498
3499.giraffly_Modal_Popups_Button:first-child{
3500  margin-right: 15px;
3501}
3502
3503.giraffly_Modal_Popups_Backdrop{
3504  position: fixed;
3505  z-index: 2147483640;
3506  top: 0;
3507  right: 0;
3508  bottom: 0;
3509  left: 0;
3510  display: none;
3511  background-color: rgba(33,43,54,.1);
3512  opacity: 1;
3513  -webkit-backface-visibility: hidden;
3514  backface-visibility: hidden;
3515  will-change: opacity;
3516}
3517
3518.giraffly_Subtotal_Show{
3519  align-items: center;
3520  border-top: 1px solid rgb(223, 227, 232);
3521  display: flex;
3522  justify-content: space-between;
3523  padding: 18px;
3524  max-width: 100%;
3525}
3526.giraffly_Subtotal_Title{
3527  font-weight: 400;
3528  font-size: 15px;
3529  color: #000;
3530}
3531.giraffly_Subtotal_Price{
3532  font-weight: 400;
3533  font-size: 18px;
3534  color: #000;
3535}
3536
3537
3538
3539.giraffly_Quickbuy{
3540    position: absolute;
3541    z-index: 500;
3542}
3543
3544.giraffly_Quickbuy_Round{
3545    font-size: 15px;
3546    border-radius: 50%;
3547    cursor: pointer;
3548    box-shadow: 1px 2px 5px #808080!important;
3549    width: 35px;
3550    height: 35px;
3551    line-height: 1.5;
3552    opacity: .9;
3553    margin-bottom: 4px;
3554    display: flex;
3555    justify-content: center;
3556    align-items: center;
3557}
3558
3559.giraffly_Quickbuy_Round:hover{
3560    opacity: 1;
3561}
3562
3563.giraffly_Quickbuy_Icon,.giraffly_Quickbuy_Loading{
3564    position: static !important;
3565    display: inline-block !important;
3566    vertical-align: middle;
3567    fill: currentcolor;
3568    width: 20px !important;
3569    height: 20px !important;
3570    margin:auto !important;
3571}
3572
3573.giraffly_Quickbuy_Loading {
3574  animation: rotate 1.5s linear infinite;
3575}
3576
3577@-webkit-keyframes rotate{
3578  to{ -webkit-transform: rotate(0deg); }
3579  from{ -webkit-transform: rotate(360deg); }
3580}
3581
3582@keyframes  rotate {
3583  0% { transform: rotate(0deg); }
3584  100% { transform: rotate(360deg); }
3585}
3586
3587.giraffly_Quickbuy ul{
3588    margin: 0;
3589    padding: 0;
3590    overflow: hidden;
3591    overflow-y: auto !important;
3592    position: absolute;
3593    font-size: 13px;
3594    list-style: none;
3595    text-align: center;
3596    display: none;
3597    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
3598    width: 248px;
3599    max-height: 200px;
3600    opacity: .9;
3601}
3602
3603.giraffly_Quickbuy ul:hover{
3604    opacity: 1;
3605}
3606
3607.giraffly_Quickbuy ul li:hover {
3608    opacity: .9;
3609}
3610
3611.giraffly_Quickbuy ul li {
3612    list-style: none;
3613}
3614
3615.giraffly_Select_Li{
3616    background: #eee;
3617    color: #000;
3618    padding: 5px;
3619    margin: 0;
3620    border-bottom: 1px solid #ddd;
3621    line-height: 1;
3622    cursor: pointer;
3623}
3624
3625.giraffly_Select_Li.sold_out{
3626    text-decoration: line-through;
3627    cursor: default;
3628}
3629
3630
3631/* start: + -  */
3632.giraffly_add_sign, .giraffly_decrease_sign{
3633    font-family: "Work Sans",sans-serif;
3634    font-style: normal;
3635    font-weight: 500;
3636    font-size: 18px;
3637    border-radius: 50%;
3638    border: 1px solid #ccc;
3639    background-color: #fff;
3640    width: 17px;
3641    height: 17px;
3642    line-height: 13px;
3643    align-items: center;
3644    justify-content: center;
3645    text-align: center;
3646    color: #a0a0a0;
3647    cursor: pointer;
3648    align-self: center;
3649}
3650.giraffly_decrease_sign{
3651    line-height: 12px;
3652}
3653
3654.giraffly_Product_Count{
3655    font-size: 15px;
3656    padding: 0 10px 0;
3657    margin-top: -1px;
3658}
3659
3660.giraffly_Product_Count_Control{
3661    display: flex;
3662    margin-left: 15px;
3663    margin-top: 2px;
3664}
3665/* end: + -  */
3666
3667@media (max-width: 767px) {
3668  .giraffly_HideStickyCartOnMobile {
3669    display:none;
3670  }
3671}
3672
3673@media (min-width: 768px) {
3674  .giraffly_HideStickyCartOnPC{
3675    display:none;
3676  }
3677}
3678
3679.product-card:hover .product-card__image-wrapper {
3680  opacity: 1 !important;
3681}
3682
3683.grid-view-item.product-card:hover {
3684  opacity: 0.8 !important;
3685}
3686
3687input::-webkit-outer-spin-button,
3688input::-webkit-inner-spin-button {
3689    -webkit-appearance: none;
3690}
3691
3692input[type="number"] {
3693    -moz-appearance: textfield;
3694}
3695
3696.giraffy_pc_warning {
3697  margin-right: 1rem;
3698}
3699</style>
3700
3701
3702<style>
3703  
3704</style>
3705
3706<!-- END : Sticky Add To Cart -->
3707
3708<!-- END app block --><!-- BEGIN app block: shopify://apps/ta-labels-badges/blocks/bss-pl-config-data/91bfe765-b604-49a1-805e-3599fa600b24 -->
3708<script
3709    id='bss-pl-config-data'
3710	data-nosnippet
3711>
3712	let TAE_StoreId = "";
3713	if (typeof BSS_PL == 'undefined' || TAE_StoreId !== "") {
3714  		var BSS_PL = {};
3715		BSS_PL.storeId = null;
3716		BSS_PL.currentPlan = null;
3717		BSS_PL.apiServerProduction = null;
3718		BSS_PL.publicAccessToken = null;
3719		BSS_PL.customerTags = "null";
3720		BSS_PL.customerId = "null";
3721		BSS_PL.storeIdCustomOld = null;
3722		BSS_PL.storeIdOldWIthPriority = null;
3723		BSS_PL.storeIdOptimizeAppendLabel = null
3724		BSS_PL.optimizeCodeIds = null; 
3725		BSS_PL.extendedFeatureIds = null;
3726		BSS_PL.watermarkRemoved = null;
3727		BSS_PL.watermarkGoliveConfigId = null;
3728		BSS_PL.watermarkUrl = "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-pl-watermark.png";
3729		BSS_PL.integration = null || {};
3730		BSS_PL.settingsData  = null || {};
3731		BSS_PL.configProductMetafields = null || [];
3732		BSS_PL.configVariantMetafields = null || [];
3733		
3734		BSS_PL.configData = [].concat();
3735
3736		
3737		BSS_PL.configDataBanner = [].concat();
3738
3739		
3740		BSS_PL.configDataPopup = [].concat();
3741
3742		
3743		BSS_PL.configDataLabelGroup = [].concat();
3744		
3745		
3746		BSS_PL.collectionID = ``;
3747		BSS_PL.collectionHandle = ``;
3748		BSS_PL.collectionTitle = ``;
3749
3750		
3751		BSS_PL.conditionConfigData = [].concat();
3752	}
3753</script>
3753
3754
3755
3756
3757
3758<style>
3759    
3760    
3761</style>
3762
3763<script data-nosnippet>
3764    function bssLoadScripts(src, callback, isDefer = false) {
3765        const scriptTag = document.createElement('script');
3766        document.head.appendChild(scriptTag);
3767        scriptTag.src = src;
3768        if (isDefer) {
3769            scriptTag.defer = true;
3770        } else {
3771            scriptTag.async = true;
3772        }
3773        if (callback) {
3774            scriptTag.addEventListener('load', function () {
3775                callback();
3776            });
3777        }
3778    }
3779    const scriptUrls = [
3780        "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-pl-init-helper.js",
3781        "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-pl-init-config-run-scripts.js",
3782    ];
3783    Promise.all(scriptUrls.map((script) => new Promise((resolve) => bssLoadScripts(script, resolve)))).then((res) => {
3784        console.log('BSS scripts loaded');
3785        window.bssScriptsLoaded = true;
3786    });
3787
3788	function bssInitScripts() {
3789		if (BSS_PL.configData.length) {
3790			const enabledFeature = [
3791				{ type: 1, script: "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-pl-init-for-label.js" },
3792				{ type: 2, badge: [0, 7, 8], script: "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-pl-init-for-badge-product-name.js" },
3793				{ type: 2, badge: [1, 11], script: "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-pl-init-for-badge-product-image.js" },
3794				{ type: 2, badge: 2, script: "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-pl-init-for-badge-custom-selector.js" },
3795				{ type: 2, badge: [3, 9, 10], script: "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-pl-init-for-badge-price.js" },
3796				{ type: 2, badge: 4, script: "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-pl-init-for-badge-add-to-cart-btn.js" },
3797				{ type: 2, badge: 5, script: "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-pl-init-for-badge-quantity-box.js" },
3798				{ type: 2, badge: 6, script: "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-pl-init-for-badge-buy-it-now-btn.js" }
3799			]
3800				.filter(({ type, badge }) => BSS_PL.configData.some(item => item.label_type === type && (badge === undefined || (Array.isArray(badge) ? badge.includes(item.badge_type) : item.badge_type === badge))) || (BSS_PL.configDataLabelGroup && BSS_PL.configDataLabelGroup.length))
3801				.map(({ script }) => script);
3802				
3803            enabledFeature.forEach((src) => bssLoadScripts(src));
3804
3805            if (enabledFeature.length) {
3806                const src = "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-product-label-js.js";
3807                bssLoadScripts(src);
3808            }
3809        }
3810
3811        if (BSS_PL.configDataBanner && BSS_PL.configDataBanner.length) {
3812            const src = "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-product-label-banner.js";
3813            bssLoadScripts(src);
3814        }
3815
3816        if (BSS_PL.configDataPopup && BSS_PL.configDataPopup.length) {
3817            const src = "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-product-label-popup.js";
3818            bssLoadScripts(src);
3819        }
3820
3821        if (window.location.search.includes('bss-pl-custom-selector')) {
3822            const src = "https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-product-label-custom-position.js";
3823            bssLoadScripts(src, null, true);
3824        }
3825    }
3826    bssInitScripts();
3827</script>
3827
3828
3829
3830<!-- END app block --><!-- BEGIN app block: shopify://apps/pagefly-ai-page-builder/blocks/app-embed/83e179f7-59a0-4589-8c66-c0dddf959200 -->
3831
3832<!-- BEGIN app snippet: pagefly-cro-ab-testing-main -->
3833
3834
3835
3836
3837
3838
3839
3840<script>
3841  ;(function () {
3842    const url = new URL(window.location)
3843    const viewParam = url.searchParams.get('view')
3844    if (viewParam && viewParam.includes('variant-pf-')) {
3845      url.searchParams.set('pf_v', viewParam)
3846      url.searchParams.delete('view')
3847      window.history.replaceState({}, '', url)
3848    }
3849  })()
3850</script>
3850
3851
3852
3853
3854<script type='module'>
3855  
3856  window.PAGEFLY_CRO = window.PAGEFLY_CRO || {}
3857
3858  window.PAGEFLY_CRO['data_debug'] = {
3859    original_template_suffix: "",
3860    allow_ab_test: false,
3861    ab_test_start_time: 0,
3862    ab_test_end_time: 0,
3863    today_date_time: 1790450893000,
3864  }
3865  window.PAGEFLY_CRO['GA4'] = { enabled: false}
3866</script>
3866
3867
3868<!-- END app snippet -->
3869
3870
3871
3872
3873
3874
3875
3876
3877  
3877<script src='https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-helper.js' defer='defer'></script>
3877
3878
3879  
3879<script src='https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-general-helper.js' defer='defer'></script>
3879
3880
3881  
3881<script src='https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-snap-slider.js' defer='defer'></script>
3881
3882
3883  
3883<script src='https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-slideshow-v3.js' defer='defer'></script>
3883
3884
3885  
3885<script src='https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-slideshow-v4.js' defer='defer'></script>
3885
3886
3887  
3887<script src='https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-glider.js' defer='defer'></script>
3887
3888
3889  
3889<script src='https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-slideshow-v1-v2.js' defer='defer'></script>
3889
3890
3891  
3891<script src='https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-product-media.js' defer='defer'></script>
3891
3892
3893  
3893<script src='https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-product.js' defer='defer'></script>
3893
3894
3895
3896<script id='pagefly-helper-data' type='application/json'>
3897  {
3898    "page_optimization": {
3899      "assets_prefetching": false
3900    },
3901    "elements_asset_mapper": {
3902      "Accordion": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-accordion.js",
3903      "Accordion3": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-accordion3.js",
3904      "CountDown": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-countdown.js",
3905      "GMap1": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-gmap.js",
3906      "GMap2": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-gmap.js",
3907      "GMapBasicV2": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-gmap.js",
3908      "GMapAdvancedV2": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-gmap.js",
3909      "HTML.Video": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-htmlvideo.js",
3910      "HTML.Video2": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-htmlvideo2.js",
3911      "HTML.Video3": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-htmlvideo2.js",
3912      "BackgroundVideo": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-htmlvideo2.js",
3913      "Instagram": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-instagram.js",
3914      "Instagram2": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-instagram.js",
3915      "Insta3": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-instagram3.js",
3916      "Tabs": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-tab.js",
3917      "Tabs3": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-tab3.js",
3918      "ProductBox": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-cart.js",
3919      "FBPageBox2": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-facebook.js",
3920      "FBLikeButton2": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-facebook.js",
3921      "TwitterFeed2": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-twitter.js",
3922      "Paragraph4": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-paragraph4.js",
3923
3924      "AliReviews": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3925      "BackInStock": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3926      "GloboBackInStock": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3927      "GrowaveWishlist": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3928      "InfiniteOptionsShopPad": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3929      "InkybayProductPersonalizer": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder
3929-359/assets/pagefly-3rd-elements.js",
3930      "LimeSpot": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3931      "Loox": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3932      "Opinew": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3933      "Powr": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3934      "ProductReviews": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3935      "PushOwl": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3936      "ReCharge": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3937      "Rivyo": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3938      "TrackingMore": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3939      "Vitals": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js",
3940      "Wiser": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-3rd-elements.js"
3941    },
3942    "custom_elements_mapper": {
3943      "pf-click-action-element": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-click-action-element.js",
3944      "pf-dialog-element": "https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-dialog-element.js"
3945    }
3946  }
3947</script>
3947
3948
3949<script id='pagefly-heatmap-config' type='application/json'>
3950  {}
3951</script>
vendor: 1 bytes, line 3951
3951
3952<script>
3953  (function () {
3954    var el = document.getElementById('pagefly-heatmap-config')
3955    if (!el) { window.__pagefly_heatmap_config__ = {}; return }
3956    try {
3957      window.__pagefly_heatmap_config__ = JSON.parse(el.textContent || '{}') || {}
3958    } catch (e) {
3959      window.__pagefly_heatmap_config__ = {}
3960    }
3961  })()
3962</script>
vendor: 1 bytes, line 3962
3962
3963<script>
3964  // Heatmap overlay loader. Three gates, all of them cheap, none of them trusting the URL:
3965  // the visitor must have arrived on a pf_heatmap link, the SERVER must have published an
3966  // overlay path in the metafield, and this page must already be one the merchant enabled
3967  // tracking for. The last gate is what stops a crafted link pulling the asset onto an
3968  // arbitrary storefront page. Everything else is decided inside the asset, and by the server.
3969  (function () {
3970    var cfg = window.__pagefly_heatmap_config__ || {}
3971    var id = (window.__pagefly_page_setting__ || {}).pageId
3972    if (!/[#&]pf_heatmap=/.test(window.location.hash || '')) return
3973    if (!cfg.overlay_data_path || !Array.isArray(cfg.enabled_page_ids)) return
3974    if (!id || cfg.enabled_page_ids.indexOf(id) === -1) return
3975    var s = document.createElement('script')
3976    s.src = 'https://cdn.shopify.com/extensions/01a0d61e-3051-7383-be09-dc10c7351f79/pagefly-ai-page-builder-359/assets/pagefly-heatmap-overlay.js'
3977    s.defer = true
3978    document.head.appendChild(s)
3979  })()
3980</script>
3980
3981
3982<!-- BEGIN app snippet: pf-ai-schema -->
3983<!-- END app snippet -->
3984
3985
3986<!-- END app block --><!-- BEGIN app block: shopify://apps/avada-seo-suite/blocks/avada-seo/15507c6e-1aa3-45d3-b698-7e175e033440 -->
3986<script>
3987  window.AVADA_SEO_ENABLED = true;
3988</script>
3988<!-- BEGIN app snippet: avada-seo-preload -->
3988<script>
3989  const ignore = ["\/cart","\/account"];
3990  window.FPConfig = {
3991      delay: 0,
3992      ignoreKeywords: ignore || ['/cart', '/account/login', '/account/logout', '/account'],
3993      maxRPS: 3,
3994      hoverDelay: 50
3995  };
3996</script>
3996
3997
3998<script src="https://cdn.shopify.com/extensions/01a0c75c-b68f-70e6-838c-fbec76fe1b35/avada-seo-suite-291/assets/flying-pages.js" defer="defer"></script>
3998
3999
4000<!-- END app snippet -->
4001<!-- END app block --><link href="https://cdn.shopify.com/extensions/01a0d819-6212-7864-8855-999d3e977365/version_9005a361-2026-09-25_17h25m/assets/bss-pl-style.min.css" rel="stylesheet" type="text/css" media="all">
4002<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0521/3569/0395/files/resize.webp?v=1680621091" />
4003<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0521/3569/0395/files/resize.webp?v=1680621091" />
4004<meta property="og:image:width" content="1200" />
4005<meta property="og:image:height" content="628" />
4006<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
4007<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 52135690395,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 4007
4007
4008<script>
4009  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
4010</script>
vendor: 1 bytes, line 4010
4010
4011<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
4011).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 52135690395,storefrontBaseUrl: "https://www.smithandblake.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.smithandblake.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1164935323","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
4011,"dataSharingState":"unrestricted"},{"id":"582680731","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-SFL2BBPT7G\\\",\\\"GT-TW5CZGC\\\"],\\\"target_country\\\":\\\"IN\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-SFL2BBPT7G\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-SFL2BBPT7G\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-SFL2BBPT7G\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-SFL2BBPT7G\\\",\\\"MC-RPFFH4F8DP\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-SFL2BBPT7G\\\",\\\"MC-RPFFH4F8DP\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-SFL2BBPT7G\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-SFL2BBPT7G\\\",\\\"MC-RPFFH4F8DP\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-SFL2BBPT7G\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-SFL2BBPT7G\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-SFL2BBPT7G\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-SFL2BBPT7G\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"262504603","configuration":"{\"pixel_id\":\"573210650664953\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Smith \u0026 Blake","paymentSettings":{"currencyCode":"INR"},"myshopifyDomain":"smithandblake.myshopify.com","countryCode":"IN","storefrontUrl":"https:\/\/www.smithandblake.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.smithandblake.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"139559370907","themeStoreId":"849","themePublished":"true","eventMetadataId":"dff8317c-db87-42d5-a259-3fb800cc9e54","pageType":"blog","resourceId":"82534596763","shopId":"52135690395","storefrontBaseUrl":"https:\/\/www.smithandblake.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
4011<script>
4012  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
4013  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
4014  window.ShopifyAnalytics.meta.currency = 'INR';
4015  var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":82534596763,"requestId":"69746400-2c18-4b86-9ea7-e7b258db7799-1790450892"}};
4016  for (var attr in meta) {
4017    window.ShopifyAnalytics.meta[attr] = meta[attr];
4018  }
4019</script>
vendor: 1 bytes, line 4019
4019
4020<script class="analytics">
4021  (function () {
4022    var customDocumentWrite = function(content) {
4023      var jquery = null;
4024
4025      if (window.jQuery) {
4026        jquery = window.jQuery;
4027      } else if (window.Checkout && window.Checkout.$) {
4028        jquery = window.Checkout.$;
4029      }
4030
4031      if (jquery) {
4032        jquery('body').append(content);
4033      }
4034    };
4035
4036    var hasLoggedConversion = function(token) {
4037      if (token) {
4038        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
4039      }
4040      return false;
4041    }
4042
4043    var setCookieIfConversion = function(token) {
4044      if (token) {
4045        var twoMonthsFromNow = new Date(Date.now());
4046        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
4047
4048        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
4049      }
4050    }
4051
4052    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
4053    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
4054    if (trekkie.integrations) {
4055      return;
4056    }
4057    trekkie.methods = [
4058      'identify',
4059      'page',
4060      'ready',
4061      'track',
4062      'trackForm',
4063      'trackLink'
4064    ];
4065    trekkie.factory = function(method) {
4066      return function() {
4067        var args = Array.prototype.slice.call(arguments);
4068        args.unshift(method);
4069        trekkie.push(args);
4070        if (method == 'track' || method == 'page') {
4071          var pageUrl;
4072          try {
4073            pageUrl = window.location.href;
4074          } catch (e) {}
4075          var pageReferrer;
4076          try {
4077            pageReferrer = document.referrer;
4078          } catch (e) {}
4079          try {
4080            if (window.__TREKKIE_SHIM_QUEUE == null) {
4081              window.__TREKKIE_SHIM_QUEUE = [];
4082            }
4083            window.__TREKKIE_SHIM_QUEUE.push({
4084              from: 'trekkie-stub',
4085              method: method,
4086              args: args.slice(1),
4087              pageContext: {
4088                url: pageUrl,
4089                referrer: pageReferrer
4090              }
4091            });
4092          } catch (e) {
4093            // no-op
4094          }
4095        }
4096        return trekkie;
4097      };
4098    };
4099    for (var i = 0; i < trekkie.methods.length; i++) {
4100      var key = trekkie.methods[i];
4101      trekkie[key] = trekkie.factory(key);
4102    }
4103    trekkie.load = function(config) {
4104      trekkie.config = config || {};
4105      trekkie.config.initialDocumentCookie = document.cookie;
4106      var first = document.getElementsByTagName('script')[0];
4107var script = document.createElement('script');
4108script.type = 'text/javascript';
4109script.onerror = function(e) {
4110  var scriptFallback = document.createElement('script');
4111  scriptFallback.type = 'text/javascript';
4112  scriptFallback.onerror = function(error) {
4113          var Monorail = {
4114      produce: function produce(monorailDomain, schemaId, payload) {
4115        var currentMs = new Date().getTime();
4116        var event = {
4117          schema_id: schemaId,
4118          payload: payload,
4119          metadata: {
4120            event_created_at_ms: currentMs,
4121            event_sent_at_ms: currentMs
4122          }
4123        };
4124        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
4125      },
4126      sendRequest: function sendRequest(endpointUrl, payload) {
4127        // Try the sendBeacon API
4128        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
4129          var blobData = new window.Blob([payload], {
4130            type: 'text/plain'
4131          });
4132
4133          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
4134            return true;
4135          } // sendBeacon was not successful
4136
4137        } // XHR beacon
4138
4139        var xhr = new XMLHttpRequest();
4140
4141        try {
4142          xhr.open('POST', endpointUrl);
4143          xhr.setRequestHeader('Content-Type', 'text/plain');
4144          xhr.send(payload);
4145        } catch (e) {
4146          console.log(e);
4147        }
4148
4149        return false;
4150      },
4151      isIos12: function isIos12() {
4152        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
4153      }
4154    };
4155    Monorail.produce('monorail-edge.shopifysvc.com',
4156      'trekkie_storefront_load_errors/1.1',
4157      {shop_id: 52135690395,
4158      theme_id: 139559370907,
4159      app_name: "storefront",
4160      context_url: window.location.href,
4161      source_url: "//www.smithandblake.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
4162
4163  };
4164  scriptFallback.async = true;
4165  scriptFallback.src = '//www.smithandblake.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
4166  first.parentNode.insertBefore(scriptFallback, first);
4167};
4168script.async = true;
4169script.src = '//www.smithandblake.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
4170first.parentNode.insertBefore(script, first);
4171
4172    };
4173    trekkie.load(
4174      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":52135690395,"isMerchantRequest":null,"themeId":139559370907,"themeCityHash":"5843906629292225442","contentLanguage":"en","currency":"INR","eventMetadataId":"dff8317c-db87-42d5-a259-3fb8
417400cc9e54"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
4175    );
4176
4177    var loaded = false;
4178    trekkie.ready(function() {
4179      if (loaded) return;
4180      loaded = true;
4181
4182      window.ShopifyAnalytics.lib = window.trekkie;
4183
4184      var originalDocumentWrite = document.write;
4185      document.write = customDocumentWrite;
4186      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
4187      document.write = originalDocumentWrite;
4188
4189      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
4190      var token = match? match[1]: undefined;
4191      if (!hasLoggedConversion(token)) {
4192        setCookieIfConversion(token);
4193        
4194      }
4195    });
4196
4197    window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":82534596763,"requestId":"69746400-2c18-4b86-9ea7-e7b258db7799-1790450892","shopifyEmitted":true});
4198
4199    var eventsListenerScript = document.createElement('script');
4200    eventsListenerScript.async = true;
4201    eventsListenerScript.src = "//www.smithandblake.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
4202    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
4203})();</script>
4203
4204  
4204<script>
4205  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
4206    window.ga = function ga() {
4207      (window.ga.q = window.ga.q || []).push(arguments);
4208      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
4209        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
4210      }
4211      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
4212    };
4213    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
4214      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
4215    }
4216  }
4217</script>
vendor: 1 bytes, line 4217
4217
4218<script
4219  defer
4220  src="https://www.smithandblake.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
4221  data-application="storefront-renderer"
4222  data-shop-id="52135690395"
4223  data-render-region="gcp-us-central1"
4224  data-page-type="blog"
4225  data-theme-instance-id="139559370907"
4226  data-theme-name="Modular"
4227  data-theme-version="1.9.9"
4228  data-monorail-region="shop_domain"
4229  data-resource-timing-sampling-rate="10"
4230  data-shs="true"
4231  data-shs-beacon="true"
4232  data-shs-export-with-fetch="true"
4233  data-shs-logs-sample-rate="1"
4234  data-shs-beacon-endpoint="https://www.smithandblake.com/api/collect"
4235></script>
4235
4236<meta name="shopify-y" content="616e473a-d2cf-487b-9a73-84db3dc12eec" data-expiration="1822008492000"><meta name="shopify-s" content="b90bd711-d765-4367-a622-ed45e7d8512f" data-expiration="1790452692000"><meta name="new-cookie-storage-activated" content="t">
4237</head><body data-instant-intensity="viewport"  id="blogs" class="is-page-loading template-blog allow-text-animations allow-grid-animations allow-image-animations no-outline">
4238  <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 4238-4239
4238
4239<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
4239GTM-PB2PNJC
vendor: 83 bytes, lines 4239-4240
4239"
4240height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
4241<!-- End Google Tag Manager (noscript) -->
4242  
4243  
4244	<a class="in-page-link skip-link" href="#MainContent">Skip to content</a><div id="shopify-section-popup" class="shopify-section"><!-- /snippets/popup.liquid --><div data-section-id="popup" data-section-type="popup"></div>
4245
4246
4247</div><div class="pageWrap"><div id="shopify-section-announcement" class="shopify-section"><div class="js-siteAlert siteAlert container-wrap" data-status="true" data-status-mobile="true" data-scroll-lock-fill-gap>
4248	<div class="container u-center">
4249		<div class="row u-center">
4250			<div class="block u-center"><span class="alert-title h4"><p>Call Now to Order +91 9870513555</p></span></div>
4251		</div>
4252	</div>
4253</div></div><div id="shopify-section-header" class="shopify-section shopify-section-header">
4254<header class="site-header header--no-bg header--is-standard header--logo_center_links_center header--standard " data-section-type="header" id="header" data-transparent="true" data-scroll-lock-fill-gap>
4255	<div class="container">
4256		<div class="row"><h1 class="nav-item logo "><a href="/" class="logo__image-link visible-nav-link" data-width="150" aria-label="Smith &amp; Blake"><style data-shopify>.logo__image--home { width: 150px; height: 39.6px; }
4257			.header--has-scrolled .logo__image--home { width: 150.0px; height: 39.6px; }</style><img
4258			class="logo__image logo__image--home lazyload"
4259			src="//www.smithandblake.com/cdn/shop/t/38/assets/blank_1x1.gif?v=50849316544257392421726927611"
4260			data-src="//www.smithandblake.com/cdn/shop/files/Smith-_-Blake-Logo-Final-wb2_{width}x.png?v=1786515528"
4261			data-widths= "[100, 140, 180, 220, 280, 360, 400, 440, 560, 720, 800]"
4262			data-aspectratio="3.787878787878788"
4263			data-sizes="auto"
4264			loading="lazy"
4265			width="150px"
4266			height="39.6px"
4267			style="width: 150px; height: 39.6px;"
4268			alt="Smith &amp; Blake">
4269		<noscript>
4270			<img src="//www.smithandblake.com/cdn/shop/files/Smith-_-Blake-Logo-Final-wb2_500x.png?v=1786515528"
4271				class="logo__image"
4272				width="150px"
4273				height="39.6px"
4274				style="width: 150px; height: 39.6px;"
4275				alt="Smith &amp; Blake">
4276		</noscript><style data-shopify>.logo__image--home { width: 150px; height: 39.6px; }
4277			.header--has-scrolled .logo__image--home { width: 150.0px; height: 39.6px; }</style><style data-shopify>.logo__image--other { width: 150px; height: 39.6px; }
4278			.header--has-scrolled .logo__image--other { width: 150.0px; height: 39.6px; }</style><img
4279			class="logo__image logo__image--other lazyload"
4280			src="//www.smithandblake.com/cdn/shop/t/38/assets/blank_1x1.gif?v=50849316544257392421726927611"
4281			data-src="//www.smithandblake.com/cdn/shop/files/Smith-_-Blake-Logo-Final-wb2_5c19ce02-ce9c-4453-9a49-376c02fb7a76_{width}x.png?v=1786515604"
4282			data-widths= "[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048, 2450, 2700, 3000, 3350, 3750, 4100]"
4283			data-aspectratio="3.787878787878788"
4284			data-sizes="auto"
4285			loading="lazy"
4286			width="150px"
4287			height="39.6px"
4288			alt="Smith &amp; Blake">
4289		<noscript>
4290			<img src="//www.smithandblake.com/cdn/shop/files/Smith-_-Blake-Logo-Final-wb2_5c19ce02-ce9c-4453-9a49-376c02fb7a76_500x.png?v=1786515604"
4291				class="logo__image"
4292				width="150px"
4293				height="39.6px"
4294				style="width: 150px; height: 39.6px;"
4295				alt="Smith &amp; Blake">
4296		</noscript></a></h1><div class="header-fix-cont">
4297				<div class="header-fix-cont-inner">
4298					<nav role="navigation" class="nav-standard nav-main">
4299<ul class="menu ">
4300	
4301<li class="menu-item menu-item--dropdown">
4302				<!-- LINKS -->
4303				<a href="/collections/combos-kits">Combos &amp; Kits</a></li><li class="menu-item menu-item--dropdown">
4304				<!-- LINKS -->
4305				<a href="https://www.smithandblake.com/collections/laptop-backpacks">Backpacks</a></li><li class="menu-item menu-item--dropdown">
4306				<!-- LINKS -->
4307				<a href="/collections/all-bags-collection-for-discover-the-collection">Bags</a></li><li class="menu-item menu-item--dropdown">
4308				<!-- LINKS -->
4309				<a href="/collections/essentials">Make your own Bundle</a></li><li class="menu-item menu-item--dropdown">
4310				<!-- LINKS -->
4311				<a href="/collections/all-products">All Products</a></li></ul><div class="nav-search">
4312	<div class="nav-search-overlay">
4313		<div class="nav-search-scroller" data-scroll-lock-fill-gap>
4314			<div class="nav-search-container container">
4315				<div class="search-form__sticky-container">
4316					<form action="/search" method="get" class="search-form" role="search" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" maxlength="250">
4317						<div class="inputGroup">
4318							<input type="search" name="q" class="nav-search-input" tabindex="-1" id="search-field" placeholder="Search ..." value="" />
4319							<input type="hidden" name="type" value="product" />
4320                         
4321							<input type="hidden" name="options[prefix]" class="nav-search-options" value="last" />
4322							<button tabindex="-1" type="submit" class="nav-search-submit" aria-label="Search"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" class="icon icon-submit"><path d="M1023.998 511.724v-6.44c-0.108-1.288-0.706-2.417-1.605-3.215l-0.005-0.005c0-1.61-1.61-1.61-1.61-3.22s-1.61-1.61-1.61-3.22c-0.89 0-1.61-0.72-1.61-1.61v0l-365.484-378.365c-6.058-5.789-14.286-9.354-23.346-9.354s-17.288 3.564-23.358 9.366l0.013-0.013c-6.101 5.61-9.909 13.631-9.909 22.541s3.81 16.931 9.888 22.52l0.022 0.020 307.522 318.793h-880.705c-17.785 0-32.201 14.417-32.201 32.201s14.417 32.201 32.201 32.201v0h887.145l-313.962 318.793c-5.226 5.704-8.429 13.338-8.429 21.72 0 9.19 3.851 17.481 10.025 23.347l0.014 0.013c5.61 6.101 13.631 9.909 22.541 9.909s16.931-3.81 22.52-9.888l0.020-0.022 363.874-370.315c0-1.61 0-1.61 1.61-3.22 0.89 0 1.61-0.72 1.61-1.
432261v0c0-1.61 1.61-1.61 1.61-3.22h1.61v-3.22c0.904-0.803 1.502-1.932 1.608-3.203l0.002-0.017v-11.27z"></path></svg></button>
4323						</div>
4324
4325						<label for="search-field" class="icon-search"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 1024 1024" class="icon icon-search">
4326    <path fill="none" stroke-linejoin="miter" stroke-linecap="butt" stroke-miterlimit="4" stroke-width="69.8182" stroke="#000" d="M715.636 385.939c0 182.087-147.61 329.697-329.697 329.697s-329.697-147.61-329.697-329.697c0-182.087 147.61-329.697 329.697-329.697s329.697 147.61 329.697 329.697z"></path>
4327    <path fill="none" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="69.8182" stroke="#000" d="M696.242 696.242l271.515 271.515"></path>
4328</svg><span class="accessible-label">Search</span>
4329						</label>
4330						<button type="button" tabindex="-1" class="js-searchToggle js-searchToggle--close searchToggle searchToggle--close" aria-expanded="true" aria-label="Close"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" class="icon icon-close"><path d="M446.174 512l-432.542-432.542c-18.177-18.177-18.177-47.649 0-65.826s47.649-18.177 65.826 0l432.542 432.542 432.542-432.542c18.177-18.177 47.649-18.177 65.826 0s18.177 47.649 0 65.826l-432.542 432.542 432.542 432.542c18.177 18.177 18.177 47.649 0 65.826s-47.649 18.177-65.826 0l-432.542-432.542-432.542 432.542c-18.177 18.177-47.649 18.177-65.826 0s-18.177-47.649 0-65.826l432.542-432.542z"></path></svg></button>
4331					</form>
4332				</div>
4333
4334				<div id="search-results" class="results"></div>
4335			</div>
4336		</div>
4337	</div>
4338</div></nav>
4339
4340					<div class="header-icons">
4341						<a href="#menu" class="js-menuToggle menuToggle" data-target="nav" aria-expanded="false" aria-label="Menu">
4342							<div id="hamburger-menu" class="icon-menu">
4343								<div class="diamond-bar"></div>
4344								<div id="hamburger-bar" class="icon-bar"></div>
4345							</div>
4346						</a><a href="/account" class="nav-item nav-item-fixed nav-account-link" aria-label="Account"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 1024 1024" class="icon icon-user">
4347	<path fill="none" stroke-linejoin="miter" stroke-linecap="butt" stroke-miterlimit="4" stroke-width="69.8182" stroke="#000" d="M775.083 319.747c0 145.297-117.786 263.083-263.083 263.083s-263.083-117.786-263.083-263.083c0-145.297 117.786-263.083 263.083-263.083s263.083 117.786 263.083 263.083z"></path>
4348	<path fill="none" stroke-linejoin="round" stroke-linecap="butt" stroke-miterlimit="4" stroke-width="69.8182" stroke="#000" d="M208.443 542.356c-107.931 94.44-161.897 236.1-161.897 424.98"></path>
4349	<path fill="none" stroke-linejoin="round" stroke-linecap="butt" stroke-miterlimit="4" stroke-width="69.8182" stroke="#000" d="M815.557 542.356c107.931 94.44 161.897 236.1 161.897 424.98"></path>
4350	<path fill="none" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="4" stroke-width="69.8182" stroke="#000" d="M46.545 967.336h930.909"></path>
4351</svg>
4352</a><a href="#" class="nav-item searchToggle js-searchToggle js-searchToggle--open" data-search-nav=".nav-standard" aria-expanded="false" aria-label="Search"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 1024 1024" class="icon icon-search">
4353    <path fill="none" stroke-linejoin="miter" stroke-linecap="butt" stroke-miterlimit="4" stroke-width="69.8182" stroke="#000" d="M715.636 385.939c0 182.087-147.61 329.697-329.697 329.697s-329.697-147.61-329.697-329.697c0-182.087 147.61-329.697 329.697-329.697s329.697 147.61 329.697 329.697z"></path>
4354    <path fill="none" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="69.8182" stroke="#000" d="M696.242 696.242l271.515 271.515"></path>
4355</svg></a><a id="cartTotal" href="/cart" aria-label="item(s) added to your cart" class="nav-item nav-item-fixed js-cartToggle cartToggle cartToggle--empty" aria-expanded="false" aria-label="Cart"><svg style="display:none;" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="26" viewBox="0 0 1365 1024" class="icon icon-cart">
4356	<path fill="#000" stroke-linejoin="miter" stroke-linecap="butt" stroke-miterlimit="4" stroke-width="21.3333" stroke="#000" d="M532.618 772.741c-57.987 0-105.431 46.933-105.431 104.296s47.444 104.296 105.431 104.296c57.987 0 105.431-46.933 105.431-104.296s-47.444-104.296-105.431-104.296zM532.618 946.568c-38.658 0-70.287-31.289-70.287-69.531s31.629-69.531 70.287-69.531c38.658 0 70.287 31.289 70.287 69.531s-31.629 69.531-70.287 69.531zM884.055 772.741c-57.987 0-105.431 46.933-105.431 104.296s47.444 104.296 105.431 104.296c57.987 0 105.431-46.933 105.431-104.296s-47.444-104.296-105.431-104.296zM884.055 946.568c-38.658 0-70.287-31.289-70.287-69.531s31.629-69.531 70.287-69.531c38.658 0 70.287 31.289 70.287 69.531s-31.629 69.531-70.287 69.531zM1128.304 251.259c-8.786-3.477-19.329 1.738-21.086 12.168l-128.275 422.4h-527.156l-180.99-596.227c-1.757-6.953-8.786-12.168-17.572-12.168h-184.505c-10.543 0-17.572 6.953-17.572 17.383s7.029 17.383 17.572 17.383h172.204l179.233 596.227c1.757 6.953 8.786 12.168 17.572 12.168h553.514c7.029 0 14.057-5.215 17.572-12.168l131.789-434.568c1.757-8.691-3.514-19.121-12.3-22.598z"></path>
4357	<path fill="#ff8f8f" stroke-linejoin="miter" stroke-linecap="butt" stroke-miterlimit="4" stroke-width="64" stroke="#000" d="M1313.851 259.951c0 120.003-96.803 217.284-216.216 217.284s-216.216-97.281-216.216-217.284c0-120.003 96.803-217.284 216.216-217.284s216.216 97.281 216.216 217.284z"></path>
4358</svg></a>
4359					</div>
4360				</div>
4361			</div>
4362		</div>
4363	</div><div id="CartPopoverCont" class="js-cartToggle header-cartPopover"></div>
4364
4365<script id="CartPopover" type="text/x-template">
4366	<div class="popover-inner">
4367		<div class="h3">{{ it.item_count }} item(s) added to your cart</div>
4368		
4369		<div class="popover-item-thumb lazyload" data-sizes="auto" data-bgset="{{ it.img }}"></div>
4370		<div class="popover-item-info">
4371		  <span class="popover-item-title">{{ it.product_title }}</span>
4372		  	{{ @if (it.variation) }}
4373		  		<span class="popover-item-variant">{{ it.variation }}</span>
4374		  	{{ /if}}
4375      		<span class="popover-item-price">{{* it.price_formatted }}</span>
4376      		{{ @if (it.unit_price) }}
4377				<span class="popover-item-unit-price">{{* it.unit_price }}</span>
4378			{{ /if}}
4379		</div>
4380		
4381	</div>
4382</script>
4382</header>
4383
4384
4385<nav role="navigation" class="nav-hamburger nav-main">
4386	<button class="nav-mobile-close js-menuToggle" aria-expanded="false" aria-label="Menu"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" class="icon icon-close"><path d="M446.174 512l-432.542-432.542c-18.177-18.177-18.177-47.649 0-65.826s47.649-18.177 65.826 0l432.542 432.542 432.542-432.542c18.177-18.177 47.649-18.177 65.826 0s18.177 47.649 0 65.826l-432.542 432.542 432.542 432.542c18.177 18.177 18.177 47.649 0 65.826s-47.649 18.177-65.826 0l-432.542-432.542-432.542 432.542c-18.177 18.177-47.649 18.177-65.826 0s-18.177-47.649 0-65.826l432.542-432.542z"></path></svg></button>
4387	<div class="nav-inner">
4388		<div class="nav-inner-wrapper">
4389<ul class="menu ">
4390	
4391<li class="menu-item menu-item--dropdown">
4392				<!-- LINKS -->
4393				<a href="/collections/combos-kits">Combos &amp; Kits</a></li><li class="menu-item menu-item--dropdown">
4394				<!-- LINKS -->
4395				<a href="https://www.smithandblake.com/collections/laptop-backpacks">Backpacks</a></li><li class="menu-item menu-item--dropdown">
4396				<!-- LINKS -->
4397				<a href="/collections/all-bags-collection-for-discover-the-collection">Bags</a></li><li class="menu-item menu-item--dropdown">
4398				<!-- LINKS -->
4399				<a href="/collections/essentials">Make your own Bundle</a></li><li class="menu-item menu-item--dropdown">
4400				<!-- LINKS -->
4401				<a href="/collections/all-products">All Products</a></li></ul><div class="nav-user">
4402		<ul><li class="nav-user__item nav-user__item--account"><a href="https://www.smithandblake.com/customer_authentication/redirect?locale=en&region_country=US" class="nav-user__link" tabindex="-1">Log in</a></li><li class="nav-user__item nav-user__item--search"><a href="/search" class="nav-user__link" tabindex="-1">Search</a></li></ul>
4403	</div><div class="nav-footer">
4404			<div class="nav-social">
4405				<ul class="social-links social-links--nav"><li>
4406							<a aria-label="Facebook" href="https://www.facebook.com/Smith-Blake-105271718783219" target="_blank" tabindex="-1" class="social-link"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="532" height="1024" viewBox="0 0 532 1024" class="icon icon-facebook">
4407<path d="M531.692 169.853h-96.624c-75.697 0-89.849 36.313-89.849 88.615v116.316h180.303l-23.998 182.167h-156.304v467.049h-188.285v-467.075h-156.935v-182.167h156.935v-134.144c0-155.701 95.363-240.614 234.443-240.614 66.455 0 123.694 4.936 140.314 7.378v162.475z"></path>
4408</svg>
4409</a>
4410						</li><li>
4411							<a aria-label="Instagram" href="https://www.instagram.com/smithandblake" target="_blank" tabindex="-1" class="social-link"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024" class="icon icon-instagram">
4412<path d="M511.839 0.323c-139.008 0-156.438 0.589-211.031 3.080-54.479 2.485-91.687 11.138-124.243 23.792-33.658 13.078-62.202 30.58-90.659 59.034-28.455 28.457-45.956 57.001-59.034 90.659-12.654 32.557-21.307 69.764-23.792 124.243-2.491 54.593-3.080 72.023-3.080 211.031 0 139.006 0.589 156.436 3.080 211.029 2.485 54.479 11.138 91.687 23.792 124.243 13.078 33.658 30.58 62.202 59.034 90.659 28.457 28.455 57.001 45.956 90.659 59.036 32.557 12.652 69.764 21.305 124.243 23.79 54.593 2.491 72.023 3.080 211.031 3.080 139.006 0 156.436-0.589 211.029-3.080 54.479-2.485 91.687-11.138 124.243-23.79 33.658-13.080 62.202-30.582 90.659-59.036 28.455-28.457 45.956-57.001 59.036-90.659 12.652-32.557 21.305-69.764 23.79-124.243 2.491-54.593 3.080-72.023 3.080-211.029 0-139.008-0.589-156.438-3.080-211.031-2.485-54.479-11.138-91.687-23.79-124.243-13.080-33.658-30.582-62.202-59.036-90.659-28.457-28.455-57.001-45.956-90.659-59.034-32.557-12.654-69.764-21.307-124.243-23.792-54.593-2.491-72.023-3.080-211.029-3.080zM511.839 92.546c136.665 0 152.854 0.522 206.826 2.985 49.904 2.276 77.005 10.614 95.041 17.623 23.891 9.285 40.942 20.376 58.852 38.288 17.912 17.91 29.003 34.96 38.288 58.852 7.010 18.036 15.348 45.137 17.623 95.041 2.462 53.971 2.985 70.16 2.985 206.828 0 136.665-0.522 152.854-2.985 206.826-2.276 49.904-10.614 77.005-17.623 95.041-9.285 23.891-20.376 40.942-38.288 58.852-17.91 17.912-34.96 29.003-58.852 38.288-18.036 7.010-45.137 15.348-95.041 17.623-53.963 2.462-70.15 2.985-206.826 2.985-136.678 0-152.862-0.522-206.828-2.985-49.904-2.276-77.005-10.614-95.041-17.623-23.891-9.285-40.942-20.376-58.852-38.288-17.91-17.91-29.003-34.96-38.288-58.852-7.010-18.036-15.348-45.137-17.623-95.041-2.462-53.971-2.985-70.16-2.985-206.826s0.522-152.856 2.985-206.828c2.276-49.904 10.614-77.005 17.623-95.041 9.285-23.891 20.376-40.942 38.288-58.852 17.91-17.912 34.96-29.003 58.852-38.288 18.036-7.010 45.137-15.348 95.041-17.623 53.971-2.462 70.16-2.985 206.828-2.985zM512.001 684.823c-95.449 0-172.824-77.375-172.824-172.822 0-95.449 77.375-172.824 172.824-172.824 95.447 0 172.822 77.375 172.822 172.824 0 95.447-77.375 172.822-172.822 172.822zM512.001 245.76c-147.042 0-266.241 119.199-266.241 266.241 0 147.040 119.199 266.239 266.241 266.239 147.040 0 266.239-119.199 266.239-266.239 0-147.042-119.199-266.241-266.239-266.241zM860.16 225.281c0 33.933-27.508 61.439-61.441 61.439-33.931 0-61.439-27.506-61.439-61.439s27.508-61.441 61.439-61.441c33.933 0 61.441 27.508 61.441 61.441z"></path>
4413</svg></a>
4414						</li><li>
4415							<a aria-label="YouTube" href="https://youtube.com/channel/UCv6UsWAsMutx-CZkkMoxykA" target="_blank" tabindex="-1" class="social-link"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024" class="icon icon-youtube">
4416<path d="M832 128h-640c-105.6 0-192 86.4-192 192v384c0 105.6 86.4 192 192 192h640c105.6 0 192-86.4 192-192v-384c0-105.6-86.4-192-192-192zM960 704c0 33.978-13.374 66.062-37.654 90.346-24.284 24.28-56.366 37.654-90.346 37.654h-640c-33.978 0-66.062-13.374-90.344-37.654-24.282-24.284-37.656-56.368-37.656-90.346v-384c0-33.978 13.374-66.062 37.656-90.344s56.366-37.656 90.344-37.656h640c33.978 0 66.062 13.374 90.346 37.656 24.282 24.282 37.654 56.366 37.654 90.344v384zM384 768l320-256-320-256z"></path>
4417</svg></a>
4418						</li></ul>
4419				<span tabindex="-1" class="last-focusable-element"></span>
4420			</div>
4421		</div></div>
4422	</div>
4423</nav><div class="cart-drawer"><div class="scroll" data-scroll-lock-fill-gap>
4424	<div class="cart-wrapper container"><div id="Cart" class="cart-container"><button class="js-cartToggle js-cartToggle-close cart-close" aria-label="Close"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" class="icon icon-close"><path d="M446.174 512l-432.542-432.542c-18.177-18.177-18.177-47.649 0-65.826s47.649-18.177 65.826 0l432.542 432.542 432.542-432.542c18.177-18.177 47.649-18.177 65.826 0s18.177 47.649 0 65.826l-432.542 432.542 432.542 432.542c18.177 18.177 18.177 47.649 0 65.826s-47.649 18.177-65.826 0l-432.542-432.542-432.542 432.542c-18.177 18.177-47.649 18.177-65.826 0s-18.177-47.649 0-65.826l432.542-432.542z"></path></svg></button>
4424<div class="cart-title cart-title--empty cart-title--mobile">
4425		<h2>Shopping Cart</h2><p>Your cart is empty</p>
4426			<a href="#" tabindex="-1" class="js-continueShopping js-continueShopping--empty  button">Continue Shopping</a>
4427		</div> <!-- closing tag for title row --></div></div>
4428</div></div>
4428<script type="application/ld+json">
4429{
4430	"@context": "http://schema.org",
4431	"@type": "Organization",
4432	"name": "Smith \u0026amp; Blake","logo": "https:\/\/www.smithandblake.com\/cdn\/shop\/files\/Smith-_-Blake-Logo-Final-wb2_500x.png?v=1786515528","sameAs": [
4433		null,
4434		null,
4435		null,
4436		null,
4437		null,
4438		null,
4439		null
4440	],
4441	"url": "https:\/\/www.smithandblake.com"
4442}
4443</script>
4443<style> @media (max-width: 576px) {#shopify-section-header .site-header {height: 65px !important; }} </style></div><div class="bodyWrap">
4444          
4445
4446			<main class="main-content js-focus-hidden" id="MainContent" role="main" tabindex="-1">
4447				<!--LayoutHub-Workspace-Start--><div id="shopify-section-blog-template" class="shopify-section">
4448<div
4449	id="blog-template"
4450	class="blogModule blogModule--template container-wrap"
4451	data-section-id="blog-template"
4452	data-section-type="blog-template"
4453	data-featured="false"
4454	data-blog-container><section class="page-title container-wrap">
4455			<div class="container">
4456				<div class="row inline u-center">
4457					<h1 class="blog-title"><span>Blogs</span></h1></div>
4458			</div>
4459		</section><div class="container-wrap blog-listing"><!-- end article-featured -->
4460			<div class="blogModule-posts__wrapper">
4461				<div class="blogModule-posts EndlessScroll"><div class="blogModule-posts__post block s1 med_s12 lg_s13 will-animate blogModule-posts__post--has-image" data-animation="moFadeInUp" data-blog-post>
4462	<div class="blogModule-posts__post-block"><a href="/blogs/articles/fashion-in-business-making-an-impact-1" title="fashion in business: Making an Impact" aria-label="fashion in business: Making an Impact"
4463			class="carousel-slide-image lazyload"
4464			style="padding-top: 60.0%;"
4465			
4466			data-bgset="//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_180x.png?v=1726928048 180w 116h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_360x.png?v=1726928048 360w 231h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_540x.png?v=1726928048 540w 347h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_720x.png?v=1726928048 720w 463h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_900x.png?v=1726928048 900w 578h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_1080x.png?v=1726928048 1080w 694h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_1296x.png?v=1726928048 1296w 833h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_1512x.png?v=1726928048 1512w 972h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_1728x.png?v=1726928048 1728w 1111h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_1950x.png?v=1726928048 1950w 1253h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_2100x.png?v=1726928048 2100w 1350h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_2260x.png?v=1726928048 2260w 1453h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_2450x.png?v=1726928048 2450w 1575h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_2700x.png?v=1726928048 2700w 1735h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_3000x.png?v=1726928048 3000w 1928h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_3350x.png?v=1726928048 3350w 2153h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_3750x.png?v=1726928048 3750w 2410h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_4100x.png?v=1726928048 4100w 2635h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed.png?v=1726928048 4311w 2771h"
4467			data-sizes="auto"
4468			data-parent-fit="cover"
4469			>
4470		</a>
4471		<noscript>
4472			<a class="carousel-slide-image" style="background-image:url('//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_3__compressed_2048x.png?v=1726928048'); padding-top: 60.0%;"></a>
4473		</noscript><div class="post-tags"></div></div>
4474
4475	<a href="/blogs/articles/fashion-in-business-making-an-impact-1" title="fashion in business: Making an Impact" aria-label="fashion in business: Making an Impact" class="carousel-slide-info"><div class="post-meta"><span class="post-meta__author">by STEP UP BRANDS LLP</span><span class="post-meta__date"><time pubdate datetime="April 20, 2023">April 20, 2023</time></span><span class="post-meta__comment-count">0 comments</span></div><h3 class="post-title" data-post-title>fashion in business: Making an Impact</h3>
4476		<p class="excerpt" data-post-excerpt>Fashion has become an essential element of the business world. The way we dress and present ourselves can have a significant impact on how others perceive us, and this is especially true in the business world. However, fashion is not just about clothes and accessories; it is also about the...</p>
4477	</a>
4478</div>
4479<div class="blogModule-posts__post block s1 med_s12 lg_s13 will-animate blogModule-posts__post--has-image" data-animation="moFadeInUp" data-blog-post>
4480	<div class="blogModule-posts__post-block"><a href="/blogs/articles/choosing-the-right-color-bag-a-guide-for-the-indecisive" title="Cho
4480osing the Right Color Bag: A Guide for the Indecisive" aria-label="Choosing the Right Color Bag: A Guide for the Indecisive"
4481			class="carousel-slide-image lazyload"
4482			style="padding-top: 60.0%;"
4483			
4484			data-bgset="//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_180x.png?v=1726928045 180w 116h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_360x.png?v=1726928045 360w 231h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_540x.png?v=1726928045 540w 347h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_720x.png?v=1726928045 720w 463h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_900x.png?v=1726928045 900w 578h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_1080x.png?v=1726928045 1080w 694h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_1296x.png?v=1726928045 1296w 833h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_1512x.png?v=1726928045 1512w 972h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_1728x.png?v=1726928045 1728w 1111h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_1950x.png?v=1726928045 1950w 1253h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_2100x.png?v=1726928045 2100w 1350h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_2260x.png?v=1726928045 2260w 1453h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_2450x.png?v=1726928045 2450w 1575h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_2700x.png?v=1726928045 2700w 1735h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_3000x.png?v=1726928045 3000w 1928h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_3350x.png?v=1726928045 3350w 2153h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_3750x.png?v=1726928045 3750w 2410h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_4100x.png?v=1726928045 4100w 2635h,//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed.png?v=1726928045 4311w 2771h"
4485			data-sizes="auto"
4486			data-parent-fit="cover"
4487			>
4488		</a>
4489		<noscript>
4490			<a class="carousel-slide-image" style="background-image:url('//www.smithandblake.com/cdn/shop/articles/compressed_Beige_Radiant_Skincare_Blog_Banner_2__compressed_2048x.png?v=1726928045'); padding-top: 60.0%;"></a>
4491		</noscript><div class="post-tags"></div></div>
4492
4493	<a href="/blogs/articles/choosing-the-right-color-bag-a-guide-for-the-indecisive" title="Choosing the Right Color Bag: A Guide for the Indecisive" aria-label="Choosing the Right Color Bag: A Guide for the Indecisive" class="carousel-slide-info"><div class="post-meta"><span class="post-meta__author">by STEP UP BRANDS LLP</span><span class="post-meta__date"><time pubdate datetime="April 18, 2023">April 18, 2023</time></span><span class="post-meta__comment-count">0 comments</span></div><h3 class="post-title" data-post-title>Choosing the Right Color Bag: A Guide for the Indecisive</h3>
4494		<p class="excerpt" data-post-excerpt>Choosing the right color bag can be a daunting task, especially if you're unsure of your favorite color or if you're looking to add some variety to your collection. With options like black, brown, blue, tan, green, and even combination colors, it's important to consider factors such as versatility, personal...</p>
4495	</a>
4496</div>
4497<div class="blogModule-posts__post block s1 med_s12 lg_s13 will-animate blogModule-posts__post--has-image" data-animation="moFadeInUp" data-blog-post>
4498	<div class="blogModule-posts__post-block"><a href="/blogs/articles/the-handmade-construction-process-of-a-smith-amp-blake-leatherette-bag" title="The Handmade Construction Process of a Smith & Blake Leatherette Bag" aria-label="The Handmade Construction Process of a Smith & Blake Leatherette Bag"
4499			class="carousel-slide-image lazyload"
4500			style="padding-top: 60.0%;"
4501			
4502			data-bgset="//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_180x.jpg?v=1726928043 180w 116h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_360x.jpg?v=1726928043 360w 231h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_540x.jpg?v=1726928043 540w 347h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_720x.jpg?v=1726928043 720w 462h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_900x.jpg?v=1726928043 900w 578h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_1080x.jpg?v=1726928043 1080w 694h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_1296x.jpg?v=1726928043 1296w 832h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_1512x.jpg?v=1726928043 1512w 971h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_1728x.jpg?v=1726928043 1728w 1110h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_1950x.jpg?v=1726928043 1950w 1253h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_2100x.jpg?v=1726928043 2100w 1349h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_2260x.jpg?v=1726928043 2260w 1452h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_2450x.jpg?v=1726928043 2450w 1574h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1.jpg?v=1726928043 2578w 1656h"
4503			data-sizes="auto"
4504			data-parent-fit="cover"
4505			>
4506		</a>
4507		<noscript>
4508			<a class="carousel-slide-image" style="background-image:url('//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_1_1_2048x.jpg?v=1726928043'); padding-top: 60.0%;"></a>
4509		</noscript><div class="post-tags"></div></div>
4510
4511	<a href="/blogs/articles/the-handmade-construction-process-of-a-smith-amp-blake-leatherette-bag" title="The Handmade Construction Process of a Smith & Blake Leatherette Bag" aria-label="The Handmade Construction Process of a Smith & Blake Leatherette Bag" class="carousel-slide-info"><div class="post-meta"><span class="post-meta__author">by STEP UP BRANDS LLP</span><span class="post-meta__date"><time pubdate datetime="March 19, 2023">March 19, 2023</time></span><span class="post-meta__comment-count">0 comments</span></div><h3 class="post-title" data-post-title>The Handmade Construction Process of a Smith & Blake Leatherette Bag</h3>
4512		<p class="excerpt" data-post-excerpt>Introduction: Smith &amp; Blake is a brand that specialises in making men's bags from high-quality leatherette. The brand takes great pride in the craftsmanship of their products, and each bag is carefully constructed by hand. In this blog post, we will take you through the handmade construction process of a...</p>
4513	</a>
4514</div>
4515<div class="blogModule-posts__post block s1 med_s12 lg_s13 will-animate blogModule-posts__post--has-image" data-animation="moFadeInUp" data-blog-post>
4516	<div class="blogModule-posts__post-block"><a href="/blogs/articles/backpack-v-s-messenger-bag" title="Backpack v/s Messenger Bag" aria-label="Backpack v/s Messenger Bag"
4517			class="carousel-slide-image lazyload"
4518			style="padding-top: 60.0%;"
4519			
4520			data-bgset="//www.smithandblake.com/cdn/shop/articles/2_1_180x.jpg?v=1726928043 180w 116h,//www.smithandblake.com/cdn/shop/articles/2_1_360x.jpg?v=1726928043 360w 231h,//www.smithandblake.com/cdn/shop/articles/2_1_540x.jpg?v=1726928043 540w 347h,//www.smithandblake.com/cdn/shop/articles/2_1_720x.jpg?v=1726928043 720w 462h,//www.smithandblake.com/cdn/shop/articles/2_1_900x.jpg?v=1726928043 900w 578h,//www.smithandblake.com/cdn/shop/articles/2_1_1080x.jpg?v=1726928043 1080w 694h,//www.smithandblake.com/cdn/shop/articles/2_1_1296x.jpg?v=1726928043 1296w 832h,//www.smithandblake.com/cdn/shop/articles/2_1_1512x.jpg?v=1726928043 1512w 971h,//www.smithandblake.com/cdn/shop/articles/2_1_1728x.jpg?v=1726928043 1728w 1110h,//www.smithandblake.com/cdn/shop/articles/2_1_1950x.jpg?v=1726928043 1950w 1253h,//www.smithandblake.com/cdn/shop/articles/2_1_2100x.jpg?v=1726928043 2100w 1349h,//www.smithandblake.com/cdn/shop/articles/2_1_2260x.jpg?v=1726928043 2260w 1452h,//www.smithandblake.com/cdn/shop/articles/2_1_2450x.jpg?v=1726928043 2450w 1574h,//www.smithandblake.com/cdn/shop/articles/2_1.jpg?v=1726928043 2578w 1656h"
4521			data-sizes="auto"
4522			data-parent-fit="cover"
4523			>
4524		</a>
4525		<noscript>
4526			<a class="carousel-slide-image" style="background-image:url('//www.smithandblake.com/cdn/shop/articles/2_1_2048x.jpg?v=1726928043'); padding-top: 60.0%;"></a>
4527		</noscript><div class="post-tags"></div></div>
4528
4529	<a href="/blogs/articles/backpack-v-s-messenger-bag" title="Backpack v/s Messenger Bag" aria-label="Backpack v/s Messenger Bag" class="carousel-slide-info"><div class="post-meta"><span class="post-meta__author">by STEP UP BRANDS LLP</span><span class="post-meta__date"><time pubdate datetime="March 19, 2023">March 19, 2023</time></span><span class="post-meta__comment-count">0 comments</span></div><h3 class="post-title" data-post-title>
4529Backpack v/s Messenger Bag</h3>
4530		<p class="excerpt" data-post-excerpt>While backpacks have many advantages, they also have some drawbacks when compared to messenger or laptop bags. Here are some of the cons of a backpack:   Bulky: Backpacks can be bulky, especially when they are fully packed. This can make it difficult to manoeuvre through crowds or tight spaces....</p>
4531	</a>
4532</div>
4533<div class="blogModule-posts__post block s1 med_s12 lg_s13 will-animate blogModule-posts__post--has-image" data-animation="moFadeInUp" data-blog-post>
4534	<div class="blogModule-posts__post-block"><a href="/blogs/articles/the-designers-ideation-process-for-creating-a-bag-design" title="The Designer's Ideation Process for Creating a Bag Design" aria-label="The Designer's Ideation Process for Creating a Bag Design"
4535			class="carousel-slide-image lazyload"
4536			style="padding-top: 60.0%;"
4537			
4538			data-bgset="//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_180x.jpg?v=1726928043 180w 116h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_360x.jpg?v=1726928043 360w 231h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_540x.jpg?v=1726928043 540w 347h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_720x.jpg?v=1726928043 720w 462h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_900x.jpg?v=1726928043 900w 578h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_1080x.jpg?v=1726928043 1080w 694h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_1296x.jpg?v=1726928043 1296w 832h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_1512x.jpg?v=1726928043 1512w 971h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_1728x.jpg?v=1726928043 1728w 1110h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_1950x.jpg?v=1726928043 1950w 1253h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_2100x.jpg?v=1726928043 2100w 1349h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_2260x.jpg?v=1726928043 2260w 1452h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_2450x.jpg?v=1726928043 2450w 1574h,//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2.jpg?v=1726928043 2578w 1656h"
4539			data-sizes="auto"
4540			data-parent-fit="cover"
4541			>
4542		</a>
4543		<noscript>
4544			<a class="carousel-slide-image" style="background-image:url('//www.smithandblake.com/cdn/shop/articles/Beige_Radiant_Skincare_Blog_Banner_2_2048x.jpg?v=1726928043'); padding-top: 60.0%;"></a>
4545		</noscript><div class="post-tags"></div></div>
4546
4547	<a href="/blogs/articles/the-designers-ideation-process-for-creating-a-bag-design" title="The Designer's Ideation Process for Creating a Bag Design" aria-label="The Designer's Ideation Process for Creating a Bag Design" class="carousel-slide-info"><div class="post-meta"><span class="post-meta__author">by STEP UP BRANDS LLP</span><span class="post-meta__date"><time pubdate datetime="March 19, 2023">March 19, 2023</time></span><span class="post-meta__comment-count">1 comment</span></div><h3 class="post-title" data-post-title>The Designer's Ideation Process for Creating a Bag Design</h3>
4548		<p class="excerpt" data-post-excerpt>Introduction: Designers who create bags have to be imaginative, creative, and inspired. Every bag design starts with an idea or inspiration that the designer has to develop into a practical design. In this article, we will explore the ideation process of a designer and how they find inspiration to create...</p>
4549	</a>
4550</div>
4551<div class="blogModule-posts__post block s1 med_s12 lg_s13 will-animate blogModule-posts__post--has-image" data-animation="moFadeInUp" data-blog-post>
4552	<div class="blogModule-posts__post-block"><a href="/blogs/articles/fashion-in-business-making-an-impact" title="A Guide to choosing the right bag.   " aria-label="A Guide to choosing the right bag.   "
4553			class="carousel-slide-image lazyload"
4554			style="padding-top: 60.0%;"
4555			
4556			data-bgset="//www.smithandblake.com/cdn/shop/articles/1_1_180x.jpg?v=1726928043 180w 116h,//www.smithandblake.com/cdn/shop/articles/1_1_360x.jpg?v=1726928043 360w 231h,//www.smithandblake.com/cdn/shop/articles/1_1_540x.jpg?v=1726928043 540w 347h,//www.smithandblake.com/cdn/shop/articles/1_1_720x.jpg?v=1726928043 720w 462h,//www.smithandblake.com/cdn/shop/articles/1_1_900x.jpg?v=1726928043 900w 578h,//www.smithandblake.com/cdn/shop/articles/1_1_1080x.jpg?v=1726928043 1080w 694h,//www.smithandblake.com/cdn/shop/articles/1_1_1296x.jpg?v=1726928043 1296w 832h,//www.smithandblake.com/cdn/shop/articles/1_1_1512x.jpg?v=1726928043 1512w 971h,//www.smithandblake.com/cdn/shop/articles/1_1_1728x.jpg?v=1726928043 1728w 1110h,//www.smithandblake.com/cdn/shop/articles/1_1_1950x.jpg?v=1726928043 1950w 1253h,//www.smithandblake.com/cdn/shop/articles/1_1_2100x.jpg?v=1726928043 2100w 1349h,//www.smithandblake.com/cdn/shop/articles/1_1_2260x.jpg?v=1726928043 2260w 1452h,//www.smithandblake.com/cdn/shop/articles/1_1_2450x.jpg?v=1726928043 2450w 1574h,//www.smithandblake.com/cdn/shop/articles/1_1.jpg?v=1726928043 2578w 1656h"
4557			data-sizes="auto"
4558			data-parent-fit="cover"
4559			>
4560		</a>
4561		<noscript>
4562			<a class="carousel-slide-image" style="background-image:url('//www.smithandblake.com/cdn/shop/articles/1_1_2048x.jpg?v=1726928043'); padding-top: 60.0%;"></a>
4563		</noscript><div class="post-tags"></div></div>
4564
4565	<a href="/blogs/articles/fashion-in-business-making-an-impact" title="A Guide to choosing the right bag.   " aria-label="A Guide to choosing the right bag.   " class="carousel-slide-info"><div class="post-meta"><span class="post-meta__author">by STEP UP BRANDS LLP</span><span class="post-meta__date"><time pubdate datetime="March 19, 2023">March 19, 2023</time></span><span class="post-meta__comment-count">0 comments</span></div><h3 class="post-title" data-post-title>A Guide to choosing the right bag.   </h3>
4566		<p class="excerpt" data-post-excerpt>As a bag continues to  become more integral to our daily lives, it's becoming increasingly important to have a reliable and sturdy bag to carry our laptops and other electronic devices. With so many different bag options available, it can be challenging to decide which one is the right fit...</p>
4567	</a>
4568</div>
4569</div>
4570			</div></div></div>
4571
4572
4573</div>
4574<!--LayoutHub-Workspace-End-->
4575			</main><div id="shopify-section-footer" class="shopify-section"><footer class="site-footer" data-section-type="footer" data-section-id="footer">
4576	<div class="container">
4577
4578		
4579		<div class="footer-inner"><div class="footer__blocks footer__blocks--3"><div class="footer__block footer__block--menus " ><div class="footer__block-menu" ><p class="footer__block-title">About us</p><ul><li class="footer__block-menu-link">
4580														<a href="https://www.smithandblake.com/pages/about-us">About us</a>
4581													</li><li class="footer__block-menu-link">
4582														<a href="/pages/about-us">Core Values</a>
4583													</li><li class="footer__block-menu-link">
4584														<a href="/pages/about-us">Craftsmanship</a>
4585													</li><li class="footer__block-menu-link">
4586														<a href="/pages/about-us">Our Story</a>
4587													</li></ul></div></div><div class="footer__block footer__block--menus " ><div class="footer__block-menu" ><p class="footer__block-title">.</p><ul><li class="footer__block-menu-link">
4588														<a href="https://smithandblake.myshopify.com/pages/corporate-gifting-pagelekcr">Corporate Gifts</a>
4589													</li><li class="footer__block-menu-link">
4590														<a href="https://smithandblake.myshopify.com/pages/faqs-page">FAQ’s</a>
4591													</li><li class="footer__block-menu-link">
4592														<a href="/blogs/articles">Blog</a>
4593													</li></ul></div></div><div class="footer__block footer__block--text " ><p class="footer__block-title">.</p><div class="footer__block-text" ><p><a href="https://www.smithandblake.com/pages/contact-us">Contact us</a></p><p>CONTACT NO.- +919870513555</p><p>EMAIL [email protected]</p></div></div></div></div>
4594	</div>
4595
4596	
4597<div class="footer-bottom">
4598		<div class="container">
4599			<div class="row">
4600
4601				<div class="footer-bottom__right"><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="disclosure--footer" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/blogs/articles" /></form><div class="footer__social">
4602    <ul class="social-links social-links--footer"><li>
4603                <a href="https://www.facebook.com/Smith-Blake-105271718783219" target="_blank" class="social-link" rel="noopener"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="532" height="1024" viewBox="0 0 532 1024" class="icon icon-facebook">
4604<path d="M531.692 169.853h-96.624c-75.697 0-89.849 36.313-89.849 88.615v116.316h180.303l-23.998 182.167h-156.304v467.049h-188.285v-467.075h-156.935v-182.167h156.935v-134.144c0-155.701 95.363-240.614 234.443-240.614 66.455 0 123.694 4.936 140.314 7.378v162.475z"></path>
4605</svg>
4606<span class="fallback-text">Facebook</span>
4607                </a>
4608            </li><li>
4609                <a href="https://www.instagram.com/smithandblake" target="_blank" class="social-link" rel="noopener"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024" class="icon icon-instagram">
4610<path d="M511.839 0.323c-139.008 0-156.438 0.589-211.031 3.080-54.479 2.485-91.687 11.138-124.243 23.792-33.658 13.078-62.202 30.58-90.659 59.034-28.455 28.457-45.956 57.001-59.034 90.659-12.654 32.557-21.307 69.764-23.792 124.243-2.491 54.593-3.080 72.023-3.080 211.031 0 139.006 0.589 156.436 3.080 211.029 2.485 54.479 11.138 91.687 23.792 124.243 13.078 33.658 30.58 62.202 59.034 90.659 28.457 28.455 57.001 45.956 90.659 59.036 32.557 12.652 69.764 21.305 124.243 23.79 54.593 2.491 72.023 3.080 211.031 3.080 139.006 0 156.436-0.589 211.029-3.080 54.479-2.485 91.687-11.138 124.243-23.79 33.658-13.080 62.202-30.582 90.659-59.036 28.455-28.457 45.956-57.001 59.036-90.659 12.652-32.557 21.305-69.764 23.79-124.243 2.491-54.593 3.080-72.023 3.080-211.029 0-139.008-0.589-156.438-3.080-211.031-2.485-54.479-11.138-91.687-23.79-124.243-13.080-33.658-30.582-62.202-59.036-90.659-28.457-28.455-
461057.001-45.956-90.659-59.034-32.557-12.654-69.764-21.307-124.243-23.792-54.593-2.491-72.023-3.080-211.029-3.080zM511.839 92.546c136.665 0 152.854 0.522 206.826 2.985 49.904 2.276 77.005 10.614 95.041 17.623 23.891 9.285 40.942 20.376 58.852 38.288 17.912 17.91 29.003 34.96 38.288 58.852 7.010 18.036 15.348 45.137 17.623 95.041 2.462 53.971 2.985 70.16 2.985 206.828 0 136.665-0.522 152.854-2.985 206.826-2.276 49.904-10.614 77.005-17.623 95.041-9.285 23.891-20.376 40.942-38.288 58.852-17.91 17.912-34.96 29.003-58.852 38.288-18.036 7.010-45.137 15.348-95.041 17.623-53.963 2.462-70.15 2.985-206.826 2.985-136.678 0-152.862-0.522-206.828-2.985-49.904-2.276-77.005-10.614-95.041-17.623-23.891-9.285-40.942-20.376-58.852-38.288-17.91-17.91-29.003-34.96-38.288-58.852-7.010-18.036-15.348-45.137-17.623-95.041-2.462-53.971-2.985-70.16-2.985-206.826s0.522-152.856 2.985-206.828c2.276-49.904 10.614-77.005 17.623-95.041 9.285-23.891 20.376-40.942 38.288-58.852 17.91-17.912 34.96-29.003 58.852-38.288 18.036-7.010 45.137-15.348 95.041-17.623 53.971-2.462 70.16-2.985 206.828-2.985zM512.001 684.823c-95.449 0-172.824-77.375-172.824-172.822 0-95.449 77.375-172.824 172.824-172.824 95.447 0 172.822 77.375 172.822 172.824 0 95.447-77.375 172.822-172.822 172.822zM512.001 245.76c-147.042 0-266.241 119.199-266.241 266.241 0 147.040 119.199 266.239 266.241 266.239 147.040 0 266.239-119.199 266.239-266.239 0-147.042-119.199-266.241-266.239-266.241zM860.16 225.281c0 33.933-27.508 61.439-61.441 61.439-33.931 0-61.439-27.506-61.439-61.439s27.508-61.441 61.439-61.441c33.933 0 61.441 27.508 61.441 61.441z"></path>
4611</svg><span class="fallback-text">Instagram</span>
4612                </a>
4613            </li>
4614            
4615<li>
4616	<a href="https://in.linkedin.com/company/smith-and-blake-official" target="_blank" class="social-link" rel="noopener">
4617		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
4618		<span class="fallback-text">LinkedIn</span>
4619	</a>
4620</li><li>
4621                <a href="https://youtube.com/channel/UCv6UsWAsMutx-CZkkMoxykA" target="_blank" class="social-link" rel="noopener"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024" class="icon icon-youtube">
4622<path d="M832 128h-640c-105.6 0-192 86.4-192 192v384c0 105.6 86.4 192 192 192h640c105.6 0 192-86.4 192-192v-384c0-105.6-86.4-192-192-192zM960 704c0 33.978-13.374 66.062-37.654 90.346-24.284 24.28-56.366 37.654-90.346 37.654h-640c-33.978 0-66.062-13.374-90.344-37.654-24.282-24.284-37.656-56.368-37.656-90.346v-384c0-33.978 13.374-66.062 37.656-90.344s56.366-37.656 90.344-37.656h640c33.978 0 66.062 13.374 90.346 37.656 24.282 24.282 37.654 56.366 37.654 90.344v384zM384 768l320-256-320-256z"></path>
4623</svg><span class="fallback-text">YouTube</span>
4624                </a>
4625            </li></ul>
4626</div><div class="footer__menu">
4627
4628
4629									<ul><li class="footer-link">
4630												<a href="https://www.smithandblake.com/pages/about-us">About us</a>
4631											</li><li class="footer-link">
4632												<a href="/pages/about-us">Core Values</a>
4633											</li><li class="footer-link">
4634												<a href="/pages/about-us">Craftsmanship</a>
4635											</li><li class="footer-link">
4636												<a href="/pages/about-us">Our Story</a>
4637											</li></ul>
4638								</div></div>
4639
4640				<div class="footer-bottom__left"><div class="footer__payment"></div><div class="footer__text">&copy; 2026, <a href="/" title="">Smith &amp; Blake</a></div>
4641                    <div><p>OGN BRANDS PVT LTD</p></div>
4642					<div class="footer__copyright">
4643						
4644					</div>
4645				</div>
4646
4647			</div>
4648		</div>
4649	</div>
4650</footer>
4651
4652
4653<style> #shopify-section-footer #NewsletterForm--newsletter {margin-top: 0px !important;} </style></div></div></div>
4653<script id="CartTemplate" type="text/x-template">
4654
4655<div class="cart-title cart-title--mobile">
4656	<h2>Shopping Cart</h2>
4657</div>
4658
4659<form action="/cart" method="post" class="cart-form">
4660	<div class="cart-table">
4661		<div class="cart-table-header med_hide">
4662			<div class="cart-table-row">
4663				<div class="cart-table-cell cart-table-cell--product">Product</div>
4664				<div class="cart-table-cell cart-table-cell--price">Price</div>
4665				<div class="cart-table-cell cart-table-cell--quantity">Quantity</div>
4666				<div class="cart-table-cell cart-table-cell--total">Total</div>
4667			</div>
4668		</div>
4669
4670		<div id="CartItems" class="cart-table-body">
4671			
4672				{{ @each (it.items) => val, index }}
4673				<div class="cart-table-row line-item" data-variant-id="{{ val.itemVariantId }}">
4674					<div class="cart-table-cell cart-table-cell--product">
4675						<div class="cart-product">
4676							<a class="cart-product__thumb" href="{{ val.url }}">
4677						        <div class="cart-product__thumb-img lazyload" data-bgset="{{ val.img }}" data-sizes="auto" data-parent-fit="contain"></div>
4678							</a>
4679
4680							<div class="cart-product__desc">
4681								<a href="{{ val.url }}" class="cart-product__title">{{ val.name }}</a>
4682								{{ @if (val.variation) }}
4683									<span class="cart-product__variant">{{ val.variation }}</span>
4684								{{ /if }}
4685							</div>
4686						</div>
4687					</div>
4688					<div class="cart-table-cell cart-table-cell--price">
4689						<div class="cart-product__price" data-price="{{ val.price }}">
4690							{{* val.priceFormatted }}
4691							{{ @if (val.unitPrice) }}
4692								<span class="product-unit-price">{{* val.unitPrice }}</span>
4693							{{ /if}}
4694						</div>
4695					</div>
4696					<div class="cart-table-cell cart-table-cell--quantity">
4697						<div class="cart-product__quantity">
4698							<div class="js-counter counter inputGroup">
4699								<input type="text" name="updates[]" id="updates_{{ val.id }}" class="inputCounter" value="{{ val.itemQty }}" />
4700								<button class="inputCounter__btn inputCounter__btn--down" type="button" aria-label="Decrease">{{* val.iconMinus }}</button>
4701								<button class="inputCounter__btn inputCounter__btn--up" type="button" aria-label="Increase">{{* val.iconPlus }}</button>
4702							</div>
4703						</div>
4704						<button type="button" class="cart-product__remove">Remove</button>
4705					</div>
4706
4707					<div class="cart-table-cell cart-table-cell--total med_hide">
4708						<div class="cart-product__total-price">{{* val.linePriceFormatted }}</div>
4709						{{* val.discounts }}
4710					</div>
4711				</div>
4712				{{ /each }}
4713			
4714		</div>
4715	</div>
4716
4717	<div class="checkout-buttons">
4718		<div class="cart-totals-table">
4719			<p class="cart-total-price">
4720				<span>Subtotal:</span>
4721				<span>{{* it.totalPrice }}</span>
4722			</p>
4723			{{* it.totalDiscounts }}
4724		</div><p class="cart-tax-info">Excluding taxes and shipping</p><div class="order-notes">
4725				<label class="order-notes__label" for="order-notes">Order notes</label>
4726				<textarea id="order-notes" class="order-notes__content" name="note"></textarea>
4727			</div><div class="cart__buttons-wrapper"><div class="cart__buttons" data-cart-buttons>
4728				<fieldset class="cart__button-fieldset" data-cart-buttons-fieldset>
4729					<button class="button cart__checkout" type="submit" name="checkout">Checkout</button></fieldset>
4730			</div><a href="#" class="js-continueShopping  button button--secondary">Continue Shopping</a></div>
4731	</div>
4732</form>
4733</script>
vendor: 1 bytes, line 4733
4733
4734<script src="//www.smithandblake.com/cdn/shop/t/38/assets/smk-sections.js?v=81848833711528186381726927611" defer="defer"></script>
4734
4735
4736
4737 
4738<input type="hidden" id="social-widget-shop-domain" value="smithandblake.myshopify.com">
4739
4740<script src=https://static-socialhead.cdnhub.co/social-widget/social-widget.min.js?v=2.1 defer></script>
4740
4741<link rel="stylesheet" href=https://static-socialhead.cdnhub.co/social-widget/social-widget.min.css?v=2.1 />
4742
4743
4744 
4745        
4745<script>
4746        var ai_shop=Shopify.shop;
4747        var ai_shopStatus=1;
4748        var ai_zoom_template='blog';
4749        var ai_zoom_gallerytype=2;
4750        var ai_zoom_gallerystyle=1;
4751        var ai_zoom_galleryArrowStyle=1;
4752        var ai_zoom_plnsts='ZMMagfree19';
4753        var bc_zoom_magnifier_js ='//www.smithandblake.com/cdn/shop/t/38/assets/hub_zoom_magnifier_gallery_js.json?v=10188'; 
4754        var ai_htmlzoommang='';
4755        var ai_ImageSize=''; 
4756              
4757        </script>
4757
4758
4759 
4759<script type='text/javascript'>
4760    var spzgrhsince_sts=2;
4761    if(spzgrhsince_sts == 1)
4762    {  
4763      var spzgrhsince_template='blog';
4764      
4765    }
4766  </script>
4766
4767
4768   <!-- "snippets/revy-bundle-script.liquid" was not rendered, the associated app was uninstalled -->
4769<script id="mex-app-theme-settings" type="text/template">{"has_cart_drawer":true,"cart_drawer_background":"#ffffff","cart_drawer_enabled":1,"theme_store_id":849,"preset_title":"Modular","preset":"modular","styles":".mex-cart-container{margin-top:10px}.mex-cart-container .coupon-box-preview button{padding:0}","maxWidth":"414","maxHeight":"46","fontSize":["14"],"textFieldBackgroundColor":"#ffffff","textFieldBorderColor":"#707070","textFieldBorderSize":1,"roundCorner":0,"buttonTextColor":"#ffffff","buttonBackgroundColor":"#8dcbe9","buttonBorderColor":"#8dcbe9","buttonBorderSize":1,"customStyles":null,"inject_pos":"Inside","hidden_els":"[\".cart-total-price\",\".cart-tax-info\"]","inject_el":".cart-totals-table","cart_drawer":{"theme_store_id":849,"preset_title":"Modular","preset":"modular","styles":".mex-cart-container{margin-top:10px}.mex-cart-container .coupon-box-preview button{padding:0}","maxWidth":"300","maxHeight":"46","fontSize":["14"],"textFieldBackgroundColor":"#ffffff","textFieldBorderColor":"#707070","textFieldBorderSize":1,"roundCorner":0,"buttonTextColor":"#ffffff","buttonBackgroundColor":"#8dcbe9","buttonBorderColor":"#8dcbe9","buttonBorderSize":1,"customStyles":null,"inject_pos":"Inside","hidden_els":"[\".cart-total-price\",\".cart-tax-info\"]","inject_el":".cart-totals-table"}}</script>
vendor: 1 bytes, line 4769
4769
4770<script id="mex-app-message-settings" type="text/template">{"title":"You have {D} coupon(s) here","seeMoreText":"Get them now","placeHolder":"Discount code","submitButtonText":"APPLY","errorMessageLabelText":"Something went wrong.","stackCouponEnabledNotification":"A discount has been added to this order. You can add another discount","subtotalLabelText":"Subtotal","discountValueLabelText":"Discount","freeshipLabelText":"FREE SHIPPING","totalLabelText":"Total","couponListCouponReminder":"Valid until {YYMMDD}","stackCouponMaxCouponsErrorText":"Sorry! Only {D} coupons can be combined for this order","stackCouponMaxDollarOffCouponsErrorText":"Sorry! Only {D} fixed amount coupons can be combined for this order","stackCouponMaxPercentOffCouponsErrorText":"Sorry! Only {D} percentage coupons can be combined for this order","preLoadingCouponListText":"Browse available coupons for you","couponListingTitle":"Coupons available for you!","noApplicableCouponsText":"Sorry, no applicable coupons at this time ;("}</script>
vendor: 1 bytes, line 4770
4770
4771<script id="mex-app-settings" type="text/template">{"id":610,"enabled":true,"default_theme":116836368539,"list_enabled":0,"list_toggle_reminder":1,"stack_enabled":0,"created_at":"2021-08-11T08:04:01.000000Z","updated_at":"2021-08-12T06:00:40.000000Z","stack_coupon_max_coupons":"10","stack_coupon_max_dollar_off_coupons":"5","stack_coupon_max_percent_off_coupons":"5","coupon_list_how_it_works_reminder":true,"stack_coupon_how_it_works_reminder":true,"change_theme_reminder":true}</script>
vendor: 1 bytes, line 4771
4771
4772<script id="mex-app-ab-test-settings" type="text/template">null</script>
vendor: 1 bytes, line 4772
4772
4773<script>
4774    window.mexCartFunction = function() {
4775  const appSettingsElement = document.getElementById('mex-app-settings');
4776  const appSettings = JSON.parse(appSettingsElement.innerHTML) || {};
4777  const urlParams = new URLSearchParams(window.location.search);
4778  appSettings.enabled = appSettings.enabled || (urlParams.get('mex-cart-debug') === 'true');
4779  if (appSettings.enabled) {
4780
4781    function deleteData(key) {
4782      sessionStorage.removeItem(key);
4783    }
4784
4785    function setData(key, value) {
4786      sessionStorage.setItem(key, value)
4787    }
4788
4789    function getData(key) {
4790      return sessionStorage.getItem(key);
4791    }
4792
4793    const stackParam = urlParams.get('mex-cart-stack'), listParam = urlParams.get('mex-cart-list');
4794    stackParam === 'true' && setData('mex_cart_stack_enabled', 'true');
4795    stackParam === 'false' && deleteData('mex_cart_stack_enabled');
4796    listParam === 'true' && setData('mex_cart_list_enabled', 'true');
4797    listParam === 'false' && deleteData('mex_cart_list_enabled');
4798
4799    const isEnabledStack = appSettings.stack_enabled || getData('mex_cart_stack_enabled') === 'true';
4800    const isListEnabled = appSettings.list_enabled || getData('mex_cart_list_enabled') === 'true';
4801
4802    (async function () {
4803
4804      function getCartJson() {
4805        const data = getData(`mex_cart_cart_data`);
4806        return data;
4807      }
4808
4809      function getCheckoutData() {
4810        const data = getData(`mex_cart_checkout_data`);
4811        return JSON.parse(data) || false;
4812      }
4813
4814      function clearData() {
4815        deleteData('applied_codes');
4816        deleteData('mex_cart_checkout_data');
4817      }
4818
4819      function isCheckoutComplete() {
4820        const t = Shopify?.Checkout;
4821        if (t && ("thank_you" === t.page || t.isOrderStatusPage) && (this.cookie.destroy("discount_code"))) {
4822          clearData();
4823          return true;
4824        }
4825        return false;
4826      }
4827
4828      function getUrl(url) {
4829        return `${url}?shop=smithandblake.myshopify.com`
4830      }
4831
4832      async function getShopifyCheckoutPage() {
4833        const response = await fetch(
4834          getUrl(`/checkout`),
4835          {
4836            method: 'get',
4837          });
4838        const text = await response.text();
4839        let parser = new DOMParser();
4840        return parser.parseFromString(text, 'text/html');
4841      }
4842      if (window.location.pathname === '/cart' && !window.mexCartLoaded) {
4843        window.mexCartLoaded = true;
4844        const coreFetch = window.fetch;
4845        const coreAjax = typeof jQuery !== 'undefined' ? jQuery.ajax : false;
4846        XMLHttpRequest.prototype.realSend = XMLHttpRequest.prototype.send;
4847        let isOverridedRequest = false;
4848        let defaultMoneyFormat = "Rs. {{amount_no_decimals}}";
4849        if (typeof (window.theme) === 'undefined') {
4850          window.theme = {};
4851        }
4852        if (!theme.Currency) {
4853          theme.Currency = (function () {
4854            var moneyFormat = "Rs. {{amount_no_decimals}}"; // eslint-disable-line camelcase
4855
4856            function formatMoney(cents, format) {
4857              if (typeof cents === 'string') {
4858                cents = cents.replace('.', '');
4859              }
4860              var value = '';
4861              var placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
4862              var formatString = format || moneyFormat;
4863			        formatString = formatString.length < 2 ? moneyFormat : formatString;
4864
4865              function formatWithDelimiters(number, precision, thousands, decimal) {
4866                thousands = thousands || ',';
4867                decimal = decimal || '.';
4868
4869                if (isNaN(number) || number === null) {
4870                  return 0;
4871                }
4872
4873                number = (number / 100.0).toFixed(precision);
4874
4875                var parts = number.split('.');
4876                var dollarsAmount = parts[0].replace(
4877                  /(\d)(?=(\d\d\d)+(?!\d))/g,
4878                  '$1' + thousands
4879                );
4880                var centsAmount = parts[1] ? decimal + parts[1] : '';
4881
4882                return dollarsAmount + centsAmount;
4883              }
4884
4885              const matches = formatString.match(placeholderRegex);
4886              const amountStr = matches && matches.length ? matches[1] : 'amount';
4887
4888              switch (amountStr) {
4889                case 'amount':
4890                  value = formatWithDelimiters(cents, 2);
4891                  break;
4892                case 'amount_no_decimals':
4893                  value = formatWithDelimiters(cents, 0);
4894                  break;
4895                case 'amount_with_comma_separator':
4896                  value = formatWithDelimiters(cents, 2, '.', ',');
4897                  break;
4898                case 'amount_no_decimals_with_comma_separator':
4899                  value = formatWithDelimiters(cents, 0, '.', ',');
4900                  break;
4901                case 'amount_no_decimals_with_space_separator':
4902                  value = formatWithDelimiters(cents, 0, ' ');
4903                  break;
4904                case 'amount_with_apostrophe_separator':
4905                  value = formatWithDelimiters(cents, 2, "'");
4906                  break;
4907              }
4908
4909              return formatString.replace(placeholderRegex, value);
4910            }
4911
4912            return {
4913              formatMoney: formatMoney
4914            };
4915          })();
4916        }
4917        const money = (amount) => theme.Currency.formatMoney(amount * 100, theme.moneyFormat || defaultMoneyFormat);
4918
4919        let availableCodes = [],
4920          current_checkout = null,
4921          discounted_checkout = null,
4922          shopify_checkout_token,
4923          shopifyCheckoutAuthorizationTokenQuery = 'shopify-checkout-authorization-token',
4924          shopify_checkout_authorization_token,
4925          presetElementQuery = 'mex-app-theme-settings',
4926          presetElement,
4927          messageSettingElementQuery = 'mex-app-message-settings',
4928          messageSettingElement,
4929          mexCartParentContainerElement;
4930        const iconCouponTypeRefMap = {
4931          'shipping': '#tags-shipping',
4932          'percentage': '#tags-percentage',
4933          'fixed_amount': '#tags-fixed',
4934        };
4935        presetElement = document.getElementById(presetElementQuery);
4936        messageSettingElement = document.getElementById(messageSettingElementQuery);
4937        const preset = presetElement ? (JSON.parse(presetElement.innerHTML) || {"has_cart_drawer":true,"cart_drawer_background":"#ffffff","cart_drawer_enabled":1,"theme_store_id":849,"preset_title":"Modular","preset":"modular","styles":".mex-cart-container{margin-top:10px}.mex-cart-container .coupon-box-preview button{padding:0}","maxWidth":"414","maxHeight":"46","fontSize":["14"],"textFieldBackgroun
4937dColor":"#ffffff","textFieldBorderColor":"#707070","textFieldBorderSize":1,"roundCorner":0,"buttonTextColor":"#ffffff","buttonBackgroundColor":"#8dcbe9","buttonBorderColor":"#8dcbe9","buttonBorderSize":1,"customStyles":null,"inject_pos":"Inside","hidden_els":"[\".cart-total-price\",\".cart-tax-info\"]","inject_el":".cart-totals-table","cart_drawer":{"theme_store_id":849,"preset_title":"Modular","preset":"modular","styles":".mex-cart-container{margin-top:10px}.mex-cart-container .coupon-box-preview button{padding:0}","maxWidth":"300","maxHeight":"46","fontSize":["14"],"textFieldBackgroundColor":"#ffffff","textFieldBorderColor":"#707070","textFieldBorderSize":1,"roundCorner":0,"buttonTextColor":"#ffffff","buttonBackgroundColor":"#8dcbe9","buttonBorderColor":"#8dcbe9","buttonBorderSize":1,"customStyles":null,"inject_pos":"Inside","hidden_els":"[\".cart-total-price\",\".cart-tax-info\"]","inject_el":".cart-totals-table"}}) : {"has_cart_drawer":true,"cart_drawer_background":"#ffffff","cart_drawer_enabled":1,"theme_store_id":849,"preset_title":"Modular","preset":"modular","styles":".mex-cart-container{margin-top:10px}.mex-cart-container .coupon-box-preview button{padding:0}","maxWidth":"414","maxHeight":"46","fontSize":["14"],"textFieldBackgroundColor":"#ffffff","textFieldBorderColor":"#707070","textFieldBorderSize":1,"roundCorner":0,"buttonTextColor":"#ffffff","buttonBackgroundColor":"#8dcbe9","buttonBorderColor":"#8dcbe9","buttonBorderSize":1,"customStyles":null,"inject_pos":"Inside","hidden_els":"[\".cart-total-price\",\".cart-tax-info\"]","inject_el":".cart-totals-table","cart_drawer":{"theme_store_id":849,"preset_title":"Modular","preset":"modular","styles":".mex-cart-container{margin-top:10px}.mex-cart-container .coupon-box-preview button{padding:0}","maxWidth":"300","maxHeight":"46","fontSize":["14"],"textFieldBackgroundColor":"#ffffff","textFieldBorderColor":"#707070","textFieldBorderSize":1,"roundCorner":0,"buttonTextColor":"#ffffff","buttonBackgroundColor":"#8dcbe9","buttonBorderColor":"#8dcbe9","buttonBorderSize":1,"customStyles":null,"inject_pos":"Inside","hidden_els":"[\".cart-total-price\",\".cart-tax-info\"]","inject_el":".cart-totals-table"}};
4938        const messageSetting = messageSettingElement
4939          ? (JSON.parse(messageSettingElement.innerHTML) || {"title":"You have {D} coupon(s) here","seeMoreText":"Get them now","placeHolder":"Discount code","submitButtonText":"APP
4939LY","errorMessageLabelText":"Something went wrong.","stackCouponEnabledNotification":"A discount has been added to this order. You can add another discount","subtotalLabelText":"Subtotal","discountValueLabelText":"Discount","freeshipLabelText":"FREE SHIPPING","totalLabelText":"Total","couponListCouponReminder":"Valid until {YYMMDD}","stackCouponMaxCouponsErrorText":"Sorry! Only {D} coupons can be combined for this order","stackCouponMaxDollarOffCouponsErrorText":"Sorry! Only {D} fixed amount coupons can be combined for this order","stackCouponMaxPercentOffCouponsErrorText":"Sorry! Only {D} percentage coupons can be combined for this order","preLoadingCouponListText":"Browse available coupons for you","couponListingTitle":"Coupons available for you!","noApplicableCouponsText":"Sorry, no applicable coupons at this time ;("}) : {"title":"You have {D} coupon(s) here","seeMoreText":"Get them now","placeHolder":"Discount code","submitButtonText":"APPLY","errorMessageLabelText":"Something went wrong.","stackCouponEnabledNotification":"A discount has been added to this order. You can add another discount","subtotalLabelText":"Subtotal","discountValueLabelText":"Discount","freeshipLabelText":"FREE SHIPPING","totalLabelText":"Total","couponListCouponReminder":"Valid until {YYMMDD}","stackCouponMaxCouponsErrorText":"Sorry! Only {D} coupons can be combined for this order","stackCouponMaxDollarOffCouponsErrorText":"Sorry! Only {D} fixed amount coupons can be combined for this order","stackCouponMaxPercentOffCouponsErrorText":"Sorry! Only {D} percentage coupons can be combined for this order","preLoadingCouponListText":"Browse available coupons for you","couponListingTitle":"Coupons available for you!","noApplicableCouponsText":"Sorry, no applicable coupons at this time ;("};
4940
4941        function setCurrentCheckout(checkout, checkout2) {
4942          current_checkout = checkout;
4943          discounted_checkout = checkout2;
4944        }
4945
4946        function setCurrentCodes(codes) {
4947          setData('applied_codes', JSON.stringify(codes));
4948        }
4949
4950        function getAppliedCodes() {
4951          const appliedCodes = getData('applied_codes');
4952          return JSON.parse(appliedCodes) || [];
4953        }
4954
4955        function setCheckoutData(data) {
4956          setData(`mex_cart_checkout_data`, JSON.stringify(data));
4957        }
4958
4959        function getAvailableCodes() {
4960          return availableCodes;
4961        }
4962
4963        function setAvailableCodes(codes) {
4964          availableCodes = codes;
4965        }
4966
4967        function getCookie(cname) {
4968          let name = cname + "=";
4969          let decodedCookie = decodeURIComponent(document.cookie);
4970          let ca = decodedCookie.split(';');
4971          for(let i = 0; i <ca.length; i++) {
4972            let c = ca[i];
4973            while (c.charAt(0) === ' ') {
4974              c = c.substring(1);
4975            }
4976            if (c.indexOf(name) === 0) {
4977              return c.substring(name.length, c.length);
4978            }
4979          }
4980          return "";
4981        }
4982
4983        const laravelApi = {
4984          async getDraftCheckout(token, codes = []) {
4985            const response = await fetch(
4986              getUrl(`https://mex-cart.herokuapp.com/api/checkout`),
4987              {
4988                method: 'post',
4989                headers: {
4990                  'Content-Type': 'application/json'
4991                },
4992                body: JSON.stringify({
4993                  checkout_token: token,
4994                  codes: codes
4995                })
4996              });
4997            return response.json();
4998          },
4999          async getAvailableCodes(checkout) {
5000            const response = await fetch(
5001              getUrl(`https://mex-cart.herokuapp.com/api/available-codes`),
5002              {
5003                method: 'post',
5004                headers: {
5005                  'Content-Type': 'application/json'
5006                },
5007                body: JSON.stringify({checkout: checkout})
5008              })
5009            return response.json();
5010          },
5011          async saveCountAnalytic(codes = [], additionalData = {}) {
5012            const response = await fetch(
5013              getUrl(`https://mex-cart.herokuapp.com/api/count-analytic`),
5014              {
5015                method: 'post',
5016                headers: {
5017                  'Content-Type': 'application/json'
5018                },
5019                body: JSON.stringify({
5020                  user_id: 610,
5021                  order_id: 0,
5022                  total_price: 0,
5023                  checkout_token: shopify_checkout_token,
5024                  cart_token: getCookie('cart'),
5025                  applied: codes.length,
5026                  stack_enabled: isEnabledStack,
5027                  list_enabled: isListEnabled,
5028                  ...additionalData
5029                })
5030              });
5031            return response.json();
5032          },
5033        };
5034        const shopifyApi = {
5035                    getShopifyCheckoutData() {
5036            return this.sendShopify(`https://mex-cart.herokuapp.com/api/checkouts/${shopify_checkout_token}`, false);
5037          },
5038          sendShopifyWalletsCheckout(payload) {
5039            return this.sendShopify(
5040              `https://mex-cart.herokuapp.com/api/checkouts/${shopify_checkout_token}`,
5041              payload,
5042              'put'
5043            )
5044          },
5045                    async sendShopify(url, payload, method = 'get') {
5046            if (payload) {
5047              const response = await fetch(
5048                getUrl(url),
5049                {
5050                  method,
5051                  headers: this.getHeaders(),
5052                  body: JSON.stringify(payload)
5053                });
5054              if (response.ok) {
5055                return response.json();
5056              } else {
5057                throw await response.json();
5058              }
5059            }
5060            const response = await fetch(
5061              `${url}?shop=${Shopify.shop}`,
5062              {
5063                method,
5064                headers: this.getHeaders(),
5065              });
5066            return response.json();
5067          },
5068          getHeaders() {
5069            return {
5070              'Accept': '*/*',
5071              'Cache-Control': 'max-age=0',
5072              'x-shopify-checkout-authorization-token': shopify_checkout_authorization_token,
5073              'Content-Type': 'application/json'
5074            }
5075          }
5076        };
5077
5078        const checkoutButtonQuery = `main input[type="submit"], main button.checkout, main button[type="submit"], input[type="submit"]#checkout`;
5079        const manualMexCartParentContainerClassName = 'mexapp-coupon-input';
5080        const mexCartParentContainerClassName = 'mex-cart-container-parent';
5081        const mexCartContainerClassName = 'mex-cart-container';
5082        const topMessageContainerClassName = 'coupon-list-message';
5083        const couponListBoxContainerClassName = 'popover-coupon-list';
5084        const couponListBoxModalContainerClassName = 'popover__menu';
5085        const couponListBoxModalContainerMaxWidth = '555px';
5086        const couponListBoxModalContentClassName = 'popover__menu-item';
5087        const couponListBoxModalLoadingClassName = 'coupon-list-loading';
5088        const couponListBoxModalEmptyClassName = 'coupon-list-empty';
5089        const couponListBoxModalContentItemClassName = 'coupon-list-item';
5090        const couponBoxContainerClassName = 'coupon-box-input-group';
5091        const appliedCouponContainerClassName = 'tags-list';
5092        const errorContainerClassName = 'mex-cart-errors';
5093        const orderSummaryClassName = 'order-summary__section';
5094
5095        const maxWidth = preset?.maxWidth || 414;
5096        const maxHeight = preset?.maxHeight || 46;
5097        const fontSize = Array.isArray(preset?.fontSize) ? preset?.fontSize[0]: 16;
5098        const buttonTextColor = preset?.buttonTextColor || 'rgba( 255, 255, 255, 1)';
5099        const buttonBackgroundColor = preset?.buttonBackgroundColor || 'rgba( 0, 0, 0, 1)';
5100        const buttonBorderColor = preset?.buttonBorderColor || 'rgba( 0, 0, 0, 1)';
5101        const buttonBorderSize = preset?.buttonBorderSize || 0;
5102        const roundCorner = preset?.roundCorner || 0;
5103        const textFieldBackgroundColor = preset?.textFieldBackgroundColor || 'rgba( 255, 255, 255, 1)';
5104        const textFieldBorderColor = preset?.textFieldBorderColor || 'rgba( 0, 0, 0, 1)';
5105        const textFieldBorderSize = preset?.textFieldBorderSize || 0;
5106        const textFieldColor = preset?.textFieldColor;
5107        const textFieldHeight = parseFloat(maxHeight) + (textFieldBorderSize * 2);
5108        const buttonHeight = parseFloat(maxHeight) + (buttonBorderSize * 2);
5109
5110        const globalStyleBox = {
5111          template: `
5112              @-webkit-keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes  rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.popover-coupon-list--dropdown{box-shadow:0 1px 1px 0 rgba(0,0,0,.05);border-radius:2px;background:#fff}.popover-coupon-list--dropdown{border:1px solid rgba(0,0,0,.09)}.popover-coupon-list--dropdown:after,.popover-coupon-list--dropdown:before{content:"";position:absolute;right:1rem}.popover-coupon-list--dropdown:after{border:.5rem solid transparent;border-bottom-color:#fff;top:-.9375rem;z-index:1}.popover-coupon-list--dropdown:before{border:.5rem solid transparent;border-bottom-color:rgba(0,0,0,.09);top:-1.0625rem;z-index:0}@-webkit-keyframes popover-enter-animation{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
5112to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes  popover-enter-animation{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes popover-hide-animation{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes  popover-hide-animation{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}._2-s53F{line-height:1rem;padding:0 1px;margin-right:.5em;color:#ee4d2d;border-radius:2px;font-size:.625rem;border:1px solid}.n510L4{padding:2px;border-radius:2px;background:#fff;margin-top:.625rem;width:11.25rem}._12a-8K{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}._12a-8K{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._12a-8K:hover{background-color:#f8f8f8}._18F8b{min-width:4rem;font-size:.875rem}._18F8b{height:1.75rem}._3E49Q_{font-size:14px;margin-top:1px;text-align:right}@supports ((position:-webkit-sticky) or (position:sticky)){.cart-page-footer{z-index:2;position:-webkit-sticky;position:sticky;bottom:0}}@supports  not ((position:-webkit-sticky) or (position:sticky)){.cart-page-footer--fixed{position:fixed;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;width:1200px}}.cart-voucher{padding:1rem 0 1rem 2.5rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid rgba(0,0,0,.09)}.cart-voucher__more{position:relative;z-index:0;margin:0 0 0 1.5rem}.cart-voucher__more .popover-coupon-list{width:36.25rem;margin:.625rem 0 0}.cart-voucher__more .popover-coupon-list:after,.cart-voucher__more .popover-coupon-list:before{display:none}@-webkit-keyframes movement{0%{-webkit-transform:translateY(2px);transform:translateY(2px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{-webkit-transform:translateY(2px);transform:translateY(2px)}}@keyframes  movement{0%{-webkit-transform:translateY(2px);transform:translateY(2px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{-webkit-transform:translateY(2px);transform:translateY(2px)}}@-webkit-keyframes placholderPulse{0%{background-color:#f4f4f4}50%{background-color:#f9f9f9}to{background-color:#f4f4f4}}@keyframes  placholderPulse{0%{background-color:#f4f4f4}50%{background-color:#f9f9f9}to{background-color:#f4f4f4}}._3RWzRj{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;height:1.25rem;-moz-box-sizing:border-box;box-sizing:border-box}.UQ9exi,._3RWzRj{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.UQ9exi{color:#fff;border-radius:.125rem;padding:0 .375rem;font-size:.75rem;font-weight:300;height:1.125rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-right:.25rem}._1zJ6xa{background:#ee4d2d}._2tHkAM{font-size:.75rem;line-height:.875rem;margin-top:.3125rem;color:rgba(0,0,0,.54)}._2VFlvK{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;margin-top:.25rem}._6i2hvK{color:#ff424f}._2a2S8T{text-transform:capitalize}._1hJ2z_{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.MUoVIu{margin:.3125rem .3125rem 0 0}.coupon-detail-text{color:#ff424f;font-weight:500}.coupon-list-item-head-label-container{width:7.375rem;height:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;
5112-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,right top,color-stop(0,transparent),color-stop(.1875rem,transparent),color-stop(.1875rem,#00bfa5));background:linear-gradient(90deg,transparent 0,transparent .1875rem,#00bfa5 0)}.coupon-list-item-head-label-container._1iydJL{background:-webkit-gradient(linear,left top,right top,color-stop(0,transparent),color-stop(.1875rem,transparent),color-stop(.1875rem,#bbb));background:linear-gradient(90deg,transparent 0,transparent .1875rem,#bbb 0)}._2sWznZ{position:absolute;top:.3125rem;left:0;width:.25rem;height:-webkit-calc(100% - .4375rem);height:calc(100% - .4375rem);background:radial-gradient(circle at 0,at .25rem,transparent 0,transparent .1875rem,#00bfa5 0);background:radial-gradient(circle at 0 .25rem,transparent 0,transparent .1875rem,#00bfa5 0);background-size:.25rem .625rem;background-repeat:repeat-y}._2sWznZ._1iydJL{background:radial-gradient(circle at 0,at .25rem,transparent 0,transparent .1875rem,#bbb 0);background:radial-gradient(circle at 0 .25rem,transparent 0,transparent .1875rem,#bbb 0);background-size:.25rem .625rem;background-repeat:repeat-y}._2sWznZ:before{content:"";position:absolute;top:-.3125rem;width:100%;height:.3125rem;background:#00bfa5;border-radius:.125rem 0 0 0}._2sWznZ._1iydJL:after,._2sWznZ._1iydJL:before{background:#bbb}._2sWznZ:after{content:"";position:absolute;bottom:-.125rem;left:0;width:100%;height:.125rem;background:#00bfa5;border-radius:0 0 0 .125rem}.${couponListBoxModalContentItemClassName}-head-label{color:#fff;font-size:1.25rem;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.375rem;text-align:center}._2v47GE{font-size:1rem}.coupon-list-item-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden;border-radius:.125rem;position:relative;overflow:visible}._2P-0kI{box-shadow:.125rem .125rem .3125rem rgba(0,0,0,.07);padding:0}.coupon-detail-container{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;min-width:0;height:-webkit-calc(100% - .125rem);height:calc(100% - .125rem);background:#fff;border-radius:0 .125rem .125rem 0;border:none}.RDyDWu{font-weight:500;color:rgba(0,0,0,.87);overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25rem;max-height:2.6875rem}._2Lt3au{vertical-align:middle}._3jjpWz{border-radius:.125rem;white-space:nowrap;max-width:100%;-moz-box-sizing:border-box;box-sizing:border-box;color:#ee4d2d;border:1px solid #ee4d2d}._2jATQN,._3jjpWz{overflow:hidden;text-overflow:ellipsis}._2jATQN{margin:0 .375rem;padding:.125rem 0;font-size:.75rem;line-height:.75rem;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}._3kGWPE{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.3125rem}._3kGWPE>div:first-of-type{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:.3125rem;max-width:80%}._3kGWPE>div:only-child{max-width:100%}._3ph5p2{-webkit-box-flex:1;-webkit-flex:auto 0 1;-moz-box-flex:1;-ms-flex:auto 0 1;flex:auto 0 1;overflow:hidden;text-overflow:ellipsis}._2_N79L{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes  rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}._1-gE0l{background:-webkit-gradient(linear,left top,right top,color-stop(0,transparent),color-stop(.25rem,transparent),color-stop(.187
51125rem,#26aa99));background:linear-gradient(90deg,transparent 0,transparent .25rem,#26aa99 0)}._2wK19O{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;max-width:100%;padding:0 1.25rem;min-width:0}._1Cu7ak{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.NMAmrk{width:1.125rem;height:1.125rem;border-radius:50%;border:1px solid rgba(0,0,0,.14);box-shadow:0 2px 0 0 rgba(0,0,0,.02);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.wRcF_u{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.${couponListBoxModalContentItemClassName}{width:100%;margin-bottom:.9375rem}._3nw1Fr{height:7.375rem;-moz-box-sizing:border-box;box-sizing:border-box}.${couponListBoxModalContentItemClassName}{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.Kval-z{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}._3oyFGc{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}._3oIRhI>a{color:#5a92e4}._2uiYRf{-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}._1wWPCU{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:1.125rem 1.25rem .625rem 0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}._1wbqVq{-webkit-transition:background 1s ease;transition:background 1s ease}._1wbqVq{background:#fff}._3jV8Fv{visibility:hidden}._3RWzRj{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;height:1.25rem;-moz-box-sizing:border-box;box-sizing:border-box}.UQ9exi,._3RWzRj{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.UQ9exi{color:#fff;border-radius:.125rem;padding:0 .375rem;font-size:.75rem;font-weight:300;height:1.125rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-right:.25rem}._1zJ6xa{background:#ee4d2d}._2tHkAM{font-size:.75rem;line-height:.875rem;margin-top:.3125rem;color:rgba(0,0,0,.54)}._2VFlvK{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;margin-top:.25rem}._6i2hvK{color:#ff424f}._2a2S8T{text-transform:capitalize}._1hJ2z_{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.MUoVIu{margin:.3125rem .3125rem 0 0}.coupon-detail-text{color:#ff424f;font-weight:500}.coupon-list-item-head-label-container{width:7.375rem;height:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;
5112-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,right top,color-stop(0,transparent),color-stop(.1875rem,transparent),color-stop(.1875rem,#00bfa5));background:linear-gradient(90deg,transparent 0,transparent .1875rem,#00bfa5 0)}.coupon-list-item-head-label-container._1iydJL{background:-webkit-gradient(linear,left top,right top,color-stop(0,transparent),color-stop(.1875rem,transparent),color-stop(.1875rem,#bbb));background:linear-gradient(90deg,transparent 0,transparent .1875rem,#bbb 0)}._2sWznZ{position:absolute;top:.3125rem;left:0;width:.25rem;height:-webkit-calc(100% - .4375rem);height:calc(100% - .4375rem);background:radial-gradient(circle at 0,at .25rem,transparent 0,transparent .1875rem,#00bfa5 0);background:radial-gradient(circle at 0 .25rem,transparent 0,transparent .1875rem,#00bfa5 0);background-size:.25rem .625rem;background-repeat:repeat-y}._2sWznZ._1iydJL{background:radial-gradient(circle at 0,at .25rem,transparent 0,transparent .1875rem,#bbb 0);background:radial-gradient(circle at 0 .25rem,transparent 0,transparent .1875rem,#bbb 0);background-size:.25rem .625rem;background-repeat:repeat-y}._2sWznZ:before{content:"";position:absolute;top:-.3125rem;width:100%;height:.3125rem;background:#00bfa5;border-radius:.125rem 0 0 0}._2sWznZ._1iydJL:after,._2sWznZ._1iydJL:before{background:#bbb}._2sWznZ:after{content:"";position:absolute;bottom:-.125rem;left:0;width:100%;height:.125rem;background:#00bfa5;border-radius:0 0 0 .125rem}.${couponListBoxModalContentItemClassName}-head-label{color:#fff;font-size:1.25rem;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.375rem;text-align:center}._2v47GE{font-size:1rem}.coupon-list-item-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden;border-radius:.125rem;position:relative;overflow:visible}._2P-0kI{box-shadow:.125rem .125rem .3125rem rgba(0,0,0,.07);padding:0}.coupon-detail-container{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;min-width:0;height:-webkit-calc(100% - .125rem);height:calc(100% - .125rem);background:#fff;border-radius:0 .125rem .125rem 0;border:none}.RDyDWu{font-weight:500;color:rgba(0,0,0,.87);overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25rem;max-height:2.6875rem}._2Lt3au{vertical-align:middle}._3jjpWz{border-radius:.125rem;white-space:nowrap;max-width:100%;-moz-box-sizing:border-box;box-sizing:border-box;color:#ee4d2d;border:1px solid #ee4d2d}._2jATQN,._3jjpWz{overflow:hidden;text-overflow:ellipsis}._2jATQN{margin:0 .375rem;padding:.125rem 0;font-size:.75rem;line-height:.75rem;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}._3kGWPE{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.3125rem}._3kGWPE>div:first-of-type{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:.3125rem;max-width:80%}._3kGWPE>div:only-child{max-width:100%}._3ph5p2{-webkit-box-flex:1;-webkit-flex:auto 0 1;-moz-box-flex:1;-ms-flex:auto 0 1;flex:auto 0 1;overflow:hidden;text-overflow:ellipsis}._2_N79L{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes  rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}._1-gE0l{background:-webkit-gradient(linear,left top,right top,color-stop(0,transparent),color-stop(.25rem,transparent),color-stop(.187
51125rem,#26aa99));background:linear-gradient(90deg,transparent 0,transparent .25rem,#26aa99 0)}.Q-gS48{width:34.375rem;height:31.625rem;background:#fff;padding:1.875rem}.coupon-list-title{font-size:1.25rem;color:#222;font-weight:400;margin:0 0 1.9375rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._3-k5qb{margin-top:.9375rem;width:100%;height:-webkit-calc(100% - 8.625rem);height:calc(100% - 8.625rem);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.${couponListBoxModalContentClassName}{display:block;margin-left:-.25rem;padding-left:.25rem;overflow-y:scroll;padding-right:1.25rem}.coupon-list-footer{margin:0;padding:0}.coupon-list-header-message{font-size:.875rem;color:rgba(0,0,0,.87);margin-bottom:.9375rem}.coupon-list-header-message span{color:#ee4d2d}
5113
5114              @keyframes  rotate{
5115                to{ transform: rotate(360deg); }
5116              }
5117              .${mexCartParentContainerClassName} {
5118                flex-direction: column;
5119              }
5120              .${mexCartContainerClassName} {
5121                margin-bottom: 20px;
5122                margin-top: 20px;
5123                display: flex;
5124                flex-direction: row;
5125                justify-content: flex-end;
5126              }
5127              .${mexCartContainerClassName} button:focus {
5128                outline: transparent;
5129              }
5130              .${mexCartContainerClassName} .mex-cart-btn--loading:after {
5131                  content: none;
5132              }
5133              .${mexCartContainerClassName} .coupon-box-preview {
5134                  max-width: ${maxWidth}px;
5135                  width: 100%;
5136                  font-size: ${fontSize}px;
5137              }
5138
5139              .${mexCartContainerClassName} .coupon-box-preview button:disabled {
5140                  opacity: 0.65;
5141              }
5142              .${mexCartContainerClassName} .coupon-box-preview .mex-cart-btn--loading .mex-cart-btn__spinner {
5143                  animation: rotate 0.5s linear infinite;
5144                  opacity: 1;
5145                  display: inline-block !important;
5146              }
5147              .${mexCartContainerClassName} .coupon-box-preview .mex-cart-btn__spinner {
5148                  top: 50%;
5149                  left: 50%;
5150                  transition: opacity 0.3s ease-in-out;
5151                  opacity: 0;
5152                  display: none !important;
5153              }
5154              .${mexCartContainerClassName} .coupon-box-preview .icon-svg {
5155                  display: inline-block;
5156                  vertical-align: middle;
5157                  fill: currentColor;
5158                  width: 20px;
5159                  height: 20px;
5160              }
5161              .${mexCartContainerClassName} .coupon-box-preview button.mex-cart-btn--loading span {
5162                  display: none;
5163              }
5164              .${mexCartContainerClassName} .coupon-box-preview button span {
5165                  display: inline;
5166              }
5167
5168              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} {
5169                  display: flex;
5170                  justify-content: flex-start;
5171                  align-items: center;
5172              }
5173              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .reduction-code__icon {
5174                  color: #717171;
5175                  fill: currentColor;
5176              }
5177              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} svg {
5178                  height: 20px;
5179                  width: 20px;
5180                  margin-right: 8px;
5181              }
5182              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} svg.limited-coupon {
5183                  width: 56px;
5184              }
5185              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} svg.best-value-coupon {
5186                  width: 73px;
5187              }
5188              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} p {
5189                  padding: 0;
5190                  margin: 0;
5191              }
5192              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} p a {
5193                  color: ${buttonBackgroundColor};
5194                  text-decoration: underline;
5195                  margin-left: 15px;
5196              }
5197              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .popover-coupon-list {
5198                display: inline-block;
5199                position: absolute;
5200              }
5201              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxModalContainerClassName} {
5202                z-index: 1001;
5203                border-radius: 4px;
5204                border-top: 1px solid rgba(175,175,175,0.34);
5205                list-style-type: none;
5206                margin: 8px 0;
5207                max-width: ${couponListBoxModalContainerMaxWidth};
5208                min-height: 401px;
5209                position: absolute;
5210                top: 10px;
5211                left: -280px;
5212                box-shadow: 0 2px 3px 0 rgba(63, 63, 68, 0.2);
5213                transition-property: transform, opacity;
5214                transition-duration: 200ms;
5215                transition-timing-function: ease;
5216                transform: scale(0.9);
5217                transform-origin: top left;
5218                display: none;
5219                opacity: 0;
5220                padding-right: 0.65em;
5221              }
5222              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxModalContainerClassName}:before {
5223                  border: .5rem solid transparent;
5224                  border-bottom-color: rgba(0,0,0,.09);
5225                  top: -1.0625rem;
5226                  z-index: 0;
5227                  content: "";
5228                  position: absolute;
5229                  right: 0.5rem;
5230              }
5231              .mobile .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxModalContainerClassName}:before {
5232                  content: none;
5233              }
5234              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxModalContainerClassName}:after {
5235                  border: .5rem solid transparent;
5236                  border-bottom-color: #fff;
5237                  top: -.9375rem;
5238                  z-index: 1;
5239                  content: "";
5240                  position: absolute;
5241                  right: 0.5rem;
5242              }
5243              .mobile .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxModalContainerClassName}:after {
5244                  content: none;
5245              }
5246              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxModalContainerClassName} h3 {
5247                  margin-bottom: 0em;
5248              }
5249              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxModalContainerClassName}-item {
5250                white-space: nowrap;
5251                height: calc(100% - 3.625rem);
5252              }
5253              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxModalContainerClassName}-item button {
5254                text-align: center;
5255                height: 46px;
5256                width: 86px;
5257                min-width: 86px;
5258                font-size: inherit;
5259                appearance: none;
5260                border: ${buttonBorderSize}px solid ${buttonBorderColor};
5261                border-radius: ${roundCorner}px;
5262                color: ${buttonTextColor};
5263                background-color: ${buttonBackgroundColor};
5264                padding: 0;
5265              }
5266              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxModalContainerClassName}-item button:disabled {
5267                  opacity: 0.65;
5268              }
5269              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .popover--active .${couponListBoxModalContainerClassName} {
5270                transform: scale(1);
5271                display: block;
5272                opacity: 1;
5273              }
5274              .mobile .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .popover--active .${couponListBoxModalContainerClassName} {
5275                left: 0;
5276                padding-left: 1em;
5277                bottom: 0;
5278                margin-bottom: 0;
5279                position: fixed;
5280                top: auto;
5281              }
5282              .mobile .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .popover--active .${couponListBoxModalContainerClassName}.scale {
5283                transform: scale(0.68);
5284                transform-origin: left bottom;
5285                height: 80vh;
5286              }
5287              .mobile .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .popover--active .${couponListBoxModalContainerClassName} .${couponListBoxModalContentClassName} {
5288                height: 100%;
5289                padding-right: 0.25rem;
5290              }
5291              .mobile .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .popover--active .${couponListBoxModalContainerClassName}.scale .${couponListBoxModalContentClassName} {
5292                height: 90%;
5293              }
5294              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .popover--active .${couponListBoxModalContainerClassName} .coupon-list-header-close-box {
5295                  position: absolute;
5296                  top: 2.275rem;
5297                  right: 0;
5298                  opacity: 0;
5299              }
5300              .mobile .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .popover--active .${couponListBoxModalContainerClassName} .coupon-list-header-close-box {
5301                opacity: 1;
5302              }
5303              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .md-overlay {
5304                position: fixed;
5305                width: 100%;
5306                height: 100%;
5307                visibility: hidden;
5308                top: 0;
5309                left: 0;
5310                z-index: 1000;
5311                opacity: 0;
5312                background: rgba(40, 43, 49, .8);
5313                -webkit-transition: all 0.3s;
5314                transition: all 0.3s;
5315              }
5316              .mobile .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .popover--active .${couponListBoxModalContainerClassName} ~ .md-overlay {
5317                opacity: 1;
5318                visibility: visible;
5319              }
5320              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} {
5321                text-align: left;
5322              }
5323              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName}:before, .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName}:after {
5324                content: none;
5325              }
5326              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} .${couponListBoxModalContentItemClassName} .coupon-list-item-inner {
5327                height: 7.77rem;
5328                border-radius: 0;
5329                border: solid 1px ${buttonBorderColor};
5330                border-left: none;
5331              }
5332              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} .${couponListBoxModalContentItemClassName} .coupon-list-item-inner .coupon-list-item-head-label-container {
5333                background: transparent;
5334                border-right: dotted 1px ${buttonBorderColor};
5335              }
5336              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} .coupon-detail-container {
5337                height: 100%;
5338              }
5339              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} .reduction-code__icon {
5340                  margin-top: 8px;
5341                  margin-right: 0.1428571429em;
5342              }
5343              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} button .mex-cart-btn__spinner {
5344                  margin-right: 0;
5345              }
5346              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} p {
5347                color: ${buttonBorderColor};
5348              }
5349              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} p.value {
5350                font-size: 1.7142857143em;
5351                font-weight: 500;
5352              }
5353              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} .coupon-detail-text {
5354                color: var(--color-body-text);
5355              }
5356              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} ._2WQCW5 {
5357                  width: .3125rem;
5358              }
5359              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} ._1ds64-._2Jjc-J {
5360                  background: radial-gradient(
5361                    circle at 0 .375rem,transparent 0,
5362                    transparent .1875rem,
5363                    ${buttonBorderColor},
5364                    ${buttonBorderColor} .25rem,
5365                    transparent 0
5366                  );
5367                  background-size: .25rem .625rem;
5368                  background-repeat: repeat-y;
5369              }
5370              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} ._1ds64- {
5371                  position: absolute;
5372                  top: 0;
5373                  left: 0;
5374                  width: .25rem;
5375                  height: 100%;
5376              }
5377              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} .mytS2m {
5378                  width: 1px;
5379                  background: repeating-linear-gradient(
5380                    ${buttonBorderColor},
5381                    ${buttonBorderColor} .1875rem,
5382                    transparent 0,
5383                    transparent .625rem
5384                  );
5385                  background-size: 1px .625rem;
5386              }
5387              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalContentClassName} ._2WQCW5, .mytS2m {
5388                  top: 0;
5389                  left: 0;
5390                  position: absolute;
5391                  height: 100%;
5392              }
5393
5394              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalEmptyClassName}  {
5395                  display: none;
5396                  color: var(--color-body-text);
5397                  background: transparent;
5398                  width: 100%;
5399                  height: 100%;
5400                  border: none;
5401              }
5402
5403              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalLoadingClassName}  {
5404                  color: ${buttonBorderColor};
5405                  background: transparent;
5406                  width: 100%;
5407                  height: 100%;
5408                  border: none;
5409              }
5410
5411              .${mexCartContainerClassName} .coupon-box-preview .${topMessageContainerClassName} .${couponListBoxContainerClassName} .${couponListBoxModalLoadingClassName} svg {
5412                  width: 25%;
5413                  height: 25%;
5414              }
5415
5416              .${mexCartContainerClassName} .coupon-box-preview .${couponBoxContainerClassName} {
5417                  width: 100%;
5418                  position: relative;
5419                  display: flex;
5420                  justify-content: space-between;
5421                  align-items: center;
5422                  margin-top: 10px;
5423              }
5424              .${mexCartContainerClassName} .coupon-box-preview .${couponBoxContainerClassName} input {
5425                  height: ${textFieldHeight}px;
5426                  width: calc(100% - 100px);
5427                  font-size: inherit;
5428                  padding: 11px 18px;
5429                  ${textFieldColor ? `color: ${textFieldColor}` : ''};
5430                  background-color: ${textFieldBackgroundColor};
5431                  border: ${textFieldBorderSize}px solid ${textFieldBorderColor};
5432                  border-radius: ${roundCorner}px;
5433                  margin-bottom: 0;
5434              }
5435              .${mexCartContainerClassName} .coupon-box-preview .${couponBoxContainerClassName} button {
5436                  height: ${buttonHeight}px;
5437                  width: 86px;
5438                  min-width: 86px;
5439                  font-size: inherit;
5440                  appearance: none;
5441                  border: ${buttonBorderSize}px solid ${buttonBorderColor};
5442                  border-radius: ${roundCorner}px;
5443                  color: ${buttonTextColor};
5444                  background-color: ${buttonBackgroundColor};
5445                  padding: 0;
5446              }
5447              ${preset.styles || ''}
5448              ${preset.customStyles || ''}
5449
5450              .${mexCartContainerClassName} .coupon-box-preview .${appliedCouponContainerClassName} {
5451                float: left;
5452                display: flex;
5453                flex-wrap: wrap;
5454              }
5455              .${mexCartContainerClassName} .coupon-box-preview .${appliedCouponContainerClassName} .tag {
5456                  display: flex;
5457                  border-radius: 4px;
5458                  background-color: rgba(113,113,113,0.11);
5459                  color: #717171;
5460                  font-size: 0.8571428571em;
5461                  line-height: 1.3em;
5462                  padding-left: 0.8571428571em;
5463                  padding-right: 0.8571428571em;
5464                  overflow: hidden;
5465                  margin-top: 0.8571428571em;
5466                  margin-right: 0.8571428571em;
5467                  height: 39px;
5468              }
5469              .${mexCartContainerClassName} .coupon-box-preview .${appliedCouponContainerClassName} .tag:last-child {margin-right: 0}
5470              .${mexCartContainerClassName} .${appliedCouponContainerClassName} .tag__wrapper {
5471                  display: flex;
5472                  align-items: center;
5473                  width: 100%;
5474              }
5475              .${mexCartContainerClassName} .coupon-box-preview .${appliedCouponContainerClassName} .tag__text {
5476                  color: #323232;
5477                  font-size: 1.1428571429em;
5478                  font-weight: 500;
5479                  overflow: hidden;
5480                  display: inline-block;
5481                  text-overflow: ellipsis;
5482                  white-space: nowrap;
5483              }
5484              .${mexCartContainerClassName} .coupon-box-preview .${appliedCouponContainerClassName} .reduction-code__icon {
5485                  margin-right: 0.1428571429em;
5486                  vertical-align: baseline;
5487                  width: 17.66px;
5488                  height: 11px;
5489                  display: inline-block;
5490                  color: #717171;
5491                  fill: currentColor;
5492              }
5493              .${mexCartContainerClassName} .coupon-box-preview .${appliedCouponContainerClassName} .reduction-code__text {
5494                  font-size: 15px;
5495                  color: #323232;
5496              }
5497              .${mexCartContainerClassName} .coupon-box-preview .${appliedCouponContainerClassName} .mex-cart-btn--loading .mex-cart-btn__remove {
5498                  opacity: 0;
5499                  display: none !important;
5500              }
5501              .${mexCartContainerClassName} .coupon-box-preview .${appliedCouponContainerClassName} .mex-cart-btn__remove {
5502                  opacity: 1;
5503                  display: inline-block !important;
5504              }
5505              .${mexCartContainerClassName} .coupon-box-preview .${appliedCouponContainerClassName} .tag__button {
5506                  margin-left: 0.8571428571em;
5507                  appearance: button;
5508                  cursor: pointer;
5509                  padding: 0;
5510                  appearance: none;
5511                  border: none;
5512                  background: transparent;
5513                  line-height: normal;
5514                  height: 18px;
5515                  min-height: 18px;
5516              }
5517              .${mexCartContainerClassName} .coupon-box-preview .${appliedCouponContainerClassName} .tag__button .icon-svg {
5518                  stroke: rgba(113,113,113,0.9);
5519                  width: 14px;
5520                  height: 18px;
5521                  display: block;
5522                  fill: currentColor;
5523                  vertical-align: middle;
5524              }
5525
5526              .${orderSummaryClassName} {
5527                  display: flex;
5528                  flex-direction: row;
5529                  justify-content: flex-end;
5530                  text-align: left;
5531                  margin-bottom: 10px;
5532              }
5533              .${orderSummaryClassName} td, .${orderSummaryClassName} th {
5534                  border: none !important;
5535                  background: transparent !important;
5536              }
5537              .${orderSummaryClassName} .total-line-table svg {
5538                  margin-right: 0.1428571429em;
5539                  vertical-align: baseline;
5540                  width: 17.66px;
5541                  height: 11px;
5542                  display: inline-block;
5543                  color: #717171;
5544                  fill: currentColor;
5545              }
5546              .${orderSummaryClassName} .total-line-table {
5547                  background: transparent !important;
5548                  border: none !important;
5549                  border-spacing: 0;
5550                  border-top: 1px solid rgba(175,175,175,0.34);
5551                  width: 100%;
5552                  max-width: ${maxWidth}px;
5553                  font-size: 1em;
5554              }
5555              .mobile .${orderSummaryClassName} .total-line-table {
5556                  width: 100%;
5557              }
5558              .${orderSummaryClassName} .total-line-table .mex-cart-btn--loading {
5559                  appearance: button;
5560                  cursor: pointer;
5561                  padding: 0;
5562                  appearance: none;
5563                  border: none;
5564                  background: transparent;
5565                  line-height: normal;
5566                  height: 18px;
5567                  min-height: 18px;
5568              }
5569              .${orderSummaryClassName} .total-line-table .mex-cart-btn--loading .mex-cart-btn__spinner {
5570                  height: 18px;
5571                  animation: rotate 0.5s linear infinite;
5572                  opacity: 1;
5573                  display: inline-block !important;
5574              }
5575              .${orderSummaryClassName} .total-line-table th {
5576                  text-transform: capitalize;
5577                  text-align: left;
5578              }
5579              .${orderSummaryClassName} .total-line-table td, .total-line-table th {
5580                  padding: 0;
5581                  padding-top: 0.75em;
5582                  line-height: 1.3em;
5583                  font-weight: normal;
5584                  font-size: 1em;
5585              }
5586              .${orderSummaryClassName} .total-line-table td:last-child, .total-line-table th:last-child {
5587                  text-align: right;
5588              }
5589              .${orderSummaryClassName} .total-line-table .visually-hidden{
5590                  display: none;
5591              }
5592              .${orderSummaryClassName} .total-line-table .total-line__name .reduction-code {
5593                  margin-left: 0.5714285714em;
5594              }
5595              .${orderSummaryClassName} .total-line-table .total-line-table__tbody+.total-line-table__footer .total-line:first-child th, .total-line-table__tbody+.total-line-table__footer .total-line:first-child td {
5596                  padding-top: 3em !important;
5597                  position: relative;
5598              }
5599              .${orderSummaryClassName} .total-line-table .total-line-table__tbody+.total-line-table__footer .total-line:first-child th::before, .total-line-table__tbody+.total-line-table__footer .total-line:first-child td::before  {
5600                  background-color:rgba(175,175,175,0.34);
5601              }
5602              .${orderSummaryClassName} .total-line-table .total-line-table__tbody+.total-line-table__footer .total-line:first-child th::before, .total-line-table__tbody+.total-line-table__footer .total-line:first-child td::before {
5603                  content: '';
5604                  position: absolute;
5605                  top: 1.5em;
5606                  left: 0;
5607                  width: 100%;
5608                  height: 1px;
5609              }
5610              .${orderSummaryClassName} .total-line-table .payment-due-label__total {
5611                  color: #323232;
5612              }
5613              .${orderSummaryClassName} .total-line-table .payment-due-label__total {
5614                  font-size: 1.1428571429em;
5615              }
5616              .${orderSummaryClassName} .total-line-table .payment-due__price {
5617                  color: #323232;
5618              }
5619              .${orderSummaryClassName} .total-line-table .payment-due__price {
5620                  font-size: 1.7142857143em;
5621                  font-weight: 500;
5622                  letter-spacing: -0.04em;
5623                  line-height: 1em;
5624              }
5625
5626
5627
5628          `,
5629          element: null,
5630          init() {
5631            this.element = document.createElement('style');
5632            this.element.innerHTML = this.template;
5633            document.body.appendChild(this.element);
5634            this.checkLayout();
5635            window.addEventListener('resize', () =>
5635 this.checkLayout());
5636            return this;
5637          },
5638          checkLayout() {
5639            if (!mexCartParentContainerElement) {
5640              return;
5641            }
5642            // resize
5643            if (window.innerWidth > 600) {
5644              return mexCartParentContainerElement.classList.toggle('mobile', false);
5645            }
5646            mexCartParentContainerElement.classList.toggle('mobile', true);
5647          }
5648        };
5649        const placeHolder = messageSetting.placeHolder || 'Discount code';
5650        const couponBox = {
5651          template: `
5652              <input type="text" id="checkout_reduction_code"
5653                  placeholder="${placeHolder}"
5654                  onkeypress="return (event.key !== 'Enter')"
5655                  onkeyup="window.mexCartBox.couponBox.onKeyUp(event)"/>
5656              <button type="button" onclick="window.mexCartBox.couponBox.applyCoupon()" disabled>
5657                    ${messageSetting.submitButtonText || 'Apply'}
5658                    <svg class="icon-svg mex-cart-btn__spinner" aria-hidden="true" focusable="false"><use xlink:href="#spinner-button"></use> </svg>
5659              </button>
5660            `,
5661          element: null,
5662          init() {
5663            this.element = document.createElement('DIV');
5664            this.element.setAttribute('class', couponBoxContainerClassName);
5665            this.element.innerHTML = this.template;
5666            const mexCartErrorContainer = document.getElementsByClassName(errorContainerClassName)[0];
5667            mexCartErrorContainer.parentNode.insertBefore(this.element, mexCartErrorContainer);
5668            return this;
5669          },
5670          async applyCoupon() {
5671            const inputElement = this.element.querySelector('input');
5672            const code = inputElement.value;
5673            if (!code || code === '') {
5674              return;
5675            }
5676            let applied_codes = getAppliedCodes();
5677            if (applied_codes.find(c => c.title === code)) {
5678              inputElement.value = '';
5679              return;
5680            }
5681            const buttonElement = this.element.querySelector('button');
5682            if (buttonElement.classList.contains('mex-cart-btn--loading')) {
5683              return;
5684            }
5685            buttonElement.classList.toggle('mex-cart-btn--loading', true);
5686            await mexCartBox.applyCoupon(code);
5687            inputElement.value = '';
5688            buttonElement.classList.toggle('mex-cart-btn--loading', false);
5689          },
5690          onKeyUp(event) {
5691            const value = event.target.value;
5692            if (event.key === 'Enter') {
5693              event.stopPropagation();
5694              event.preventDefault();
5695              return this.applyCoupon();
5696            }
5697            const buttonElement = this.element.querySelector('button');
5698            if (!value || !value.length) {
5699              return buttonElement.setAttribute('disabled', true);
5700            }
5701            buttonElement.removeAttribute('disabled');
5702          }
5703        };
5704        const appliedCouponBox = {
5705          template: ``,
5706          element: null,
5707          init() {
5708            this.element = document.createElement('DIV');
5709            this.element.setAttribute('class', appliedCouponContainerClassName);
5710            this.element.innerHTML = this.template;
5711            const mexCartErrorContainer = document.getElementsByClassName(errorContainerClassName)[0];
5712            mexCartErrorContainer.parentNode.append(this.element);
5713            this.displayAppliedCodes();
5714            return this;
5715          },
5716          async removeCoupon(code) {
5717            const buttonElement = this.element.querySelector(`button[code="${code}"]`);
5718            if (buttonElement.classList.contains('mex-cart-btn--loading')) {
5719              return;
5720            }
5721            buttonElement.classList.toggle('mex-cart-btn--loading', true);
5722            await mexCartBox.removeCoupon(code);
5723            buttonElement.classList.toggle('mex-cart-btn--loading', false);
5724          },
5725          displayAppliedCodes() {
5726            const codes = getAppliedCodes();
5727            if (!codes) {
5728              this.element.innerHTML = '';
5729              return;
5730            }
5731            let html = '';
5732            codes.forEach(coupon => {
5733              html += this.getAppliedCouponElement(coupon);
5734            });
5735            this.element.innerHTML = html;
5736          },
5737          getAppliedCouponElement(coupon) {
5738            const csvTagRef = iconCouponTypeRefMap[coupon.value_type] || '#tags-filled'
5739            return `
5740                <div class="tag">
5741                    <div class="tag__wrapper">
5742                        <span class="tag__text">
5743                        <span class="reduction-code">
5744                            <svg class="reduction-code__icon" aria-hidden="true" focusable="false"> <use xlink:href="${csvTagRef}"></use> </svg>
5745                            <span class="reduction-code__text">${coupon.title}</span>
5746                        </span>
5747                        </span>
5748                        <button type="button" class="tag__button"
5749                            code="${coupon.title}"
5750                            onclick="window.mexCartBox.appliedCouponBox.removeCoupon('${coupon.title}')">
5751                            <svg class="icon-svg mex-cart-btn__remove" aria-hidden="true" focusable="false">
5752                                <use xlink:href="#remove"></use>
5753                            </svg>
5754                            <svg class="icon-svg mex-cart-btn__spinner" aria-hidden="true" focusable="false"><use xlink:href="#spinner-button"></use> </svg>
5755                        </button>
5756                    </div>
5757                </div>
5758                        `;
5759          }
5760        };
5761        const couponListBox = {
5762          template: `
5763                <div class="${couponListBoxModalContainerClassName} Q-gS48" id="shopVouchersModal">
5764                  <h3 class="coupon-list-title">Coupons available for you!</h3>
5765                  <div class="coupon-list-header-message"> </div>
5766                  <div class="${couponListBoxModalContentClassName} _3-k5qb">
5767                    <button type="button" class="${couponListBoxModalLoadingClassName} mex-cart-btn--loading">
5768                      <svg class="icon-svg mex-cart-btn__spinner" aria-hidden="true" focusable="false">
5769                          <use xlink:href="#spinner-button"></use>
5770                      </svg>
5771                    </button>
5772                    <button type="button" class="${couponListBoxModalEmptyClassName}">
5773                      Sorry, no applicable coupons at this time : (
5774                    </button>
5775                    <ul class="coupon-list-footer"></ul>
5776                  </div>
5777                  <div class="coupon-list-header-close-box"
5778                      onclick="window.mexCartBox.couponListBox.close()"
5779                      >
5780                      <svg aria-hidden="true" focusable="false">
5781                          <use xlink:href="#close-modal"></use>
5782                      </svg>
5783                    </div>
5784                </div>
5785                <div class="md-overlay"></div>
5786              `,
5787          element: null,
5788          modalContainerElement: null,
5789          contentElement: null,
5790          loadingElement: null,
5791          emptyElement: null,
5792          noteElement: null,
5793          isOpen: false,
5794          init() {
5795            this.element = document.createElement('div');
5796            this.element.setAttribute('class', `${couponListBoxContainerClassName}`);
5797            this.element.innerHTML = this.template;
5798            const topMessageElement = document.querySelector(`.${topMessageContainerClassName} p`);
5799            topMessageElement.parentNode.insertBefore(this.element, topMessageElement);
5800            this.modalContainerElement = this.element.querySelector(`.${couponListBoxModalContainerClassName}`);
5801            this.contentElement = this.element.querySelector(`.${couponListBoxModalContentClassName}`);
5802            this.loadingElement = this.element.querySelector(`.${couponListBoxModalLoadingClassName}`);
5803            this.emptyElement = this.element.querySelector(`.${couponListBoxModalEmptyClassName}`);
5804            this.noteElement = this.element.querySelector('.coupon-list-header-message');
5805            this.setupEvents();
5806            this.checkLayout();
5807            return this;
5808          },
5809          checkLayout() {
5810            this.contentElement.scrollTo(0, 0);
5811            // resize
5812            if (window.innerWidth > 600) {
5813              this.modalContainerElement.classList.toggle('scale', false);
5814              this.modalContainerElement.style.minWidth = couponListBoxModalContainerMaxWidth;
5815              return;
5816            }
5817            const contentWidth = this.modalContainerElement.clientWidth;
5818            if (contentWidth > window.innerWidth) {
5819              this.modalContainerElement.classList.toggle('scale', true);
5820              const scale = window.innerWidth / contentWidth;
5821              this.modalContainerElement.style.transform = `scale(${scale})`;
5822            }
5823            this.modalContainerElement.style.minWidth = `${window.innerWidth}px`;
5824          },
5825          getCouponElement(coupon, isDisabled) {
5826            const newElement = document.createElement('DIV');
5827            newElement.setAttribute('class', couponListBoxModalContentItemClassName);
5828            const tagIcon = this.getCouponTagIcon(coupon);
5829            const specialTag = this.getCouponSpecialTag(coupon);
5830            const valueLabel = this.getCouponValueLabel(coupon);
5831            newElement.innerHTML = `
5832                <div class="coupon-list-item-inner _3nw1Fr _2P-0kI">
5833                      <div class="coupon-list-item-head-label-container _1iydJL">
5834                        <div class="coupon-list-item-head-label _2v47GE">${valueLabel}</div>
5835                        <div class="_2WQCW5"><div class="_1ds64- _2Jjc-J"><div class="mytS2m"></div></div></div>
5836                      </div>
5837                      <div class="coupon-detail-container Kval-z _1wbqVq qDHCwK">
5838                        <div class="_2wK19O _1Cu7ak">
5839                          <div class="RDyDWu">
5840                            <div class="_3RWzRj">
5841                              <svg class="reduction-code__icon" aria-hidden="true" focusable="false"> <use xlink:href="${tagIcon}"></use> </svg>
5842                            </div>
5843                            <span class="_2Lt3au">${coupon.code}</span>
5844                            ${specialTag}
5845                          </div>
5846                          <span class="MUoVIu _2tHkAM _1hJ2z_">
5847                            <div class="_2VFlvK">
5848                                <span class="coupon-detail-text">${coupon.rule.summary || ''}</span>
5849                            </div>
5850                          </span>
5851                          ${this.getDateDetail(coupon)}
5852                        </div>
5853                        <div class="_3oyFGc _2uiYRf _1wWPCU">
5854                          <div class="wRcF_u _3jV8Fv">
5855                            <div class="NMAmrk"></div>
5856                          </div>
5857                          <div class="_3oIRhI"><button
5858                            code="${coupon.code}"
5859                            ${isDisabled ? 'disabled' : ''}
5860                            onclick="window.mexCartBox.couponListBox.applyCoupon(event, '${coupon.code}')"
5861                            >
5862                                ${messageSetting.submitButtonText || 'Apply'}
5863                                <svg class="icon-svg mex-cart-btn__spinner" aria-hidden="true" focusable="false"><use xlink:href="#spinner-button"></use> </svg>
5864                            </button></div>
5865                        </div>
5866                      </div>
5867                    </div>
5868              `;
5869            return newElement;
5870          },
5871          getDateDetail(coupon) {
5872            if (!coupon.rule.ends_at) {
5873              return `
5874                <span class="MUoVIu _2tHkAM _1hJ2z_">
5875                  <div class="_2VFlvK">
5876                  </div>
5877                </span>
5878                `;
5879            }
5880            const countDownDate = (new Date(coupon.rule.ends_at)).getTime();
5881            const now = new Date().getTime();
5882            const timeleft = countDownDate - now;
5883
5884            const days = Math.floor(timeleft / (1000 * 60 * 60 * 24));
5885            const hours = Math.floor((timeleft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
5886            // const minutes = Math.floor((timeleft % (1000 * 60 * 60)) / (1000 * 60));
5887            // const seconds = Math.floor((timeleft % (1000 * 60)) / 1000);
5888            return `
5889                <span class="MUoVIu _2tHkAM _1hJ2z_">
5890                  <div class="_2VFlvK">
5891                      <span class="coupon-detail-text">
5892                        Time Remaining: ${days} ${days > 1 ? 'days' : 'day'} ${hours} ${hours > 1 ? 'hours' : 'hour'}</span>
5893                  </div>
5894                </span>
5895                `;
5896          },
5897          async applyCoupon(event, code) {
5898            event.preventDefault();
5899            const buttonElements = this.contentElement.querySelectorAll(`button`);
5900            buttonElements.forEach(e => e.setAttribute('disabled', true));
5901            const buttonElement = this.contentElement.querySelector(`button[code="${code}"]`);
5902            buttonElement.removeAttribute('disabled');
5903            if (buttonElement.classList.contains('mex-cart-btn--loading')) {
5904              return;
5905            }
5906            buttonElement.classList.toggle('mex-cart-btn--loading', true);
5907            await mexCartBox.applyCoupon(code);
5908            buttonElements.forEach(e => e.removeAttribute('disabled'));
5909            buttonElement.classList.toggle('mex-cart-btn--loading', false);
5910            this.close();
5911          },
5912          update(codes) {
5913            this.removeAllDiscountRows();
5914            this.addDiscountRows(codes);
5915          },
5916          close() {
5917            this.isOpen = false;
5918            this.element.classList.toggle('popover--active', false);
5919            if (getAvailableCodes().length) {
5920              return;
5921            }
5922            mexCartBox.topMessageContainerElement.style.display = 'none';
5923          },
5924          async show() {
5925            this.isOpen = true;
5926            this.element.classList.toggle('popover--active', true);
5927            // this.loadingElement.style.display = 'inline-flex';
5928            this.checkLayout();
5929            // this.removeAllDiscountRows();
5930            // const checkoutData = getCheckoutData().checkout;
5931            // await mexCartBox.checkAvailableCodes(checkoutData);
5932            // this.loadingElement.style.display = 'none';
5933            // const codes = getAvailableCodes();
5934            // this.addDiscountRows(codes);
5935          },
5936          removeAllDiscountRows() {
5937            const couponElements = this.contentElement.querySelectorAll(`.${couponListBoxModalContentItemClassName}`);
5938            if (couponElements) {
5939              couponElements.forEach(e => e.remove());
5940            }
5941          },
5942          addDiscountRows(codes) {
5943            const codeList = codes
5944              .map((coupon, index, list) => {
5945                coupon.isBest = this.isBest(coupon, list);
5946                coupon.isLimited = coupon.rule.usage_limit;
5947                return coupon;
5948              })
5949              .sort((a, b) => {
5950                if ((a.isBest === b.isBest) && (a.rule.usage_limit === b.rule.usage_limit)) {
5951                  return 0;
5952                }
5953                if (a.isBest) {
5954                  return -1;
5955                }
5956                if (b.isBest) {
5957                  return 1;
5958                }
5959                return a.rule.usage_limit - b.rule.usage_limit
5960              });
5961            const footerElement = this.contentElement.querySelector('.coupon-list-footer');
5962            const appliedCoupons = getAppliedCodes();
5963            codeList.forEach(coupon => {
5964              const isDisabled = appliedCoupons.find(used => used.title === coupon.code);
5965              this.contentElement.insertBefore(this.getCouponElement(coupon, isDisabled), footerElement);
5966            });
5967          },
5968          getCouponTagIcon(coupon) {
5969            if (coupon.rule.target_type !== 'shipping_line') {
5970              return iconCouponTypeRefMap[coupon.rule.value_type] || '#tags-filled';
5971            }
5972            return iconCouponTypeRefMap['shipping'];
5973          },
5974          getCouponSpecialTag(coupon) {
5975            let result = '';
5976            if (coupon.isBest) {
5977              result += this.getCouponSpecialTagTemplate('best-value-coupon');
5978            }
5979            if (coupon.rule.usage_limit) {
5980              result += this.getCouponSpecialTagTemplate('limited-coupon');
5981            }
5982            if (result) {
5983              return `
5984                    <div class="_3RWzRj">${result}</div>
5985                `
5986            }
5987            return result;
5988          },
5989          getCouponSpecialTagTemplate(icon) {
5990            return `
5991                      <svg aria-hidden="true" focusable="false" class="${icon}">
5992                        <use xlink:href="#${icon}"></use>
5993                      </svg>
5994                  `;
5995          },
5996          isBest(coupon, list) {
5997            if (coupon.rule.target_type === 'shipping_line') {
5998              return false;
5999            }
6000            const subtotal = totalBox.subtotal;
6001            let best = Math.abs(coupon.rule.value_type === 'percentage' ? (coupon.rule.value * 0.01 * subtotal) : (coupon.rule.value * 1));
6002            const greaterItems = list.filter(item => {
6003              if (item.id === coupon.id) {
6004                return false;
6005              }
6006              if (item.rule.target_type === 'shipping_line') {
6007                return false;
6008              }
6009              let discount = Math.abs(item.rule.value_type === 'percentage' ? (item.rule.value * 0.01 * subtotal) : (item.rule.value * 1));
6010              return discount > best;
6011            })
6012            return !greaterItems.length;
6013          },
6014          getCouponValueLabel(coupon) {
6015            const value = Math.abs(coupon.rule.value);
6016            const template = `<p>${messageSetting.discountValueLabelText || 'DISCOUNT'}</p><p class="value">{VALUE}</p>`;
6017            if (coupon.rule.target_type !== 'shipping_line') {
6018              if (coupon.rule.value_type === 'percentage') {
6019                if (coupon.rule.target_selection === 'entitled' && value === 100) {
6020                  return `<p>FREE</p><p>ITEM</p>`;
6021                }
6022                return template.replace('{VALUE}', `${value}%`);
6023              }
6024              return template.replace('{VALUE}', money(value));
6025            }
6026            if (coupon.rule.value_type !== 'percentage') {
6027              return template.replace('{VALUE}', money(value));
6028            }
6029            if (value >= 100) {
6030              if (!messageSetting.freeshipLabelText) {
6031                return `<p>FREE</p><p>SHIPPING</p>`;
6032              }
6033              return messageSetting.freeshipLabelText.split(' ').map(word => `<p>${word}</p>`).join(' ');
6034            }
6035            return template.replace('{VALUE}', `${value}%`);
6036          },
6037          setupEvents() {
6038            window.addEventListener('click', (e) => {
6039              // Clicked inside the box
6040              if (this.element.contains(e.target)) {
6041                return;
6042              }
6043              // Clicked trigger button
6044              const triggerButton = mexCartBox.topMessageElement.querySelector('a');
6045              if (!triggerButton) {
6046                return;
6047              }
6048              if (triggerButton.contains(e.target)) {
6049                return;
6050              }
6051              //Clicked outside the box
6052              if (this.isOpen) {
6053                this.close();
6054              }
6055            });
6056            window.addEventListener('resize', () =>
6056 this.checkLayout());
6057          }
6058        }
6059        const totalBox = {
6060          element: null,
6061          subtotalElement: null,
6062          taxElement: null,
6063          totalElement: null,
6064          shippingElement: null,
6065          subtotal: 0,
6066          subtotalElementQuery: 'data-checkout-subtotal-price-target',
6067          shippingFeeElementQuery: 'data-checkout-total-shipping-target',
6068          taxesElementQuery: 'data-checkout-total-taxes-target',
6069          totalElementQuery: 'data-checkout-payment-due-target',
6070          template: ``,
6071          init() {
6072            this.element = document.createElement('div');
6073            this.element.setAttribute('class', orderSummaryClassName);
6074            this.element.classList.add('order-summary__section--total-lines');
6075            this.element.innerHTML = this.getTemplate();
6076            const mexCartContainerEl = document.querySelector(`.${mexCartContainerClassName}`);
6077            mexCartContainerEl.parentNode.insertBefore(this.element, mexCartContainerEl.nextSibling);
6078            this.addCheckoutButtons();
6079            this.subtotalElement = this.element.querySelector(`[${this.subtotalElementQuery}]`);
6080            this.taxElement = this.element.querySelector(`[${this.taxesElementQuery}]`);
6081            this.totalElement = this.element.querySelector(`[${this.totalElementQuery}]`);
6082            this.shippingElement = this.element.querySelector(`[${this.shippingFeeElementQuery}]`);
6083            return this;
6084          },
6085          addCheckoutButtons() {
6086            const {inject_el, checkout_el} = preset;
6087            if (inject_el && !checkout_el) {
6088              return;
6089            }
6090            const query = checkout_el || checkoutButtonQuery;
6091            const buttonCheckouts = document.querySelectorAll(query);
6092            if (!buttonCheckouts.length) {
6093              return;
6094            }
6095            const tfoot = this.element.querySelector('tfoot');
6096            const newRow = tfoot.insertRow(1);
6097            let content = '';
6098            buttonCheckouts.forEach(element => {
6099              element.setAttribute('formnovalidate', true);
6100              const buttonParentElement = element.parentNode;
6101              if (buttonParentElement.querySelector(`.${mexCartContainerClassName}`)) {
6102                content += element.outerHTML;
6103                element.style.display = 'none';
6104                return;
6105              }
6106              content += buttonParentElement.innerHTML;
6107              buttonParentElement.style.display = 'none';
6108            });
6109            newRow.innerHTML = `<td colspan="2">${content}</td>`;
6110          },
6111          update({
6112                  total_line_items_price,
6113                  shipping_rate,
6114                  total_tax,
6115                  payment_due,
6116                  applied_discount,
6117                }) {
6118            // update value
6119            this.subtotal = total_line_items_price;
6120            this.subtotalElement.innerHTML = money(parseFloat(total_line_items_price));
6121            this.shippingElement.innerHTML = money(parseFloat(shipping_rate));
6122            this.taxElement.innerHTML = money(parseFloat(total_tax));
6123            this.totalElement.innerHTML = money(parseFloat(payment_due));
6124            // hidden if needed
6125            this.taxElement.parentNode.parentNode.style.display = (total_tax > 0) ? 'table-row' : 'none';
6126            this.shippingElement.parentNode.parentNode.style.display = shipping_rate > 0 ? 'table-row' : 'none';
6127
6128            this.displayDiscountRows();
6129
6130            return this.currencyDisplayIntegration()
6131          },
6132          displayDiscountRows() {
6133            const codes = getAppliedCodes();
6134            this.removeAllDiscountRows();
6135            this.addDiscountRows(codes);
6136          },
6137          removeAllDiscountRows() {
6138            const reductionCodeElements = this.element.querySelectorAll('.total-line-table .total-line--reduction');
6139            if (reductionCodeElements) {
6140              reductionCodeElements.forEach(e => e.remove());
6141            }
6142          },
6143          addDiscountRows(coupons) {
6144            const table = this.element.querySelector('.total-line-table');
6145            let indexToInsert = 2;
6146            coupons.forEach(c => {
6147              const newRow = table.insertRow(indexToInsert);
6148              indexToInsert++;
6149              newRow.setAttribute('class', 'total-line total-line--reduction');
6150              newRow.setAttribute('data-discount-type', c.value_type);
6151              newRow.innerHTML = this.makeDiscountRow(c);
6152            });
6153          },
6154          hasFreeShippingCoupon() {
6155            const coupons = getAppliedCodes();
6156            return !!coupons.find(c => {
6157              return c.value_type === 'shipping';
6158            });
6159          },
6160          makeDiscountRow(coupon) {
6161            const csvTagRef = iconCouponTypeRefMap[coupon.value_type] || '#tags-filled';
6162            const label = messageSetting.discountValueLabelText || 'Discount';
6163            let value = '';
6164            let prefix = '';
6165            let valueElClasses = '';
6166            if (coupon.value_type.startsWith('shipping')) {
6167              value = messageSetting.freeshipLabelText || 'FREE SHIPPING';
6168            } else {
6169              value = money(parseFloat(coupon.amount));
6170              prefix = '-';
6171              valueElClasses += ' money';
6172            }
6173            return `
6174                    <th class="total-line__name" scope="row">
6175                      <span>${label}</span>
6176                      <span class="reduction-code">
6177                        <svg class="reduction-code__icon" aria-hidden="true" focusable="false"> <use xlink:href="${csvTagRef}"></use> </svg>
6178                        <span class="reduction-code__text">${coupon.title}</span>
6179                      </span>
6180                    </th>
6181                    <td class="total-line__price">${prefix}
6182                      <span class="${valueElClasses}" aria-hidden="true">
6183                        ${value}
6184                      </span>
6185                    </td>
6186                  `;
6187          },
6188          makeLoadingElement() {
6189            return `<button type="button" class="mex-cart-btn--loading">
6190                        <svg class="icon-svg mex-cart-btn__spinner" aria-hidden="true" focusable="false">
6191                            <use xlink:href="#spinner-button"></use>
6192                        </svg>
6193                      </button>
6194              `;
6195          },
6196          currencyDisplayIntegration() {
6197            if (typeof (window.Currency) === 'undefined' || !window.Currency.currentCurrency) {
6198              return;
6199            }
6200            this.totalElement.classList.toggle('money', true);
6201            this.subtotalElement.classList.toggle('money', true);
6202            this.taxElement.classList.toggle('money', true);
6203            const query = `.${orderSummaryClassName} span.money`;
6204            document.querySelectorAll(query).forEach(el => {
6205              el.removeAttribute('data-currency');
6206              el.removeAttribute(`data-currency-${Currency.currentCurrency.toLowerCase()}`);
6207            });
6208            Currency.convertAll(Shopify.currency.active, Currency.currentCurrency, query);
6209          },
6210          getTemplate() {
6211            return `
6212              <table class="total-line-table">
6213                <thead>
6214                  <tr>
6215                  </tr>
6216                </thead>
6217                <tbody class="total-line-table__tbody">
6218                  <tr class="total-line total-line--subtotal">
6219                  <th class="total-line__name" scope="row">${messageSetting?.subtotalLabelText || 'Subtotal'}</th>
6220                  <td class="total-line__price">
6221                    <span class="" data-checkout-subtotal-price-target>
6222              			  ${money(parseFloat(0.0))}
6223                    </span>
6224                  </td>
6225                </tr>
6226                <tr class="total-line total-line--shipping" style="display: none">
6227                  <th class="total-line__name" scope="row"><span>Shipping</span></th>
6228                  <td class="total-line__price">
6229                    <span class="skeleton-while-loading order-summary__small-text"
6230                      data-checkout-total-shipping-target>${this.makeLoadingElement()}</span>
6231                  </td>
6232                </tr>
6233                <tr class="total-line total-line--taxes" style="display: none" data-checkout-taxes>
6234                  <th class="total-line__name" scope="row">Taxes (estimated)</th>
6235                  <td class="total-line__price">
6236                    <span class="" data-checkout-total-taxes-target>${this.makeLoadingElement()}</span>
6237                  </td>
6238                </tr>
6239                </tbody>
6240                <tfoot class="total-line-table__footer">
6241                  <tr class="total-line">
6242                    <th class="total-line__name payment-due-label" scope="row">
6243                      <span class="payment-due-label__total">${messageSetting?.totalLabelText || 'Total'}</span>
6244                    </th>
6245                    <td class="total-line__price payment-due">
6246                      <span class="payment-due__price" data-checkout-payment-due-target>
6247              			    ${money(parseFloat(0.0))}
6248  					          </span>
6249                    </td>
6250                  </tr>
6251                </tfoot>
6252              </table>
6253              `
6254          }
6255        };
6256
6257        const mexCartBox = {
6258          template: `
6259            <div class="coupon-box-preview text-left">
6260                <div id="partial-icon-symbols" class="icon-symbols" data-tg-refresh="partial-icon-symbols" data-tg-refresh-always="true" style="display: none">
6261                    <svg xmlns="http://www.w3.org/2000/svg">
6262                        <symbol id="tags-shipping">
6263                          <svg width="19px" height="12px" viewBox="0 0 19 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
6264                              <g id="Wireframe" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
6265                                  <g id="Cart-4" transform="translate(-909.000000, -785.000000)" fill="#717171">
6266                                      <path d="M921.903559,785.482422 C922.454802,785.482422 922.981603,785.709941 923.359531,786.111238 L926.669849,789.626253 C927.395219,790.396477 927.395219,791.598396 926.669849,792.36862 L923.359531,795.883635 C922.981603,796.284932 922.454802,796.512451 921.903559,796.512451 L911.551025,796.512451 C910.446456,796.512451 909.551025,795.617021 909.551025,794.512451 L909.551025,787.482422 C909.551025,786.377852 910.446456,785.482422 911.551025,785.482422 L921.903559,785.482422 Z M918.25,792.5 L914.75,792.5 C914.335786,792.5 914,792.835786 914,793.25 C914,793.664214 914.335786,794 914.75,794 L914.75,794 L918.25,794 C918.664214,794 919,793.664214 919,793.25 C919,792.835786 918.664214,792.5 918.25,792.5 L918.25,792.5 Z M920.25,790.25 L916.75,790.25 C916.335786,790.25 916,790.585786 916,791 C916,791.414214 916.335786,791.75 916.75,791.75 L916.75,791.75 L920.25,791.75 C920.664214,791.75 921,791.414214 921,791 C921,790.585786 920.664214,790.25 920.25,790.25 L920.25,790.25 Z M918.25,788 L912.75,788 C912.335786,788 912,788.335786 912,788.75 C912,789.164214 912.335786,789.5 912.75,789.5 L912.75,789.5 L918.25,789.5 C918.664214,789.5 919,789.164214 919,788.75 C919,788.335786 918.664214,788 918.25,788 L918.25,788 Z" id="Combined-Shape"></path>
6267                                  </g>
6268                              </g>
6269                          </svg>
6270                        </symbol>
6271                        <symbol id="tags-percentage">
6272                          <svg width="19px" height="12px" viewBox="0 0 19 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
6273                              <g id="Wireframe" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
6274                                  <g id="Cart-4" transform="translate(-909.000000, -755.000000)" fill="#717171">
6275                                      <path d="M921.903559,755.482422 C922.454802,755.482422 922.981603,755.709941 923.359531,756.111238 L926.669849,759.626253 C927.395219,760.396477 927.395219,761.598396 926.669849,762.36862 L923.359531,765.883635 C922.981603,766.284932 922.454802,766.512451 921.903559,766.512451 L911.551025,766.512451 C910.446456,766.512451 909.551025,765.617021 909.551025,764.512451 L909.551025,757.482422 C909.551025,756.377852 910.446456,755.482422 911.551025,755.482422 L921.903559,755.482422 Z M917.875,761.75 C917.25368,761.75 916.75,762.25368 916.75,762.875 C916.75,763.49632 9
627517.25368,764 917.875,764 C918.49632,764 919,763.49632 919,762.875 C919,762.25368 918.49632,761.75 917.875,761.75 Z M918.65165,758.34835 C918.358757,758.055456 917.883883,758.055456 917.59099,758.34835 L917.59099,758.34835 L913.34835,762.59099 C913.055456,762.883883 913.055456,763.358757 913.34835,763.65165 C913.641243,763.944544 914.116117,763.944544 914.40901,763.65165 L914.40901,763.65165 L918.65165,759.40901 C918.944544,759.116117 918.944544,758.641243 918.65165,758.34835 Z M914.125,758 C913.50368,758 913,758.50368 913,759.125 C913,759.74632 913.50368,760.25 914.125,760.25 C914.74632,760.25 915.25,759.74632 915.25,759.125 C915.25,758.50368 914.74632,758 914.125,758 Z" id="Combined-Shape-Copy"></path>
6276                                  </g>
6277                              </g>
6278                          </svg>
6279                        </symbol>
6280                        <symbol id="tags-fixed">
6281                          <svg width="19px" height="12px" viewBox="0 0 19 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
6282                              <g id="Wireframe" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
6283                                  <g id="Cart-4" transform="translate(-909.000000, -815.000000)" fill="#717171">
6284                                      <path d="M921.903559,815.482422 C922.454802,815.482422 922.981603,815.709941 923.359531,816.111238 L926.669849,819.626253 C927.395219,820.396477 927.395219,821.598396 926.669849,822.36862 L923.359531,825.883635 C922.981603,826.284932 922.454802,826.512451 921.903559,826.512451 L911.551025,826.512451 C910.446456,826.512451 909.551025,825.617021 909.551025,824.512451 L909.551025,817.482422 C909.551025,816.377852 910.446456,815.482422 911.551025,815.482422 L921.903559,815.482422 Z M915.979181,817.15387 C915.547547,817.15387 915.197637,817.503759 915.197637,817.935393 L915.197637,817.935393 L915.197637,818.221828 C914.417551,818.373822 913.829653,818.809603 913.829653,819.699887 C913.829653,820.698746 914.831017,821.206233 915.672689,821.423385 C916.432247,821.626043 916.617004,821.821475 916.617004,822.067572 C916.617004,822.349861 916.288547,822.494628 916.03194,822.494628 C915.765068,822.494628 915.616236,822.389666 915.532828,822.272961 C915.399351,822.08615 915.04162,821.755414 914.591592,821.722199 C913.737973,821.659176 913.518707,822.666021 914.095232,823.12348 C914.320574,823.302284 914.879444,823.721458 915.197637,823.772143 L915.197637,823.772143 L915.197637,824.065312 C915.197637,824.496946 915.547547,824.846835 915.979181,824.846835 C916.410795,824.846835 916.760705,824.496946 916.760705,824.065312 L916.760705,824.065312 L916.760705,823.772143 C918.023192,823.4466 918.273846,822.589511 918.273846,822.039653 C918.273846,821.663282 918.13612,820.87328 916.863347,820.533101 C915.96009,820.287025 915.477668,820.15673 915.477668,819.787564 C915.477668,819.57768 915.682954,819.382248 916.03194,819.382248 C916.283189,819.382248 916.541603,819.578583 916.631457,819.664413 C916.938297,819.957623 917.419529,819.94235 917.633416,819.797192 C917.924573,819.599625 918.197767,819.04369 917.633621,818.63433 C917.41996,818.479257 917.034433,818.267669 916.760705,818.221828 L916.760705,818.221828 L916.760705,817.935393 C916.760705,817.503759 916.410795,817.15387 915.979181,817.15387 Z" id="Combined-Shape"></path>
6285                                  </g>
6286                              </g>
6287                          </svg>
6288                        </symbol>
6289                        <symbol id="spinner-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M20 10c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0v2c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8h2z"></path></svg></symbol>
6290                        <symbol id="tags-filled"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M17.78 3.09C17.45 2.443 16.778 2 16 2h-5.165c-.535 0-1.046.214-1.422.593l-6.82 6.89c0 .002 0 .003-.002.003-.245.253-.413.554-.5.874L.738 8.055c-.56-.953-.24-2.178.712-2.737L9.823.425C10.284.155 10.834.08 11.35.22l4.99 1.337c.755.203 1.293.814 1.44 1.533z" fill-opacity=".55"></path><path d="M10.835 2H16c1.105 0 2 .895 2 2v5.172c0 .53-.21 1.04-.586 1.414l-6.818 6.818c-.777.778-2.036.782-2.82.01l-5.166-5.1c-.786-.775-.794-2.04-.02-2.828.002 0 .003 0 .003-.002l6.82-6.89C9.79 2.214 10.3 2 10.835 2zM13.5 8c.828 0 1.5-.672 1.5-1.5S14.328 5 13.5 5 12 5.672 12 6.5 12.672 8 13.5 8z"></path></svg></symbol>
6291                        <symbol id="remove"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13">
6291<path d="M1.5 1.5l10.05 10.05M11.5 1.5L1.45 11.55" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round"></path></svg></symbol>
6292                        <symbol id="close-modal"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1 1L12.8742 12.9283" stroke="#979797" stroke-width="1.2"></path><path d="M12.8741 1L0.999946 12.9283" stroke="#979797" stroke-width="1.2"></path></svg></symbol>
6293                        <symbol id="limited-coupon">
6294                          <svg width="56px" height="18px" viewBox="0 0 56 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
6295                              <g id="UI-Design-1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
6296                                  <g id="Mobile---Cart-7" transform="translate(-250.000000, -481.000000)" fill="#FDB30F">
6297                                      <path d="M259.282308,481 L302.977051,481 C304.633905,481 305.977051,482.343146 305.977051,484 L305.977051,496 C305.977051,497.656854 304.633905,499 302.977051,499 L259.282308,499 C257.713702,499 256.236015,498.263874 255.29116,497.011766 L250,490 L250,490 L255.29116,482.988234 C256.236015,481.736126 257.713702,481 259.282308,481 Z" id="Rectangle-Copy-9"></path>
6298                                  </g>
6299                              </g>
6300                              <text font-size="10px" x="55%" y="55%" alignment-baseline="middle" text-anchor="middle">LIMITED</text>
6301                          </svg>
6302                        </symbol>
6303                        <symbol id="best-value-coupon">
6304                          <svg width="73px" height="18px" viewBox="0 0 73 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
6305                              <g id="UI-Design-1.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
6306                                  <g id="Mobile---Cart-7" transform="translate(-200.000000, -358.000000)" fill="#FDB30F">
6307                                      <path d="M209.282308,358 L269.791504,358 C271.448358,358 272.791504,359.343146 272.791504,361 L272.791504,373 C272.791504,374.656854 271.448358,376 269.791504,376 L209.282308,376 C207.713702,376 206.236015,375.263874 205.29116,374.011766 L200,367 L200,367 L205.29116,359.988234 C206.236015,358.736126 207.713702,358 209.282308,358 Z" id="Rectangle"></path>
6308                                  </g>
6309                              </g>
6310                              <text font-size="10px" x="52%" y="55%" alignment-baseline="middle" text-anchor="middle">BEST VALUE</text>
6311                          </svg>
6312                        </symbol>
6313                    </svg>
6314                </div>
6315                <div class="${topMessageContainerClassName}" style="display: ${isListEnabled ? 'flex' : 'none'}">
6316                    <svg class="reduction-code__icon" aria-hidden="true" focusable="false"> <use xlink:href="#tags-filled"></use> </svg>
6317                    <p>
6318                      <a href="javascript:void(0)" onclick="window.mexCartBox.openCouponListBox()">
6319                          Browse available coupons for you
6320                      </a>
6321                    </p>
6322                </div>
6323                <div class="${errorContainerClassName}"></div>
6324            </div>
6325          `,
6326          element: null,
6327          topMessageContainerElement: null,
6328          topMessageElement: null,
6329          errorContainerElement: null,
6330          couponBox: null,
6331          appliedCouponBox: null,
6332          couponListBox: null,
6333          totalBox: null,
6334          init() {
6335            this.element = document.createElement('div');
6336            this.element.setAttribute('id', 'mex-cart-container');
6337            this.element.setAttribute('class', mexCartContainerClassName);
6338            this.element.innerHTML = this.template;
6339            this.setupDisplay();
6340            this.setupEvents();
6341            this.topMessageContainerElement = this.element.getElementsByClassName(topMessageContainerClassName)[0];
6342            this.topMessageElement = this.topMessageContainerElement.getElementsByTagName('P')[0];
6343            this.errorContainerElement = this.element.querySelector(`.${errorContainerClassName}`);
6344            globalStyleBox.init();
6345            // setter, init
6346            this.couponBox = couponBox.init();
6347            this.appliedCouponBox = appliedCouponBox.init();
6348            this.totalBox = totalBox.init();
6349            if (!isListEnabled) {
6350              return;
6351            }
6352            this.couponListBox = couponListBox.init();
6353          },
6354          setupEvents() {
6355            this.overrideRequest();
6356            if (!isEnabledStack) {
6357              return;
6358            }
6359            document.querySelectorAll('form[action="/checkout"], form[action="/cart"]').forEach(f => {
6360              f.addEventListener('submit', async function (e) {
6361                const toDraft = (getAppliedCodes().length > 1);
6362                toDraft && e.preventDefault();
6363
6364                await laravelApi.saveCountAnalytic(
6365                  getAppliedCodes(),
6366                  { reached_checkout: true }
6367                );
6368
6369                if (toDraft) {
6370                  window.location.href = discounted_checkout.invoice_url;
6371                }
6372              })
6373            });
6374          },
6375          overrideRequest() {
6376            if (isOverridedRequest) {
6377              return;
6378            }
6379            isOverridedRequest = true;
6380            window.fetch = async (url, data) => {
6381              if (url.includes('change') || url.includes('update')) {
6382                const response = await coreFetch(url, data);
6383                await this.onCartChange();
6384                return response;
6385              }
6386              return coreFetch(url, data)
6387            }
6388            const self = this;
6389            //todo: only fix for Ajax
6390            //note: for "Startup" (theme_store_id: 652) , they don't public jQuery
6391            //note: for "Launch" (theme_store_id: 793) , they don't public jQuery
6392            //note: for "Reach" (theme_store_id: 853) , they don't use success callback
6393            //note: for "Artisan" (theme_store_id: 856) , they don't use success callback
6394            const isUsedCoreAjax = (typeof Shopify === 'undefined') || ![652, 793, 853, 856].includes(Shopify.theme.theme_store_id);
6395            if (coreAjax && isUsedCoreAjax) {
6396              jQuery.ajax = function() {
6397                if (arguments && arguments[0].url && (arguments[0].url.includes('change') || arguments[0].url.includes('update'))) {
6398                  const tmp = arguments[0].success;
6399                  if (typeof tmp !== 'function') {
6400                    return coreAjax.apply(jQuery, arguments);
6401                  }
6402                  arguments[0].success = function (response) {
6403                    tmp(response);
6404                    self.onCartChange();
6405
6406                  }
6407                  return coreAjax.apply(jQuery, arguments);
6408                }
6409                return coreAjax.apply(jQuery, arguments);
6410              };
6411              return;
6412            }
6413            const newSend = function(vData) {
6414              this.realSend(vData);
6415              if (this._url.includes('change') || this._url.includes('update')) {
6416                self.onCartChange();
6417              }
6418            };
6419            XMLHttpRequest.prototype.send = newSend;
6420          },
6421          async onCartChange() {
6422            await getShopifyCheckoutPage()
6423            const checkoutData = await shopifyApi.getShopifyCheckoutData()
6424            const dataToUpdateUI = await this.getDataToUpdateUI(checkoutData, getAppliedCodes());
6425            await this.update(dataToUpdateUI);
6426          },
6427          getParentForm(element) {
6428            if (!element.parentNode) {
6429              return null;
6430            }
6431            if (element.parentNode.tagName === 'FORM') {
6432              return element.parentNode;
6433            }
6434            return this.getParentForm(element.parentNode);
6435          },
6436          setupDisplay() {
6437            const {inject_el, inject_pos, hidden_els} = preset;
6438            // if don't setup inject_el
6439            if (!inject_el) {
6440              return this.defaultDisplay();
6441            }
6442            const injectEl = document.querySelector(inject_el);
6443            if (!injectEl) {
6444              return this.defaultDisplay();
6445            }
6446            // inject_pos: inside/before/after
6447            switch (inject_pos) {
6448              case "Before": {
6449                injectEl.parentNode.insertBefore(this.element, injectEl);
6450                mexCartParentContainerElement = injectEl.parentNode;
6451                break;
6452              }
6453              case "After": {
6454                injectEl.parentNode.insertBefore(this.element, injectEl.nextSibling);
6455                mexCartParentContainerElement = injectEl.parentNode;
6456                break;
6457              }
6458              default: {
6459                injectEl.prepend(this.element);
6460                mexCartParentContainerElement = injectEl;
6461                break;
6462              }
6463            }
6464            let hiddenEls = [];
6465            try {
6466              hiddenEls = typeof (hidden_els) === 'string' ? JSON.parse(hidden_els) : [];
6467            } catch (e) {
6468              hiddenEls = [];
6469            }
6470            hiddenEls.forEach(elQuery => {
6471              const els = document.querySelectorAll(elQuery);
6472              if (!els.length) {
6473                return;
6474              }
6475              els.forEach(el => {
6476                el.style.display = 'none';
6477              })
6478            })
6479          },
6480          defaultDisplay() {
6481            // check if has manual container
6482            mexCartParentContainerElement = document.querySelector(`.${manualMexCartParentContainerClassName}`);
6483            if (mexCartParentContainerElement) {
6484              mexCartParentContainerElement.classList.add(mexCartParentContainerClassName)
6485              return mexCartParentContainerElement.append(this.element);
6486            }
6487            // else
6488            let buttonCheckout = document.querySelector(checkoutButtonQuery);
6489            mexCartParentContainerElement = this.getParentForm(buttonCheckout);
6490            if (!mexCartParentContainerElement.lastElementChild) {
6491              return;
6492            }
6493            //hide no-needed element
6494            mexCartParentContainerElement.lastElementChild.style.display = 'none';
6495            mexCartParentContainerElement.classList.add(mexCartParentContainerClassName)
6496            mexCartParentContainerElement.append(this.element);
6497          },
6498          async getDataToUpdateUI(initData, codes = []) {
6499            if (!Object.keys(initData).length) {
6500              throw (messageSetting.errorMessageLabelText || "Something went wrong.")
6501            }
6502            if (initData.error) {
6503              throw initData;
6504            }
6505            if (initData.errors) {
6506              throw initData;
6507            }
6508            const newAppliedCodes = initData.checkout.applied_discount ? [initData.checkout.applied_discount] : [];
6509            const result = {
6510              checkout: initData.checkout,
6511              draft: initData.checkout,
6512              codes: newAppliedCodes.filter(code => code.applicable),
6513              total: initData.checkout,
6514              shopify_checkout_authorization_token
6515            }
6516            setCheckoutData(result);
6517            if (!isEnabledStack) {
6518              return result;
6519            }
6520            if (codes.length < 2) {
6521              return result;
6522            }
6523
6524            const data = await laravelApi.getDraftCheckout(shopify_checkout_token, codes);
6525            if (!data.draft) {
6526              throw data;
6527            }
6528            const checkoutData = {
6529              checkout: initData.checkout,
6530              draft: data.draft,
6531              codes: data.codes,
6532              total: {
6533                total_line_items_price: data.draft.total_line_items_price,
6534                shipping_rate: 0,
6535                total_tax: data.draft.total_tax,
6536                payment_due: data.draft.total_price,
6537              },
6538              shopify_checkout_authorization_token
6539            };
6540            setCheckoutData(checkoutData);
6541            return checkoutData;
6542          },
6543          async update({
6544                        checkout,
6545                        draft,
6546                        codes,
6547                        total
6548                      }) {
6549            setCurrentCheckout(checkout, draft);
6550            setCurrentCodes(codes);
6551            laravelApi.saveCountAnalytic(codes);
6552            this.appliedCouponBox.displayAppliedCodes();
6553            this.totalBox.update(total);
6554
6555            if (!isListEnabled) {
6556              return;
6557            }
6558            this.checkAvailableCodes(checkout);
6559          },
6560          async checkAvailableCodes(checkoutObject) {
6561            try {
6562              this.couponListBox.loadingElement.style.display = this.checkedAvailableCodes ? 'none' : 'inline-block';
6563              const codes = await laravelApi.getAvailableCodes(checkoutObject)
6564              setAvailableCodes(codes);
6565              this.topMessageContainerElement.style.display = codes.length ? 'flex': this.topMessageContainerElement.style.display;
6566              this.updateTopMessage(codes);
6567              this.couponListBox.update(codes);
6568              this.couponListBox.loadingElement.style.display = 'none';
6569              this.checkedAvailableCodes = true;
6570              this.couponListBox.emptyElement.style.display = codes.length ? 'none' : 'inline-block';
6571            } catch (e) {
6572              console.log(e);
6573              setAvailableCodes([]);
6574            }
6575          },
6576          updateTopMessage(availableCodes) {
6577            const remainCodeQty = availableCodes.length
6578            if (remainCodeQty > 0) {
6579              const link = `
6580              <a href="javascript:void(0)" onclick="window.mexCartBox.openCouponListBox()">
6581              ${messageSetting.seeMoreText || 'Get them now'}
6582              </a>
6583            `;
6584              const couponLabelSuffix = remainCodeQty > 1 ? 's' : '';
6585              this.topMessageElement.innerHTML = messageSetting.title
6586                ? `${messageSetting.title.replace('{D}', remainCodeQty)} ${link}`
6587                : `You have ${remainCodeQty} coupon${couponLabelSuffix} here ${link}`;
6588              return;
6589            }
6590            this.topMessageElement.innerHTML = `
6591              <a href="javascript:void(0)" onclick="window.mexCartBox.openCouponListBox()">
6592              Browse available coupons for you
6593              </a>
6594            `;
6595          },
6596          openCouponListBox() {
6597            this.couponListBox.show();
6598          },
6599          async removeCoupon(code) {
6600            try {
6601              this.setErrors(false);
6602              const appliedCodes = getAppliedCodes();
6603              const newCodes = appliedCodes.filter(used => (used.title !== code));
6604              let discount_code = null;
6605              if (newCodes.length === 1) {
6606                discount_code = newCodes[0].title;
6607              }
6608              const response = await shopifyApi.sendShopifyWalletsCheckout({
6609                checkout: {
6610                  discount_code
6611                }
6612              });
6613              const data = await this.getDataToUpdateUI(response, newCodes);
6614              return this.update(data);
6615            } catch (e) {
6616              this.setErrors(this.getErrorMessage(e));
6617            }
6618          },
6619          async applyCoupon(code) {
6620            try {
6621              this.setErrors(false);
6622              if (isEnabledStack) {
6623                 this.checkStackCouponMaxCoupons(getAppliedCodes().length + 1);
6624              }
6625              const response = await shopifyApi.sendShopifyWalletsCheckout({
6626                checkout: {
6627                  discount_code: code
6628                }
6629              });
6630              const newCodes = getAppliedCodes();
6631              if (!response.checkout) {
6632                const data = await this.getDataToUpdateUI(response, newCodes);
6633                return this.update(data);
6634              }
6635              if (!isEnabledStack) {
6636                const data = await this.getDataToUpdateUI(response, newCodes);
6637                return this.update(data);
6638              }
6639              newCodes.push(response.checkout.applied_discount)
6640              if (!this.isValidStackSetting(newCodes, getAvailableCodes())) {
6641                return;
6642              }
6643              const data = await this.getDataToUpdateUI(response, newCodes);
6644              return this.update(data);
6645
6646            } catch (e) {
6647              this.setErrors(this.getErrorMessage(e));
6648            }
6649          },
6650          isValidStackSetting(appliedCodes, availableCodes) {
6651            this.checkStackCouponMaxCoupons(appliedCodes.length);
6652            const dollarOffCount = appliedCodes.reduce((current, next) => {
6653              if (next.value_type !== 'fixed_amount') {
6654                return current;
6655              }
6656              return current + 1;
6657            }, 0);
6658            if (appSettings.stack_coupon_max_dollar_off_coupons < dollarOffCount) {
6659              const message = messageSetting.stackCouponMaxDollarOffCouponsErrorText || `Sorry! Only {D} fixed amount coupons can be combined for this order`;
6660              throw (message.replace('{D}
6660', appSettings.stack_coupon_max_dollar_off_coupons));
6661            }
6662            const bogoCodes = [];
6663            appliedCodes.filter(applied => {
6664              const ref = availableCodes.find(item => item.code === applied.title);
6665              if (ref?.rule?.target_selection === 'entitled') {
6666                bogoCodes.push(applied.title);
6667                return true;
6668              }
6669              return false;
6670            })
6671            if (bogoCodes.length > 1) {
6672              throw 'Sorry! Only 1 BOGO coupon is allowed per order';
6673            }
6674            const percentOffCount = appliedCodes.reduce((current, next) => {
6675              if (next.value_type !== 'percentage') {
6676                return current;
6677              }
6678              if (bogoCodes.includes(next.title)) {
6679                return current;
6680              }
6681              return current + 1;
6682            }, 0);
6683            if (appSettings.stack_coupon_max_percent_off_coupons < percentOffCount) {
6684              const message = messageSetting.stackCouponMaxPercentOffCouponsErrorText || 'Sorry! Only {D} percentage coupons can be combined for this order';
6685              throw (message.replace('{D}', appSettings.stack_coupon_max_percent_off_coupons));
6686            }
6687            return true;
6688          },
6689          checkStackCouponMaxCoupons(appliedCodesLength) {
6690            if (appSettings.stack_coupon_max_coupons >= appliedCodesLength) {
6691              return;
6692            }
6693            const message = messageSetting.stackCouponMaxCouponsErrorText || `Sorry! Only {D} coupons can be combined for this order`;
6694            throw (message.replace('{D}', appSettings.stack_coupon_max_coupons));
6695          },
6696          setErrors(message = null) {
6697            this.errorContainerElement.innerHTML = message || '';
6698          },
6699          getErrorMessage(e) {
6700            if (typeof (e) === 'string') {
6701              return e;
6702            }
6703            if (!Object.keys(e).length) {
6704              return e.toString();
6705            }
6706            return e.errors.discount_code[0].message;
6707          }
6708        };
6709        window.mexCartBox = mexCartBox;
6710        const init = async () => {
6711          mexCartBox.init();
6712          let checkoutData = getCheckoutData();
6713          const savedCartJson = getCartJson();
6714          const currentCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"INR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
6715		      const currentCartJson = JSON.stringify(currentCart);
6716          if (currentCart?.cart_level_discount_applications?.find(discount => discount.type === "automatic")) {
6717            clearData();
6718          }
6719
6720          if (savedCartJson !== currentCartJson) {
6721			      setData('mex_cart_cart_data', currentCartJson);
6722            const doc = await getShopifyCheckoutPage();
6723            shopify_checkout_authorization_token = doc.querySelector(`meta[name="${shopifyCheckoutAuthorizationTokenQuery}"]`).getAttribute('content');
6724            shopify_checkout_token = doc.querySelector('form.edit_checkout').getAttribute('action').split('/')[3];
6725            checkoutData = await shopifyApi.getShopifyCheckoutData();
6726            defaultMoneyFormat = checkoutData ? checkoutData.checkout?.currency_format?.format : defaultMoneyFormat;
6727            return mexCartBox.update(await mexCartBox.getDataToUpdateUI(checkoutData, getAppliedCodes()));
6728          } else {
6729            setTimeout(async () => {
6730              const doc = await getShopifyCheckoutPage();
6731			        shopify_checkout_authorization_token = doc.querySelector(`meta[name="${shopifyCheckoutAuthorizationTokenQuery}"]`).getAttribute('content');
6732              shopify_checkout_token = doc.querySelector('form.edit_checkout').getAttribute('action').split('/')[3];
6733              const checkoutData = await shopifyApi.getShopifyCheckoutData();
6734              if (!isListEnabled) {
6735                return;
6736              }
6737              await mexCartBox.checkAvailableCodes(checkoutData.checkout);
6738            }, 300);
6739          }
6740
6741          defaultMoneyFormat = checkoutData ? checkoutData.checkout?.currency_format?.format : defaultMoneyFormat;
6742          shopify_checkout_token = checkoutData.checkout.token;
6743          shopify_checkout_authorization_token = checkoutData.shopify_checkout_authorization_token;
6744          return mexCartBox.update(checkoutData);
6745        }
6746        (new MutationObserver(function(mutations) {
6747          const el = document.querySelector('#mex-cart-container');
6748          if (!el || !el.innerHTML) {
6749			      mexCartBox.init();
6750            let checkoutData = getCheckoutData();
6751            return mexCartBox.totalBox.update(checkoutData.total);
6752          }
6753        })).observe(document.querySelector('body'), { subtree: true, childList: true });
6754        return init();
6755      }
6756      if (isCheckoutComplete()) {
6757        return;
6758      }
6759      const checkoutData = getCheckoutData();
6760      if (!checkoutData) {
6761        return;
6762      }
6763      try {
6764        const doc = await getShopifyCheckoutPage();
6765        const token = doc.querySelector('form.edit_checkout')?.getAttribute('action')?.split('/')[3];
6766        if (!token) {
6767          return clearData();
6768        }
6769        if (token === checkoutData?.checkout.token) {
6770          return;
6771        }
6772        return clearData();
6773      } catch(e) {
6774        console.log(e);
6775      }
6776    })();
6777  }
6778};
6779
6780</script>
vendor: 1 bytes, line 6780
6780
6781<script src="//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23" type="text/javascript"></script>
6781
6782<!-- Sezzle Widget Script -->
6783<script src="https://widget.sezzle.in/v1/javascript/price-widget?uuid=39137f5b-4aff-4783-b57b-47f36d7c9c17"></script>
6783<!--Content in content_for_footer -->
6784
6785			
6786 
6786<script src="//www.smithandblake.com/cdn/shop/t/38/assets/layouthub-jquery.min.js?v=20063861293276086581726927611" type="text/javascript"></script>
6786 
6786<script src="https://shortly.shop/assets/js/js.cookie.min.js"></script>
vendor: 1 bytes, line 6786
6786
6787<script>
6788console.log('shortly snippet loaded')
6789
6790var appProxyUrl = "/apps/discountly-proxy";
6791
6792var getParams   = function (url) {
6793    var params      = {};
6794    var parser      = document.createElement('a');
6795    parser.href     = url;
6796    var query       = parser.search.substring(1);
6797    var lets        = query.split('&');
6798    for (let i = 0; i < lets.length; i++) {
6799        let pair = lets[i].split('=');
6800        params[pair[0]] = decodeURIComponent(pair[1]);
6801    }
6802    return params;
6803};
6804
6805// format url parameters
6806function formatParams(paramss) {
6807  return "?" + Object
6808    .keys(paramss)
6809    .map(function(key) {
6810      return key + "=" + encodeURIComponent(paramss[key])
6811    })
6812    .join("&")
6813}
6814// start timer 
6815function startTimerShort(duration, displayMints, displayScnd) {
6816    // console.log('startTimerShort')
6817    let timer = duration, minutes, seconds;
6818    setInterval(function () {
6819        minutes = parseInt(timer / 60, 10);
6820        seconds = parseInt(timer % 60, 10);
6821
6822        minutes = minutes < 10 ? "0" + minutes : minutes;
6823        seconds = seconds < 10 ? "0" + seconds : seconds;
6824
6825        displayMints.textContent = minutes;
6826      	displayScnd.textContent  = seconds;
6827	
6828        Cookies.set("discountly_timem", minutes, { expires: 1 });
6829        Cookies.set("discountly_times", seconds, { expires: 1 });
6830
6831        if (--timer < 0) {
6832            if(document.getElementById('shortbar'))
6833            {
6834                document.getElementById('shortbar').style.display = "none";    
6835            }
6836            if(document.getElementById('discountly_show-b'))
6837            {
6838                document.getElementById('discountly_show-b').style.display = "none";    
6839            }
6840            sessionStorage.removeItem("discount_code");
6841            sessionStorage.removeItem("shortly_tid");
6842            Cookies.remove("discountly_timem");
6843            Cookies.remove("discountly_times");
6844            Cookies.remove("discount_code");
6845            Cookies.remove("shortly_tid");
6846        }
6847    },  1000);
6848    if(document.getElementById('shortbar'))
6849    {
6850        document.getElementById('shortbar').style.display = 'block';    
6851    }
6852}
6853// XMLHttpRequest to call shopify proxy
6854function proxy(params,callback)
6855{
6856  var xhttps = new XMLHttpRequest();
6857  xhttps.onreadystatechange = function() {
6858    if (this.readyState === 4 && this.status === 200) {
6859      var response = xhttps.responseText;
6860      callback(response)
6861    }
6862  };
6863  var url = appProxyUrl + formatParams(params)
6864  xhttps.open("POST", url, true);
6865  xhttps.send();
6866}
6867
6868function start()
6869{
6870    // get current url parameters
6871var refs = getParams(window.location.href);
6872
6873// if parameters contains tid
6874if(refs.tid)
6875{
6876    if(sessionStorage.getItem('shortly_tid') !== refs.tid)
6877    {
6878        // clear old cookies and sessionStorage if tid is different 
6879        sessionStorage.removeItem("discount_code");
6880        sessionStorage.removeItem("shortly_tid");
6881        Cookies.remove("discountly_timem");
6882        Cookies.remove("discountly_times");
6883        Cookies.remove("discount_code");
6884        Cookies.remove("shortly_tid");    
6885    }
6886    var tid = refs.tid
6887    // get data of url using tid from server
6888    init(tid)
6889}
6890else
6891{
6892    // if parameters does not have tid check in sessionStorage
6893    if ("shortly_tid" in sessionStorage) {
6894        var tid = sessionStorage.getItem('shortly_tid')
6895        if(tid !== refs.tid)
6896        {
6897            // console.log('not same id')
6898            if ("shortly_html" in sessionStorage) {
6899                var shortdata = sessionStorage.getItem('shortly_html')
6900                shortdata = JSON.parse(shortdata)
6901                let bar = shortdata.bar
6902                let discount = shortdata.discount
6903                let discount_code = shortdata.discount_code
6904                
6905                // document.body.innerHTML = bar+document.body.innerHTML
6906                
6907                var body = document.getElementsByTagName('body')[0];
6908                var div = document.createElement('div');
6909                div.innerHTML = bar;
6910                body.insertBefore(div, body.firstChild)
6911                
6912                Cookies.set('shortly_tid', `${tid}`, {
6913                    expires: 1, path: '/'
6914                });
6915                
6916                sessionStorage.setItem("shortly_tid", tid);
6917                
6918                if(document.querySelector('#shorttime').value > 0)
6919                {
6920                    timer()    
6921                }
6922                else
6923                {
6924                    document.querySelector('#shortTimer').style.display = "none"
6925                    
6926                    if(!refs.tid)
6927                    {
6928                        document.querySelector('#shortbar').style.display = "none"
6929                    }
6930                    if(document.querySelector('#shorttimestatus').value == 1 && document.querySelector('#shorttime').value == 0)
6931                    {
6932                        document.querySelector('#shortbar').style.display = "block"
6933                    }
6934                }
6935                if(discount_code)
6936                {
6937                    applydiscount(discount_code)
6938                }
6939                
6940                if(document.getElementById('closeit_bottom'))
6941                {
6942                     document.getElementById('closeit_bottom').addEventListener('click', function() {
6943                        document.getElementById('discountly_show-b').style.display = 'none';
6944                    });    
6945                }
6946                if(document.querySelector('#closeit_top'))
6947                {
6948                    // console.log('first close')
6949                    document.getElementById('closeit_top').addEventListener('click', function() {
6950                        document.querySelector('#shortbar').style.display = 'none';
6951                    });    
6952                }
6953                
6954            }
6955        }
6956        else
6957        {
6958            init(tid)    
6959        }
6960    }
6961}
6962}
6963
6964// get url data from short code
6965function init(shortId){
6966    // console.log('tid found')
6967    let shortly_params = {
6968        query:'bar',
6969        tid:shortId
6970    }
6971    proxy(shortly_params , function(shortdata){
6972        sessionStorage.setItem('shortly_html',shortdata)
6973        shortdata = JSON.parse(shortdata)
6974        let bar = shortdata.bar
6975        let discount = shortdata.discount
6976        let discount_code = shortdata.discount_code
6977        if(bar)
6978        {
6979            // document.body.innerHTML = bar+document.body.innerHTML
6980            var body = document.getElementsByTagName('body')[0];
6981            var div = document.createElement('div');
6982            div.innerHTML = bar;
6983            body.insertBefore(div, body.firstChild);
6984        }
6985        Cookies.set('shortly_tid', `${shortId}`, {
6986            expires: 1, path: '/'
6987        });
6988        sessionStorage.setItem("shortly_tid", shortId);
6989        if(document.querySelector('#shorttime'))
6990        {
6991            if(document.querySelector('#shorttime').value > 0)
6992            {
6993                timer()    
6994            }
6995            else
6996            {
6997                document.querySelector('#shortTimer').style.display = "none"
6998            }
6999        }
7000        else
7001        {
7002            if(document.querySelector('#shortTimer'))
7003            {
7004                document.querySelector('#shortTimer').style.display = "none"    
7005            }
7006            if(!refs.tid)
7007            {
7008                document.querySelector('#shortbar').style.display = "none"
7009            }
7010            if(document.querySelector('#shorttimestatus').value == 1 && document.querySelector('#shorttime').value == 0)
7011            {
7012                document.querySelector('#shortbar').style.display = "block"
7013            }
7014        }
7015        if(discount_code)
7016        {
7017            // console.log("apply discount")
7018            applydiscount(discount_code)
7019        }
7020        
7021        //On click on hide btn
7022        if(document.getElementById('closeit_bottom'))
7023        {
7024             document.getElementById('closeit_bottom').addEventListener('click', function() {
7025                document.getElementById('discountly_show-b').style.display = 'None';
7026            });    
7027        }
7028        if(document.querySelector('#closeit_top'))
7029        {
7030            // console.log('2nd close')
7031            document.getElementById('closeit_top').addEventListener('click', function() {
7032                document.querySelector('#shortbar').style.display = 'None';
7033            });    
7034        }
7035    });
7036}
7037
7038// if url have discount apply
7039function applydiscount(code){
7040    if(document.querySelector('#cc-code'))
7041    {
7042        // console.log("found the code")
7043        document.querySelector('#cc-code').textContent = code
7044    }
7045    var url = window.location.origin;
7046    var xhttpsss = new XMLHttpRequest();
7047    xhttpsss.onreadystatechange = function() {
7048    if (this.readyState === 4 && this.status === 200) {
7049      var response = xhttpsss.responseText;
7050     }
7051    };
7052   var urlss = url + "/discount/" + code
7053   xhttpsss.open("GET", urlss, true);
7054   xhttpsss.send();
7055    
7056    Cookies.set('discount_code', `${code}`, {
7057      path: '/'
7058    });
7059    if(document.querySelector('.input_field1'))
7060    {
7061        let newtextcontent = document.querySelector('.input_field1').textContent.replace(/ *\[[^)]*\] */g, ` ${code} `);
7062        document.querySelector('.input_field1').textContent = newtextcontent   
7063    }
7064}
7065
7066//On onmous eover show text in tooltip
7067function discountly_tooltiptext_set(x) {
7068 document.getElementById('discountly_tooltiptext_id').innerHTML = 'Copy coupon';
7069}
7070
7071//On clcik copy text
7072function copyText(text) {
7073  var input = document.createElement('input');
7074    input.setAttribute('value', text);
7075    document.body.appendChild(input);
7076    input.select();
7077    var result = document.execCommand('copy');
7078    document.body.removeChild(input);
7079  	document.getElementById('discountly_tooltiptext_id').innerHTML = 'Copied';
7080}
7081
7082// count down timer calculatuions
7083function timer(){
7084    // console.log('timer called')
7085    if ("shortly_tid" in sessionStorage) {
7086        let check   = document.cookie.indexOf('discountly_timem');
7087
7088        let displayMints    = document.querySelector('#discountly_timem');
7089        let displayScnd     = document.querySelector('#discountly_times');
7090        
7091        if (Cookies.get('discountly_timem') == 'NaN' || Cookies.get('discountly_timem') == undefined || Cookies.get('discountly_times') == 'N
7091aN' || Cookies.get('discountly_times') == undefined) {
7092            let getMints = document.querySelector('#shorttime').value;
7093            let tenMinutes      = 60 * parseInt(getMints);
7094            startTimerShort(tenMinutes, displayMints, displayScnd);
7095        } else {
7096            let minutes         = Cookies.get('discountly_timem');
7097            let seconds         = Cookies.get('discountly_times');
7098            
7099            minutes = minutes < 10 ? "" + minutes : minutes;
7100            seconds = seconds < 10 ? "" + seconds : seconds;
7101        
7102            document.querySelector('#discountly_timem').textContent = minutes
7103            document.querySelector('#discountly_times').textContent = seconds
7104            
7105            let tenMinutes      = parseInt(minutes * 60) + parseInt(seconds);
7106            startTimerShort(tenMinutes, displayMints, displayScnd);
7107        }
7108    }
7109}
7110
7111start();
7112</script>
vendor: 1 bytes, line 7112
7112
7113<script src="//www.smithandblake.com/cdn/shop/t/38/assets/seedgrow-whatsapp-init.js?v=55016024204865589281726927611" defer="defer"></script>
7113<script src="//www.smithandblake.com/cdn/shop/t/38/assets/seedgrow-whatsapp-frontend.js?v=108429493496942818451726927611" defer="defer"></script>
7113<script src="//www.smithandblake.com/cdn/shop/t/38/assets/seedgrow-whatsapp-lib.js?v=162136043285890286131726927611" defer="defer"></script>
7113
7114
7115
7116<!-- START BEAE POPUP BUILDER -->
7117<!-- END BEAE POPUP BUILDER -->
7118
7119
7120
7121
7122
7123
7124
7125<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 7125-7126
7125
7126<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
7126GTM-W3Q9BQK8
vendor: 83 bytes, lines 7126-7127
7126"
7127height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
7128<!-- End Google Tag Manager (noscript) -->
7129
7130<style> .giraffly_announce {display: none !important;} .announce_add_empty {height: 0px !important;} .collectionBlock__price {display: none !important;} .collectionBlock .jdgm-preview-badge {display: none !important;} .template-product .product-info .product-form,.template-product .product-info .productForm,.template-product .product-info .qty__adjust,.template-product .product-info .productForm-buttons,.template-product .product-info .shopify-payment-button {display: none !important;} @media screen and (min-width: 1024px) {.site-header:not(.header--has-scrolled) {background: #ffffff !important; color: #777777 !important; } .site-header:not(.header--has-scrolled) .logo {position: absolute !important; top: 0 !important; left: 0 !important; margin: 0 !important; transform: none !important; justify-content: flex-start !important; text-align: left !important; } .site-header:not(.header--has-scrolled) .nav-standard {position: absolute !important; top: 0 !important; right: 0 !important; left: 0 !important; height: 100% !important; padding: 0 300px 0 400px !important; margin: 0 !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; } .site-header:not(.header--has-scrolled) .nav-standard .menu {margin: 0 !important; padding: 0 !important; align-items: center !important; }} .template-index [data-pf-type="ProductPrice2"],.template-index [data-product-price="true"],.template-index [data-product-type="compare_at_price"] {display: none !important;} </style>
7131<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
7131
7132</body>
7133</html>

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