1<!doctype html> 2<html class="no-js" lang="en" dir="ltr"> 3 <head> 4 5 6 7
7<script> 8 window.dataLayer = window.dataLayer || []; 9 function gtag() { 10 dataLayer.push(arguments); 11 } 12 gtag("consent", "default", { 13 ad_storage: "denied", 14 ad_user_data: "denied", 15 ad_personalization: "denied", 16 analytics_storage: "denied", 17 functionality_storage: "denied", 18 personalization_storage: "denied", 19 security_storage: "granted", 20 wait_for_update: 2000, 21 }); 22 gtag("set", "ads_data_redaction", true); 23 gtag("set", "url_passthrough", true); 24 </script>
24 25 26 <!-- Google Tag Manager --> 27
27<script>
vendor: 351 bytes, lines 27-31
27(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 28 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 29 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 30 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 31 })(window,document,'script','dataLayer','
31GTM-T5R8X34
vendor: 3 bytes, line 31
31');
31</script>
31 32 <!-- End Google Tag Manager --> 33 <!-- cookieyes banner
33<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/common/shopify.js"></script>
33
33<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/4f266f81bec912904a659c43/script.js"></script>
33 --> 34 35 36 37 <meta charset="utf-8"> 38 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 39 <meta name="viewport" content="width=device-width,initial-scale=1"> 40 <meta name="theme-color" content=""><link rel="canonical" href="https://vbarbershop.com/products/vs-shaving-face-essentials-kit"> 41 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 42 43 <style> 44 /* 45 * The Typekit service used to deliver this font or fonts for use on websites 46 * is provided by Adobe and is subject to these Terms of Use 47 * http://www.adobe.com/products/eulas/tou_typekit. For font license 48 * information, see the list below. 49 * 50 * brandon-grotesque: 51 * - http://typekit.com/eulas/0000000000000000000132df 52 * - http://typekit.com/eulas/0000000000000000000132e0 53 * - http://typekit.com/eulas/0000000000000000000132e3 54 * - http://typekit.com/eulas/0000000000000000000132e4 55 * - http://typekit.com/eulas/000000000000000077359df6 56 * 57 * © 2009-2026 Adobe Systems Incorporated. All Rights Reserved. 58 */ 59/*{"last_published":"2024-08-01 23:22:11 UTC"}*/ 60 61@import url("https://p.typekit.net/p.css?s=1&k=mmq6txf&ht=tk&f=10294.10295.10296.10297.10304&a=17457900&app=typekit&e=css"); 62 63@font-face { 64font-family:"brandon-grotesque"; 65src:url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); 66font-display:auto;font-style:normal;font-weight:400;font-stretch:normal; 67} 68 69@font-face { 70font-family:"brandon-grotesque"; 71src:url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); 72font-display:auto;font-style:italic;font-weight:400;font-stretch:normal; 73} 74 75@font-face { 76font-family:"brandon-grotesque"; 77src:url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); 78font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; 79} 80 81@font-face { 82font-family:"brandon-grotesque"; 83src:url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); 84font-display:auto;font-style:italic;font-weight:700;font-stretch:normal; 85} 86 87@font-face { 88font-family:"brandon-grotesque"; 89src:url("https://use.typekit.net/af/257c86/000000000000000077359df6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/257c86/000000000000000077359df6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/257c86/000000000000000077359df6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype"); 90font-display:auto;font-style:normal;font-weight:900;font-stretch:normal; 91} 92 93.tk-brandon-grotesque { font-family: "brandon-grotesque",sans-serif; } 94</style> 95 96 97 98<style> 99/* RQ! added this for initial load STARTS */ 100body, 101a, 102.field, 103.field__input, 104.select__select, 105.customer .field input, 106.customer select, 107.spr-form-input { 108 font-family: "brandon-grotesque"; 109} 110/* RQ! added this for initial load ENDS */@font-face { 111 font-family: Cabin; 112 font-weight: 400; 113 font-style: normal; 114 font-display: swap; 115 src: url("//vbarbershop.com/cdn/fonts/cabin/cabin_n4.cefc6494a78f87584a6f312fea532919154f66fe.woff2") format("woff2"), 116 url("//vbarbershop.com/cdn/fonts/cabin/cabin_n4.8c16611b00f59d27f4b27ce4328dfe514ce77517.woff") format("woff"); 117} 118@font-face { 119 font-family: Cabin; 120 font-weight: 700; 121 font-style: normal; 122 font-display: swap; 123 src: url("//vbarbershop.com/cdn/fonts/cabin/cabin_n7.255204a342bfdbc9ae2017bd4e6
123a90f8dbb2f561.woff2") format("woff2"), 124 url("//vbarbershop.com/cdn/fonts/cabin/cabin_n7.e2afa22a0d0f4b64da3569c990897429d40ff5c0.woff") format("woff"); 125} 126@font-face { 127 font-family: Cabin; 128 font-weight: 400; 129 font-style: italic; 130 font-display: swap; 131 src: url("//vbarbershop.com/cdn/fonts/cabin/cabin_i4.d89c1b32b09ecbc46c12781fcf7b2085f17c0be9.woff2") format("woff2"), 132 url("//vbarbershop.com/cdn/fonts/cabin/cabin_i4.0a521b11d0b69adfc41e22a263eec7c02aecfe99.woff") format("woff"); 133} 134@font-face { 135 font-family: Cabin; 136 font-weight: 700; 137 font-style: italic; 138 font-display: swap; 139 src: url("//vbarbershop.com/cdn/fonts/cabin/cabin_i7.ef2404c08a493e7ccbc92d8c39adf683f40e1fb5.woff2") format("woff2"), 140 url("//vbarbershop.com/cdn/fonts/cabin/cabin_i7.480421791818000fc8a5d4134822321b5d7964f8.woff") format("woff"); 141} 142@font-face { 143 font-family: Cabin; 144 font-weight: 500; 145 font-style: normal; 146 font-display: swap; 147 src: url("//vbarbershop.com/cdn/fonts/cabin/cabin_n5.0250ac238cfbbff14d3c16fcc89f227ca95d5c6f.woff2") format("woff2"), 148 url("//vbarbershop.com/cdn/fonts/cabin/cabin_n5.46470cf25a90d766aece73a31a42bfd8ef7a470b.woff") format("woff"); 149} 150@font-face { 151 font-family: Cabin; 152 font-weight: 600; 153 font-style: normal; 154 font-display: swap; 155 src: url("//vbarbershop.com/cdn/fonts/cabin/cabin_n6.c6b1e64927bbec1c65aab7077888fb033480c4f7.woff2") format("woff2"), 156 url("//vbarbershop.com/cdn/fonts/cabin/cabin_n6.6c2e65d54c893ad9f1390da3b810b8e6cf976a4f.woff") format("woff"); 157} 158@font-face { 159 font-family: Jost; 160 font-weight: 400; 161 font-style: normal; 162 font-display: swap; 163 src: url("//vbarbershop.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"), 164 url("//vbarbershop.com/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff"); 165} 166@font-face { 167 font-family: Jost; 168 font-weight: 700; 169 font-style: normal; 170 font-display: swap; 171 src: url("//vbarbershop.com/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2"), 172 url("//vbarbershop.com/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff") format("woff"); 173} 174@font-face { 175 font-family: Jost; 176 font-weight: 500; 177 font-style: normal; 178 font-display: swap; 179 src: url("//vbarbershop.com/cdn/fonts/jost/jost_n5.7c8497861ffd15f4e1284cd221f14658b0e95d61.woff2") format("woff2"), 180 url("//vbarbershop.com/cdn/fonts/jost/jost_n5.fb6a06896db583cc2df5ba1b30d9c04383119dd9.woff") format("woff"); 181} 182@font-face { 183 font-family: Jost; 184 font-weight: 600; 185 font-style: normal; 186 font-display: swap; 187 src: url("//vbarbershop.com/cdn/fonts/jost/jost_n6.ec1178db7a7515114a2d84e3dd680832b7af8b99.woff2") format("woff2"), 188 url("//vbarbershop.com/cdn/fonts/jost/jost_n6.b1178bb6bdd3979fef38e103a3816f6980aeaff9.woff") format("woff"); 189} 190 191:root,.color-background-1 { 192 --color-foreground: 51, 51, 51; 193 --color-background: 250, 250, 250; 194 --gradient-background: linear-gradient(180deg, rgba(250, 250, 250, 1), rgba(247, 247, 247, 1) 100%); 195 --color-button-text: 250, 250, 250; 196 --color-button: 44, 79, 68; 197 --color-sale-off-price: 44, 79, 68; 198 --color-compare-at-price: 119, 119, 119; 199 --color-review-stars: 145, 128, 93; 200 --color-background-input: 242, 242, 242;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(212, 203, 184, 1) 0.05%, rgba(145, 128, 93, 1) 99.95%);--color-text-message-success: 44, 79, 68; 201 --color-background-message-success: 242, 242, 242; 202 --color-text-message-warning: 135, 36, 25; 203 --color-background-message-warning: 255, 255, 255; 204 --color-text-message-error: 234, 92, 92; 205 --color-background-message-error: 254, 242, 242; 206 } 207.color-background-2 { 208 --color-foreground: 255, 255, 255; 209 --color-background: 145, 128, 93; 210 --gradient-background: #91805d; 211 --color-button-text: 255, 255, 255; 212 --color-button: 0, 0, 0; 213 --color-sale-off-price: 135, 36, 25; 214 --color-compare-at-price: 119, 119, 119; 215 --color-review-stars: 251, 191, 36; 216 --color-background-input: 242, 242, 242;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(239, 68, 68, 1) 0.05%, rgba(251, 191, 36, 1) 99.95%);--color-text-message-success: 44, 79, 68; 217 --color-background-message-success: 239, 253, 244; 218 --color-text-message-warning: 160, 98, 7; 219 --color-background-message-warning: 254, 252, 232; 220 --color-text-message-error: 152, 28, 27; 221 --color-background-message-error: 254, 242, 242; 222 } 223.color-inverse { 224 --color-foreground: 250, 250, 250; 225 --color-background: 44, 79, 68; 226 --gradient-background: #2c4f44; 227 --color-button-text: 242, 242, 242; 228 --color-button: 0, 0, 0; 229 --color-sale-off-price: 135, 36, 25; 230 --color-compare-at-price: 115, 115, 115; 231 --color-review-stars: 4, 69, 202; 232 --color-background-input: 145, 128, 93;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(239, 68, 68, 1) 0.05%, rgba(251, 191, 36, 1) 99.95%);--color-text-message-success: 44, 79, 68; 233 --color-background-message-success: 239, 253, 244; 234 --color-text-message-warning: 160, 98, 7; 235 --color-background-message-warning: 254, 252, 232; 236 --color-text-message-error: 152, 28, 27; 237 --color-background-message-error: 254, 242, 242; 238 } 239.color-scheme-5bbd8bad-8a13-4cdf-969e-1277fa3de869 { 240 --color-foreground: 255, 255, 255; 241 --color-background: 0, 0, 0; 242 --gradient-background: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 100%); 243 --color-button-text: 0, 0, 0; 244 --color-button: 255, 255, 255; 245 --color-sale-off-price: 135, 36, 25; 246 --color-compare-at-price: 145, 128, 93; 247 --color-review-stars: 145, 128, 93; 248 --color-background-input: 145, 128, 93;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(212, 203, 184, 1) 0.05%, rgba(145, 128, 93, 1) 99.95%);--color-text-message-success: 44, 79, 68; 249 --color-background-message-success: 242, 242, 242; 250 --color-text-message-warning: 135, 36, 25; 251 --color-background-message-warning: 255, 255, 255; 252 --color-text-message-error: 234, 92, 92; 253 --color-background-message-error: 254, 242, 242; 254 } 255.color-scheme-71a5a6d3-2b82-4729-8f23-810bdc32c9df { 256 --color-foreground: 145, 128, 93; 257 --color-background: 0, 0, 0; 258 --gradient-background: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) 100%); 259 --color-button-text: 250, 250, 250; 260 --color-button: 145, 128, 93; 261 --color-sale-off-price: 135, 36, 25; 262 --color-compare-at-price: 145, 128, 93; 263 --color-review-stars: 119, 119, 119; 264 --color-background-input: 0, 0, 0;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(212, 203, 184, 1) 0.05%, rgba(145, 128, 93, 1) 99.95%);--color-text-message-success: 44, 79, 68; 265 --color-background-message-success: 242, 242, 242; 266 --color-text-message-warning: 135, 36, 25; 267 --color-background-message-warning: 255, 255, 255; 268 --color-text-message-error: 234, 92, 92; 269 --color-background-message-error: 254, 242, 242; 270 } 271.color-scheme-d470677e-0a48-452e-bcb6-4d123e59b2de { 272 --color-foreground: 51, 51, 51; 273 --color-background: 255, 255, 255; 274 --gradient-background: #ffffff; 275 --color-button-text: 250, 250, 250; 276 --color-button: 44, 79, 68; 277 --color-sale-off-price: 44, 79, 68; 278 --color-compare-at-price: 119, 119, 119; 279 --color-review-stars: 145, 128, 93; 280 --color-background-input: 242, 242, 242;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(212, 203, 184, 1) 0.05%, rgba(145, 128, 93, 1) 99.95%);--color-text-message-success: 44, 79, 68; 281 --color-background-message-success: 242, 242, 242; 282 --color-text-message-warning: 135, 36, 25; 283 --color-background-message-warning: 255, 255, 255; 284 --color-text-message-error: 234, 92, 92; 285 --color-background-message-error: 254, 242, 242; 286 } 287.color-scheme-3b71c977-b544-46d8-a047-96bdbba44da9 { 288 --color-foreground: 51, 51, 51; 289 --color-background: 250, 250, 250; 290 --gradient-background: linear-gradient(180deg, rgba(250, 250, 250, 1), rgba(247, 247, 247, 1) 100%); 291 --color-button-text: 250, 250, 250; 292 --color-button: 44, 79, 68; 293 --color-sale-off-price: 44, 79, 68; 294 --color-compare-at-price: 119, 119, 119; 295 --color-review-stars: 145, 128, 93; 296 --color-background-input: 242, 242, 242;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(212, 203, 184, 1) 0.05%, rgba(145, 128, 93, 1) 99.95%);--color-text-message-success: 44, 79, 68; 297 --color-background-message-success: 242, 242, 242; 298 --color-text-message-warning: 135, 36, 25; 299 --color-background-message-warning: 255, 255, 255; 300 --color-text-message-error: 234, 92, 92; 301 --color-background-message-error: 254, 242, 242; 302 } 303.color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 { 304 --color-foreground: 255, 255, 255; 305 --color-background: 44, 79, 68; 306 --gradient-background: linear-gradient(180deg, rgba(250, 250, 250, 1), rgba(247, 247, 247, 1) 100%); 307 --color-button-text: 250, 250, 250; 308 --color-button: 44, 79, 68; 309 --color-sale-off-price: 44, 79, 68; 310 --color-compare-at-price: 119, 119, 119; 311 --color-review-stars: 145, 128, 93; 312 --color-background-input: 242, 242, 242;--free-shipping-tracking-background:linear-gradient(269.94deg, rgba(212, 203, 184, 1) 0.05%, rgba(145, 128, 93, 1) 99.95%);--color-text-message-success: 44, 79, 68; 313 --color-background-message-success: 242, 242, 242; 314 --color-text-message-warning: 135, 36, 25; 315 --color-background-message-warning: 255, 255, 255; 316 --color-text-message-error: 234, 92, 92; 317 --color-background-message-error: 254, 242, 242; 318 }:root { 319 --font-body-family: Cabin, sans-serif; 320 --font-body-style: normal; 321 --font-body-weight: 400; 322 --font-body-weight-bold: 700; 323 --font-body-weight-medium:500; 324 --font-body-weight-large:600; 325 326 --font-heading-family: Jost, sans-serif; 327 --font-heading-style: normal; 328 --font-heading-weight: 400; 329 --font-heading-weight-bold: 700; 330 --font-heading-weight-rte-bold: 700; 331 --font-heading-weight-semi-bold:600; 332 --font-heading-weight-medium:500; 333 334 --font-origin-body-scale: 1.0; 335 --font-origin-heading-scale: 1.0; 336 --custom-font-scale: 1.0; 337 338 --font-body-scale: calc(var(--custom-font-scale) * var(--font-origin-body-scale)); 339 --font-heading-scale: calc(var(--custom-font-scale) * var(--font-origin-heading-scale)); 340 341 --color-global-shadow: 51, 51, 51; 342 343 --card-heading-product-weight: var(--font-heading-weight-semi-bold);--font-button-family: var(--font-heading-family); 344 --font-button-style: var(--font-heading-style); 345 --font-button-weight: var(--font-heading-weight); 346 --font-button-weight-medium: var(--font-heading-weight-medium); 347 --font-origin-button-scale: var(--font-origin-heading-scale); 348 --font-button-weight-bold: var(--font-heading-weight-semi-bold);--font-button-scale: calc(var(--custom-font-scale) * var(--font-origin-button-scale)); 349 350 --page-width: 160rem; 351 --page-width-margin: 0rem; 352 353 --transform-direction: -1; 354 --left-holder: left; 355 --right-holder: right; 356 --center-holder: center; 357 358 --product-card-text-alignment: var(--center-holder); 359 --product-card-border-opacity: 0.05; 360 --product-card-padding: 2rem; 361 --product-card-content-padding: 0; 362 --product-card-shadow-position: -1px; 363 --product-card-shadow-opacity: 0.5; 364 --product-card-border-radius: 0px;--product-card-border-radius-image: 0px;--product-card-shadow-distance: 8rem; 365 366 --collection-card-text-alignment: var(--left-holder); 367 --collection-card-border-radius: 16px; 368 369 --color-sale-badge-foreground: 255, 255, 255; 370 --color-sale-badge-background: 135, 36, 25; 371 --color-sold-out-badge-foreground: 255, 255, 255; 372 --color-sold-out-badge-background: 119, 119, 119; 373 --color-custom-badge-1-foreground: 250, 250, 250; 374 --color-custom-badge-1-background: 0, 129, 48; 375 --color-custom-badge-2-foreground: 255, 255, 255; 376 --color-custom-badge-2-background: 6, 5, 227; 377 --color-custom-badge-3-foreground: 255, 255, 255; 378 --color-custom-badge-3-background: 0, 0, 0; 379 --color-custom-badge-4-foreground: 255, 255, 255; 380 --color-custom-badge-4-background: 24, 206, 8; 381 --color-custom-badge-5-foreground: 0, 0, 0; 382 --color-custom-badge-5-background: 138, 255, 248; 383 --color-blog-card-badge-foreground: 0, 0, 0; 384 --color-blog-card-badge-background: 255, 255, 255; 385 386 --spacing-sections-desktop: 0px; 387 --spacing-sections-mobile: 0px; 388 389 --grid-desktop-vertical-spacing: 20px; 390 --grid-desktop-horizontal-spacing: 40px; 391 --grid-mobile-vertical-spacing: 10px; 392 --grid-mobile-horizontal-spacing: 20px; 393 394 --variants-pills-color-radius:50%; 395 --card-product-color-radius:50%;--global-border-radius: 8px; 396 --buttons-radius: 6px; 397 --inputs-radius: 8px; 398 399 /* Deprecated variables - will be removed in the next version */ 400 --font-body-weight-500: var(--font-body-weight-medium); 401 } 402 403 :root, .color-background-1, .color-background-2, .color-inverse, .color-scheme-5bbd8bad-8a13-4cdf-969e-1277fa3de869, .color-scheme-71a5a6d3-2b82-4729-8f23-810bdc32c9df, .color-scheme-d470677e-0a48-452e-bcb6-4d123e59b2de, .color-scheme-3b71c977-b544-46d8-a047-96bdbba44da9, .color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 { 404 --color-button-outline: var(--color-button-text); 405 --color-button-text-outline: var(--color-button); 406 --color-link: var(--color-foreground); 407 --color-line: rgb(var(--color-foreground), .3); 408 --color-card-hover: var(--color-foreground); 409 --color-accent-text: var(--color-highlight); 410 --color-price-foreground: var(--color-foreground); 411 --color-review-stars-foreground: var(--color-review-stars); 412 --color-highlight: var(--color-button); 413 } 414 415 body, .color-background-1, .color-background-2, .color-inverse, .color-scheme-5bbd8bad-8a13-4cdf-969e-1277fa3de869, .color-scheme-71a5a6d3-2b82-4729-8f23-810bdc32c9df, .color-scheme-d470677e-0a48-452e-bcb6-4d123e59b2de, .color-scheme-3b71c977-b544-46d8-a047-96bdbba44da9, .color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 { 416 color: rgb(var(--color-foreground)); 417 background-color: rgb(var(--color-background)); 418 }*, 419 *::before, 420 *::after { 421 box-sizing: inherit; 422 } 423 424 html { 425 box-sizing: border-box; 426 font-size: calc(var(--font-body-scale) * 62.5%); 427 height: 100%; 428 } 429 430 body { 431 display: grid; 432 grid-template-rows: auto auto 1fr auto; 433 grid-template-columns: 100%; 434 min-height: 100%; 435 margin: 0; 436 font-size: 1.6rem; 437 line-height: calc(1 + 0.6 / var(--font-body-scale)); 438 font-family: var(--font-body-family); 439 font-style: var(--font-body-style); 440 font-weight: var(--font-body-weight); 441 }ul.grid.contains-card--product { 442 --grid-horizontal-spacing: 0rem; 443 --grid-mobile-vertical-spacing: 0rem; 444 --grid-desktop-vertical-spacing: 0rem; 445 row-gap: 0rem; 446 }.card-wrapper--product { 447 border: 1px solid rgb(var(--color-foreground), var(--product-card-border-opacity)); 448 }appear-animate-single:not(.appear) { 449 transform: scale(1.5); 450 opacity: 0; 451 } 452 .js .appear-animate-item-in-list:not(.done) { 453 transform: translateY(3rem); 454 opacity: 0; 455 } 456 @media(min-width: 750px) { 457 use-animate img { 458 opacity: 0; 459 transform: scale(1.1); 460 } 461 }.js appear-animate-list:not(.start) .card-wrapper--product { 462 --product-card-border-opacity: 0; 463 }.card__heading--collection a:before { 464 content: ""; 465 }@media(hover: hover) and (min-width: 990px) { 466 .card__quick-buttons { 467 position: absolute; 468 top: calc(100% + 1rem); 469 inset-inline: var(--product-card-padding); 470 opacity: 0; 471 visibility: hidden; 472 transition: opacity 300ms ease, top 300ms ease; 473 } 474 475 .card-wrapper--product:hover .card__quick-buttons { 476 opacity: 1; 477 top: calc(100% - 2rem - var(--product-card-shadow-position)); 478 visibility: visible; 479 } 480 }</style><link href="//vbarbershop.com/cdn/shop/t/124/assets/critical-base.css?v=29263042550056917111785190597" rel="stylesheet" type="text/css" media="all" /> 481 <link href="//vbarbershop.com/cdn/shop/t/124/assets/base.css?v=142219956960734681591785190560" rel="stylesheet" type="text/css" media="all" /> 482 <link href="//vbarbershop.com/cdn/shop/t/124/assets/custom.css?v=115697771134893074561788530867" rel="stylesheet" type="text/css" media="all" /> 483 <link href="//vbarbershop.com/cdn/shop/t/124/assets/component-price.css?v=169073278754176340261785190584" rel="stylesheet" type="text/css" media="all" /> 484 <noscript><link href="//vbarbershop.com/cdn/shop/t/124/assets/component-price.css
484?v=169073278754176340261785190584" rel="stylesheet" type="text/css" media="all" /></noscript><link rel="shortcut icon" type="image/png" href="//vbarbershop.com/cdn/shop/files/Vs-Round-Logo.webp?crop=center&height=96&v=1710779114&width=96"> 485 <link rel="apple-touch-icon" type="image/png" href="//vbarbershop.com/cdn/shop/files/Vs-Round-Logo.webp?crop=center&height=180&v=1710779114&width=180"> 486<link rel="preload" as="font" href="//vbarbershop.com/cdn/fonts/cabin/cabin_n4.cefc6494a78f87584a6f312fea532919154f66fe.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//vbarbershop.com/cdn/fonts/cabin/cabin_n7.255204a342bfdbc9ae2017bd4e6a90f8dbb2f561.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//vbarbershop.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//vbarbershop.com/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2" type="font/woff2" crossorigin> 487<title> 488 V's SHAVING FACE⢠ESSENTIALS KIT 489</title> 490 491 492 <meta name="description" content="Everything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can bring the quality of a Vâs Barbershop shave into your daily routine. Formulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience eve"> 493 494 495 496<meta property="og:site_name" content="V's Barbershop"> 497<meta property="og:url" content="https://vbarbershop.com/products/vs-shaving-face-essentials-kit"> 498<meta property="og:title" content="V's SHAVING FACE⢠ESSENTIALS KIT"> 499<meta property="og:type" content="product"> 500<meta property="og:description" content="Everything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can bring the quality of a Vâs Barbershop shave into your daily routine. Formulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience eve"><meta property="og:image" content="http://vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626"> 501 <meta property="og:image:secure_url" content="https://vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626"> 502 <meta property="og:image:width" content="800"> 503 <meta property="og:image:height" content="1000"><meta property="og:price:amount" content="43.00"> 504 <meta property="og:price:currency" content="USD"><meta name="twitter:site" content="@vbarbershop"><meta name="twitter:card" content="summary_large_image"> 505<meta name="twitter:title" content="V's SHAVING FACE⢠ESSENTIALS KIT"> 506<meta name="twitter:description" content="Everything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can bring the quality of a Vâs Barbershop shave into your daily routine. Formulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience eve">
507<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
507<!-- RQ! added this --> 508
508<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
508<!-- RQ! added this --> 509 510
510<script> 511 window.shopUrl = 'https://vbarbershop.com'; 512 window.routes = { 513 cart_url: '/cart', 514 cart_add_url: '/cart/add', 515 cart_change_url: '/cart/change', 516 cart_update_url: '/cart/update', 517 predictive_search_url: '/search/suggest', 518 search_url: '/search', 519 product_recommendations_url: '/recommendations/products' 520 }; 521 522 window.photoswipeUrls = { 523 lib: '//vbarbershop.com/cdn/shop/t/124/assets/photoswipe.umd.min.js?v=26433048617275824511785190611', 524 loaded: false 525 }; 526 527 window.hasQuickAddDrawer = false; 528 window.hasQuickViewModal = false; 529 530 window.cartStrings = { 531 error: `There was an error while updating your cart. Please try again.`, 532 quantityError: `You can only add [quantity] of this item to your cart.`, 533 success: `The product has been added to the cart.` 534 } 535 536 window.variantStrings = { 537 addToCart: `Add to cart`, 538 soldOut: `Sold out`, 539 unavailable: `Unavailable`, 540 unavailable_with_option: `[value] - Unavailable` 541 } 542 543 window.accessibilityStrings = { 544 imageAvailable: `Image [index] is now available in gallery view`, 545 shareSuccess: `Link copied to clipboard`, 546 copyToClipboard: `Copy link`, 547 pauseSlideshow: `Pause slideshow`, 548 playSlideshow: `Play slideshow`,countdownExpiredMsg: `The countdown timer has been expired.`, 549 passwordVisibilityShow: `Show password`, 550 passwordVisibilityHide: `Hide password` 551 };window.recentlyViewedStrings = { 552 empty: "There are no recently viewed products." 553 }; 554 window.recentlyViewedLimit = 10;window.currentProduct = { 555 id: 10246975684908, 556 url: "\/products\/vs-shaving-face-essentials-kit", 557 image: "\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626\u0026width=100"};window.freeShippingBarExcludeProducts =[];window.moneyFormat = "${{amount}}"; 558 window.loadedBackgroundColorSwatches =false; 559 window.currencyMain = "USD"; 560 window.appearAnimate = true; 561 window.hideUnavailableOptions = true; 562 window.showAddToCartMessage = true; 563 </script>
563<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
563<meta name="facebook-domain-verification" content="3zbjmb7apve19fa3mnscgct6jyj0nb"> 564<meta name="facebook-domain-verification" content="q3uzpexnr1to5qmjqldc62n3lo3oap"> 565<meta name="google-site-verification" content="6hfju-YhLu4934fC_25fx_sK5zt8Nhh6GalBtDin6sE"> 566<meta name="google-site-verification" content="yrLE1nSn2PHUYC99ZLrXUPz6w06i6DEFWIeKsDoIV4A"> 567<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/55475798113/digital_wallets/dialog"> 568<meta id="in-context-paypal-metadata" data-shop-id="55475798113" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 569<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/52716699386156:1?ucp/version=2026-08-25&context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://vbarbershop.com/products/vs-shaving-face-essentials-kit.oembed">
570<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=74645804"></script>
570 571<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
572<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=74645804&shop_id=55475798113" crossorigin="anonymous"></script>
vendor: 1 bytes, line 572
572
573<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":55475798113,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/55475798113","merchantName":"V's Barbershop","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"V's Barbershop","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 573
573
574<script id="shopify-features" type="application/json">{"accessToken":"3f678de6ffe0e71ef9d7102bdf42dee4","betas":["rich-media-storefront-analytics"],"domain":"vbarbershop.com","predictiveSearch":true,"shopId":55475798113,"locale":"en"}</script>
vendor: 1 bytes, line 574
574
575<script>var Shopify = Shopify || {}; 576Shopify.shop = "v-barbershop.myshopify.com"; 577Shopify.locale = "en"; 578Shopify.currency = {"active":"USD","rate":"1.0"}; 579Shopify.country = "US"; 580Shopify.theme = {"name":"Woodstock 3.1 - Job Posting Changes -- preWPD","id":184942002476,"schema_name":"Woodstock","schema_version":"3.1.0","theme_store_id":null,"role":"main"}; 581Shopify.theme.handle = "null"; 582Shopify.theme.style = {"id":null,"handle":null}; 583Shopify.cdnHost = "vbarbershop.com/cdn"; 584Shopify.routes = Shopify.routes || {}; 585Shopify.routes.root = "/"; 586Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 587Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 588Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 589Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 589
589
590<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 590
590
591<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 591
591
592<script> 593 window.ShopifyPay = window.ShopifyPay || {}; 594 window.ShopifyPay.apiHost = "shop.app\/pay"; 595 window.ShopifyPay.redirectState = null; 596</script>
vendor: 1 bytes, line 596
596
597<script> 598 window.Shopify = window.Shopify || {}; 599 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 600 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 601 window.Shopify.SignInWithShop.eligible = true; 602</script>
vendor: 1 bytes, line 602
602
603<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 603
603
604<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 604
604
605<script type="module"> 606 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 607 608 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 609 610</script>
vendor: 1 bytes, line 610
610
611<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.payment-terms.en.esm.js"></script>
vendor: 1 bytes, line 611
611
612<script type="module"> 613 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.payment-terms.en.esm.js"); 614 615 616</script>
vendor: 1 bytes, line 616
616
617<script> 618 window.Shopify = window.Shopify || {}; 619 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 620 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"]}; 621</script>
vendor: 1 bytes, line 621
621
622<script>(function() { 623 var isLoaded = false; 624 function asyncLoad() { 625 if (isLoaded) return; 626 isLoaded = true; 627 var urls = ["https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=VenFnW\u0026shop=v-barbershop.myshopify.com","\/\/cdn.shopify.com\/proxy\/677dcff9fc853b48c07be4df63fb7c90a7caa6ff9e5d15337b84f35ba3289019\/editor.print.app\/js\/sp.js?shop=v-barbershop.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.shopify.com\/proxy\/0f7fa2ba6686f80385a999914d51a59808dd270c530e8a55af3793ec977e8b78\/designpackscdn.com\/design_packs_file.js?shop=v-barbershop.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"]; 628 for (var i = 0; i < urls.length; i++) { 629 var s = document.createElement('script'); 630 s.type = 'text/javascript'; 631 s.async = true; 632 s.src = urls[i]; 633 var x = document.getElementsByTagName('script')[0]; 634 x.parentNode.insertBefore(s, x); 635 } 636 }; 637 if(window.attachEvent) { 638 window.attachEvent('onload', asyncLoad); 639 } else { 640 window.addEventListener('load', asyncLoad, false); 641 } 642})();</script>
vendor: 1 bytes, line 642
642
643<script id="__st">var __st={"a":55475798113,"offset":-25200,"reqid":"e787cdd9-427c-4445-bffb-0ebccd811c49-1790360235","pageurl":"vbarbershop.com\/products\/vs-shaving-face-essentials-kit","u":"295764550c63","p":"product","rtyp":"product","rid":10246975684908};</script>
vendor: 1 bytes, line 643
643
644<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 644
644
645<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'])})(!1,!0)}();</script>
vendor: 1 bytes, line 645
645
646<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//vbarbershop.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 646
646
647<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 = "//vbarbershop.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>
647<script crossorigin="anonymous" defer="defer" src="//vbarbershop.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 647
647
648<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 648
648
649<script> 650 window.Shopify = window.Shopify || {}; 651 window.Shopify.MCP = window.Shopify.MCP || {}; 652 window.Shopify.MCP.enabled = true; 653 window.Shopify.MCP.shop = "v-barbershop.myshopify.com"; 654 window.Shopify.MCP.mcpEndpoint = "https:\/\/vbarbershop.com\/api\/mcp"; 655 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"]}}]; 656</script>
vendor: 1 bytes, line 656
656
657<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("\/\/vbarbershop.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 658</script>
vendor: 1 bytes, line 658
658
659<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://vbarbershop.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 660</script>
vendor: 1 bytes, line 660
660
661<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 662 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); 663</script>
vendor: 1 bytes, line 663
663
664<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})}})); 665</script>
665 666<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://vbarbershop.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 667<style id="shopify-accelerated-checkout-cart"> 668 #shopify-buyer-consent { 669 margin-top: 1em; 670 display: inline-block; 671 width: 100%; 672} 673 674#shopify-buyer-consent.hidden { 675 display: none; 676} 677 678#shopify-subscription-policy-button { 679 background: none; 680 border: none; 681 padding: 0; 682 text-decoration: underline; 683 font-size: inherit; 684 cursor: pointer; 685} 686 687#shopify-subscription-policy-button::before { 688 box-shadow: none; 689} 690 691 </style> 692
693<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
693 694 695
695<script src="//vbarbershop.com/cdn/shop/t/124/assets/critical-global.js?v=71951814763272773091785190597" defer="defer"></script>
695 696
696<script src="//vbarbershop.com/cdn/shop/t/124/assets/motion.min.js?v=71979496349861598611785190609" defer="defer"></script>
696 697 698 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-card.css?v=41855031481627982521785190569" media="print" onload="this.media='all'">
698<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 699 if (Shopify.designMode) { 700 document.documentElement.classList.add('shopify-design-mode'); 701 } 702 </script>
702 703 704
704<script src="//vbarbershop.com/cdn/shop/t/124/assets/custom.js?v=14155248978798298521785190698" defer></script>
704<!-- RQ! added this --> 705 706 707 708 709
709<script type="text/javascript"> 710 function getCookie(name) { 711 const value = `; ${document.cookie}`; 712 const parts = value.split(`; ${name}=`); 713 if (parts.length === 2) return parts.pop().split(';').shift(); 714 return null; 715 } 716 717 function setCookie(name, value, hours) { 718 const date = new Date(); 719 date.setTime(date.getTime() + (hours * 60 * 60 * 1000)); 720 const expires = `expires=${date.toUTCString()}`; 721 document.cookie = `${name}=${value}; ${expires}; path=/`; 722 } 723 724 function isMobileDevice() { 725 return window.innerWidth <= 768; 726 } 727 728 function showKlaviyoForm() { 729 if (isMobileDevice()) { 730 window._klOnsite = window._klOnsite || []; 731 window._klOnsite.push(['openForm', 'RfUaxr']); 732 console.log('Klaviyo mobile form shown'); 733 } else { 734 window._klOnsite = window._klOnsite || []; 735 window._klOnsite.push(['openForm', 'Tre9df']); 736 console.log('Klaviyo desktop form shown'); 737 } 738 } 739 740 if (!getCookie('klaviyo_popup_seen')) { 741 if (document.readyState === 'loading') { 742 document.addEventListener('DOMContentLoaded', showKlaviyoForm); 743 } else { 744 showKlaviyoForm(); 745 } 746 setCookie('klaviyo_popup_seen', 'true', 24); 747 } else { 748 console.log('Klaviyo pop-up skipped'); 749 } 750 </script>
750 751 752 753 754 755 <link rel="preload" href="//vbarbershop.com/cdn/shop/t/124/assets/design-pack-styles.css?v=108337400465735395681785190599" as="style"> 756 <link href="//vbarbershop.com/cdn/shop/t/124/assets/design-pack-styles.css?v=108337400465735395681785190599" rel="stylesheet" type="text/css" media="all" /> 757 <!-- BEGIN app block: shopify://apps/consentmo-gdpr/blocks/gdpr_cookie_consent/4fbe573f-a377-4fea-9801-3ee0858cae41 --> 758<link rel="preconnect" href="https://app.consentmo.com" crossorigin data-csm-preconnect="app"> 759<link rel="dns-prefetch" href="https://workers.consentmo.com" data-csm-preconnect="workers"> 760<link rel="dns-prefetch" href="https://storage.consentmo.com" data-csm-preconnect="storage"> 761<link rel="preconnect" href="https://cdn.consentmo.com" crossorigin data-csm-preconnect="cdn"><link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/layout-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="banner"> 762 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/layout-cookie-dialog.consentmo.js" crossorigin data-csm-layout-prefetch="dialog"> 763 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/layout-cookie-box.consentmo.js" crossorigin data-csm-layout-prefetch="box"> 764 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/layout-cookie-smart-banner.consentmo.js" crossorigin data-csm-layout-prefetch="smart"> 765 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/layout-mobile-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="mobile">
765<script> 766(function () { 767 try { 768 document.documentElement.classList.add('csm-cookie-embed'); 769 } catch (e) {} 770})(); 771</script>
771<script data-consentmo-data-src-bootstrap> 772(function () { 773 'use strict'; 774 if (window.__consentmoDataSrcBootstrapInit) return; 775 window.__consentmoDataSrcBootstrapInit = true; 776 777 var DATA_SRC_SELECTOR = [ 778 'script[data-src*="consentmo_cookie_consent"]', 779 'script[data-src*="gdpr_cookie_consent.min"]', 780 'script[data-src*="gdrp_cookie_consent_unlimited"]' 781 ].join(','); 782 783 function activateConsentmoDataSrcScripts() { 784 if (!window.Shopify || !window.Shopify.shop) return; 785 document.querySelectorAll(DATA_SRC_SELECTOR).forEach(function (scriptEl) { 786 // getAttribute: src="" must not count as "already has src" (.src === page URL). 787 if (scriptEl.getAttribute('src')) return; 788 var url = scriptEl.getAttribute('data-src'); 789 if (!url) return; 790 if (scriptEl.getAttribute('type') === 'text/plain') { 791 scriptEl.removeAttribute('type'); 792 } 793 scriptEl.src = url; 794 }); 795 } 796 function scheduleActivation() { 797 activateConsentmoDataSrcScripts(); 798 // Retry on next task so other DCL handlers (lazy-loaders) can finish setting Shopify.shop / data-src first. 799 setTimeout(activateConsentmoDataSrcScripts, 0); 800 } 801 if (document.readyState === 'loading') { 802 document.addEventListener('DOMContentLoaded', scheduleActivation, { once: true }); 803 } else { 804 scheduleActivation(); 805 } 806})(); 807</script>
807 808 809 810<!-- END app block --><!-- BEGIN app block: shopify://apps/consentmo-gdpr/blocks/ada_compliance/4fbe573f-a377-4fea-9801-3ee0858cae41 --> 811<!-- END app block --><!-- BEGIN app block: shopify://apps/boost-ai-search-filter/blocks/instant-search-app-embedded/7fc998ae-a150-4367-bab8-505d8a4503f7 -->
811<script type="text/javascript">(function a(){!window.boostWidgetIntegration&&(window.boostWidgetIntegration={});const b=window.boostWidgetIntegration;!b.taeSettings&&(b.taeSettings={});const c=b.taeSettings;c.instantSearch={enabled:!0}})()</script>
811<!-- END app block --><!-- BEGIN app block: shopify://apps/boost-ai-search-filter/blocks/boost-sd-ssr/7fc998ae-a150-4367-bab8-505d8a4503f7 -->
811<script type="text/javascript">"use strict";(()=>{function readTemplates(){let templates={};templates= 812 813 { 814 815 816 817 818 "quickView": "\u003c!-- TEMPLATE QUICK VIEW --\u003e{% assign isShowMediaEnabled = false %}{%- comment -%} Split and Prioritize Media: video \u003e gif \u003e image {%- endcomment -%}{% assign videoGroup = \"\" | split: \"\" %}{% assign gifGroup = \"\" | split: \"\" %}{% assign imageGroup = \"\" | split: \"\" %}{% if product.media and product.media.size \u003e 0 %}{% for item in product.media %}{%- comment -%} check VIDEO {%- endcomment -%}{% if item.mediaContentType == 'VIDEO' %}{% if isShowMediaEnabled %}{% assign item_as_array = item | Array %}{% assign videoGroup = videoGroup | concat: item_as_array %}{% endif %}{%- comment -%} check GIF {%- endcomment -%}{% elsif item.mediaContentType == 'IMAGE' and item.image.originalSrc contains '.gif' %}{% if isShowMediaEnabled %}{% assign item_as_array = item | Array %}{% assign gifGroup = gifGroup | concat: item_as_array %}{% endif %}{%- comment -%}check img {%- endcomment -%}{% else %}{% assign item_as_array = item | Array %}{% assign imageGroup = imageGroup | concat: item_as_array %}{% endif %}{% endfor %}{% endif %}{% assign cleanMedia = videoGroup | concat: gifGroup | concat: imageGroup %}{%- comment -%} Fallback if cleanMedia[] {%- endcomment -%}{% if cleanMedia.size == 0 %}{% if product.images_info and product.images_info.size \u003e 0 %}{% assign cleanMedia = product.images_info %}{% elsif product.no_image %}{% assign no_image_as_array = product.no_image | Array %}{% assign cleanMedia = no_image_as_array %}{% endif %}{% endif %}{% assign show_prev_next_btns = cleanMedia.size \u003e 4 %}{% capture productData %}{\"id\": \"{{ product.id }}\",\"handle\": \"{{ product.handle }}\",\"variantId\": \"{{ product.variant_id }}\",\"splitProduct\": \"{{ product.split_product }}\",\"variants\": {{ product.variants | json | escape }},\"tags\": {{ product.tags | json | escape }},\"images\": {{ cleanMedia | json | escape }},\"media\": {{ cleanMedia | json | escape }},\"category\": \"{{ product.product_type | escape }}\",\"priceMin\": \"{{ product.price_min }}\",\"options_with_values\": {{ product.options_with_values | json | escape }}}{% endcapture %}{% if product.variants.size == 1 and product.variants[0].title == 'Default Title' %}{% assign isDefaultOption = true %}{% else %}{% assign isDefaultOption = false %}{% endif %}\u003cdiv aria-modal=\"true\" role=\"dialog\" aria-label=\"Quick view detail for product {{ product.title | escape }}\" class=\"boost-sd__modal\" id=\"boost-sd__modal-quickview\" data-product-id='{{ productData.id }}' data-product='{{ productData | json_encode }}'\u003e\u003cdiv class=\"boost-sd__modal-backdrop\"\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__modal-container\"\u003e \u003cdiv tabindex=\"-1\" class=\"boost-sd__modal-wrapper\"\u003e \u003cdiv class=\"boost-sd__quick-view\" product-id=\"{{ product.id }}\"\u003e \u003cdiv class=\"boost-sd__quick-view-product-image\"\u003e \u003cdiv class=\"boost-sd__slider boost-sd__slider--thumb-vertical\"\u003e \u003cdiv class=\"boost-sd__thumbs-container boost-sd__thumbs-container--vertical\"\u003e {% if show_prev_next_btns %} \u003cdiv class=\"boost-sd__thumbs-container-prev-button boost-sd__thumbs-container-prev-button--vertical\"\u003e\u003cbutton type=\"button\" aria-label=\"Previous\" class=\"boost-sd__button boost-sd__button--circle boost-sd__button--full-width\" style=\"padding: 0px;\" disabled=\"\"\u003e\u003cspan class=\"boost-sd__icon\" style=\"margin: 0px;\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 10 7\" height=\"7\" width=\"10\" class=\"boost-sd__thumbs-container-button-icon\"\u003e \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"currentColor\" d=\"M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e {% endif %} \u003cdiv class=\"boost-sd__thumbs-container-thumbs boost-sd__thumbs-container-thumbs--vertical\"\u003e {% if request.previewMode == true %} {% for media_item in cleanMedia limit: 4 %} \u003cdiv class=\"boost-sd__thumbs-container-thumbs-item\" data-index=\"{{ forloop.index0 }}\"\u003e \u003cdiv class=\"boost-sd__slide\"\u003e \u003cdiv class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4\"\u003e \u003cdiv tabindex=\"0\" class=\"boost-sd__product-image\"\u003e {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %} \u003cimg src=\"{{ media_item.preview.image.originalSrc }}\" alt=\"{{ product.title | escape }} video thumbnail\" fetchpriority=\"auto\" loading=\"eager\" width=\"100%\" height=\"auto\" \/\u003e \u003cdiv class=\"boost-sd__product-video-icon-overlay\"\u003e \u003csvg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\u003e \u003cpath d=\"M15 10L7 15V5L15 10Z\" fill=\"white\" \/\u003e \u003c\/svg\u003e \u003c\/div\u003e {% else %} \u003cimg class=\"boost-sd__product-image-img\" src=\"{{ media_item.image.originalSrc | default: media_item.src }}\" fetchpriority=\"auto\" sizes=\"200px\" decoding=\"async\" loading=\"eager\" alt=\"{{ product.title | escape }} thumbnail {{ forloop.index }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% else %} {% for media_item in cleanMedia %} \u003cdiv class=\"boost-sd__thumbs-container-thumbs-item\" data-index=\"{{ forloop.index0 }}\"\u003e \u003cdiv class=\"boost-sd__slide\"\u003e \u003cdiv class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4\"\u003e \u003cdiv tabindex=\"0\" class=\"boost-sd__product-image\"\u003e {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %} \u003cimg src=\"{{ media_item.preview.image.originalSrc }}\" alt=\"Video thumb\" fetchpriority=\"auto\" loading=\"eager\" width=\"100%\" height=\"auto\" \/\u003e \u003cdiv class=\"boost-sd__product-video-icon-overlay\"\u003e \u003csvg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\u003e \u003cpath d=\"M15 10L7 15V5L15 10Z\" fill=\"white\" \/\u003e \u003c\/svg\u003e \u003c\/div\u003e {% else %} \u003cimg class=\"boost-sd__product-image-img\" src=\"{{ media_item.image.originalSrc | default: media_item.src }}\" fetchpriority=\"auto\" sizes=\"200px\" decoding=\"async\" loading=\"eager\" alt=\"Thumbnail {{ forloop.index }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% endif %} \u003c\/div\u003e {% if show_prev_next_btns %} \u003cdiv class=\"boost-sd__thumbs-container-next-button boost-sd__thumbs-container-next-button--vertical\"\u003e\u003cbutton type=\"button\" aria-label=\"Next\" class=\"boost-sd__button boost-sd__button--circle boost-sd__button--full-width\" style=\"padding: 0px;\"\u003e\u003cspan class=\"boost-sd__icon\" style=\"margin: 0px;\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 10 7\" height=\"7\" width=\"10\" class=\"boost-sd__thumbs-container-button-icon\"\u003e \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"currentColor\" d=\"M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e {% endif %} \u003c\/div\u003e \u003cdiv class=\"slick-slider\"\u003e {% if request.previewMode == true %} {% for media_item in cleanMedia limit: 1 %} \u003cdiv class=\"boost-sd__slide\" data-index=\"{{ forloop.index0 }}\"\u003e \u003cdiv class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4\"\u003e \u003cdiv class=\"boost-sd__product-image-row boost-sd__product-image-row--top\"\u003e \u003cdiv class=\"boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left\"\u003e {% assign hideOtherLabelsWhenSoldOut = true -%} {% assign moneyFormat = request.money_format | strip_html -%} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% if hideOtherLabelsWhenSoldOut != true -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}
818 {% if compareAtPriceMin \u003e product.price_min and compareAtPriceMin \u003e 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign productItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e \u003cspan\u003e{{ productItemSaleTranslated }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% if product.available == false -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}\u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% else -%} {% if product.available == false -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}\u003c\/span\u003e \u003c\/div\u003e {% else -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin \u003e product.price_min and compareAtPriceMin \u003e 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign translatedText = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e \u003cspan\u003e{{ translatedText }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% endif -%} {% endif -%} \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-image\"\u003e {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %} \u003cvideo controls playsinline autoplay muted loop poster=\"{{ media_item.preview.image.originalSrc }}\" width=\"100%\" height=\"auto\"\u003e {% for source in media_item.sources %} \u003csource src=\"{{ source.url }}\" type=\"{{ source.mime_type }}\"\u003e {% endfor %} \u003c\/video\u003e {% else %} \u003cimg id=\"product-image-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"{{ media_item.image.originalSrc | default: media_item.src }}\" fetchpriority=\"auto\" sizes=\"200px\" decoding=\"async\" loading=\"eager\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% else %} {% for media_item in cleanMedia %} \u003cdiv class=\"boost-sd__slide\" data-index=\"{{ forloop.index0 }}\"\u003e \u003cdiv class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4\"\u003e \u003cdiv class=\"boost-sd__product-image-row boost-sd__product-image-row--top\"\u003e \u003cdiv class=\"boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left\"\u003e {% assign hideOtherLabelsWhenSoldOut = true -%} {% assign moneyFormat = request.money_format | strip_html -%} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% if hideOtherLabelsWhenSoldOut != true -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}
818 {% if compareAtPriceMin \u003e product.price_min and compareAtPriceMin \u003e 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign productItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e \u003cspan\u003e{{ productItemSaleTranslated }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% if product.available == false -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}\u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% else -%} {% if product.available == false -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}\u003c\/span\u003e \u003c\/div\u003e {% else -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin \u003e product.price_min and compareAtPriceMin \u003e 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign translatedText = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e \u003cspan\u003e{{ translatedText }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% endif -%} {% endif -%} \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-image\"\u003e {% if media_item.mediaContentType == 'VIDEO' and isShowMediaEnabled %} \u003cvideo controls playsinline autoplay muted loop poster=\"{{ media_item.preview.image.originalSrc }}\" width=\"100%\" height=\"auto\"\u003e {% for source in media_item.sources %} \u003csource src=\"{{ source.url }}\" type=\"{{ source.mime_type }}\"\u003e {% endfor %} \u003c\/video\u003e {% else %} \u003cimg id=\"product-image-{{ product.id }}-{{ forloop.index }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"{{ media_item.image.originalSrc | default: media_item.src }}\" fetchpriority=\"auto\" sizes=\"200px\" decoding=\"async\" loading=\"eager\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% endif %} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv tabindex=\"0\" class=\"boost-sd__quick-view-product-info\"\u003e \u003ch2 class=\"boost-sd__quick-view-title\"\u003e{{ product.title | escape }}\u003c\/h2\u003e \u003cp class=\"boost-sd__quick-view-vendor\"\u003e{{ product.vendor }}\u003c\/p\u003e {% capture showCurrencyCodes %}false{% endcapture %} {% assign moneyFormat = request.money_format | strip_html -%} {% if showCurrencyCodes == 'true' %} {% assign moneyFormat = request.money_format_with_currency | strip_html -%} {% endif %} \u003cdiv class=\"boost-sd__quick-view-price\"\u003e \u003cspan class=\"boost-sd__format-currency\"\u003e\u003cspan class=\"\"\u003e{{ product.price_min | format_currency: moneyFormat }}\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e {% if isDefaultOption == false %} {% for swatch in product.options_with_values %} \u003cdiv class=\"boost-sd__product-swatch\"\u003e \u003cdiv class=\"boost-sd__product-swatch-title\"\u003e{{ swatch.label | escape }}\u003c\/div\u003e \u003cdiv class=\"boost-sd__product-swatch-options\"\u003e {% for value in swatch.values %} {% assign swatchBy = 'text' %} {% assign backgroundSwatch = \"background-color: \" | append: value.title | strip_html | escape %} {% assign domain = request.shop %} {% assign imageName = value.title | strip_html | downcase | strip | escape %} {% if imageName contains \" \" %} {% assign imageName = imageName | replace: ' ', \"-\" %} {% endif %} {% if swatch.original_name == 'color' %} {% assign url = \"\/\/\" | append: domain | append: \"\/cdn\/shop\/files\/\" | append: imageName | append: \".png\" %} {% assign backgroundSwatch = backgroundSwatch | append: \"; background-image: url('\" | append: url | append: \"');\" %} {% assign swatchBy = 'color-and-image' %} {% endif %} {% for variant in product.variants %} {% assign options = variant.merged_options %} {% if variant.original_merged_options != nil %} {% assign options = variant.original_merged_options %} {% endif %} {% for option in options %} {% assign currentOption = option | strip_html | downcase | strip | replace: 'color:', '' | escape %} {% if currentOption contains \" \" %} {% assign currentOption = currentOption | replace: ' ', \"-\" %} {% endif %} {% if currentOption == imageName and variant.image %} {% assign backgroundSwatch = \"background-image: url('\" | append: variant.image | append: \"');\" %} {% assign swatchBy = 'product-image' %} {% endif %} {% endfor %} {% endfor %} \u003cdiv class=\"boost-sd__product-swatch-option\" data-swatch-by='{{ swatchBy }}'\u003e \u003cdiv class=\"boost-sd__radio\"\u003e \u003cdiv class=\"boost-sd__tooltip\"\u003e {% if swatch.original_name == 'color' %} \u003cdiv class=\"boost-sd__tooltip-content\"\u003e{{ value.title | strip_html | escape }}\u003c\/div\u003e {% endif %} \u003cinput id=\"product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}\" class=\"boost-sd__radio-input boost-sd__radio-input--hidden\" type=\"radio\" value=\"{{ value.title | strip_html | escape }}\" checked=\"\" \/\u003e {% if swatch.original_name == 'color' %} \u003clabel role=\"radio\" tabindex=\"0\" aria-label=\"{{ swatch.original_name }}:{{ value.title }}\" for=\"product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}\" data-swatch-value=\"{{ value.title | strip_html | escape }}\" class=\"boost-sd__radio-label boost-sd__radio-label--hide-text boost-sd__radio-label--large\" style=\"{{ backgroundSwatch }}\"\u003e {{ value.title | strip_html | escape }} \u003c\/label\u003e {% else %} \u003clabel role=\"radio\" tabindex=\"0\" aria-label=\"{{ swatch.original_name }}:{{ value.title }}\" for=\"product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}\" data-swatch-value=\"{{ value.title | strip_html | escape }}\" class=\"boost-sd__radio-label boost-sd__radio-label--in-quick-view\"\u003e {{ value.title | strip_html | escape }} \u003c\/label\u003e {% endif %} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor %} \u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% endif %} \u003cdiv class=\"boost-sd__quick-view-quantity\"\u003e \u003cp class=\"boost-sd__quick-view-quantity-title\"\u003e{{ \"quickView.qvQuantity\" | translate: translations, 'Quantity' }}\u003c\/p\u003e \u003cdiv class=\"boost-sd__input-number boost-sd__input-number--md\"\u003e \u003cdiv class=\"boost-sd__input-number-btn-wrapper\"\u003e \u003cbutton type=\"button\" aria-label=\"Decrease quantity\" class=\"boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn\"\u003e\u003cspan\u003e-\u003c\/span\u003e\u003c\/button\u003e \u003c\/div\u003e \u003cinput type=\"number\" aria-label=\"Item quantity\" class=\"boost-sd__input-number-input\" value=\"1\" \/\u003e \u003cdiv class=\"boost-sd__input-number-btn-wrapper\"\u003e \u003cbutton type=\"button\" aria-label=\"Increase quantity\" class=\"boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn\"\u003e\u003cspan\u003e+\u003c\/span\u003e\u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__quick-view-quantity-error\" style=\"color: red; font-size: 90%; display: none\"\u003e{{ \"quickView.qvQuantityError\" | translate: translations, 'Please input quantity' }}\u003c\/div\u003e \u003c\/div\u003e \u003c!-- TODO check preorder --\u003e \u003cdiv class=\"boost-sd__quick-view-preorder\"\u003e \u003c!-- TEMPLATE PRE_ORDER WITH PAYMENT --\u003e \u003c!-- TODO check preorder --\u003e {% if product.variants %} {% assign variants = product.variants %} {% else %} {% assign variants = variants %} {% endif %} {% for variant in variants %} {% if variant.preorder %} {% assign paymentType = variant.preorder.payment.type %} {% assign discountType = variant.preorder.payment.discountType %} {% assign discountValue = variant.preorder.payment.discountValue %} {% assign originalPrice = variant.price %} {% assign paymentLabel = '' %} {% if paymentType == 'full' %} {% assign paymentLabel = 'Full payment' %} {% endif %} {% if paymentType == 'partial' %} {% assign paymentLabel = 'Partial payment' %} {% endif %} {% if paymentType == 'none' %} {% assign paymentLabel = 'No payment' %} {% endif %} {% capture showCurrencyCodes %}false{% endcapture %} {% assign moneyFormat = request.money_format | strip_html -%} {% if showCurrencyCodes == 'true' %} {% assign moneyFormat = request.money_format_with_currency | strip_html -%} {% endif %} {% assign moneyRate = request.currency_rate | strip_html -%} {% if discountType == 'percentage' %} {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %} {% elsif discountType == 'amount' %} {% assign discountValue = discountValue | times: moneyRate %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %} {% else %} {% assign discountedPrice = originalPrice %} {% endif %} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% assign originalPriceFormat = originalPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountedPriceFormat = discountedPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountValueFormat = discountValue | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %} \u003cdiv tabindex=\"0\" role=\"region\" aria-labelledby=\"preorder-title\" aria-describedby=\"preorder-description\" class=\"boost-sd__preorder\" data-variant-id=\"{{ variant.id }}\"\u003e \u003cdiv class=\"boost-sd__preorder-option\"\u003e \u003ch2 id=\"preorder-title\" class=\"boost-sd__preorder-title\"\u003e{{ paymentLabel }}\u003c\/h2\u003e \u003cdiv aria-live=\"polite\" id=\"preorder-description\" class=\"boost-sd__preorder-discount\"\u003e {% if discountType == 'percentage' %} \u003cspan class=\"boost-sd__preorder-save\"\u003eSave {{ discountValue }}%\u003c\/span\u003e {% elsif discountType == 'amount' %} \u003cspan class=\"boost-sd__preorder-save\"\u003eSave {{ discountValueFormat }}\u003c\/span\u003e {% endif %} \u003cdiv class=\"boost-sd__preorder-price\"\u003e {% if discountType != 'none' %} \u003cspan aria-label=\"Original Price: {{ originalPriceFormat }}\" class=\"boost-sd__preorder-original-price\"\u003e{{ originalPriceFormat }}\u003c\/span\u003e {% endif %} \u003cspan aria-label=\"Discounted Price: {{ discountedPriceFormat }}\" class=\"boost-sd__preorder-discounted-price\"\u003e{{ discountedPriceFormat }}\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endif %} {% endfor %} {% assign buttonLabel = 'Pre-Order' %} {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %} {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %} {% if preOrderButtonText and preOrderButtonText != '' %} {% assign buttonLabel = preOrderButtonText %} {% endif %} \u003cbutton type=\"button\" aria-label='{{ buttonLabel }}' class=\"boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--preorder\"\u003e \u003cspan aria-hidden=\"true\" class=\"boost-sd__button-text\"\u003e {{ buttonLabel }} \u003c\/span\u003e \u003c\/button\u003e \u003cp tabindex=\"0\" class=\"boost-sd__preorder-note\"\u003e \u003cstrong class=\"boost-sd__preorder-note-title\"\u003ePlease note: \u003c\/strong\u003e\u003cspan class=\"boost-sd__preorder-note-text\"\u003e{{ preOrderDeliveryText }}\u003c\/span\u003e \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__quick-view-btn\"\u003e \u003cbutton type=\"button\" class=\"boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-add-to-cart\"\u003e \u003cspan class=\"boost-sd__button-text\"\u003e {{ \"productItem.atcAvailableLabel\" | translate: translations, 'Add to cart' }} \u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" class=\"boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-buy-now\"\u003e \u003cspan class=\"boost-sd__button-text\"\u003e{{ \"quickView.buyItNowBtnLabel\" | translate: translations, 'Buy it now' }}\u003c\/span\u003e \u003c\/button\u003e \u003c\/div\u003e \u003ca class=\"boost-sd__quick-view-details-link\" href=\"\/products\/{{ product.handle }}\"\u003e{{ \"quickView.qvViewFullDetails\" | translate: translations, 'View full details' }}\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" aria-label='{{ \"close\" | translate: translations, \"Close\" }}' class=\"boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__modal-close-btn\"\u003e \u003csvg class=\"boost-sd__modal-close-svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.3536 5.35355C19.5488 5.15829 19.5488 4.84171 19.3536 4.64645C19.
8181583 4.45118 18.8417 4.45118 18.6464 4.64645L12 11.2929L5.35355 4.64645C5.15829 4.45118 4.84171 4.45118 4.64645 4.64645C4.45118 4.84171 4.45118 5.15829 4.64645 5.35355L11.2929 12L4.64645 18.6464C4.45118 18.8417 4.45118 19.1583 4.64645 19.3536C4.84171 19.5488 5.15829 19.5488 5.35355 19.3536L12 12.7071L18.6464 19.3536C18.8417 19.5488 19.1583 19.5488 19.3536 19.3536C19.5488 19.1583 19.5488 18.8417 19.3536 18.6464L12.7071 12L19.3536 5.35355Z\" fill=\"#222222\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e", 819 820 821 822 823 824 "cart": "\u003c!-- TEMPLATE CART --\u003e\u003c!-- This Template contains a few variables built from the client js side --\u003e{% assign currentLocale = '' %}{% if locale != \"\" or locale != null %}{% assign currentLocale = locale %}{% endif %}", 825 826 827 828 829 830 "refineBy": "\u003c!-- TEMPLATE REFINE BY --\u003e\u003cdiv class='boost-sd__refine-by-vertical-refine-by'\u003e\u003cdiv class='boost-sd__refine-by-vertical-refine-by-title'\u003e \u003cdiv class='boost-sd__refine-by-vertical-refine-by-heading'\u003e {{ 'refine' | translate: translations, 'Refine By' }} \u003c\/div\u003e \u003cbutton type='button' aria-label='{{ \"clearAll\" | translate: translations, \"Clear All\" }}' id='boost-sd__button--clear-all-filters' class='boost-sd__button boost-sd__button--clear' data-metadata='{ \"action\": { \"clearAllFilter\": \"\" } }'\u003e \u003cspan class='boost-sd__button-text' data-metadata='{ \"action\": { \"clearAllFilter\": \"\" } }' aria-hidden='true'\u003e {{- 'clearAll' | translate: translations, 'Clear All' -}} \u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\u003cdiv class='boost-sd__refine-by-vertical-refine-by-list'\u003e {% for refineByOption in refineBy.options %} \u003cbutton aria-label='Clear {{ refineByOption.data.label | escape }}: {% if refineByOption.type == \"range\" %}{% if refineByOption.data.key == \"pf_p_price\" or refineByOption.data.key == \"pf_vp_variants_price\" %}{{ refineByOption.data.value.lower | currency_format: refineByOption.data.moneyFormatValue }} to {{ refineByOption.data.value.upper | currency_format: refineByOption.data.moneyFormatValue }}{% else %}{{ refineByOption.data.value.lower | escape }} to {{ refineByOption.data.value.upper | escape }}{% endif %}{% else %}{{ refineByOption.data.valueDisplay | escape }}{% endif %}' metadata='{\"action\": { \"clearFilter\": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-item' id='{{ refineByOption.data.value | downcase | replace: \" \", \"-\" | append: \"-clear-filter\" | simpleMd5 }}'\u003e \u003cdiv metadata='{\"action\": { \"clearFilter\": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-type'\u003e \u003cspan metadata='{\"action\": { \"clearFilter\": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-option'\u003e {{ refineByOption.data.label | escape }}: \u003c\/span\u003e \u003cspan metadata='{\"action\": { \"clearFilter\": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-value'\u003e {% if refineByOption.type == 'range' %} {% if refineByOption.data.key == 'pf_p_price' or refineByOption.data.key == 'pf_vp_variants_price' %} {{ refineByOption.data.value.lower | currency_format: refineByOption.data.moneyFormatValue }} - {{ refineByOption.data.value.upper | currency_format: refineByOption.data.moneyFormatValue }} {% else %} {{ refineByOption.data.value.lower | escape }} - {{ refineByOption.data.value.upper | escape }} {% endif %} {% else %} {% if refineByOption.data.valueDisplay contains ':' %} {{ refineByOption.data.valueDisplay | split: ':' | last | escape }} {% else %} {{ refineByOption.data.valueDisplay | escape }} {% endif %} {% endif %} \u003c\/span\u003e \u003c\/div\u003e \u003csvg metadata='{\"action\": { \"clearFilter\": {{ refineByOption.metaData | json | escape }} } }
830' class='boost-sd__refine-by-vertical-refine-by-clear' xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12' role='img' aria-hidden='true' fill='#222'\u003e \u003cpath metadata='{\"action\": { \"clearFilter\": {{ refineByOption.metaData | json | escape }} } }' fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.41401 6.00001L11.707 1.70701C12.098 1.31601 12.098 0.684006 11.707 0.293006C11.316 -0.0979941 10.684 -0.0979941 10.293 0.293006L6.00001 4.58601L1.70701 0.293006C1.31601 -0.0979941 0.684006 -0.0979941 0.293006 0.293006C-0.0979941 0.684006 -0.0979941 1.31601 0.293006 1.70701L4.58601 6.00001L0.293006 10.293C-0.0979941 10.684 -0.0979941 11.316 0.293006 11.707C0.488006 11.902 0.744006 12 1.00001 12C1.25601 12 1.51201 11.902 1.70701 11.707L6.00001 7.41401L10.293 11.707C10.488 11.902 10.744 12 11 12C11.256 12 11.512 11.902 11.707 11.707C12.098 11.316 12.098 10.684 11.707 10.293L7.41401 6.00001Z\" fill=\"#3D4246\"\u003e \u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e {% endfor %} \u003c\/div\u003e\u003c\/div\u003e", 831 832 833 834 835 836 "filterOptionBoxItem": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% if request.previewMode == true %}\u003cli class=\"boost-sd__filter-option-item boost-sd__filter-option-box-item\"\u003e\u003cbutton role='checkbox' aria-label='{{ value.key | escape_once | strip_html }}. Number of products: {{ value.doc_count }}' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'\u003e \u003cspan class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.key | escape | upcase }} {% else %} {{ value.key | escape }} {% endif %} \u003c\/span\u003e\u003c\/button\u003e\u003c\/li\u003e{% else %}\u003cli class='{{ className }}'\u003e\u003cbutton role='checkbox' aria-label='Find product with {{ label | escape }} is {{ value.label | escape_once | strip_html }}. Number of products: {{ value.doc_count }}' aria-checked='{% if className contains \"boost-sd__filter-option-box-item--selected\" %}true{% else %}false{% endif %}' id='{{ actionId }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button' data-action='{{ dataAction }}'\u003e \u003cspan data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'\u003e {% if displayAllValuesInUppercaseForm %} {{ value.label | escape | upcase }} {% else %} {{ value.label | escape }} {% endif %} \u003c\/span\u003e\u003c\/button\u003e\u003c\/li\u003e{% endif %}", 837 838 839 840 841 842 "filterOptionListItem": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% if request.previewMode == true %}\u003cli class=\"boost-sd__filter-option-item boost-sd__filter-option-list-option-item\"\u003e\u003cbutton role=\"checkbox\" aria-checked=\"false\" aria-label=\"{{ value.key | escape_once }}. Number of products: {{ value.doc_count }}\" class=\"boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox\"\u003e {% if option.filterType == \"variants_price\" or option.filterType == \"price\" %} {% if value.from == 0 %} {{ \"under\" | translate: translations, \"Under\" }} {{ value.to | format_currency: option.moneyFormatValue }} {% elsif value.to == nil %} {{ \"above\" | translate: translations, \"Above\" }} {{ value.from | format_currency: option.moneyFormatValue }} {% elsif value.from != 0 and value.to != nil %} {{ value.from | format_currency: option.moneyFormatValue }} - {{ value.to | format_currency: option.moneyFormatValue }} {% endif %} {% elsif option.filterType == \"percent_sale\" %} {% if value.from == nil %} {{ \"under\" | translate: translations, \"Under\" }} {{ value.to }} {% elsif value.to == nil %} {{ \"above\" | translate: translations, \"Above\" }} {{ value.from }} {% elsif value.from != 0 and value.to != nil %} {{ value.from }}% - {{ value.to }}% {% endif %} {% else %} \u003cspan class=\"boost-sd__filter-option-item-label\"\u003e {% if option.displayAllValuesInU
842ppercaseForm %} {% if option.filterType == \"stock\" or option.filterType == \"collection\" %} {{ value.label | upcase | escape }} {% else %} {{ value.key | upcase | escape }} {% endif %} {% else %} {% if option.filterType == \"stock\" or option.filterType == \"collection\" %} {{ value.label | escape }} {% else %} {{ value.key | escape }} {% endif %} {% endif %} \u003c\/span\u003e {% endif %} {% if filterSettings.showFilterOptionCount %} \u003cspan aria-hidden=\"true\" class=\"boost-sd__filter-option-item-amount\"\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e\u003c\/li\u003e{% else %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'\u003e\u003cbutton role='checkbox' aria-checked='{% if className contains \"boost-sd__filter-option-item-button--selected\" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }} is {{ value.label | escape_once | strip_html }}. Number of products: {{ value.doc_count }}' id='{{ actionId }}' class='{{ className }}' data-action='{{ dataAction }}'\u003e \u003cspan data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'\u003e {% if displayAllValuesInUppercaseForm %} {{ value.label | upcase | escape }} {% else %} {{ value.label | escape }} {% endif %} \u003c\/span\u003e {% if showDocCount %} \u003cspan data-action='{{ dataAction }}' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e ({{ value.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e\u003c\/li\u003e{% endif %}", 843 844 845 846 847 848 "filterOptionSwatchItem": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% assign swatchListStyle = option.swatchStyle == 'circle-list' or option.swatchStyle == 'square-list' %}{% if request.previewMode == true %}{% assign swatchTyleClass = \"\" %}{% if swatchListStyle %}{% assign swatchTyleClass = \"list\" %}{% else %}{% assign swatchTyleClass = \"grid\" %}{% endif %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-swatch-item'\u003e\u003cbutton title='{{ value.key | strip_html | escape }}. Number of products: {{ value.doc_count }}' role='checkbox' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'\u003e \u003cspan class='boost-sd__filter-option-swatch-item-img boost-sd__filter-option-swatch-item-img--{{ swatchTyleClass }} boost-sd__filter-option-swatch-item-img--circle' style='background-color: {{ value.key | escape }};'\u003e\u003c\/span\u003e {% if swatchListStyle %} \u003cspan class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.key | escape | upcase }} {% else %} {{ value.key | escape }} {% endif %} \u003c\/span\u003e \u003cspan aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e\u003c\/li\u003e{% else %}\u003cli data-action='{{ dataAction }}' class='boost-sd__filter-option-item boost-sd__filter-option-swatch-item'\u003e\u003cbutton role='checkbox' aria-checked='{% if className contains \"boost-sd__filter-option-item-button--selected\" %}true{% else %}false{% endif %}' title='Find product with {{ label | escape }} is {{ value.label | escape | strip_html }}. Number of products: {{ value.doc_count }}' id='{{ actionId }}' data-action='{{ dataAction }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'\u003e {% if swatchValue.backgroundColor == nil %} {% assign swatchBackgroundColor = \"none\" %} {% else %} {% assign swatchBackgroundColor = swatchValue.backgroundColor | strip_html %} {% endif %} {% if swatchValue.backgroundImage == nil %} {% assign swatchBackgroundImage = \"none\" %} {% else %} {% assign swatchBackgroundImage = swatchValue.backgroundImage | strip_html %} {% endif %} \u003cspan data-action='{{ dataAction }}' class='{{ className }}
848' style='background-color: {{ swatchBackgroundColor }}; background-image: {{ swatchBackgroundImage }}'\u003e\u003c\/span\u003e {% if swatchType == 'list' %} \u003cspan data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.label | escape | upcase }} {% else %} {{ value.label | escape }} {% endif %} \u003c\/span\u003e {% if showDocCount %} \u003cspan data-action='{{ dataAction }}' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} {% endif %} \u003c\/button\u003e\u003c\/li\u003e{% endif %}", 849 850 851 852 853 854 "filterOptionMultiLevelCollectionItem": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% if request.previewMode == true %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections {% if option.keepValuesStatic and value.doc_count == 0 %} boost-sd__filter-option-item-multilevel-collections--disabled {% endif %}'\u003e\u003cdiv class='boost-sd__filter-option-item-multilevel-collections-firstlevel'\u003e \u003ca title='Link to {{ value.displayName }}. Number of products: {{ value.doc_count }}' href='\/collections\/{{ value.handle }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-link'\u003e \u003cspan class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.displayName | upcase }} {% else %} {{ value.displayName }} {% endif %} \u003c\/span\u003e \u003c\/a\u003e {% if showDocCount %} \u003cspan role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} {% if value.existedTags %} \u003cbutton type='button' aria-label='Expand\/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent'\u003e \u003csvg class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http:\/\/www.w3.org\/2000\/svg' width='7' height='12' role='img' aria-label='Expand\/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'\u003e \u003cpath class=\"boost-sd__arrow-icon-path\" d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e {% endif %} \u003c\/div\u003e\u003c\/li\u003e{% else %}{% assign currentLocale = '' %}{% if locale != \"\" %}{% assign currentLocale = '\/' | append: locale %}{% endif %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections {% if option.keepValuesStatic and value.doc_count == 0 %} boost-sd__filter-option-item-multilevel-collections--disabled {% endif %}'\u003e\u003cdiv class='boost-sd__filter-option-item-multilevel-collections-firstlevel'\u003e \u003ca id='{{ actionId }}' metaData='{{ metaData | json | escape }}' title='Link to {{ value.displayName }}. Number of products: {{ value.doc_count }}' data-action='select-filter-item' href='{{ currentLocale }}\/collections\/{{ value.handle }}' class='{{ className }}'\u003e \u003cspan style='{{ styleOptionItem }}' data-metadata='{{ metaData | json | escape }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.displayName | upcase }} {% else %} {{ value.displayName }} {% endif %} \u003c\/span\u003e {% if showDocCount %} \u003cspan role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/a\u003e {% if value.existedTags %} \u003cbutton aria-label='Expand\/Collapse {{ value.displayName }}' id='{{ value.actionIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' type='button' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'\u003e \u003csvg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http:\/\/www.w3.org\/2000\/svg' width='7' height='12' role='img' aria-label='Expand\/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'\u003e \u003cpath data-metadata='{{ value.metaDataArrow | json | escape }}' class=\"boost-sd__arrow-icon-path\" d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e {% endif %} \u003c\/div\u003e {% if value.existedTags \u003e 0 %} \u003cul id='{{ value.targetIdList }}' class='boost-sd__filter-option-item-multilevel-collections-listitem boost boost-sd__g-hide'\u003e {% for tag in value.tags %} \u003cli class='boost-sd__filter-option-item-multilevel-collections-secondlevel'\u003e \u003cdiv class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections-secondlevel-title'\u003e \u003ca id='{{ tag.actionId }}' data-metadata='{{ tag.metaData | json | escape }}' title='Link to {{ tag.displayName }}' data-action='select-filter-item' href='{{ currentLocale }}\/collections\/{{ value.handle }}\/{{ tag.tag }}' class='{{ tag.className }}'\u003e \u003cspan data-metadata='{{ tag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInU
854ppercaseForm %} {{ tag.displayName | upcase }} {% else %} {{ tag.displayName }} {% endif %} \u003c\/span\u003e \u003c\/a\u003e {% if tag.existedSubTags %} \u003cbutton aria-label='Expand\/Collapse {{ tag.displayName }}' id='{{ tag.actionIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' type='button' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'\u003e \u003csvg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http:\/\/www.w3.org\/2000\/svg' width='7' height='12' role='img' aria-label='Expand\/Collapse {{ tag.displayName }}' viewBox='0 0 7 12' fill='#222'\u003e \u003cpath data-metadata='{{ tag.metaDataArrow | json | escape }}' class=\"boost-sd__arrow-icon-path\" d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e {% endif %} \u003c\/div\u003e {% if tag.existedSubTags %} \u003cul id='{{ tag.targetIdList }}' class='boost-sd__filter-option-item-multilevel-collections-thirdlevel boost-sd__g-hide'\u003e {% for subTag in tag.subTags %} \u003cli class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections-thirdlevel-title'\u003e \u003ca id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json | escape }}' title='Link to {{ subTag.displayName }}' data-action='select-filter-item' href='{{ currentLocale }}\/collections\/{{ value.handle }}\/{{ subTag.tag }}' class='{{ subTag.className }}'\u003e \u003cspan data-metadata='{{ subTag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ subTag.displayName | upcase }} {% else %} {{ subTag.displayName }} {% endif %} \u003c\/span\u003e \u003c\/a\u003e \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e {% endif %} \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e {% endif %}\u003c\/li\u003e{% endif %}", 855 856 857 858 859 860 "filterOptionMultiLevelTagItem": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% if request.previewMode == true %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'\u003e\u003cbutton role='checkbox' aria-checked='false' aria-label='{{ value.displayName }}. Number of products: {{ value.doc_count }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox'\u003e \u003cspan class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.displayName | upcase }} {% else %} {{ value.displayName }} {% endif %} \u003c\/span\u003e\u003c\/button\u003e {% assign existedTags = value.subTags | size %} {% if existedTags \u003e 0 %} \u003cbutton type='button' aria-label='Expand\/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'\u003e \u003csvg class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http:\/\/www.w3.org\/2000\/svg' width='7' height='12' role='img' aria-label='Expand\/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'\u003e \u003cpath class=\"boost-sd__arrow-icon-path\" d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\"\u003e \u003c\/path\u003e \u003c\/svg\u003e\u003c\/button\u003e {% endif %}\u003c\/li\u003e{% else %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'\u003e\u003cbutton role='checkbox' aria-checked='{% if className contains \"boost-sd__filter-option-item-button--selected\" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }}
860 is {{ value.displayName | escape | strip_html }}. Number of products: {{ value.doc_count }}' data-metadata='{{ metaData | json | escape }}' id='{{ actionId }}' class='{{ className }}'\u003e \u003cspan style='{{ styleOptionItem }}' data-metadata='{{ metaData | json | escape }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ value.displayName | upcase }} {% else %} {{ value.displayName }} {% endif %} \u003c\/span\u003e {% if showProductCount %} \u003cspan data-metadata='{{ metaData | json | escape }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e {% assign existedTags = value.subTags | size %} {% if existedTags \u003e 0 %} \u003cbutton aria-label='Expand\/Collapse {{ value.displayName }}' type='button' data-metadata='{{ value.metaDataArrow | json | escape }}' id='{{ value.actionIdArrow }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'\u003e \u003csvg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http:\/\/www.w3.org\/2000\/svg' width='7' height='12' role='img' aria-label='Expand\/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='{{ colorOptionItem }}'\u003e \u003cpath data-metadata='{{ value.metaDataArrow | json | escape }}' class=\"boost-sd__arrow-icon-path\" d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/button\u003e\u003c!-- style=\"display: none\" --\u003e\u003cul id='{{ value.targetIdList }}' class='boost-sd__filter-option-list-option-item-sublist boost-sd__g-hide'\u003e {% for tag in value.subTags %} \u003cli class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'\u003e \u003cbutton role='checkbox' aria-checked='{% if tag.className contains \"boost-sd__filter-option-item-button--selected\" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }} is {{ tag.displayName | escape | strip_html }}. Number of products: {{ tag.doc_count }}' data-metadata='{{ tag.metaData | json | escape }}' id='{{ tag.actionId }}' class='{{ tag.className }}'\u003e \u003cspan style='{{ styleOptionItem }}' data-metadata='{{ tag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ tag.displayName | upcase }} {% else %} {{ tag.displayName }} {% endif %} \u003c\/span\u003e {% if showProductCount %} \u003cspan data-metadata='{{ tag.metaData | json | escape }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ tag.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e {% assign existedSubTags = tag.subTags | size %} {% if existedSubTags \u003e 0 %} \u003cbutton aria-label='Expand\/Collapse {{ tag.displayName }}' type='button' data-metadata='{{ tag.metaDataArrow | json | escape }}' id='{{ tag.actionIdArrow }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'\u003e \u003csvg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http:\/\/www.w3.org\/2000\/svg' width='7' height='12' role='img' aria-label='Expand\/Collapse {{ tag.displayName }}' viewBox='0 0 7 12' fill='{{ colorOptionItem }}'\u003e \u003cpath data-metadata='{{ tag.metaDataArrow | json | escape }}' class=\"boost-sd__arrow-icon-path\" d=\"M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003c!-- style=\"display: none\" --\u003e \u003cul id='{{ tag.targetIdList }}' class='boost-sd__filter-option-list-option-item-sublist boost-sd__g-hide'\u003e {% for subTag in tag.subTags %} \u003cli class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'\u003e \u003cbutton role='checkbox' aria-checked='{% if subTag.className contains \"boost-sd__filter-option-item-button--selected\" %}true{% else %}false{% endif %}' aria-label='Find product with {{ label | escape }}
860 is {{ subTag.displayName | escape | strip_html }}. Number of products: {{ subTag.doc_count }}' id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json | escape }}' class='{{ subTag.className }}'\u003e \u003cspan style='{{ styleOptionItem }}' data-metadata='{{ subTag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'\u003e {% if option.displayAllValuesInUppercaseForm %} {{ subTag.displayName | upcase }} {% else %} {{ subTag.displayName }} {% endif %} \u003c\/span\u003e {% if showProductCount %} \u003cspan data-metadata='{{ subTag.metaData | json | escape }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ subTag.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e {% endif %} \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e {% endif %}\u003c\/li\u003e{% endif %}", 861 862 863 864 865 866 "filterOptionRatingItem": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% if request.previewMode == true %}\u003cli class='boost-sd__filter-option-item boost-sd__filter-option-rating-item'\u003e\u003cbutton role='checkbox' aria-checked='false' aria-label='{{ value.key }} Stars. Number of products: {{ value.doc_count }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox'\u003e \u003cspan role='presentation' class='boost-sd__filter-option-rating-item-presentation'\u003e {% for i in (0..4) %} {% if i \u003c value.from %} \u003ci class='boost-sd__filter-option-rating-item-icon-star boost-sd__filter-option-rating-item-icon-star--active' style='color: {{ starColor }} ;'\u003e\u003c\/i\u003e {% else %} \u003ci class='boost-sd__filter-option-rating-item-icon-star' style='color: {{ starColor }} ;'\u003e\u003c\/i\u003e {% endif %} {% endfor %} {% if showExactRating == false %} \u003cspan\u003e\u0026 Up\u003c\/span\u003e {% endif %} \u003c\/span\u003e \u003cspan role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e\u003c\/button\u003e\u003c\/li\u003e{% else %}\u003cli data-value='{{ value.key }}' data-action='{{ dataAction }}' class='boost-sd__filter-option-item boost-sd__filter-option-rating-item'\u003e\u003cbutton role='checkbox' aria-checked='{% if className contains \"boost-sd__filter-option-item-button--selected\" %}true{% else %}false{% endif %}' aria-label='{{ value.key }} Stars. Number of products: {{ value.doc_count }}' id='{{ actionId }}' data-action='{{ dataAction }}' class='{{ className }}'\u003e \u003cspan data-action='{{ dataAction }}' role='presentation' class='boost-sd__filter-option-rating-item-presentation'\u003e {% for i in (0..4) %} {% if i \u003c value.from %} \u003ci data-action='{{ dataAction }}' class='boost-sd__filter-option-rating-item-icon-star boost-sd__filter-option-rating-item-icon-star--active' style='color: {{ starColor }} ;'\u003e\u003c\/i\u003e {% else %} \u003ci data-action='{{ dataAction }}' class='boost-sd__filter-option-rating-item-icon-star' style='color: {{ starColor }} ;'\u003e\u003c\/i\u003e {% endif %} {% endfor %} {% if showExactRating == false %} \u003cspan data-action='{{ dataAction }}'\u003e\u0026 Up\u003c\/span\u003e {% endif %} \u003c\/span\u003e {% if showDocCount %} \u003cspan data-action='{{ dataAction }}' role='text' aria-hidden='true' class='boost-sd__filter-option-item-amount'\u003e({{ value.doc_count }})\u003c\/span\u003e {% endif %} \u003c\/button\u003e\u003c\/li\u003e{% endif %}", 867 868 869 870 871 872 "productPrice": "\u003c!-- This Template contains a few variables built from the client js side --\u003e{% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% assign showCentAsSuperscript = false -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign showSavingDisplay = false -%}{% assign minPrice = product.price_min | times: 1.0 -%}{% assign maxPrice = 0 -%}{% if product.price_max -%}{% assign maxPrice = product.price_max | times: 1.0 -%}{% endif -%}
872\u003c!-- convert variable compareAtPriceMin to number --\u003e{% assign compareAtPriceMin = 0 -%}{% if product.compare_at_price_min -%}{% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}{% endif -%}\u003c!-- Check if enable variant showing as an individual product --\u003e{% if product.variant_id != \"\" and product.variant_id != blank -%}{% assign currentVariantId = product.variant_id | times: 1 -%}{% for variant in product.variants -%}{% if variant.id == currentVariantId -%}{% assign minPrice = variant.price | times: 1.0 -%}{% assign maxPrice = variant.price | times: 1.0 -%}{% if variant.compare_at_price and variant.compare_at_price != \"0.0\" -%}{% assign compareAtPriceMin = variant.compare_at_price | times: 1.0 -%}{% endif -%}{% break -%}{% endif -%}{% endfor -%}{% endif -%}{% assign isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin \u003e minPrice -%}{% assign isSale = true -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%}\u003c!-- calculate salePercent base on compareAtPriceMin and minPrice --\u003e{% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%}{% if compareAtPriceMin \u003e 0 %}{% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%}{% else %}{% assign salePercent = '0%' %}{% endif %}\u003c!-- compareAtPriceWithFormat is compare price with PriceMin and format currency --\u003e{% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}{% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endunless -%}\u003c!-- Format price min --\u003e{% assign priceMinWithFormat = minPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}\u003c!-- Format price max --\u003e{% assign priceMaxWithFormat = '' -%}{% if product.price_max and maxPrice \u003e minPrice -%}{% assign priceMaxWithFormat = maxPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% endif -%}\u003c!-- priceMax used for multi variant price display where it can have min-max price with format and translation --\u003e{% assign hasMultiVariantPrice = false -%}{% if translations.productItem.amount contains \"minPrice\" -%}{% assign hasMultiVariantPrice = true -%}{% endif -%}{% assign isSamePrice = true -%}{% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%}{% assign isSamePrice = false -%}{% endif -%}{% assign priceValueWithFormat = priceMinWithFormat -%}{% if isSamePrice == false and maxPrice \u003e minPrice and hasMultiVariantPrice -%}{% assign priceValueWithFormat = \"productItem.amount\" | translate: translations, \"\" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%}{% endif -%}{% assign savingPriceWithFormat = '' -%}{% unless showSavingDisplay == false or saleAmount == 0 -%}{% assign saleAmountWithFormat = saleAmount | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}{% assign savingPriceWithFormat = \"productItem.savingAmount\" | translate: translations, \"Save {{saleAmount}}\" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}{% endunless -%}\u003c!-- Price compare display top or bottom --\u003e\u003c!-- Price compare display left or right --\u003e\u003cdiv class=\"boost-sd__product-price-wrapper\"\u003e\u003cspan class=\"boost-sd__visually-hidden\"\u003e {% if isSale %} Regular price {{ compareAtPriceWithFormat }}, now on sale for {{ priceValueWithFormat }}{% if savingPriceWithFormat != '' %}, saving {{ savingPriceWithFormat }}{% endif %} {% else %} Regular price {{ priceValueWithFormat }} {% endif %} \u003c\/span\u003e\u003cspan aria-hidden=\"true\" class=\"boost-sd__product-price-content boost-sd__product-price-content--text-align-left\"\u003e \u003cspan class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\"\u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ priceValueWithFormat }}
872\u003c\/span\u003e \u003c\/span\u003e {% if compareAtPriceWithFormat != '' -%} \u003cspan class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\"\u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ compareAtPriceWithFormat }}\u003c\/span\u003e \u003c\/span\u003e {% endif -%} \u003c\/span\u003e {% if savingPriceWithFormat != '' -%} \u003cspan aria-hidden=\"true\" class=\"boost-sd__product-price--saving\"\u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ savingPriceWithFormat }}\u003c\/span\u003e\u003c\/span\u003e {% endif -%}\u003c\/div\u003e", 873 874 875 876 877 878 "recommendation": "\u003c!-- TEMPLATE RECOMMENDATION --\u003e{% assign widgetNameTranslationLabel = 'recommendation.' | append: widgetId %}{% assign widgetTitle = '' %}{% if widgetDesignSettings.titleAlignment != '' %} {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}{% endif %}\u003cdiv id='{{ widgetId }}' class='boost-sd__recommendation ' data-product-price='true'\u003e\u003cdiv class='boost-sd__recommendation-title {{ widgetTitle }}'\u003e \u003cspan tabindex=\"0\" role=\"heading\" aria-level=\"2\" class='boost-sd__recommendation-title-text'\u003e {{ widgetNameTranslationLabel | translate: translations, widgetName }} \u003c\/span\u003e\u003c\/div\u003e {% if widgetDesignSettings.layoutDisplay == 'carousel' %} \u003c!-- TEMPLATE RECOMMENDATION TYPE CAROUSEL --\u003e\u003cdiv class=\"boost-sd__slider\"\u003e\u003cdiv class=\"boost-sd__slider-container\"\u003e {% for product in products %} \u003cdiv class=\"boost-sd__slide\"\u003e {% capture domain %}{{ widgetDesignSettings.tenantId }}{% endcapture %} \u003c!-- TEMPLATE GRID PRODUCT ITEM --\u003e{% if product.original_images != nil %} {% assign imageArray = product.original_images %}{% else %} {% assign imageArray = product.images_info %}{% endif %}{% assign productId = product.id %}{% if product.variant_id %} {% assign productId = product.variant_id %}{% endif %}{% assign filterOptionIdImageBaseOn = 'pf_opt_color' %} {% capture filterOptionIdImageBaseOn %}{% endcapture %}{% assign optionName = filterOptionIdImageBaseOn | replace: 'pf_opt_', '' %}{% assign filterValues = request[filterOptionIdImageBaseOn] %}{% assign selectedVariantImageByFilterOption = nil %}{% comment %}NEW LOGIC: Only find images based on filters IF that variant matches the item being displayed (for split products){% endcomment %}{% if product.variant_id %} {% assign targetVariantId = product.variant_id %} {% for variant in product.variants %} {% if variant.id == product.variant_id %} {% for filterValue in filterValues %} {% assign optionNameValue = optionName | append: \":\" | append: filterValue | strip %} {% if variant.merged_options contains optionNameValue %} {% if variant.image %} {% assign selectedVariantImageByFilterOption = variant.image %} {% break %} {% endif %} {% endif %} {% endfor %} {% if selectedVariantImageByFilterOption != nil %} {% break %} {% endif %} {% endif %} {% endfor %}{% else %} {% for item in product.variants %} {% for filterValue in filterValues %} {% assign optionNameValue = optionName | append: \":\" | append: filterValue | strip %} {% if item.merged_options contains optionNameValue %} {% if item.image %} {% assign selectedVariantImageByFilterOption = item.image %} {% break %} {% endif %} {% endif %} {% endfor %} {% if selectedVariantImageByFilterOption != nil %}{% break %}{% endif %} {% endfor %}{% endif %}{% capture productVariants %} [ {% for variant in product.variants %} {% assign preorder = '{}' %} {% if variant.preorder and variant.preorder != nil %} {% assign preorder = variant.preorder %} {% else %} {% assign preorder = '' %} {% endif %} { \"title\": \"{{ variant.title }}\", \"id\": \"{{ variant.id }}\", \"available\": {{ variant.available }}, \"preorder\": {{ preorder | json }} }{% unless forloop.last %},{% endunless %} {% endfor %} ]{% endcapture %}{% capture productData %} { \"handle\": \"{{ product.handle }}\", \"variantId\": \"{{ product.variant_id }}\", \"splitProduct\": \"{{ product.split_product }}\", \"variants\": {{ productVariants | json | escape }}, \"priceMin\": \"{{ product.price_min }}\", \"priceMax\": \"{{ product.price_max }}\", \"compareAtPriceMin\": \"{{ product.compare_at_price_min }}\", \"compareAtPriceMax\": \"{{ product.compare_at_price_max }}\", \"images\": {{ imageArray | json | escape }}, \"options_with_values\": {{ product.options_with_values | json | escape }}, \"selectedVariantImageByFilterOption\": \"{{ selectedVariantImageByFilterOption | escape }}\", \"category\": \"{{ product.product_type | escape }}\", \"tags\" : {{ product.tags | json | escape }} }{% endcapture %}{%- capture borderLayoutSetting %}noBorder{% endcapture -%}{% if borderLayoutSetting == 'noPadding' %} {% assign borderLayoutItem = 'no-padding' %}{% elsif borderLayoutSetting == 'hasPadding' %}
878 {% assign borderLayoutItem = 'border-has-padding' %}{% elsif borderLayoutSetting == 'noPaddingImage' %} {% assign borderLayoutItem = 'border-no-padding-image' %}{% else %} {% assign borderLayoutItem = 'no-border' %}{% endif %}{% assign productLocale = '' %}{% if request.current_locale != \"\" or request.current_locale != null or request.current_locale != nil %} {% assign productLocale = request.current_locale %}{% endif %}{% assign variantUrl = '' %}{% if product.variant_id %} {% assign variantUrl = '?variant=' | append: product.variant_id %}{% endif %}\u003cdiv class='boost-sd__product-item boost-sd__product-item--{{ borderLayoutItem }} boost-sd__product-item-grid-view-layout' id='{{ product.id }}' data-product-id='{{ productId }}' data-product='{{ productData | json_encode }}'\u003e\u003c!-- TEMPLATE GRID PRODUCT ITEM - PRODUCT IMAGE --\u003e{%- capture aspectRatioSetting %}portrait{% endcapture -%}{% capture hoverEffect %}reveal-second-image{% endcapture %}{% assign productImages = product.images_info %}{% if product.split_product %} {% assign productImages = product.original_images %}{% endif %}{%- comment -%} Consolidate GIF filtering logic based on settings {%- endcomment -%}{% assign noImageUrl = \"https:\/\/cdn.shopify.com\/extensions\/201f4d7b-8d39-43a4-82de-e6f412341695\/0.0.0\/assets\/boost-pfs-no-image.jpg?v=1677838268\" %}{% assign filteredImages = \"\" | split: \",\" %}{% assign nonGifImages = \"\" | split: \",\" %}{% if checkShowGif == false or checkShowGif == 'false' or checkShowGif == nil %} {% for img in productImages %} {% assign img_url_clean = img.src | split: '?' | first | downcase %} {% unless img_url_clean contains '.gif' %} {% assign tmp = img.src | split: \"___\" %} {% assign filteredImages = filteredImages | concat: tmp %} {% assign nonGifImages = nonGifImages | concat: tmp %} {% endunless %} {% endfor %}{% else %} {% assign filteredImages = productImages %} {% for img in productImages %} {% assign img_url_clean = img.src | split: '?' | first | downcase %} {% unless img_url_clean contains '.gif' %} {% assign tmp = img.src | split: \"___\" %} {% assign nonGifImages = nonGifImages | concat: tmp %} {% endunless %} {% endfor %}{% endif %}\u003cdiv class=\"boost-sd__product-item-grid-view-layout-image\"\u003e\u003cdiv class=\"boost-sd__product-link-image\"\u003e \u003cdiv style=\"position: relative\"\u003e {%- comment -%} Consolidate hover effect logic {%- endcomment -%} {% assign effectClasses = '' %} {% assign hasSecondImage = false %} {% if hoverEffect == 'zoom-in' or hoverEffect == 'reveal-second-image-and-zoom-in' %} {% assign effectClasses = effectClasses | append: 'boost-sd__product-image-wrapper--zoom-in' %} {% endif %} {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %} {% if filteredImages.size \u003e 1 %} {% assign hasSecondImage = true %} {% endif %} {% comment %} Always add has-second-image class for reveal-second-image-and-zoom-in to ensure zoom works {% endcomment %} {% if hasSecondImage or hoverEffect == 'reveal-second-image-and-zoom-in' %} {% assign effectClasses = effectClasses | append: ' boost-sd__product-image-wrapper--has-second-image' %} {% endif %} {% endif %} {% assign aspectRatio = '' -%} {% if aspectRatioSetting == 'natural' -%} {% if hasGifData and mediaToDisplay.image %} {% assign imageWidth = mediaToDisplay.image.width %} {% assign imageHeight = mediaToDisplay.image.height %} {% else %} {% assign imageWidth = product.images_info[0].width %} {% assign imageHeight = product.images_info[0].height %} {% endif %} {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '\/' | append: imageHeight -%} {% endif -%} {%- comment -%} select video of gif prioritize {%- endcomment -%} {% assign firstVideo = nil %} {% assign firstGif = nil %} {% assign hasVideoData = false %} {% assign hasGifData = false %} {% if product.media and product.media.size \u003e 0 %} {% for media_item in product.media %} {% if media_item.mediaContentType == 'VIDEO' and firstVideo == nil %} {% assign firstVideo = media_item %} {% assign hasVideoData = true %} {% elsif media_item.mediaContentType == 'IMAGE' and firstGif == nil %} {% assign media_url_clean = media_item.image.originalSrc | split: '?' | first | lowercase %} {% if media_url_clean contains '.gif' %} {% assign firstGif = media_item %} {% assign hasGifData = true %} {% endif %} {% endif %} {% endfor %} {% endif %} {%- comment -%} prioritize video \u003e gif \u003e image {%- endcomment -%} {% assign showMedia = false %} {% assign mediaToDisplay = nil %} {% if hasVideoData %} {% assign mediaToDisplay = firstVideo %} {% assign showMedia = true %} {% assign mediaType = 'video' %} {% elsif hasGifData %} {% assign mediaToDisplay = firstGif %} {% assign showMedia = true %} {% assign mediaType = 'gif' %} {% endif %} {% assign finalShowMedia = false %} \u003cdiv class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--crop-center {{ effectClasses }} boost-sd__product-image-wrapper--portrait\" style=\"{{ aspectRatio }}\"\u003e {% assign firstImageObj = product.images_info[0] %} {% assign hasImages = false %} {% if firstImageObj and firstImageObj.src != blank %} {% assign hasImages = true %} {% endif %} \u003ca aria-label=\"{{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__product-image\" {%- if request.previewMode != true %} href=\"{{ productLocale }}\/products\/{{ product.handle }}{{ variantUrl }}\"{% endif -%}\u003e {% if finalShowMedia %} {%- comment -%} CASE 1: VIDEO \/ GIF {%- endcomment -%} {% if mediaType == 'video' %} \u003cdiv class=\"boost-sd__product-video-wrapper\"\u003e \u003cvideo class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" muted loop playsinline poster=\"{{ mediaToDisplay.preview.image.originalSrc }}\" preload=\"none\" \u003e {% for source in mediaToDisplay.sources %} \u003csource data-src=\"{{ source.url }}\" type=\"{{ source.mime_type }}\"\u003e {% endfor %} \u003c\/video\u003e \u003c\/div\u003e {% else %} \u003cimg id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" alt=\"{{ product.title | escape }}\" src=\"{{ mediaToDisplay.image.originalSrc }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} {% elsif hasImages %} {%- comment -%} NORMAL IMAGE {%- endcomment -%} {% assign firstImageSrc = \"\" %} {% if filteredImages.size \u003e 0 %} {% assign firstImageSrc = filteredImages[0] %} {% else %} {% assign firstImageSrc = noImageUrl %} {% endif %} {%- comment -%} Responsive image parameters {%- endcomment -%} {% assign widthParam = \"\u0026width=\" -%} {% assign widths = \"200,300,400,500,700,800\" | split: \",\" -%} {% assign maxWidth = 700 -%} {% if request.device contains 'mobile' -%} {% assign maxWidth = 400 -%} {% endif -%} {% assign productPerRow = 4 -%} {% if request.productPerRow != blank -%} {% assign productPerRow = request.productPerRow | plus: 0 -%} {% endif -%} {% if request.productImageWidth != blank -%} {% assign imageWidth = request.productImageWidth | plus: 0 -%} {% if imageWidth \u003e maxWidth -%} {% assign maxWidth = imageWidth -%} {% endif -%} {% endif -%} {% if product.images_info[0] -%} {% capture srcset -%} {% for width in widths -%} {% assign widthNo = width | plus: 0 %} {% if widthNo \u003c maxWidth -%} {{ firstImageSrc }}
878{{ widthParam }}{{ width }} {{ width }}w, {% else -%} {{ firstImageSrc }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w {% break -%} {% endif -%} {% endfor -%} {% endcapture -%} \u003cimg id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" {% if index and index \u003c productPerRow -%} loading=\"eager\" {% else -%} loading=\"lazy\" {% endif -%} decoding=\"async\" alt=\"{{ product.title | escape }}\" src=\"{{ firstImageSrc }}\u0026width=200\" srcset=\"{{ srcset }}\" width=\"auto\" height=\"auto\" \/\u003e {% else %} \u003cimg class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" alt=\"{{ product.title | escape }}\" src=\"{{ noImageUrl }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} {% else %} {%- comment -%}CASE 3: NO IMAGE ONLY {%- endcomment -%} \u003cimg class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" alt=\"{{ product.title | escape }}\" src=\"{{ noImageUrl }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} {% comment %} Only render second image block if there's potential for a second image {% endcomment %} {% assign shouldRenderSecondImage = false %} {% if hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %} {% if finalShowMedia and nonGifImages.size \u003e 0 %} {% assign shouldRenderSecondImage = true %} {% elsif nonGifImages.size \u003e 1 %} {% assign shouldRenderSecondImage = true %} {% endif %} {% endif %} {% if shouldRenderSecondImage %} {% assign secondImage = nil %} {% if finalShowMedia %} {%- comment -%} When showing video\/GIF, hover should show first normal image {%- endcomment -%} {% if nonGifImages.size \u003e 0 %} {% assign secondImage = nonGifImages[0] %} {% endif %} {% else %} {%- comment -%} When showing normal image, hover should show second image {%- endcomment -%} {% if nonGifImages.size \u003e 1 %} {% assign secondImage = nonGifImages[1] %} {% endif %} {% endif %} {% if secondImage != blank %} {% capture secondImageSrcset %} {% for width in widths %} {% assign widthNo = width | plus: 0 %} {% if widthNo \u003c maxWidth %} {{ secondImage }}{{ widthParam }}{{ width }} {{ width }}w, {% else %} {{ secondImage }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w {% break %} {% endif %} {% endfor %} {% endcapture %} \u003cimg width=\"auto\" height=\"auto\" {% if index and index \u003c productPerRow -%} loading=\"eager\" {% else -%} loading=\"lazy\" {% endif -%} class=\"boost-sd__product-image-img boost-sd__product-image-img--second\" alt=\"{{ product.title | escape }}\" aria-hidden=\"true\" src=\"{{ secondImage }}\u0026width=200\" srcset=\"{{ secondImageSrcset }}\"\u003e {% endif %} {% endif %} \u003c\/a\u003e \u003cdiv class=\"boost-sd__product-image-row boost-sd__product-image-row--top \"\u003e \u003cdiv class=\"boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left\"\u003e {% assign hideOtherLabelsWhenSoldOut = true -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign removePriceDecimal = false -%}{% assign showCentAsSuperscript = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% if hideOtherLabelsWhenSoldOut != true -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin \u003e product.price_min and compareAtPriceMin \u003e 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign productItemSaleTranslated = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e \u003cspan\u003e{{ productItemSaleTranslated }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% if product.available == false -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}\u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% else -%} {% if product.available == false -%} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e{{ \"productItem.productItemSoldOut\" | translate: translations, \"Sold out\" }}\u003c\/span\u003e \u003c\/div\u003e {% else -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}
878 {% if compareAtPriceMin \u003e product.price_min and compareAtPriceMin \u003e 0 -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign translatedText = \"productItem.productItemSale\" | translate: translations, \"Sale\" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %} \u003cdiv class=\"boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale\"\u003e \u003cspan class=\"boost-sd__product-label-text\"\u003e \u003cspan\u003e{{ translatedText }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e {% endif -%} {% endif -%}{% endif -%} \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-image-row boost-sd__product-image-row--bottom \"\u003e \u003cdiv class=\"boost-sd__product-image-column boost-sd__product-image-column--in-bottom boost-sd__product-image-column--right\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- POPUP --\u003e \u003cdiv aria-modal=\"true\" role=\"dialog\" aria-label=\"Choose options for product {{ product.title | escape }}\" class=\"boost-sd__popup-select-option\" style=\"display: none\"\u003e \u003cdiv tabindex=\"-1\" class=\"boost-sd__popup-select-option-container\"\u003e {% for swatch in product.options_with_values -%} \u003cdiv class=\"boost-sd__product-swatch\"\u003e \u003cdiv class=\"boost-sd__product-swatch-title\"\u003e{{ swatch.label | escape }}\u003c\/div\u003e \u003cdiv class=\"boost-sd__product-swatch-options\"\u003e {% for value in swatch.values -%} {% assign swatchBy = 'text' %} {% assign backgroundSwatch = \"background-color: \" | append: value.title | strip_html | escape -%} {% assign imageName = value.title | strip_html | downcase | strip | escape -%} {% if imageName contains \" \" -%} {% assign imageName = imageName | replace: ' ', \"-\" -%} {% endif -%} {% assign url = \"\/\/\" | append: domain | append: \"\/cdn\/shop\/files\/\" | append: imageName | append: \".png\" -%} {% if swatch.original_name == 'color' -%} {% assign backgroundSwatch = backgroundSwatch | append: \"; background-image: url('\" | append: url | append: \"');\" %} {% assign swatchBy = 'color-and-image' %} {% endif -%} {% for variant in product.variants %} {% assign options = variant.merged_options %} {% if variant.original_merged_options != nil %} {% assign options = variant.original_merged_options %} {% endif %} {% for option in options %} {% assign currentOption = option | strip_html | downcase | strip | replace: 'color:', '' | escape %} {% if currentOption contains \" \" %} {% assign currentOption = currentOption | replace: ' ', \"-\" %} {% endif %} {% if currentOption == imageName and variant.image %} {% assign backgroundSwatch = \"background-image: url('\" | append: variant.image | append: \"');\" %} {% assign swatchBy = 'product-image' %} {% endif %} {% endfor %} {% endfor %} \u003cdiv class=\"boost-sd__product-swatch-option\" data-swatch-by=\"{{ swatchBy }}\"\u003e \u003cdiv class=\"boost-sd__radio\"\u003e \u003cdiv class=\"boost-sd__tooltip\"\u003e {% if swatch.original_name == 'color' -%} \u003cdiv class=\"boost-sd__tooltip-content\" style=\"display: none;\"\u003e{{ value.title | strip_html | escape }}\u003c\/div\u003e {% endif -%} \u003cinput id=\"product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}\" class=\"boost-sd__radio-input boost-sd__radio-input--hidden\" type=\"radio\" value=\"{{ value.title | strip_html | escape }}\" checked=\"\" \/\u003e {% if swatch.original_name == 'color' -%} \u003clabel role=\"radio\" tabindex=\"0\" aria-label=\"{{ swatch.original_name }}:{{ value.title }}\" for=\"product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}\" class=\"boost-sd__radio-label boost-sd__radio-label--hide-text boost-sd__radio-label--large\" style=\"{{ backgroundSwatch }}\" \u003e {{ value.title | strip_html | escape }} \u003c\/label\u003e {% else -%} \u003clabel role=\"radio\" tabindex=\"0\" aria-label=\"{{ swatch.original_name }}:{{ value.title }}\" for=\"product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}\" class=\"boost-sd__radio-label boost-sd__radio-label--in-quick-view\" \u003e {{ value.title | strip_html | escape }} \u003c\/label\u003e {% endif -%} \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor -%} \u003c\/div\u003e \u003c\/div\u003e {% endfor -%} \u003c\/div\u003e \u003cbutton type=\"button\" class=\"boost-sd__button boost-sd__button--primary boost-sd__button--add-to-cart boost-sd__button--full-width boost-sd__button--large boost-sd__btn-add-to-cart\" \u003e \u003cspan class=\"boost-sd__button-text boost-sd__cta-button-text\"\u003e{{ \"productItem.atcAvailableLabel\" | translate: translations, 'Add to cart' }}\u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" aria-label='{{ \"close\" | translate: translations, \"Close\" }}' class=\"boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__popup-select-option-close-btn\" \u003e \u003csvg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.9024 3.56904C13.0325 3.43886 13.0325 3.22781 12.9024 3.09763C12.7722 2.96746 12.5611 2.96746 12.431 3.09763L8 7.5286L3.56904 3.09763C3.43886 2.96746 3.22781 2.96746 3.09763 3.09763C2.96746 3.22781 2.96746 3.43886 3.09763 3.56904L7.5286 8L3.09763 12.431C2.96746 12.5611 2.96746 12.7722 3.09763 12.9024C3.22781 13.0325 3.43886 13.0325 3.56904 12.9024L8 8.47141L12.431 12.9024C12.5611 13.0325 12.7722 13.0325 12.9024 12.9024C13.0325 12.7722 13.0325 12.5611 12.9024 12.431L8.47141 8L12.9024 3.56904Z\" fill=\"#222222\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003c\/div\u003e \u003c!-- POPUP --\u003e \u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c!-- TEMPLATE GRID PRODUCT ITEM - PRODUCT INFO --\u003e\u003cdiv class=\"boost-sd__product-info-wrapper\"\u003e\u003cdiv class=\"boost-sd__product-info boost-sd__product-info--left\"\u003e \u003ca aria-label=\"{{ product.title | escape }}\" class=\"boost-sd__product-link\" {% if request.previewMode != true %} href=\"{{ productLocale }}\/products\/{{ product.handle }}{{ variantUrl }}\"{% endif %}\u003e \u003cdiv class=\"boost-sd__product-title\" id=\"product-title-{{ product.id }}\"\u003e {{ product.title | escape }} \u003c\/div\u003e \u003c\/a\u003e \u003cdiv class=\"boost-sd__product-price\" id=\"product-price-{{ product.id }}\"\u003e \u003c!-- This Template contains a few variables built from the client js side --\u003e{% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% assign showCentAsSuperscript = false -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign showSavingDisplay = false -%}{% assign minPrice = product.price_min | times: 1.0 -%}{% assign maxPrice = 0 -%}{% if product.price_max -%} {% assign maxPrice = product.price_max | times: 1.0 -%}{% endif -%}
878\u003c!-- convert variable compareAtPriceMin to number --\u003e{% assign compareAtPriceMin = 0 -%}{% if product.compare_at_price_min -%} {% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}{% endif -%}\u003c!-- Check if enable variant showing as an individual product --\u003e{% if product.variant_id != \"\" and product.variant_id != blank -%} {% assign currentVariantId = product.variant_id | times: 1 -%} {% for variant in product.variants -%} {% if variant.id == currentVariantId -%} {% assign minPrice = variant.price | times: 1.0 -%} {% assign maxPrice = variant.price | times: 1.0 -%} {% if variant.compare_at_price and variant.compare_at_price != \"0.0\" -%} {% assign compareAtPriceMin = variant.compare_at_price | times: 1.0 -%} {% endif -%} {% break -%} {% endif -%} {% endfor -%}{% endif -%}{% assign isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin \u003e minPrice -%} {% assign isSale = true -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%} \u003c!-- calculate salePercent base on compareAtPriceMin and minPrice --\u003e {% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%} {% if compareAtPriceMin \u003e 0 %} {% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%} {% else %} {% assign salePercent = '0%' %} {% endif %} \u003c!-- compareAtPriceWithFormat is compare price with PriceMin and format currency --\u003e {% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endunless -%}\u003c!-- Format price min --\u003e{% assign priceMinWithFormat = minPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}\u003c!-- Format price max --\u003e{% assign priceMaxWithFormat = '' -%}{% if product.price_max and maxPrice \u003e minPrice -%} {% assign priceMaxWithFormat = maxPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% endif -%}\u003c!-- priceMax used for multi variant price display where it can have min-max price with format and translation --\u003e{% assign hasMultiVariantPrice = false -%}{% if translations.productItem.amount contains \"minPrice\" -%} {% assign hasMultiVariantPrice = true -%}{% endif -%}{% assign isSamePrice = true -%}{% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%} {% assign isSamePrice = false -%}{% endif -%}{% assign priceValueWithFormat = priceMinWithFormat -%}{% if isSamePrice == false and maxPrice \u003e minPrice and hasMultiVariantPrice -%} {% assign priceValueWithFormat = \"productItem.amount\" | translate: translations, \"\" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%}{% endif -%} {% assign savingPriceWithFormat = '' -%}{% unless showSavingDisplay == false or saleAmount == 0 -%} {% assign saleAmountWithFormat = saleAmount | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign savingPriceWithFormat = \"productItem.savingAmount\" | translate: translations, \"Save {{saleAmount}}\" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}{% endunless -%}\u003c!-- Price compare display top or bottom --\u003e\u003c!-- Price compare display left or right --\u003e\u003cdiv class=\"boost-sd__product-price-wrapper\"\u003e \u003cspan class=\"boost-sd__visually-hidden\"\u003e {% if isSale %} Regular price {{ compareAtPriceWithFormat }}, now on sale for {{ priceValueWithFormat }}{% if savingPriceWithFormat != '' %}, saving {{ savingPriceWithFormat }}{% endif %} {% else %} Regular price {{ priceValueWithFormat }} {% endif %} \u003c\/span\u003e \u003cspan aria-hidden=\"true\" class=\"boost-sd__product-price-content boost-sd__product-price-content--text-align-left\" \u003e \u003cspan class=\"{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}\" \u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ priceValueWithFormat }}
878\u003c\/span\u003e \u003c\/span\u003e {% if compareAtPriceWithFormat != '' -%} \u003cspan class=\"boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare\" \u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ compareAtPriceWithFormat }}\u003c\/span\u003e \u003c\/span\u003e {% endif -%} \u003c\/span\u003e {% if savingPriceWithFormat != '' -%} \u003cspan aria-hidden=\"true\" class=\"boost-sd__product-price--saving\" \u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ savingPriceWithFormat }}\u003c\/span\u003e \u003c\/span\u003e {% endif -%} \u003c\/div\u003e \u003c\/div\u003e \u003c!-- PRODUCT INVENTORY --\u003e \u003c!-- TEMPLATE PRODUCT SWATCH --\u003e{% assign swatches = '' %} \u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% assign numberOfProductPerRow = widgetDesignSettings.numberOfProductPerRow %} {% assign numberOfRecommendProduct = widgetDesignSettings.numberOfRecommendProduct %} {% if numberOfRecommendProduct \u003c numberOfProductPerRow %} {% assign sliderPages = 1 %} {% assign disable = \"disabled\" %} {% else %} {% assign sliderPages = numberOfRecommendProduct | divided_by: numberOfProductPerRow | ceil %} {% assign disable = \"\" %} {% endif %} \u003c\/div\u003e\u003cdiv class=\"boost-sd__prev-button boost-sd__prev-button--inside\"\u003e \u003cbutton type=\"button\" aria-label=\"Previous\" class=\"boost-sd__button boost-sd__button--circle boost-sd__slider-button\" {{ disable }}\u003e \u003cspan class=\"boost-sd__icon\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 10 7\" height=\"7\" width=\"10\" class=\"boost-sd__prev-button-icon\"\u003e \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#212121\" d=\"M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__next-button boost-sd__next-button--inside\"\u003e \u003cbutton type=\"button\" aria-label=\"Next\" class=\"boost-sd__button boost-sd__button--circle boost-sd__slider-button\" {{ disable }}\u003e \u003cspan class=\"boost-sd__icon\" style=\"margin: 0px;\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 10 7\" height=\"7\" width=\"10\" class=\"boost-sd__next-button-icon\"\u003e \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"#212121\" d=\"M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\u003c\/div\u003e {% else %} \u003c!-- TEMPLATE RECOMMENDATION TYPE BUNDLE --\u003e{% assign bundleStyle = widgetDesignSettings.bundleStyle %}\u003cdiv class=\"boost-sd__recommendation-bundle boost-sd__recommendation-bundle--{{ bundleStyle }}\"\u003e\u003cdiv class=\"boost-sd__recommendation-bundle-left\"\u003e \u003cdiv class=\"boost-sd__recommendation-bundle-images boost-sd__recommendation-bundle-images--{{ bundleStyle }}\"\u003e {% for product in products %} \u003cdiv class=\"boost-sd__recommendation-bundle-image-item\"\u003e {% if product.checked %} \u003ca aria-label=\"View product details for {{ product.title | escape }}\" class=\"boost-sd__product-link boost-sd__product-link-image\" href=\"\/products\/{{ product.handle }}\"\u003e {% endif %} \u003cdiv class=\"boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box\"\u003e \u003cdiv class=\"boost-sd__product-image {% unless product.checked %} boost-sd__product-image--blur {% endunless %}\"\u003e {% if product.images_info[0] %} \u003cimg id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"{{ product.images_info[0].src }}\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" \/\u003e {% else %} \u003cimg id=\"product-image-{{ product.id }}\" class=\"boost-sd__product-image-img boost-sd__product-image-img--main\" src=\"https:\/\/cdn.shopify.com\/extensions\/201f4d7b-8d39-43a4-82de-e6f412341695\/0.0.0\/assets\/boost-pfs-no-image.jpg?v=1677838268\" alt=\"{{ product.title | escape }}\" width=\"auto\" height=\"auto\" \/\u003e {% endif %} \u003c\/div\u003e \u003c\/div\u003e {% if product.checked %} \u003c\/a\u003e {% endif %} {% if bundleStyle == 'style2' %} \u003cdiv class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\"\u003e \u003cdiv class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\"\u003e \u003cdiv class=\"boost-sd__recommendation-bundle-item-title\"\u003e {% if forloop.index0 == 0 %} \u003cspan role=\"text\" tabindex=\"0\"\u003e \u003cb\u003eThis item:\u003c\/b\u003e {{ product.title | escape }} \u003c\/span\u003e {% elsif product.checked %} \u003ca class=\"boost-sd__product-link\" href=\"\/products\/{{ product.handle }}\"\u003e {{ product.title | escape }} \u003c\/a\u003e {% else %} \u003cspan role=\"text\" tabindex=\"0\"\u003e{{ product.title | escape }}\u003c\/span\u003e {% endif %} \u003c\/div\u003e {%- if product.selectedOption.title != 'Default Title' -%} \u003cdiv class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\"\u003e \u003cdiv {% if product.checked %} tabindex=\"0\" {% endif %}
878 role=\"combobox\" aria-label=\"Select an option\" aria-expanded=\"false\" aria-haspopup=\"true\" data-id=\"boost-sd__dropdown-{{ widgetId }}\" data-product-id=\"{{ product.id }}\" id=\"boost-sd__dropdown-{{ widgetId }}\" class=\"boost-sd__dropdown {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\"\u003e \u003cdiv class=\"boost-sd__dropdown-selected-option\"\u003e \u003cspan aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\"\u003e{{ product.selectedOption.title | escape }}\u003c\/span\u003e \u003csvg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#5C5F62\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/div\u003e \u003cul role=\"listbox\" data-id=\"boost-sd__dropdown-list-{{ widgetId }}\" id=\"boost-sd__dropdown-list-{{ widgetId }}\" class=\"boost-sd__dropdown-option-list\"\u003e {% for variant in product.variants %} \u003cli role=\"option\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ widgetId }}\" data-variant-id=\"{{ variant.id }}\" id=\"boost-sd__dropdown-option-{{ widgetId }}\" class=\"boost-sd__dropdown-option {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\"\u003e {{ variant.title | escape }} \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e {% endif %} \u003cdiv class=\"boost-sd__recommendation-bundle-checkbox\"\u003e \u003cbutton type=\"button\" aria-checked=\"{% if product.checked %} true {% else %} false {% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ widgetId }}\" id=\"boost-sd__checkbox-{{ widgetId }}-{{ product.id }}\" \u003e\u003c\/button\u003e \u003c\/div\u003e \u003cspan role=\"text\" tabindex=\"0\" aria-label=\"Price
878: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\"\u003e \u003cspan\u003e{{ product.selectedOption.price }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e {% endif %} \u003c\/div\u003e {% unless forloop.last %} \u003cdiv class=\"boost-sd__recommendation-bundle-plus-icon-wrapper boost-sd__recommendation-bundle-plus-icon-wrapper--{{ bundleStyle }}\"\u003e \u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 7H9V1C9 0.448 8.553 0 8 0C7.447 0 7 0.448 7 1V7H1C0.447 7 0 7.448 0 8C0 8.552 0.447 9 1 9H7V15C7 15.552 7.447 16 8 16C8.553 16 9 15.552 9 15V9H15C15.553 9 16 8.552 16 8C16 7.448 15.553 7 15 7Z\" fill=\"#5C5F62\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/div\u003e {% endunless %} {% endfor %} \u003c\/div\u003e {% if bundleStyle == 'style1' %} {% for product in products %} \u003cdiv class=\"boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}\"\u003e \u003cdiv class=\"boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}\"\u003e \u003cdiv class=\"boost-sd__recommendation-bundle-item-title\"\u003e \u003cdiv class=\"boost-sd__recommendation-bundle-checkbox\"\u003e \u003cbutton type=\"button\" aria-checked=\"{% if product.checked %} true {% else %} false {% endif %}\" aria-label=\"{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}\" class=\"boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}\" data-id=\"boost-sd__checkbox-{{ widgetId }}\" id=\"boost-sd__checkbox-{{ widgetId }}-{{ product.id }}\" \u003e\u003c\/button\u003e \u003c\/div\u003e {% if forloop.index0 == 0 %} \u003cspan role=\"text\" tabindex=\"0\"\u003e \u003cb\u003eThis item:\u003c\/b\u003e {{ product.title | escape }} \u003c\/span\u003e {% elsif product.checked %} \u003ca class=\"boost-sd__product-link\" href=\"\/products\/{{ product.handle }}\"\u003e {{ product.title | escape }} \u003c\/a\u003e {% else %} \u003cspan role=\"text\" tabindex=\"0\"\u003e{{ product.title | escape }}\u003c\/span\u003e {% endif %} \u003c\/div\u003e {%- if product.selectedOption.title != 'Default Title' -%} \u003cdiv class=\"boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}\"\u003e \u003cdiv {% if product.checked %} tabindex=\"0\" {% endif %} role=\"combobox\" aria-label=\"Select an option\" aria-expanded=\"false\" aria-haspopup=\"true\" data-id=\"boost-sd__dropdown-{{ widgetId }}\" data-product-id=\"{{ product.id }}\" id=\"boost-sd__dropdown-{{ widgetId }}\" class=\"boost-sd__dropdown {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}\"\u003e \u003cdiv class=\"boost-sd__dropdown-selected-option\"\u003e \u003cspan aria-label=\"Current option: {{ product.selectedOption.title | escape }}\" class=\"boost-sd__dropdown-option-text\"\u003e{{ product.selectedOption.title | escape }}\u003c\/span\u003e \u003csvg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#5C5F62\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/div\u003e \u003cul role=\"listbox\" data-id=\"boost-sd__dropdown-list-{{ widgetId }}\" id=\"boost-sd__dropdown-list-{{ widgetId }}\" class=\"boost-sd__dropdown-option-list\"\u003e {% for variant in product.variants %} \u003cli role=\"option\" aria-selected=\"{{ variant.title == product.selectedOption.title }}\" data-id=\"boost-sd__dropdown-option-{{ widgetId }}\" data-variant-id=\"{{ variant.id }}\" id=\"boost-sd__dropdown-option-{{ widgetId }}\" class=\"boost-sd__dropdown-option {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}\"\u003e {{ variant.title | escape }} \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e {% endif %} \u003cspan role=\"text\" tabindex=\"0\" aria-label=\"Price
878: {{ product.selectedOption.price }}\" class=\"boost-sd__format-currency\"\u003e \u003cspan\u003e{{ product.selectedOption.price }}\u003c\/span\u003e \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e {% endfor %} {% endif %} \u003c\/div\u003e\u003cdiv class=\"boost-sd__recommendation-bundle-right\"\u003e {% if hasSelectedProduct == true %} \u003cdiv role=\"text\" tabindex=\"0\" class=\"boost-sd__recommendation-bundle-total-price\"\u003e Total price: \u003cb class=\"boost-sd__recommendation-bundle-price-text\"\u003e \u003cspan class=\"boost-sd__format-currency\"\u003e{{ totalPrice }}\u003c\/span\u003e \u003c\/b\u003e \u003c\/div\u003e {% endif %} \u003cbutton type=\"button\" {% if hasSelectedProduct == false %}disabled{% endif %} class=\"boost-sd__button boost-sd__button--primary boost-sd__button--large boost-sd__button--round boost-sd__button--full-width boost-sd__btn-add-to-cart\"\u003e \u003cspan\u003eAdd to Cart\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\u003c\/div\u003e {% endif %}\u003c\/div\u003e\u003cstyle\u003e #{{ widgetId }} .boost-sd__recommendation-title { color: {{ widgetDesignSettings.titleTextColor }}; font-family: {{ widgetDesignSettings.titleFont }}; font-size: {{ widgetDesignSettings.titleFontSize }}px; text-transform: {{ widgetDesignSettings.titleTextTransform }}; font-weight: {{ widgetDesignSettings.titleFontWeight }}; font-style: {{ widgetDesignSettings.titleFontStyle }}; }\u003c\/style\u003e", 879 880 881 882 883 884 "searchTabCollectionsContent": "\u003cdiv role=\"tabpanel\" class=\"boost-sd__search-result-panel-content\"\u003e {% assign currentLocale = '' %} {% if currentLocale != \"\" %} {% assign currentLocale = currentLocale %} {% endif %} {% for collection in collections %} \u003ca tabindex=\"0\" href=\"{{ currentLocale }}\/collections\/{{ collection.handle }}\" class=\"boost-sd__search-result-panel-content-item\"\u003e \u003cdiv class=\"boost-sd__search-result-panel-content-item-text\"\u003e \u003cp class=\"boost-sd__search-result-panel-content-item-title 123\"\u003e{{ collection.title | escape }}
884\u003c\/p\u003e {% if collection.body_html != \"\" %} \u003cp class=\"boost-sd__search-result-panel-content-item-description\"\u003e {{ collection.body_html | strip_html | truncate: 270, '...' }} \u003c\/p\u003e {% endif %} \u003c\/div\u003e\u003c\/a\u003e {% endfor %} {% capture pageSize %} 25 {% endcapture %} {% assign pageSize = pageSize | plus: 0 %} {% if pageSize \u003c= 0 %} {% assign pageSize = 1 %} {% endif %} {% if pageSize \u003c totalCollection %} {% assign totalPage = totalCollection | divided_by: pageSize | ceil %} {% assign pagination = currentPage | pagination_list: totalPage | split: \",\" %} {% assign toProduct = currentPage | times: pageSize %} \u003cdiv class=\"boost-sd__pagination boost-sd__pagination--center\"\u003e {% if currentPage != 1 %} \u003cbutton type=\"button\" aria-label=\"previous page\" class=\"boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;\"\u003e \u003cspan class=\"boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 7 12\" height=\"12\" width=\"7\"\u003e \u003cpath d=\"M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e {% endif %} {% for page_string in pagination %} {% assign page = page_string | plus: 0 %} {% if page == 0 %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle\"\u003e...\u003c\/button\u003e {% elsif page == request.page %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;\" data-page=\"{{ page }}\"\u003e{{ page }}\u003c\/button\u003e {% else %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--circle\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;\" data-page=\"{{ page }}\"\u003e{{ page }}\u003c\/button\u003e {% endif %} {% endfor %} {% if currentPage != totalPage %} \u003cbutton type=\"button\" aria-label=\"next page\" class=\"boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;\"\u003e \u003cspan class=\"boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 7 12\" height=\"12\" width=\"7\"\u003e \u003cpath d=\"M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e {% endif %} \u003c\/div\u003e {% endif %}\u003c\/div\u003e", 885 886 887 888 889 890 "searchTabPagesContent": "\u003cdiv role=\"tabpanel\" class=\"boost-sd__search-result-panel-content\"\u003e {% for page in pages %} \u003ca tabindex=\"0\" href=\"{{ page.url }}\" class=\"boost-sd__search-result-panel-content-item\"\u003e {% if page.image != null %} \u003cdiv class=\"boost-sd__search-result-panel-content-item-image\"\u003e \u003cimg src=\"{{ page.image.src }}\" width=\"auto\" height=\"auto\" alt=\"{{ page.title | escape }}\"\u003e \u003c\/div\u003e {% endif %} \u003cdiv class=\"boost-sd__search-result-panel-content-item-text\"\u003e \u003cp class=\"boost-sd__search-result-panel-content-item-title\"\u003e{{ page.title | escape }}\u003c\/p\u003e {% if page.body_html != \"\" %} \u003cp class=\"boost-sd__search-result-panel-content-item-description\"\u003e {{ page.body_html | strip_html | truncate: 270, '...' }} \u003c\/p\u003e {% endif %} \u003c\/div\u003e\u003c\/a\u003e {% endfor %} {% capture pageSize %} 25 {% endcapture %} {% assign pageSize = pageSize | plus: 0 %} {% if pageSize \u003c= 0 %} {% assign pageSize = 1 %} {% endif %} {% if pageSize \u003c totalPageTab %} {% assign totalPage = totalPageTab | divided_by: pageSize | ceil %} {% assign pagination = currentPage | pagination_list: totalPage | split: \",\" %} {% assign toProduct = currentPage | times: pageSize %} \u003cdiv class=\"boost-sd__pagination boost-sd__pagination--center\"\u003e {% if currentPage != 1 %} \u003cbutton type=\"button\" aria-label=\"previous page\" class=\"boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;\"\u003e \u003cspan class=\"boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 7 12\" height=\"12\" width=\"7\"\u003e \u003cpath d=\"M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z\"
890clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e {% endif %} {% for page_string in pagination %} {% assign page = page_string | plus: 0 %} {% if page == 0 %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle\"\u003e...\u003c\/button\u003e {% elsif page == request.page %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;\" data-page=\"{{ page }}\"\u003e{{ page }}\u003c\/button\u003e {% else %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--circle\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;\" data-page=\"{{ page }}\"\u003e{{ page }}\u003c\/button\u003e {% endif %} {% endfor %} {% if currentPage != totalPage %} \u003cbutton type=\"button\" aria-label=\"next page\" class=\"boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;\"\u003e \u003cspan class=\"boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 7 12\" height=\"12\" width=\"7\"\u003e \u003cpath d=\"M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e {% endif %} \u003c\/div\u003e {% endif %}\u003c\/div\u003e", 891 892 893 894 895 896 "searchTabCollectionsContentPagination": "{% assign pagination = currentPage | pagination_list: totalPage | split: \",\" %}{% assign toProduct = currentPage | times: pageSize %}\u003cdiv class=\"boost-sd__pagination boost-sd__pagination--center\"\u003e {% if currentPage != 1 %} \u003cbutton type=\"button\" aria-label=\"previous page\" class=\"boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;\"\u003e \u003cspan class=\"boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 7 12\" height=\"12\" width=\"7\"\u003e \u003cpath d=\"M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e\u003c\/button\u003e {% endif %} {% for page_string in pagination %} {% assign page = page_string | plus: 0 %} {% if page == 0 %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle\"\u003e...\u003c\/button\u003e {% elsif page == request.page %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;\" data-page=\"{{ page }}\"\u003e{{ page }}\u003c\/button\u003e {% else %} \u003cbutton class=\"boost-sd__pagination-number boost-sd__pagination-number--circle\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;\" data-page=\"{{ page }}\"\u003e{{ page }}\u003c\/button\u003e {% endif %} {% endfor %} {% if currentPage != totalPage %} \u003cbutton type=\"button\" aria-label=\"next page\" class=\"boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next\" style=\"color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;\"\u003e \u003cspan class=\"boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 7 12\" height=\"12\" width=\"7\"\u003e \u003cpath d=\"M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.45
8965612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/span\u003e\u003c\/button\u003e {% endif %}\u003c\/div\u003e", 897 898 899 900 901 902 "placeholderFilterTree": "\u003c!-- TEMPLATE PLACEHOLDER --\u003e\u003c!-- This is global variable filter settings layout --\u003e\u003cdiv class='boost-sd-container'\u003e\u003cdiv class='boost-sd-layout boost-sd-layout--has-filter-vertical'\u003e \u003cdiv class='boost-sd-left boost-filter-tree-column'\u003e \u003c!-- TEMPLATE FILTER TREE PLACEHOLDER --\u003e \u003cdiv id=\"boost-sd__filter-tree-wrapper\" class=\"boost-sd__filter-tree-wrapper\"\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical \"\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder\"\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class='boost-sd-right boost-product-listing-column'\u003e \u003c!-- TEMPLATE TOOLBAR PLACEHOLDER--\u003e \u003cdiv class=\"boost-sd__toolbar-container\"\u003e \u003cdiv class=\"boost-sd__toolbar-inner\"\u003e \u003cdiv class=\"boost-sd__toolbar-content\"\u003e \u003cdiv class=\"boost-sd__toolbar boost-sd__toolbar--3_1\"\u003e \u003cspan class=\"boost-sd__toolbar-item boost-sd__placeholder-item\" style=\"height: 28px; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__toolbar-item boost-sd__placeholder-item\" style=\"height: 28px; border-radius: 0; margin-bottom: 0\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__toolbar-item boost-sd__placeholder-item\" style=\"height: 28px; border-radius: 0; margin-bottom: 0\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- TEMPLATE PRODUCT LIST PLACEHOLDER--\u003e \u003cdiv class=\"boost-sd__product-list-placeholder boost-sd__product-list-placeholder--4-col\"\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u00
9023e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__pagination boost-sd__pagination--center\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"height: 40px; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cstyle\u003e .boost-sd__collection-header { width: 100%; height: 130px; display: block; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #e6e6e6), color-stop(33%, #eee)); background-color: #eee; animation: banner-place-holder-shimmer 2s linear infinite forwards; } .boost-sd__collection-header:empty { display: block; } .boost-sd__collection-header .boost-sd__placeholder-item { height: 130px; } @media only screen and (min-width: 992px) { .boost-sd__collection-header, .boost-sd__collection-header .boost-sd__placeholder-item { height: 150px; } } @keyframes banner-place-holder-shimmer { 0% { background-position: -1500px 0; } 100% { background-position: 1500px 0; } } .boost-sd__in-collection-search { margin-bottom: 20px; margin-top: 20px; width: 100%; max-width: 100%; display: flex; position: relative; } .boost-sd__in-collection-search--horizontal { margin: 20px auto 0; max-width: 592px; } @media only screen and (min-width: 992px) { .boost-sd__in-collection-search { margin-bottom: 16px; margin-top: 16px; } } .boost-sd__filter-tree-vertical { margin-top: 0; margin-right: 0; } .boost-sd__filter-tree-vertical-placeholder { background: transparent; width: 100%; max-width: 100%; display: none; } .boost-sd__filter-tree-vertical-placeholder-list { margin: 30px 10px 0; padding: 0; list-style: none; } .boost-sd__filter-tree-vertical-placeholder-item { max-width: 100%; padding: 20px 0; display: block; } .boost-sd__filter-tree-vertical-placeholder-item:first-child { padding-top: 0; } .boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) { border-bottom: 1px solid #ebebeb; } .boost-sd__filter-tree-vertical-placeholder-item::before, .boost-sd__filter-tree-vertical-placeholder-item::after, { display: none; } .boost-sd__filter-tree-horizontal-placeholder { display: none; } @media only screen and (min-width: 992px) { .boost-sd__filter-tree-vertical { width: 272px; } .boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical { margin-right: 16px; margin-left: 0; } .boost-sd__filter-tree-vertical-placeholder, .boost-sd__filter-tree-horizontal-placeholder { display: inline-block; } .boost-sd-layout--has-filter-horizontal { flex-wrap: wrap; margin-top: 0; } .boost-sd-layout--has-filter-horizontal .boost-sd-left, .boost-sd-layout--has-filter-horizontal .boost-sd-right { flex: 0 0 100%; } .boost-sd__filter-tree-horizontal { width: 100%; } .boost-sd__filter-tree-horizontal-placeholder { padding: 16px 0; border-top: 1px solid #ebebeb; width: 100%; max-width: 100%; background: transparent; } .boost-sd__filter-tree-horizontal-placeholder-list { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e8e9eb; } .boost-sd__filter-tree-horizontal-placeholder-item { border: none; display: inline-block; margin-right: 35px; position: relative; } .boost-sd__filter-tree-horizontal-placeholder-button { width: auto; height: auto; display: inline-block; position: relative; padding: 5px 15px 5px 0; margin: 0; min-height: auto; min-width: 0; border-radius: 0; box-shadow: none; background: none; border: none; letter-spacing: normal; text-align: left; cursor: pointer; } .boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item { width: 80px; height: 10px; display: inline-block; margin: 0 15px 0 0; } .boost-sd__filter-tree-horizontal-placeholder-icon { transform: rotate(-90deg); } } .boost-sd__in-collection-search { margin-bottom: 20px; margin-top: 20px; width: 100%; max-width: 100%; display: flex; position: relative; } .boost-sd__in-collection-search--horizontal { margin: 20px auto 0; max-width: 592px; } @media only screen and (min-width: 992px) { .boost-sd__in-collection-search { margin-bottom: 16px; margin-top: 16px; } } .boost-sd__toolbar-container { width: 100%; margin-bottom: 16px; } .boost-sd__toolbar-inner { max-width: 1216px; margin: 0 auto; } .boost-sd__toolbar-content { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 16px 0; }
902 .boost-sd__toolbar { align-items: center; width: 100%; display: flex; flex-wrap: wrap; column-gap: 16px; justify-content: space-between; } .boost-sd__toolbar .boost-sd__placeholder-item { flex-basis: 45%; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child { flex-basis: 100%; margin-bottom: 16px; } @media only screen and (min-width: 992px) { .boost-sd__toolbar-content { display: flex; align-items: center; border-bottom: none; padding: 16px 0 16px; border-top: 1px solid #ebebeb; border-bottom: 0; } .boost-sd__toolbar { flex-wrap: inherit; } .boost-sd__toolbar .boost-sd__placeholder-item { flex-basis: auto; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child { flex-basis: auto; margin-bottom: 0; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item { flex: 1; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) { justify-content: center; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) { justify-content: end; } } .boost-sd__product-list-placeholder { gap: 16px; margin-bottom: 32px; flex-wrap: wrap; width: 100%; display: flex; } .boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item { width: 100%; } .boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(50% - 8px); } .boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 222px; } .boost-sd__placeholder-list-item { background: rgba(0, 0, 0, 0.07); min-width: 50px; height: 20px; animation: 2s infinite place-holder-animation; display: inline-block; } .boost-sd__product-list-placeholder--list-view .boost-sd__product-list-placeholder-item { flex-direction: row; display: flex; width: 100%; } .boost-sd__sd__placeholder-list-view-layout-info-group { width: 100%; padding-left: 16px; display: flex; flex-direction: column; align-items: baseline; gap: 16px; text-align: left; justify-content: center; } .boost-sd__placeholder-list-view-layout-image { flex: 160px; width: auto; max-width: 160px; height: 160px; } .boost-sd__pagination { padding-top: 10px; padding-bottom: 10px; justify-content: center; align-items: center; display: flex; } @media only screen and (min-width: 576px) { .boost-sd__product-list-placeholder { gap: 32px; margin-bottom: 64px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(33.3333333333% - (32px - 32px \/ 3)); } } @media only screen and (min-width: 992px) { .boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) { margin-bottom: 8px; } .boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child { margin-bottom: 16px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 382px; } .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 275px; } .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 215px; } .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 175px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item { width: calc(33.3333333333% - (32px - 32px \/ 3)); } .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item { width: calc(25% - (32px - 32px \/ 4)); } .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item { width: calc(20% - (32px - 32px \/ 5)); } .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(16.6666667% - (32px - 32px \/ 6)); } } .boost-sd-container * { box-sizing: border-box; } .boost-sd__placeholder-item { background: rgba(0, 0, 0, 0.07); border-radius: 50rem; min-width: 50px; max-width: 100%; height: 20px; animation: 2s infinite place-holder-animation; display: inline-block; } .boost-sd__placeholder-item:empty { display: block; } .boost-sd__placeholder-item:not(:last-child) { margin-bottom: 18px; } .boost-sd-layout { margin: 20px auto 0; } .boost-sd-left { position: relative; } .boost-sd-layout .boost-sd-right { width: 100%; margin-bottom: 20px; } @keyframes place-holder-animation { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @media only screen and (min-width: 992px) { .boost-sd-layout { display: flex; max-width: 1216px; } .boost-sd-layout .boost-sd-right { flex: auto; max-width: 100%; } }\u003c\/style\u003e", 903 904 905 906 907 908 "preOrder": "\u003c!-- TEMPLATE PRE-ORDER APP BLOCK --\u003e\u003cdiv class=\"boost-sd__product-form\"\u003e\u003c!-- Quantity Input --\u003e\u003cdiv class=\"boost-sd__product-form-quantity\"\u003e \u003cp id=\"quantity-title\" class=\"boost-sd__product-form-quantity-title\"\u003e {{ \"quickView.qvQuantity\" | translate: translations, 'Quantity' }} \u003c\/p\u003e \u003cdiv role=\"group\" aria-labelledby=\"quantity-title\" class=\"boost-sd__input-number boost-sd__input-number--md\"\u003e \u003cdiv class=\"boost-sd__input-number-btn-wrapper\"\u003e \u003cbutton type=\"button\" aria-label=\"Decrease quantity\" aria-controls=\"item-quantity\" class=\"boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn\"\u003e \u003cspan aria-hidden=\"true\"\u003e-\u003c\/span\u003e \u003c\/button\u003e \u003c\/div\u003e \u003cinput id=\"item-quantity\" type=\"number\" aria-labelledby=\"quantity-title\" aria-describedby=\"quantity-error\" class=\"boost-sd__input-number-input\" value=\"1\" min=\"1\" \/\u003e \u003cdiv class=\"boost-sd__input-number-btn-wrapper\"\u003e \u003cbutton type=\"button\" aria-label=\"Increase quantity\" aria-controls=\"item-quantity\" class=\"boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn\"\u003e \u003cspan aria-hidden=\"true\"\u003e+\u003c\/span\u003e \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv aria-live=\"assertive\" id=\"quantity-error\" class=\"boost-sd__product-form-quantity-error\"\u003e {{ \"quickView.qvQuantityError\" | translate: translations, 'Please input quantity' }} \u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__preorder-options\"\u003e \u003c!-- TEMPLATE PRE_ORDER WITH PAYMENT --\u003e \u003c!-- TODO check preorder --\u003e {% if product.variants %} {% assign variants = product.variants %} {% else %} {% assign variants = variants %} {% endif %} {% for variant in variants %} {% if variant.preorder %} {% assign paymentType = variant.preorder.payment.type %} {% assign discountType = variant.preorder.payment.discountType %} {% assign discountValue = variant.preorder.payment.discountValue %} {% assign originalPrice = variant.price %} {% assign paymentLabel = '' %} {% if paymentType == 'full' %} {% assign paymentLabel = 'Full payment' %} {% endif %} {% if paymentType == 'partial' %} {% assign paymentLabel = 'Partial payment' %} {% endif %} {% if paymentType == 'none' %} {% assign paymentLabel = 'No payment' %} {% endif %} {% capture showCurrencyCodes %}false{% endcapture %} {% assign moneyFormat = request.money_format | strip_html -%} {% if showCurrencyCodes == 'true' %} {% assign moneyFormat = request.money_format_with_currency | strip_html -%} {% endif %} {% assign moneyRate = request.currency_rate | strip_html -%} {% if discountType == 'percentage' %} {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %} {% elsif discountType == 'amount' %} {% assign discountValue = discountValue | times: moneyRate %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %} {% else %} {% assign discountedPrice = originalPrice %} {% endif %} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% assign originalPriceFormat = originalPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountedPriceFormat = discountedPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountValueFormat = discountValue | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %} \u003cdiv tabindex=\"0\" role=\"region\" aria-labelledby=\"preorder-title\" aria-describedby=\"preorder-description\" class=\"boost-sd__preorder\" data-variant-id=\"{{ variant.id }}\"\u003e \u003cdiv class=\"boost-sd__preorder-option\"\u003e \u003ch2 id=\"preorder-title\" class=\"boost-sd__preorder-title\"\u003e{{ paymentLabel }}\u003c\/h2\u003e \u003cdiv aria-live=\"polite\" id=\"preorder-description\" class=\"boost-sd__preorder-discount\"\u003e {% if discountType == 'percentage' %} \u003cspan class=\"boost-sd__preorder-save\"\u003eSave {{ discountValue }}%\u003c\/span\u003e {% elsif discountType == 'amount' %} \u003cspan class=\"boost-sd__preorder-save\"\u003eSave {{ discountValueFormat }}\u003c\/span\u003e {% endif %} \u003cdiv class=\"boost-sd__preorder-price\"\u003e {% if discountType != 'none' %} \u003cspan aria-label=\"Original Price: {{ originalPriceFormat }}\" class=\"boost-sd__preorder-original-price\"\u003e{{ originalPriceFormat }}\u003c\/span\u003e {% endif %} \u003cspan aria-label=\"Discounted Price: {{ discountedPriceFormat }}\" class=\"boost-sd__preorder-discounted-price\"\u003e{{ discountedPriceFormat }}\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e {% endif %} {% endfor %} {% assign buttonLabel = 'Pre-Order' %} {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %} {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %} {% if preOrderButtonText and preOrderButtonText != '' %} {% assign buttonLabel = preOrderButtonText %} {% endif %} \u003cbutton type=\"button\" aria-label='{{ buttonLabel }}' class=\"boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--preorder\"\u003e \u003cspan aria-hidden=\"true\" class=\"boost-sd__button-text\"\u003e {{ buttonLabel }} \u003c\/span\u003e \u003c\/button\u003e \u003cp tabindex=\"0\" class=\"boost-sd__preorder-note\"\u003e \u003cstrong class=\"boost-sd__preorder-note-title\"\u003ePlease note: \u003c\/strong\u003e\u003cspan class=\"boost-sd__preorder-note-text\"\u003e{{ preOrderDeliveryText }}\u003c\/span\u003e \u003c\/p\u003e\u003c\/div\u003e\u003c!-- TEMPLATE ADD TO CART --\u003e\u003cdiv class=\"boost-sd__purchase-options\"\u003e \u003cbutton type=\"button\" class=\"boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--purchase\"\u003e \u003cspan class=\"boost-sd__button-text\"\u003e {{ \"productItem.atcAvailableLabel\" | translate: translations, 'Add to cart' }} \u003c\/span\u003e \u003c\/button\u003e \u003cbutton type=\"button\" class=\"boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-buy-now\"\u003e \u003cspan class=\"boost-sd__button-text\"\u003e{{ \"quickView.buyItNowBtnLabel\" | translate: translations, 'Buy it now' }}\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\u003c\/div\u003e", 909 910 911 912 913 914 "preOrderPlaceholder": "\u003c!-- Placeholder for PreOrder --\u003e\u003cdiv class=\"boost-sd__preorder-placeholder\"\u003e\u003cdiv class=\"boost-sd__preorder-placeholder-quantity-label\"\u003e \u003cdiv class=\"boost-sd__placeholder-item\" style=\"width: 65px; height: 20px;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__preorder-placeholder-product-quantity\"\u003e \u003cdiv class=\"boost-sd__placeholder-item\" style=\"width: 160px; height: 38px;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__preorder-placeholder-add-to-cart\"\u003e \u003cdiv class=\"boost-sd__placeholder-item\" style=\"width: 100%; height: 50px;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__preorder-placeholder-buy-it-now\"\u003e \u003cdiv class=\"boost-sd__placeholder-item\" style=\"width: 100%; height: 50px;\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e", 915 916 917 918 919 920 "backInStock": "\u003c!-- Popup Notify Me Form --\u003e\u003cdiv role=\"dialog\" aria-hidden=\"true\" aria-labelledby=\"boost-sd__bis-
920popup-title\" aria-describedby=\"boost-sd__bis-popup-description\" id=\"boost-sd__bis-notify-popup\" class=\"boost-sd__bis-notify-popup\"\u003e\u003cdiv class=\"boost-sd__bis-popup-backdrop\"\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__bis-popup-container\"\u003e \u003cdiv class=\"boost-sd__bis-popup-heading\"\u003e \u003c!-- Close Button --\u003e \u003cbutton aria-label=\"Close popup\" id=\"boost-sd__bis-close-popup\" class=\"boost-sd__bis-close-button\"\u003e \u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label='{{ \"close\" | translate: translations, \"Close\" }}'\u003e \u003cpath d=\"M9.41385 8L15.7069 1.707C15.8944 1.51949 15.9997 1.26518 15.9997 1C15.9997 0.734825 15.8944 0.48051 15.7069 0.293002C15.5193 0.105494 15.265 0.000152588 14.9998 0.000152588C14.7347 0.000152588 14.4804 0.105494 14.2928 0.293002L7.99985 6.586L1.70685 0.293002C1.614 0.200157 1.50378 0.126509 1.38247 0.0762618C1.26117 0.0260146 1.13115 0.000152588 0.999849 0.000152588C0.868547 0.000152588 0.738531 0.0260146 0.617224 0.0762618C0.495916 0.126509 0.385694 0.200157 0.292849 0.293002C0.105341 0.48051 0 0.734825 0 1C0 1.26518 0.105341 1.51949 0.292849 1.707L6.58585 8L0.292849 14.293C0.105341 14.4805 0 14.7348 0 15C0 15.2652 0.105341 15.5195 0.292849 15.707C0.480357 15.8945 0.734673 15.9999 0.999849 15.9999C1.26503 15.9999 1.51934 15.8945 1.70685 15.707L7.99985 9.414L14.2928 15.707C14.3855 15.8002 14.4957 15.8741 14.617 15.9246C14.7383 15.9751 14.8684 16.001 14.9998 16.001C15.1313 16.001 15.2614 15.9751 15.3827 15.9246C15.504 15.8741 15.6142 15.8002 15.7069 15.707C15.7998 15.6142 15.8735 15.504 15.9238 15.3827C15.9742 15.2614 16 15.1313 16 15C16 14.8687 15.9742 14.7386 15.9238 14.6173C15.8735 14.496 15.7998 14.3858 15.7069 14.293L9.41385 8Z\" fill=\"#5C5F62\" \/\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003c!-- Title --\u003e \u003cp id=\"boost-sd__bis-popup-title\" class=\"boost-sd__bis-popup-title\"\u003eNotify me\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__bis-popup-content\"\u003e \u003c!-- Description --\u003e \u003cp id=\"boost-sd__bis-popup-description\" class=\"boost-sd__bis-popup-description\"\u003e Get a notification as soon as this product is back in stock by signing up below! \u003c\/p\u003e \u003c!-- Variant Selector --\u003e {% if filteredVariants.size \u003e 0 and filteredVariants[0].title != 'Default Title' %} \u003clabel for=\"boost-sd__bis-dropdown-variant\" class=\"boost-sd__bis-dropdown-label\"\u003eSelect variant\u003c\/label\u003e \u003cdiv aria-label=\"Select an option\" role=\"combobox\" aria-expanded=\"false\" aria-haspopup=\"listbox\" aria-controls=\"boost-sd__bis-dropdown-list\" aria-activedescendant=\"\" data-id=\"boost-sd__bis-dropdown-variant\" id=\"boost-sd__bis-dropdown-variant\" class=\"boost-sd__bis-dropdown-variant\"\u003e \u003cdiv role=\"button\" aria-labelledby=\"boost-sd__bis-dropdown-selected-option\" aria-label=\"Press to toggle dropdown\" tabindex=\"0\" id=\"boost-sd__bis-dropdown-selected-option\" class=\"boost-sd__bis-dropdown-selected-option\"\u003e \u003cspan aria-label=\"Current option: {{ filteredVariants[0].title | escape }}\" class=\"boost-sd__bis-dropdown-option-text\" title=\"{{ filteredVariants[0].title | escape }}\"\u003e {{ filteredVariants[0].title | escape }} \u003c\/span\u003e \u003csvg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath d=\"M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z\" fill=\"#222222\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003c\/div\u003e \u003cul role=\"listbox\" aria-labelledby=\"boost-sd__bis-dropdown-selected-option\" data-id=\"boost-sd__bis-dropdown-list\" tabindex=\"-1\" id=\"boost-sd__bis-dropdown-list\" class=\"boost-sd__bis-dropdown-option-list\"\u003e {% for variant in filteredVariants %} \u003cli role=\"option\" tabindex=\"-1\" aria-selected=\"false\" data-id=\"boost-sd__bis-dropdown-option-item-{{ forloop.index }}\" id=\"boost-sd__bis-dropdown-option-item-{{ forloop.index }}\" class=\"boost-sd__bis-dropdown-option-item\" data-variant-id=\"{{ variant.id }}\"\u003e {{ variant.title | escape }} \u003c\/li\u003e {% endfor %} \u003c\/ul\u003e \u003c\/div\u003e {% endif %} \u003c!-- Email Input --\u003e \u003clabel for=\"boost-sd__bis-email-input\" class=\"boost-sd__bis-email-label\"\u003eEmail address\u003c\/label\u003e \u003cinput type=\"email\" aria-describedby=\"boost-sd__bis-email-error\" id=\"boost-sd__bis-email-input\" class=\"boost-sd__bis-email-input\" placeholder=\"Enter your email\" \/\u003e \u003cspan aria-live=\"polite\" id=\"boost-sd__bis-email-error\" class=\"boost-sd__bis-email-error\"\u003ePlease input a valid email address\u003c\/span\u003e \u003c!-- SMS Input --\u003e \u003clabel for=\"boost-sd__bis-
920phone-input\" class=\"boost-sd__bis-phone-label\"\u003eSMS\u003c\/label\u003e \u003cdiv class=\"boost-sd__bis-phone-container\"\u003e \u003cbutton type=\"button\" aria-haspopup=\"listbox\" class=\"boost-sd__bis-phone-button\"\u003e \u003cimg id=\"boost-sd__bis-phone-selected-flag\" class=\"boost-sd__bis-phone-selected-flag\" src=\"{{ 'https:\/\/flagcdn.com\/ca.svg' | asset_url }}\" alt=\"Canada\"\u003e \u003csvg width=\"8\" height=\"12\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath d=\"M7.09832 3.98e-07L0.901685 -1.43e-07C0.15069 -2.09e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63e-07 7.09832 3.98e-07Z\" fill=\"#222222\" \/\u003e \u003c\/svg\u003e \u003c\/button\u003e \u003cinput type=\"tel\" aria-describedby=\"boost-sd__bis-phone-error\" id=\"boost-sd__bis-phone-input\" class=\"boost-sd__bis-phone-input\" placeholder=\"(+1) XXX-XXXX\" data-country-code=\"+1\" data-country-format=\"(XXX) XXX-XXXX\"\u003e \u003c\/div\u003e \u003cdiv aria-expanded=\"false\" class=\"boost-sd__bis-phone-dropdown\" id=\"boost-sd__bis-phone-dropdown\"\u003e \u003cinput type=\"text\" id=\"boost-sd__bis-search-country\" class=\"boost-sd__bis-search-country\" placeholder=\"Search country...\"\u003e \u003cdiv id=\"boost-sd__bis-country-options\" class=\"boost-sd__bis-country-options\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cspan aria-live=\"polite\" id=\"boost-sd__bis-phone-error\" class=\"boost-sd__bis-phone-error\"\u003ePlease input a valid phone number\u003c\/span\u003e \u003c!-- Submit Button --\u003e \u003cbutton aria-disabled=\"true\" id=\"boost-sd__bis-submit-button\" class=\"boost-sd__bis-submit-button\" disabled\u003e Notify me when available \u003c\/button\u003e \u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c!-- Success Banner --\u003e\u003cdiv aria-hidden=\"true\" aria-live=\"polite\" id=\"boost-sd__bis-success-banner\" class=\"boost-sd__bis-success-banner\"\u003e\u003csvg id=\"boost-sd__bis-success-banner-icon\" class=\"boost-sd__bis-success-banner-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 10C0 15.514 4.486 20 10 20C15.514 20 20 15.514 20 10C20 4.486 15.514 0 10 0C4.486 0 0 4.486 0 10ZM15.2071 8.20711C15.5976 7.81658 15.5976 7.18342 15.2071 6.79289C14.8166 6.40237 14.1834 6.40237 13.7929 6.79289L9 11.5858L6.70711 9.29289C6.31658 8.90237 5.68342 8.90237 5.29289 9.29289C4.90237 9.68342 4.90237 10.3166 5.29289 10.7071L8.29289 13.7071C8.68342 14.0976 9.31658 14.0976 9.70711 13.7071L15.2071 8.20711Z\" fill=\"white\" \/\u003e\u003c\/svg\u003e\u003cspan id=\"boost-sd__bis-success-banner-text\" class=\"boost-sd__bis-success-banner-text\"\u003eWe will notify you when the item is available\u003c\/span\u003e\u003c\/div\u003e", 921 922 923 924 925 926 "countdownTimer": "\u003c!-- TEMPLATE COUNTDOWN TIMER INLINE --\u003e\u003cdiv class=\"boost-sd__countdown-timer\" data-campaign-id=\"{{ campaignId }}\" {% if cta.type == 'entire' and cta.link %} data-timer-cta-link=\"{{ cta.link | escape }}\" role=\"link\" tabindex=\"0\" aria-label=\"{{ header | strip_html | escape }}\" style=\"cursor: pointer;\" {% endif %}\u003e\u003cdiv class=\"boost-sd__countdown-timer-content\"\u003e {% if header != blank %} \u003cdiv class=\"boost-sd__countdown-timer-header\"\u003e {{ header | strip_html | escape }} \u003c\/div\u003e {% endif %} {% if upsellTitle != blank %} \u003cdiv class=\"boost-sd__countdown-timer-upsell\"\u003e {{ upsellTitle | strip_html | escape }} \u003c\/div\u003e {% endif %} \u003c\/div\u003e\u003cdiv class=\"boost-sd__countdown-timer-digits\" role=\"timer\" aria-live=\"off\" aria-atomic=\"true\" aria-label=\"Countdown timer\"\u003e \u003cdiv class=\"boost-sd__countdown-timer-unit {% if hideDays %}boost-sd__countdown-timer-unit--hidden{% endif %}\" data-timer-unit-days\u003e \u003cspan class=\"boost-sd__countdown-timer-value\" data-timer-days\u003e{{ days }}\u003c\/span\u003e \u003cspan class=\"boost-sd__countdown-timer-label\"\u003e{{ labels.days }}\u003c\/span\u003e \u003c\/div\u003e \u003cspan class=\"boost-sd__countdown-timer-separator {% if hideDays %}boost-sd__countdown-timer-separator--hidden{% endif %}\" data-timer-separator-days aria-hidden=\"true\"\u003e:\u003c\/span\u003e \u003cdiv class=\"boost-sd__countdown-timer-unit\"\u003e \u003cspan class=\"boost-sd__countdown-timer-value\" data-timer-hours\u003e{{ hours }}\u003c\/span\u003e \u003cspan class=\"boost-sd__countdown-timer-label\"\u003e{{ labels.hours | escape }}\u003c\/span\u003e \u003c\/div\u003e \u003cspan class=\"boost-sd__countdown-timer-separator\" aria-hidden=\"true\"\u003e:\u003c\/span\u003e \u003cdiv class=\"boost-sd__countdown-timer-unit\"\u003e \u003cspan class=\"boost-sd__countdown-timer-value\" data-timer-minutes\u003e{{ minutes }}\u003c\/span\u003e \u003cspan class=\"boost-sd__countdown-timer-label\"\u003e{{ labels.minutes | escape }}\u003c\/span\u003e \u003c\/div\u003e \u003cspan class=\"boost-sd__countdown-timer-separator\" aria-hidden=\"true\"\u003e:\u003c\/span\u003e \u003cdiv class=\"boost-sd__countdown-timer-unit\"\u003e \u003cspan class=\"boost-sd__countdown-timer-value\" data-timer-seconds\u003e{{ seconds }}\u003c\/span\u003e \u003cspan class=\"boost-sd__countdown-timer-label\"\u003e{{ labels.seconds | escape }}\u003c\/span\u003e \u003c\/div\u003e\u003c\/div\u003e {% if cta.type == 'button' and cta.link %} \u003cdiv class=\"boost-sd__countdown-timer-cta\"\u003e \u003ca href=\"{{ cta.link | escape }}\" class=\"boost-sd__button boost-sd__countdown-timer-button\"\u003e {{ cta.buttonText | escape }} \u003c\/a\u003e\u003c\/div\u003e {% endif %}\u003c\/div\u003e", 927 928 929 930 931 932 "countdownTimerPlaceholder": "\u003c!-- TEMPLATE COUNTDOWN TIMER PLACEHOLDER --\u003e\u003cdiv class=\"boost-sd__countdown-timer-pl\"\u003e\u003cdiv class=\"boost-sd__countdown-timer-pl-title skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e\u003cdiv class=\"boost-sd__countdown-timer-pl-subtitle skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e\u003cdiv class=\"boost-sd__countdown-timer-pl-digits\"\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-box\"\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-number skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-label skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-separator\"\u003e:\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-box\"\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-number skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-label skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-separator\"\u003e:\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-box\"\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-number skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-label skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-separator\"\u003e:\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-box\"\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-number skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003cdiv class=\"boost-sd__countdown-timer-pl-label skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e \u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__countdown-timer-pl-button skeleton\"\u003e\u0026nbsp;\u003c\/div\u003e\u003c\/div\u003e\u003cstyle\u003e .boost-sd__countdown-timer-pl { width: 100%; max-width: 920px; margin: 0 auto; background: #f8f8f8; border: 1px solid #dedede; border-radius: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); padding: 24px 24px 20px; text-align: center; } .boost-sd__countdown-timer-pl .skeleton { position: relative; overflow: hidden; background: #dcdcdc; } .boost-sd__countdown-timer-pl .skeleton::after { content: \"\"; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0) 100%); animation: boost-sd-countdown-shimmer 1.4s infinite; } .boost-sd__countdown-timer-pl-title { width: 220px; height: 28px; border-radius: 8px; margin: 0 auto 8px; } .boost-sd__countdown-timer-pl-subtitle { width: 150px; height: 20px; border-radius: 8px; margin: 0 auto 20px; } .boost-sd__countdown-timer-pl-digits { display: flex; align-items: center; justify-content: center; gap: 4px; } .boost-sd__countdown-timer-pl-box { flex: 1 1 0; min-width: 60px; max-width: 130px; aspect-ratio: 11 \/ 9; background: linear-gradient(180deg, #e8e8e8 0%, #ffffff 100%); border-radius: 20px; border: 1px solid #ececec; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 15px 0; } .boost-sd__countdown-timer-pl-separator { font-weight: 400; font-size: 20px; line-height: 1; color: #2a2a2a; transform: translateY(-8px); } .boost-sd__countdown-timer-pl-number { width: 50px; height: 32px; border-radius: 8px; } .boost-sd__countdown-timer-pl-label { width: 40px; height: 14px; border-radius: 6px; } .boost-sd__countdown-timer-pl-button { width: 100%; height: 40px; border-radius: 8px; margin: 16px auto 0; } @keyframes boost-sd-countdown-shimmer { 100% { transform: translateX(100%); } } @media (max-width: 768px) { .boost-sd__countdown-timer-pl { padding: 16px 10px; } .boost-sd__countdown-timer-pl-subtitle { margin: 0 auto 10px; } .boost-sd__countdown-timer-pl-separator { transform: translateY(-10px); } } @media (max-width: 520px) { .boost-sd__countdown-timer-pl-separator { display: none; } .boost-sd__countdown-timer-pl-title { width: 180px; height: 24px; } .boost-sd__countdown-timer-pl-subtitle { width: 120px; height: 16px; } }\u003c\/style\u003e", 933 934 935 } || {};return templates}function readTemplateId(){let templateId="";templateId= 936 937 "NMszvVmETQ" 938 || "";return templateId}function readTemplateMetadata(){let templateMetadata=null;templateMetadata = 939 940 941 {"collectionFilters":"NMszvVmETQ/themes/default/main__0__liquid","productList":"NMszvVmETQ/product-list/main__0__liquid","productItem":"NMszvVmETQ/product-item/main__0__liquid","collectionHeader":"NMszvVmETQ/collection-header/main__0__liquid","searchPage":"NMszvVmETQ/themes/default/search__0__liquid","mostPopularProducts":"NMszvVmETQ/no-search-result-page/most-popular-products__0__liquid","recommendation":"NMszvVmETQ/recommendation/main__0__liquid","recommendationDynamicBundle":"NMszvVmETQ/recommendation/dynamic-bundle__0__liquid","recommendationEmbeddedBundle":"NMszvVmETQ/recommendation/embedded-bundle__0__liquid","recommendationVolumeBundleProduct":"NMszvVmETQ/recommendation/volume-bundle/volume-product__0__liquid","recommendationVolumeBundlePopup":"NMszvVmETQ/recommendation/volume-bundle/volume-popup__0__liquid","recommendationVolumeBundleBlock":"NMszvVmETQ/recommendation/volume-bundle/main__0__liquid","tierDiscountBundlePopup":"NMszvVmETQ/tier-discount-bundle/tier-discount-popup__0__liquid","tierDiscountBundleBlock":"NMszvVmETQ/tier-discount-bundle/main__0__liquid","instantSearchWidget":"NMszvVmETQ/instant-search-widget/main__0__liquid","quickView":"NMszvVmETQ/quickview/main__0__liquid","cart":"NMszvVmETQ/cart/main__0__liquid","placeholderFilterTree":"NMszvVmETQ/place-holder/place-holder__0__liquid","placeholderRecommendation":"NMszvVmETQ/recommendation-placeholder/main__0__liquid","preOrder":"NMszvVmETQ/pre-order/main__0__liquid","preOrderPlaceholder":"NMszvVmETQ/pre-order-placeholder/main__0__liquid","backInStock":"NMszvVmETQ/back-in-stock/main__0__liquid","countdownTimer":"NMszvVmETQ/countdown-timer/main__0__liquid","countdownTimerPlaceholder":"NMszvVmETQ/countdown-timer-placeholder/main__0__liquid","templateVersion":"2.51.1","setupVersion":"v3","applyUniqueVersion":true,"themeNameLib":"default","themeLibVersion":"1.88.2","themeCssVersion":"2.51.1","themeCssUrl":"https://cdn.boostcommerce.i
941o/widget-integration/theme/default/2.51.1/main.css","settingsCssUrl":"https://cdn.shopify.com/s/files/1/0554/7579/8113/files/boost-app-do-not-delete-this-file-v-barbershop__NMszvVmETQ-settings.css?v=1779244911","updatedAt":1783928745,"featureOptions":{"enableBannerInterleaving":true},"customizeCssUrl":"https://cdn.boostcommerce.io/widget-integration/theme/customization/v-barbershop.myshopify.com/NMszvVmETQ/customization-1779245057536.css","customizeJsUrl":"https://cdn.boostcommerce.io/widget-integration/theme/customization/v-barbershop.myshopify.com/NMszvVmETQ/customization-1778554914676.js","upgradeLog":"API upgrade theme lib version to 1.88.2 by "} 942 ;return templateMetadata}function readTemplateSettings(){let templateSettings=null;templateSettings = 943 944 945 {"appPreferenceSettings":{"watermark":false},"preOrderSettings":{"buttonText":"Pre-order","deliveryText":"This is a pre-order. Items will ship based on the estimated delivery date.","showDeliveryText":false},"generalSettings":{"addCollectionToProductUrl":false,"breakpointmobile":"575px","breakpointtabletportraitmin":"576px","breakpointtabletportraitmax":"991px","breakpointtabletlandscapetmin":"992px","breakpointtabletlandscapemax":"1199px","breakpointdesktop":"1200px","enableTrackingOrderRevenue":true},"searchSettings":{"searchPanelBlocks":{"searchTermSuggestions":{"label":"Check out some of these popular searches","searchTermList":["ma","pomade","firsthand clay pomade","hair","tonic","suavecito","brosh","uppercut","85018","85260"],"backup":[],"type":"based_on_data","active":true},"mostPopularProducts":{"label":"Trending products","productList":["vs-shave-cream-6oz-retail","cocoa-butter-15oz","barbicide-half-gallon","witch-hazel-4-gallon-case","billy-jealousy-liquidsand-exfoliating-cleanser","combination-code-face-moisturizer-backbar","feather-artist-club-pro-guard-blades-15-pack","kms-7ca-men-reshade-4-shots-x-20ml","queen-helene-mint-julep-clay-mask","billy-jealousy-stable-condition-texture-sea-salt-spray"],"backup":[],"type":"based_on_data","active":true},"products":{"label":"Products","pageSize":25,"active":true,"displayImage":true},"collections":{"label":"Collections","pageSize":25,"active":true,"displayImage":false,"displayDescription":false,"excludedValues":[]},"pages":{"label":"Pages","pageSize":25,"active":true,"displayImage":true,"displayExcerpt":true},"searchEmptyResultMessages":{"active":true,"label":"We are sorry! We couldn't find results for \"{{ terms }}\".{{ breakline }}But don't give up â check the spelling or try less specific search terms."},"searchTips":{"label":"Search tips","active":false,"searchTips":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature."}},"suggestionNoResult":{"search_terms":{"label":"Check out some of these popular searches","status":false,"data":["ma","pomade","firsthand clay pomade","hair","tonic","suavecito","brosh","uppercut","85018","85260"],"type":"based_on_data","backup":[]},"products":{"label":"Trending products","status":false,"data":["vs-shave-cream-6oz-retail","cocoa-butter-15oz","barbicide-half-gallon","witch-hazel-4-gallon-case","billy-jealousy-liquidsand-exfoliating-cleanser","combination-code-face-moisturizer-backbar","feather-artist-club-pro-guard-blades-15-pack","kms-7ca-men-reshade-4-shots-x-20ml","queen-helene-mint-julep-clay-mask","billy-jealousy-stable-condition-texture-sea-salt-spray"],"type":"based_on_data","backup":[]}},"enableInstantSearch":true,"productAvailable":false,"showSuggestionProductImage":true,"showSuggestionProductPrice":true,"showSuggestionProductSalePrice":true,"showSuggestionProductSku":false,"showSuggestionProductVendor":true,"suggestionBlocks":[{"type":"suggestions","label":"Popular suggestions","status":"active","number":5},{"type":"pages","label":"Pages","status":"active","number":3},{"type":"products","label":"Products","status":"active","number":6},{"type":"collections","label":"Categories","status":"active","number":3,"excludedValues":[]}],"searchBoxOnclick":{"recentSearch":{"label":"Recent searches","status":true,"number":"3"},"searchTermSuggestion":{"label":"Popular searches","status":false,"data":[],"backup":[],"type":"manually"},"productSuggestion":{"label":"Trending products","status":false,"data":[],"backup":[],"type":"manually"}},"suggestionStyle":"style2","suggestionStyle1ProductItemType":"list","suggestionStyle1ProductPosition":"none","suggestionStyle1ProductPerRow":"1","suggestionStyle2ProductItemType":"list","suggestionStyle2ProductPosition":"right","suggestionStyle2ProductPerRow":"2","suggestionStyle3ProductItemType":"list","suggestionStyle3ProductPosition":"right","suggestionStyle3ProductPerRow":"3"},"filterSettings":{"showFilterOptionCount":true,"showRefineBy":true,"showOutOfStockOption":false,"showSingleOption":false,"keepToggleState":true,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showLoading":false,"activeScrollToTop":false,"showVariantImageBasedOnSelectedFilter":"","productAndVariantAvailable":false,"availableAfterFiltering":false,"isShortenUrlParam":false,"filterTreeMobileStyle":"style2","filterTreeVerticalStyle":"style-default","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":true,"stickyFilterOnMobile":false,"style":{"filterTitleTextColor":"#333333","filterTitleFontSize":"inherit","filterTitleFontWeight":"inherit","filterTitleFontTransform":"none","filterTitleFontFamily":"inherit","filterOptionTextColor":"#333333","filterOptionFontSize":"inherit","filterOptionFontFamily":"inherit"},"filterLayout":"vertical"},"additionalElementSettings":{"customSortingList":"relevance|best-selling|manual|title-ascending|title-descending|price-ascending|price-descending|created-ascending|created-descending","enableCollectionSearch":false},"themeSettings":{"productItems":{"general":{"borderLayout":"noBorder","subLayout":"subLayout_2_2","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","borderColor":"#CCCCCC","borderColorOnHover":"#CCCCCC"}
945,"productImg":{"elements":{"productSaleLabel":{"shape":"capsule","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#FF3300","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"capsule","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#333333","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"productCustomLabelByTag":{"shape":"capsule","color":"#FFFFFF","backgroundColor":"#00A47C","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":false},"selectOptionBtn":{"buttonType":"selectOptionBtn","action":"quickAddToCart","isEnable":false},"qvBtn":{"buttonType":"qvBtn","isEnable":false}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel","customLabelByTag"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"portrait","cropPosition":"center","hoverEffect":"reveal-second-image","showVideoGif":false},"styleSettings":{"selectOptionBtn":{"showOnHovering":true,"showOn":"desktopOnly","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https://boost-cdn-prod.bc-solutions.net/icon/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"#333333","backgroundColorOnHover":"#333333","borderColor":"#333333","borderColorOnHover":"#333333","textColor":"#FFFFFF","textColorOnHover":"#FFFFFF","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","buttonPosition":"top","fontWeight":"inherit","width":"100%"},"qvBtn":{"showOn":"desktopOnly","showOnHovering":true,"displayType":"icon","shape":"square","imgSrc":"https://boost-cdn-prod.bc-solutions.net/icon/quick-view.svg","iconPosition":"left","width":"40px","backgroundColor":"#fafafa","backgroundColorOnHover":"#fafafa","borderColor":"#333333","borderColorOnHover":"#333333","textColor":"#333333","textColorOnHover":"#333333","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit"}},"productInfo":{"textAlign":"left","elements":{"swatches.1":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"title":{"color":"#333333","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"capitalize","isEnable":true,"fontWeight":"inherit"},"vendor":{"color":"#666666","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"uppercase","isEnable":false,"fontWeight":"inherit"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"compareAtPricePosition":"right","showSavingDisplay":false,"priceColor":"#333333","priceFontSizeScale":100,"priceFontFamily":"inherit","priceFontStyle":"inherit","priceFontSize":"inherit","priceFontSizeTabletPortrait":"inherit","priceFontSizeTabletLandscape":"inherit","priceFontSizeMobile":"inherit","salePriceColor":"#FF3300","salePriceFontSizeScale":100,"salePriceFontFamily":"inherit","salePriceFontStyle":"inherit","salePriceFontSize":"inherit","salePriceFontSizeTabletPortrait":"inherit","salePriceFontSizeTabletLandscape":"inherit","salePriceFontSizeMobile":"inherit","compareAtPriceColor":"#666666","compareAtPriceFontSizeScale":100,"compareAtPriceFontFamily":"inherit","compareAtPriceFontStyle":"inherit","compareAtPriceFontSize":"inherit","compareAtPriceFontSizeTabletPortrait":"inherit","compareAtPriceFontSizeTabletLandscape":"inherit","compareAtPriceFontSizeMobile":"inherit","savingDisplayColor":"#FF3300","savingDisplayFontSizeScale":100,"savingDisplayFontFamily":"inherit","savingDisplayFontStyle":"inherit","savingDisplayFontSize":"inherit","savingDisplayFontSizeTabletPortrait":"inherit","savingDisplayFontSizeTabletLandscape":"inherit","savingDisplayFontSizeMobile":"inherit","
945isEnable":true,"priceFontWeight":"inherit","salePriceFontWeight":"inherit","compareAtPriceFontWeight":"inherit","savingDisplayFontWeight":"inherit"},"inventoryStatus":{"lowInventoryThreshold":0,"fontSizeScale":100,"textTransform":"none","inStockColor":"#00A47C","lowStockColor":"#F29100","soldOutColor":"#666666","fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","isEnable":false,"fontWeight":"inherit"},"rating":false,"swatches.2":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"swatches.3":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"wishlist":{"isEnable":false}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","productCount":{"showProductCount":false,"position":"top","color":"#333333"},"number":{"shape":"circle","color":"#333333","colorOnSelected":"#333333","backgroundColor":"#fafafa","backgroundColorOnSelected":"#fafafa","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"button":{"shape":"circle","buttonType":"icon-only","color":"#333333","backgroundColor":"#fafafa","backgroundColorOnHover":"#FFFFFF","textTransform":"none","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"}},"toolbar":{"layout":"3_1","filterText":{"color":"#222222","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"refineByText":{"color":"#222222","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"elements":{"viewAs":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#333333","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","listType":"grid/list","showListViewDefault":false,"isEnable":true,"fontWeight":"inherit"},"productCount":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#333333","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":true,"fontWeight":"inherit"},"showLimitList":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#333333","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":false,"fontWeight":"inherit"},"sorting":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#333333","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":true,"fontWeight":"inherit"}}},"collectionHeader":{"isEnable":false,"layout":2,"contentPosition":"middle-center","elements":{"breadCrumb":{"showCollectionTitle":false,"showCollectionList":false,"showPagination":false,"placement":"on-top","alignment":"middle-left","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","isEnable":false,"fontWeight":"inherit"},"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","isEnable":true},"collectionTitle":{"textAlign":"center","textTransform":"none","fontSizeScale":100,"fontSize":40,"fontSizeTabletPortrait":40,"fontSizeTabletLandscape":40,"fontSizeMobile":30,"fontFamily":"inherit","fontStyle":"inherit","collectionTitleColor":"#333333","isEnable":true,"fontWeight":"inherit"}
945,"productCount":{"fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#333333","isEnable":false,"fontWeight":"inherit"},"collectionDescription":{"fontSize":null,"fontSizeTabletPortrait":null,"fontSizeTabletLandscape":null,"fontSizeMobile":null,"isEnable":false}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","isEnableProductVendor":true,"showCurrencyCodes":false,"buttonOverall":{"shape":"round","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"buyItNowBtn":{"enable":true,"color":"#FFFFFF","hoverColor":"#FFFFFF","backgroundColor":"#333333","hoverBackgroundColor":"#333333","textTransform":"none","borderColor":"#222222","hoverBorderColor":"#222222"},"addToCartBtn":{"color":"#333333","hoverColor":"#333333","backgroundColor":"#fafafa","hoverBackgroundColor":"#fafafa","borderColor":"#333333","hoverBorderColor":"#333333","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","showCurrencyCodes":false,"enableWidgetRecommendation":false,"widgetRecommendationId":"","autoOpenAjaxCartOnAddToCart":true,"generalLayout":{"shape":"round","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"checkoutBtn":{"textTransform":"none","color":"#FFFFFF","hoverColor":"#FFFFFF","backgroundColor":"#333333","hoverBackgroundColor":"#333333","borderColor":"#333333","hoverBorderColor":"#333333"},"viewCartBtn":{"textTransform":"none","color":"#333333","hoverColor":"#333333","backgroundColor":"#fafafa","hoverBackgroundColor":"#fafafa","borderColor":"#333333","hoverBorderColor":"#222222"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":4,"productsPerRowOnMobile":2},"searchPage":{"headerBackground":"#F6F6F8","elements":{"searchHeaderText":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"placeholderSearch":{"color":"#666666","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"scopedSuggestionLabel":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"scopedSuggestionItem":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#E8E9EB","fontWeight":"inherit"},"titleTab":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCount":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"collectionAndPageTabTitle":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"collectionAndPageTabDescription":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"tipForYou":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"line":{"color":"#CCCCCC"}}},"filterTree":{"elements":{"refineBy":{"color":"#333333"},"filterTitle":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"filterOption":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"}
945,"productCount":{"color":"#666666","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"line":{"color":"#CCCCCC"},"checkbox":{"color":"#22222299"},"searchBox":{"color":"#CCCCCC"}}},"isw":{"backgroundSuggestion":"#F8F8F8","backgroundProducts":"#fafafa","hoverBackgroundSuggestion":"#E8E9EB","hoverBackgroundProducts":"#F8F8F8","elements":{"titleMultiElement":{"color":"#666666","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"results":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"didYouMean":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"didYouMeanResults":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#F6F6F7","fontWeight":"inherit"},"productTitle":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productVendor":{"color":"#666666","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productPrice":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productSalePrice":{"color":"#DD3300","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCompareAtPrice":{"color":"#666666","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productSKU":{"color":"#666666","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"viewAllBtn":{"color":"#333333","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#fafafa","hoverBackgroundColor":"#E8E9EB","fontWeight":"inherit"}}}},"currentAppIntegration":{},"themeName":"default","srcThemeNameLib":"woodstock"} 946 ;return templateSettings}function readPayload(){return {generalSettings:{page: "product",collection_id: 0,collection_handle: "",collection_product_count: 0,... 947 { 948 949 950 "product_id": 10246975684908, 951 952 },collection_tags: null,current_tags: null,default_sort_by: "",no_image_url: "https:\/\/cdn.shopify.com\/extensions\/01a0d104-3c6a-716a-abc3-e20593849d9a\/product-filter-search-226\/assets\/boost-pfs-no-image.jpg",search_term: "",template: "product",currencies: ["USD"],current_currency: "USD",published_locales: 953 {"en":true},current_locale: "en"},shop:{name: "V\u0026#39;s Barbershop",url: "https:\/\/vbarbershop.com",domain: "v-barbershop.myshopify.com",currency: "USD",money_format: "\u0026#36;{{amount}}",money_format_with_currency: "\u0026#36;{{amount}} USD"},generalSettingsMetafield: 954 955 {"enableTrackingOrderRevenue":true,"addCollectionToProductUrl":false,"ssr_version":"v1","ssr_engine":"node"} 956 ,translation: 957 958 959 960 {"refineDesktop":"Filter","refine":"Refine By","refineMobile":"Refine By","refineMobileCollapse":"Hide Filter","clear":"Clear","clearAll":"Clear All","viewMore":"View More","viewLess":"View Less","apply":"Apply","applyAll":"Apply All","close"
960:"Close","back":"Back","showLimit":"Show","collectionAll":"All","under":"Under","above":"Above","ratingStar":"Star","ratingStars":"Stars","ratingUp":"& Up","showResult":"Show result","searchOptions":"Search Options","inCollectionSearch":"Search for products in this collection","loadPreviousPage":"Load Previous Page","loadMore":"Load more {{ amountProduct }} Products","loadMoreTotal":"{{ from }} - {{ to }} of {{ total }} Products","viewAs":"View as","listView":"List view","gridView":"Grid view","gridViewColumns":"Grid view {{count}} Columns","search":{"generalTitle":"General Title (when no search term)","resultHeader":"Search results for \"{{ terms }}\"","resultNumber":"Showing {{ count }} results for \"{{ terms }}\"","seeAllProducts":"See all products","resultEmpty":"We are sorry! We couldn't find results for \"{{ terms }}\".{{ breakline }}But don't give up â check the spelling or try less specific search terms.","resultEmptyWithSuggestion":"Sorry, nothing found for \"{{ terms }}\". Check out these items instead?","searchTotalResult":"Showing {{ count }} result","searchTotalResults":"Showing {{ count }} results","searchPanelProduct":"Products","searchPanelCollection":"Collections","searchPanelPage":"Pages","searchTipsTitle":"Search tips","searchTipsContent":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature.","noSearchResultSearchTermLabel":"Check out some of these popular searches","noSearchResultProductsLabel":"Trending products","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products"},"suggestion":{"viewAll":"View all results","didYouMean":"Did you mean: {{ terms }}","searchBoxPlaceholder":"Search","suggestQuery":"Show {{ count }} results for {{ terms }}","instantSearchSuggestionsLabel":"Popular suggestions","instantSearchCollectionsLabel":"Categories","instantSearchProductsLabel":"Products","instantSearchPagesLabel":"Pages","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Check out some of these popular searches","noSearchResultProductsLabel":"Trending products"},"error":{"noFilterResult":"Sorry, no products matched your selection","noSearchResult":"Sorry, no products matched the keyword","noProducts":"No products found in this collection","noSuggestionResult":"Please hit enter to see possible results for \"{{ terms }}\".","noSuggestionProducts":"Please hit enter to see possible results for \"{{ terms }}\"."},"recommendation":{"homepage-078150":"Just dropped","homepage-301551":"Best Sellers","collectionpage-635327":"Just dropped","collectionpage-673162":"Most Popular Products","productpage-812018":"Recently viewed","productpage-745840":"Frequently Bought Together","cartpage-077680":"Still interested in this?","cartpage-601844":"Similar Products"},"productItem":{"qvBtnLabel":"Quick view","atcAvailableLabel":"Add to cart","soldoutLabel":"Sold out","productItemSale":"Sale","productItemSoldOut":"Sold out","viewProductBtnLabel":"View product","atcSelectOptionsLabel":"Select options","amount":"None","savingAmount":"Save {{saleAmount}}","swatchButtonText1":"+{{count}}","swatchButtonText2":"+{{count}}","swatchButtonText3":"+{{count}}","inventoryInStock":"In stock","inventoryLowStock":"Only {{count}} left!","inventorySoldOut":"Sold out","atcAddingToCartBtnLabel":"Adding...","atcAddedToCartBtnLabel":"Added!","atcFailedToCartBtnLabel":"Failed!"},"quickView":{"qvQuantity":"Quantity","qvViewFullDetails":"View full details","buyItNowBtnLabel":"Buy it now","qvQuantityError":"Please input quantity"},"cart":{"atcMiniCartSubtotalLabel":"Subtotal","atcMiniCartEmptyCartLabel":"Your Cart Is Currently Empty","atcMiniCartCountItemLabel":"item","atcMiniCartCountItemLabelPlural":"items","atcMiniCartShopingCartLabel":"Your cart","atcMiniCartViewCartLabel":"View cart","atcMiniCartCheckoutLabel":"Checkout"},"recentlyViewed":{"recentProductHeading":"Recently Viewed Products"},"mostPopular":{"popularProductsHeading":"Popular Products"}
960,"perpage":{"productCountPerPage":"Display: {{count}} per page"},"productCount":{"textDescriptionCollectionHeader":"{{count}} product","textDescriptionCollectionHeaderPlural":"{{count}} products","textDescriptionToolbar":"{{count}} product","textDescriptionToolbarPlural":"{{count}} products","textDescriptionPagination":"Showing {{from}} - {{to}} of {{total}} product","textDescriptionPaginationPlural":"Showing {{from}} - {{to}} of {{total}} products"},"pagination":{"loadPreviousText":"Load Previous Page","loadPreviousInfiniteText":"Load Previous Page","loadMoreText":"Load more","prevText":"Previous","nextText":"Next"},"sortingList":{"sorting":"Sort by","relevance":"Relevance","best-selling":"Best selling","manual":"Manual","title-ascending":"Title ascending","title-descending":"Title descending","price-ascending":"Price ascending","price-descending":"Price descending","created-ascending":"Created ascending","created-descending":"Created descending"},"collectionHeader":{"collectionAllProduct":"Products"},"breadcrumb":{"home":"Home","collections":"Collections","pagination":"Page {{ page }} of {{totalPages}}","toFrontPage":"Back to the front page"},"sliderProduct":{"prevButton":"Previous","nextButton":"Next"},"filterOptions":{"filterOption|C4b55kbWhU|pf_v_vendor":"Vendor","filterOption|C4b55kbWhU|pf_pt_product_type":"Product Type","filterOption|C4b55kbWhU|pf_p_price":"Price","filterOption|2-aLS607EV|pf_pt_product_type":"Product Type","filterOption|2-aLS607EV|pf_p_price":"Price","filterOption|2-aLS607EV|pf_v_brand":"Brand","filterOption|2-aLS607EV|pf_opt_scent":"Scent","filterOption|2-aLS607EV|pf_opt_size":"Size"},"predictiveBundle":{}} 961 ,integration: 962 963 null 964 ,filterSettingsMetafield: 965 966 {"showFilterOptionCount":true,"showRefineBy":true,"showOutOfStockOption":false,"showSingleOption":false,"keepToggleState":true,"showLoading":false,"activeScrollToTop":false,"productAndVariantAvailable":false,"availableAfterFiltering":false,"filterLayout":"vertical","filterTreeMobileStyle":"style2","filterTreeVerticalStyle":"style-default","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":true,"stickyFilterOnMobile":false,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showVariantImageBasedOnSelectedFilter":"","isShortenUrlParam":false,"style":{"filterTitleTextColor":"","filterTitleFontSize":"","filterTitleFontWeight":"","filterTitleFontTransform":"","filterTitleFontFamily":"","filterOptionTextColor":"","filterOptionFontSize":"","filterOptionFontFamily":"","filterMobileButtonTextColor":"","filterMobileButtonFontSize":"","filterMobileButtonFontWeight":"","filterMobileButtonFontTransform":"","filterMobileButtonFontFamily":"","filterMobileButtonBackgroundColor":""}} 967 ,additionalElementSettingsMetafield: 968 969 {"customSortingList":"relevance|best-selling|manual|title-ascending|title-descending|price-ascending|price-descending|created-ascending|created-descending"} 970 ,backInStockMetafield: 971 972 null 973 ,swatchSettings: 974 975 null 976 ,defaultSortOrder: 977 978 null 979 ,user: 980 { 981 982 },product: 983 984 {"id":10246975684908,"title":"V's SHAVING FACE⢠ESSENTIALS KIT","handle":"vs-shaving-face-essentials-kit","description":"\u003cp\u003eEverything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can b\u003cspan\u003ering the quality of a Vâs Barbershop shave into your daily routine. \u003cmeta charset=\"utf-8\"\u003eFormulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time.\u003c\/span\u003e\u003c\/p\u003e","published_at":"2026-03-05T12:50:57-07:00","created_at":"2026-03-04T13:19:40-07:00","vendor":"V's Barbershop","type":"","tags":[],"price":4300,"price_min":4300,"price_max":4300,"available":true,"price_varies":false,"compare_at_price":4800,"compare_at_price_min":4800,"compare_at_price_max":4800,"compare_at_price_varies":false,"variants":[{"id":52716699386156,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"VBS158","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"V's SHAVING FACE⢠ESSENTIALS KIT","public_title":null,"options":["Default Title"],"price":4300,"weight":757,"compare_at_price":4800,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"],"featured_image":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626","options":["Title"],"media":[{"alt":null,"id":43515900723500,"position":1,"preview_image":{"aspect_ratio":0.8,"height":1000,"width":800,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"},"aspect_ratio":0.8,"height":1000,"media_type":"image","src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626","width":800},{"alt":null,"id":43527284818220,"position":2,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898"},"aspect_ratio":1.77,"external_id":"2a8Fudd8Olg","host":"youtube","media_type":"external_video"},{"alt":null,"id":43527285047596,"position":3,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933"},"aspect_ratio":1.77,"external_id":"Vdy6MAUKFmE","host":"youtube","media_type":"external_video"},{"alt":null,"id":43527285604652,"position":4,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953"},"aspect_ratio":1.77,"external_id":"Uy5MecIj9us","host":"youtube","media_type":"external_video"}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eEverything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can b\u003cspan\u003er
984ing the quality of a Vâs Barbershop shave into your daily routine. \u003cmeta charset=\"utf-8\"\u003eFormulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time.\u003c\/span\u003e\u003c\/p\u003e"} 985 ,b2b: 986 987 null 988 ,templateId:readTemplateId(),productGridSelector: 989 990 "" 991 || "",templateMetadata:readTemplateMetadata(),templateSettings:readTemplateSettings(),template:readTemplates(),recommendationWidgets: 992 993 { 994 995 996 "home-page": {"homepage-078150":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"newest-arrivals","limit":12,"layoutDisplay":"carousel"},"widgetName":"Just dropped","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"homepage-301551":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"bestsellers","limit":12,"layoutDisplay":"carousel"},"widgetName":"Best Sellers","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}, 997 998 999 1000 "cart-page": {"cartpage-077680":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"recently-viewed","limit":12,"layoutDisplay":"carousel"},"widgetName":"Still interested in this?","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"cartpage-601844":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"related-items","limit":12,"layoutDisplay":"carousel","modelType":"Alternative","secondaryAlgorithm":"bestsellers"},"widgetName":"Similar Products","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}, 1001 1002 1003 1004 1005 1006 "product-page": {"productpage-812018":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"recently-viewed","limit":12,"layoutDisplay":"carousel"},"widgetName":"Recently viewed","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"productpage-745840":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"frequently-bought-together","limit":2,"layoutDisplay":"bundle","modelType":"FBT","secondaryAlgorithm":"bestsellers"},"widgetName":"Frequently Bought Together","widgetStatus":"draft","widgetDesignSettings":{"bundleStyle":"style1","layoutDisplay":"bundle","numberOfRecommendProduct":2,"templateType":"customization","themePreview":"","titleAlignment":"left","titleFont":"Poppins","titleFontSize":14,"titleFontStyle":"100","titleTextColor":"#3D4246","titleTextTransform":"capitalize"}}}, 1007 1008 1009
1010 "collection-page": {"collectionpage-635327":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"newest-arrivals","limit":12,"layoutDisplay":"carousel"},"widgetName":"Just dropped","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"collectionpage-673162":{"params":{"shop":"v-barbershop.myshopify.com","recommendationType":"trending-products","limit":12,"layoutDisplay":"carousel","calculatedBasedOn":"purchase-events","rangeOfTime":"7-day"},"widgetName":"Most Popular Products","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"v-barbershop.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}, 1011 1012 1013 1014 "defaultSettings": null, 1015 1016 1017 1018 1019 1020 1021 } || {},recommendationPlaceholder: 1022 1023 1024 "\u003c!-- TEMPLATE RECOMMENDATION PLACEHOLDER--\u003e\u003cdiv class=\"boost-sd__rc-pl\"\u003e\u003cdiv class=\"boost-sd__rc-title-pl\"\u003e \u003cspan class=\"boost-sd__rc-pl-item\" style=\"width: 150px; height: 30px;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__rc-product-list-pl\"\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"boost-sd__rc-info-pl\"\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__rc-pl-item\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cstyle\u003e .boost-sd__rc-pl { width: 100%; min-height: 600px; } .boost-sd__rc-pl-item { display: block; width: 100%; height: 20px; background: rgba(0, 0, 0, 0.07); margin-bottom: 16px; animation: 2s infinite place-holder-animation; } .boost-sd__rc-title-pl { width: 100%; display: flex; padding: 0 0 30px; } .boost-sd__rc-product-list-pl { display: flex; width: 100%; padding: 0; gap: 32px; position: relative; margin-bottom: 20px; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(3), .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(4) { display: none; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item { display: block; flex-wrap: wrap; width: calc(50% - 8px); height: 218px; } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(2) { width: 80% } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(3) { width: 50% } @media only screen and (min-width: 768px) { .boost-sd__rc-pl-item { margin-bottom: 8px; } .boost-sd__rc-title-pl { padding-bottom: 60px; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(3), .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(4) { display: block; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item { height: 382px; width: calc(25% - 8px); } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:first-child { width: 50% } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(2) { width: 40% } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(3) { width: 30% } } @keyframes place-holder-animation { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } }\u003c\/style\u003e" 1025 ,simplifiedIntegrationPlaceholder: 1026 1027 1028 "\u003c!-- TEMPLATE PLACEHOLDER --\u003e\u003c!-- This is global variable filter settings layout --\u003e\u003cdiv class='boost-sd-container'\u003e\u003cdiv class='boost-sd-layout boost-sd-layout--has-filter-vertical'\u003e \u003cdiv class='boost-sd-left boost-filter-tree-column'\u003e \u003c!-- TEMPLATE FILTER TREE PLACEHOLDER --\u003e \u003cdiv id=\"boost-sd__filter-tree-wrapper\" class=\"boost-sd__filter-tree-wrapper\"\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical \"\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder\"\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__filter-tree-vertical-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:65%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width:40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class='boost-sd-right boost-product-listing-column'\u003e \u003c!-- TEMPLATE TOOLBAR PLACEHOLDER--\u003e \u003cdiv class=\"boost-sd__toolbar-container\"\u003e \u003cdiv class=\"boost-sd__toolbar-inner\"\u003e \u003cdiv class=\"boost-sd__toolbar-content\"\u003e \u003cdiv class=\"boost-sd__toolbar boost-sd__toolbar--3_1\"\u003e \u003cspan class=\"boost-sd__toolbar-item boost-sd__placeholder-item\" style=\"height: 28px; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__toolbar-item boost-sd__placeholder-item\" style=\"height: 28px; border-radius: 0; margin-bottom: 0\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__toolbar-item boost-sd__placeholder-item\" style=\"height: 28px; border-radius: 0; margin-bottom: 0\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- TEMPLATE PRODUCT LIST PLACEHOLDER--\u003e \u003cdiv class=\"boost-sd__product-list-placeholder boost-sd__product-list-placeholder--4-col\"\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=
1028\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__product-list-placeholder-item\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 100%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 80%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"width: 40%; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"boost-sd__pagination boost-sd__pagination--center\"\u003e \u003cspan class=\"boost-sd__placeholder-item\" style=\"height: 40px; border-radius: 0;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cstyle\u003e .boost-sd__collection-header { width: 100%; height: 130px; display: block; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #e6e6e6), color-stop(33%, #eee)); background-color: #eee; animation: banner-place-holder-shimmer 2s linear infinite forwards; } .boost-sd__collection-header:empty { display: block; } .boost-sd__collection-header .boost-sd__placeholder-item { height: 130px; } @media only screen and (min-width: 992px) { .boost-sd__collection-header, .boost-sd__collection-header .boost-sd__placeholder-item { height: 150px; } } @keyframes banner-place-holder-shimmer { 0% { background-position: -1500px 0; } 100% { background-position: 1500px 0; } } .boost-sd__in-collection-search { margin-bottom: 20px; margin-top: 20px; width: 100%; max-width: 100%; display: flex; position: relative; } .boost-sd__in-collection-search--horizontal { margin: 20px auto 0; max-width: 592px; } @media only screen and (min-width: 992px) { .boost-sd__in-collection-search { margin-bottom: 16px; margin-top: 16px; } } .boost-sd__filter-tree-vertical { margin-top: 0; margin-right: 0; } .boost-sd__filter-tree-vertical-placeholder { background: transparent; width: 100%; max-width: 100%; display: none; } .boost-sd__filter-tree-vertical-placeholder-list { margin: 30px 10px 0; padding: 0; list-style: none; } .boost-sd__filter-tree-vertical-placeholder-item { max-width: 100%; padding: 20px 0; display: block; } .boost-sd__filter-tree-vertical-placeholder-item:first-child { padding-top: 0; } .boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) { border-bottom: 1px solid #ebebeb; } .boost-sd__filter-tree-vertical-placeholder-item::before, .boost-sd__filter-tree-vertical-placeholder-item::after, { display: none; } .boost-sd__filter-tree-horizontal-placeholder { display: none; } @media only screen and (min-width: 992px) { .boost-sd__filter-tree-vertical { width: 272px; } .boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical { margin-right: 16px; margin-left: 0; } .boost-sd__filter-tree-vertical-placeholder, .boost-sd__filter-tree-horizontal-placeholder { display: inline-block; } .boost-sd-layout--has-filter-horizontal { flex-wrap: wrap; margin-top: 0; } .boost-sd-layout--has-filter-horizontal .boost-sd-left, .boost-sd-layout--has-filter-horizontal .boost-sd-right { flex: 0 0 100%; } .boost-sd__filter-tree-horizontal { width: 100%; } .boost-sd__filter-tree-horizontal-placeholder { padding: 16px 0; border-top: 1px solid #ebebeb; width: 100%; max-width: 100%; background: transparent; } .boost-sd__filter-tree-horizontal-placeholder-list { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e8e9eb; } .boost-sd__filter-tree-horizontal-placeholder-item { border: none; display: inline-block; margin-right: 35px; position: relative; } .boost-sd__filter-tree-horizontal-placeholder-button { width: auto; height: auto; display: inline-block; position: relative; padding: 5px 15px 5px 0; margin: 0; min-height: auto; min-width: 0; border-radius: 0; box-shadow: none; background: none; border: none; letter-spacing: normal; text-align: left; cursor: pointer; } .boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item { width: 80px; height: 10px; display: inline-block; margin: 0 15px 0 0; } .boost-sd__filter-tree-horizontal-placeholder-icon { transform: rotate(-90deg); } } .boost-sd__in-collection-search { margin-bottom: 20px; margin-top: 20px; width: 100%; max-width: 100%; display: flex; position: relative; } .boost-sd__in-collection-search--horizontal { margin: 20px auto 0; max-width: 592px; } @media only screen and (min-width: 992px) { .boost-sd__in-collection-search { margin-bottom: 16px; margin-top: 16px; } } .boost-sd__toolbar-container { width: 100%; margin-bottom: 16px; } .boost-sd__toolbar-inner { max-width: 1216px; margin: 0 auto; } .boost-sd__toolbar-content { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 16px 0; }
1028 .boost-sd__toolbar { align-items: center; width: 100%; display: flex; flex-wrap: wrap; column-gap: 16px; justify-content: space-between; } .boost-sd__toolbar .boost-sd__placeholder-item { flex-basis: 45%; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child { flex-basis: 100%; margin-bottom: 16px; } @media only screen and (min-width: 992px) { .boost-sd__toolbar-content { display: flex; align-items: center; border-bottom: none; padding: 16px 0 16px; border-top: 1px solid #ebebeb; border-bottom: 0; } .boost-sd__toolbar { flex-wrap: inherit; } .boost-sd__toolbar .boost-sd__placeholder-item { flex-basis: auto; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child { flex-basis: auto; margin-bottom: 0; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item { flex: 1; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) { justify-content: center; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) { justify-content: end; } } .boost-sd__product-list-placeholder { gap: 16px; margin-bottom: 32px; flex-wrap: wrap; width: 100%; display: flex; } .boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item { width: 100%; } .boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(50% - 8px); } .boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 222px; } .boost-sd__placeholder-list-item { background: rgba(0, 0, 0, 0.07); min-width: 50px; height: 20px; animation: 2s infinite place-holder-animation; display: inline-block; } .boost-sd__product-list-placeholder--list-view .boost-sd__product-list-placeholder-item { flex-direction: row; display: flex; width: 100%; } .boost-sd__sd__placeholder-list-view-layout-info-group { width: 100%; padding-left: 16px; display: flex; flex-direction: column; align-items: baseline; gap: 16px; text-align: left; justify-content: center; } .boost-sd__placeholder-list-view-layout-image { flex: 160px; width: auto; max-width: 160px; height: 160px; } .boost-sd__pagination { padding-top: 10px; padding-bottom: 10px; justify-content: center; align-items: center; display: flex; } @media only screen and (min-width: 576px) { .boost-sd__product-list-placeholder { gap: 32px; margin-bottom: 64px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(33.3333333333% - (32px - 32px \/ 3)); } } @media only screen and (min-width: 992px) { .boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) { margin-bottom: 8px; } .boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child { margin-bottom: 16px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 382px; } .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 275px; } .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 215px; } .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 175px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item { width: calc(33.3333333333% - (32px - 32px \/ 3)); } .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item { width: calc(25% - (32px - 32px \/ 4)); } .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item { width: calc(20% - (32px - 32px \/ 5)); } .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(16.6666667% - (32px - 32px \/ 6)); } } .boost-sd-container * { box-sizing: border-box; } .boost-sd__placeholder-item { background: rgba(0, 0, 0, 0.07); border-radius: 50rem; min-width: 50px; max-width: 100%; height: 20px; animation: 2s infinite place-holder-animation; display: inline-block; } .boost-sd__placeholder-item:empty { display: block; } .boost-sd__placeholder-item:not(:last-child) { margin-bottom: 18px; } .boost-sd-layout { margin: 20px auto 0; } .boost-sd-left { position: relative; } .boost-sd-layout .boost-sd-right { width: 100%; margin-bottom: 20px; } @keyframes place-holder-animation { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @media only screen and (min-width: 992px) { .boost-sd-layout { display: flex; max-width: 1216px; } .boost-sd-layout .boost-sd-right { flex: auto; max-width: 100%; } }\u003c\/style\u003e" 1029 ,allSyncedCollections: 1030 1031 null 1032 ,isOnboarding: 1033 1034 false 1035 };}window.__BOOST_TAE_LIQUID__=readPayload();})();</script>
1035<script type="text/javascript" src="https://cdn.shopify.com/extensions/01a0d104-3c6a-716a-abc3-e20593849d9a/product-filter-search-226/assets/boost-tae-runtime.js"></script>
1035<!-- END app block --><!-- BEGIN app block: shopify://apps/eg-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 --> 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048
1048<script 1049 async 1050 type="text/javascript" 1051 src="https://cdn.506.io/eg/script.js?shop=v-barbershop.myshopify.com&v=12" 1052 ></script>
1052 1053 1054 1055 1056 1057 <meta id="easygift-shop" itemid="c2hvcF8kXzE3OTAzNjAyMzU=" content="{"isInstalled":true,"installedOn":"2022-11-24T17:13:18.972Z","appVersion":"3.0","subscriptionName":"Unlimited","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"fontFamily":null,"imageUrl":null,"closingMode":"doNotAutoClose","cssStyles":"","displayAfter":5,"headerText":"","primaryColor":"#000000","reshowBannerAfter":"everyNewSession","selfcloseAfter":5,"showImage":false,"subHeaderText":""},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"fontFamily":null,"cssStyles":null,"primaryColor":"#000000"},"themePresetId":null,"notificationStyle":{"position":{"horizontal":null,"vertical":null},"primaryColor":null,"backgroundColor":"#FFFFFF","borderRadius":null,"duration":null,"cssStyles":null,"headerFontSize":null,"subHeaderFontSize":null,"padding":null,"fontFamily":null,"hasCustomizations":false},"fetchCartData":false,"useLocalStorage":{"expiryMinutes":null,"enabled":false},"popupStyle":{"primaryColor":null,"secondaryColor":null,"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"bodyColor":null,"bodyFontSize":null,"cssStyles":null,"addButtonText":null,"dismissButtonText":null,"outOfStockButtonText":null,"imageUrl":null,"closeModalOutsideClick":true,"priceShowZeroDecimals":true,"headerFontFamily":null,"bodyFontFamily":null,"hasCustomizations":false,"showProductLink":false,"subscriptionLabel":"Subscription Plan"},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"customRedirectFromCart":null,"scriptSettings":{"branding":{"show":false,"removalRequestSent":null},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false},"customCSS":null,"delayUpdates":2000,"decodePayload":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"fetchProductInfoFromSavedDomain":false,"enableBuyNowInterceptions":false,"removeProductsAddedFromExpiredRules":false,"useFinalPrice":false,"useFinalPriceGetEntireCart":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false,"disableRedirectAfterFormSubmit":false},"promoCodeMessageStyle":{"message":"Free gift added!"},"accessToEnterprise":false},"translations":null,"defaultLocale":"en","shopDomain":"vbarbershop.com"}"> 1058 1059
1060<script defer> 1061 (async function() { 1062 try { 1063 1064 const blockVersion = "v3" 1065 if (blockVersion != "v3") { 1066 return 1067 } 1068 1069 let metaErrorFlag = false; 1070 if (metaErrorFlag) { 1071 return 1072 } 1073 1074 // Parse metafields as JSON 1075 const metafields = {}; 1076 1077 // Process metafields in JavaScript 1078 let savedRulesArray = []; 1079 for (const [key, value] of Object.entries(metafields)) { 1080 if (value) { 1081 for (const prop in value) { 1082 // avoiding Object.Keys for performance gain -- no need to make an array of keys. 1083 savedRulesArray.push(value); 1084 break; 1085 } 1086 } 1087 } 1088 1089 const metaTag = document.createElement('meta'); 1090 metaTag.id = 'easygift-rules'; 1091 metaTag.content = JSON.stringify(savedRulesArray); 1092 metaTag.setAttribute('itemid', 'cnVsZXNfJF8xNzkwMzYwMjM1'); 1093 1094 document.head.appendChild(metaTag); 1095 } catch (err) { 1096 1097 } 1098 })(); 1099</script>
1099 1100 1101 1102
1102<script 1103 type="text/javascript" 1104 defer 1105 > 1106 1107 (function () { 1108 try { 1109 window.EG_INFO = window.EG_INFO || {}; 1110 var shopInfo = {"isInstalled":true,"installedOn":"2022-11-24T17:13:18.972Z","appVersion":"3.0","subscriptionName":"Unlimited","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"fontFamily":null,"imageUrl":null,"closingMode":"doNotAutoClose","cssStyles":"","displayAfter":5,"headerText":"","primaryColor":"#000000","reshowBannerAfter":"everyNewSession","selfcloseAfter":5,"showImage":false,"subHeaderText":""},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"fontFamily":null,"cssStyles":null,"primaryColor":"#000000"},"themePresetId":null,"notificationStyle":{"position":{"horizontal":null,"vertical":null},"primaryColor":null,"backgroundColor":"#FFFFFF","borderRadius":null,"duration":null,"cssStyles":null,"headerFontSize":null,"subHeaderFontSize":null,"padding":null,"fontFamily":null,"hasCustomizations":false},"fetchCartData":false,"useLocalStorage":{"expiryMinutes":null,"enabled":false},"popupStyle":{"primaryColor":null,"secondaryColor":null,"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"bodyColor":null,"bodyFontSize":null,"cssStyles":null,"addButtonText":null,"dismissButtonText":null,"outOfStockButtonText":null,"imageUrl":null,"closeModalOutsideClick":true,"priceShowZeroDecimals":true,"headerFontFamily":null,"bodyFontFamily":null,"hasCustomizations":false,"showProductLink":false,"subscriptionLabel":"Subscription Plan"},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"customRedirectFromCart":null,"scriptSettings":{"branding":{"show":false,"removalRequestSent":null},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false},"customCSS":null,"delayUpdates":2000,"decodePayload":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"fetchProductInfoFromSavedDomain":false,"enableBuyNowInterceptions":false,"removeProductsAddedFromExpiredRules":false,"useFinalPrice":false,"useFinalPriceGetEntireCart":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false,"disableRedirectAfterFormSubmit":false},"promoCodeMessageStyle":{"message":"Free gift added!"},"accessToEnterprise":false},"translations":null,"defaultLocale":"en","shopDomain":"vbarbershop.com"}; 1111 var productRedirectionEnabled = shopInfo.settings.scriptSettings.productPageRedirection.enabled; 1112 if (["Unlimited", "Enterprise"].includes(shopInfo.subscriptionName) && productRedirectionEnabled) { 1113 var products = shopInfo.settings.scriptSettings.productPageRedirection.products; 1114 if (products.length > 0) { 1115 var productIds = products.map(function(prod) { 1116 var productGid = prod.id; 1117 var productIdNumber = parseInt(productGid.split('/').pop()); 1118 return productIdNumber; 1119 }); 1120 var productInfo = {"id":10246975684908,"title":"V's SHAVING FACE⢠ESSENTIALS KIT","handle":"vs-shaving-face-essentials-kit","description":"\u003cp\u003eEverything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can b\u003cspan\u003ering the quality of a Vâs Barbershop shave into your daily routine. \u003cmeta charset=\"utf-8\"\u003eFormulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time.\u003c\/span\u003e\u003c\/p\u003e","published_at":"2026-03-05T12:50:57-07:00","created_at":"2026-03-04T13:19:40-07:00","vendor":"V's Barbershop","type":"","tags":[],"price":4300,"price_min":4300,"price_max":4300,"available":true,"price_varies":false,"compare_at_price":4800,"compare_at_price_min":4800,"compare_at_price_max":4800,"compare_at_price_varies":false,"variants":[{"id":52716699386156,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"VBS158","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"V's SHAVING FACE⢠ESSENTIALS KIT","public_title":null,"options":["Default Title"],"price":4300,"weight":757,"compare_at_price":4800,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"],"featured_image":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626","options":["Title"],"media":[{"alt":null,"id":43515900723500,"position":1,"preview_image":{"aspect_ratio":0.8,"height":1000,"width":800,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"},"aspect_ratio":0.8,"height":1000,"media_type":"image","src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626","width":800},{"alt":null,"id":43527284818220,"position":2,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898"},"aspect_ratio":1.77,"external_id":"2a8Fudd8Olg","host":"youtube","media_type":"external_video"},{"alt":null,"id":43527285047596,"position":3,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933"},"aspect_ratio":1.77,"external_id":"Vdy6MAUKFmE","host":"youtube","media_type":"external_video"},{"alt":null,"id":43527285604652,"position":4,"preview_image":{"aspect_ratio":1.333,"height":360,"width":480,"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/preview_images\/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953"},"aspect_ratio":1.77,"external_id":"Uy5MecIj9us","host":"youtube","media_type":"external_video"}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eEverything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can b\u003cspan\u003er
1120ing the quality of a Vâs Barbershop shave into your daily routine. \u003cmeta charset=\"utf-8\"\u003eFormulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time.\u003c\/span\u003e\u003c\/p\u003e"}; 1121 var isProductInList = productIds.includes(productInfo.id); 1122 if (isProductInList) { 1123 var redirectionURL = shopInfo.settings.scriptSettings.productPageRedirection.redirectionURL; 1124 if (redirectionURL) { 1125 window.location = redirectionURL; 1126 } 1127 } 1128 } 1129 } 1130 1131 1132 1133 var rawPriceString = "43.00"; 1134 1135 rawPriceString = rawPriceString.trim(); 1136 1137 var normalisedPrice; 1138 1139 function processNumberString(str) { 1140 // Helper to find the rightmost index of '.', ',' or "'" 1141 const lastDot = str.lastIndexOf('.'); 1142 const lastComma = str.lastIndexOf(','); 1143 const lastApostrophe = str.lastIndexOf("'"); 1144 const lastIndex = Math.max(lastDot, lastComma, lastApostrophe); 1145 1146 // If no punctuation, remove any stray spaces and return 1147 if (lastIndex === -1) { 1148 return str.replace(/[.,'\s]/g, ''); 1149 } 1150 1151 // Extract parts 1152 const before = str.slice(0, lastIndex).replace(/[.,'\s]/g, ''); 1153 const after = str.slice(lastIndex + 1).replace(/[.,'\s]/g, ''); 1154 1155 // If the after part is 1 or 2 digits, treat as decimal 1156 if (after.length > 0 && after.length <= 2) { 1157 return `${before}.${after}`; 1158 } 1159 1160 // Otherwise treat as integer with thousands separator removed 1161 return before + after; 1162 } 1163 1164 normalisedPrice = processNumberString(rawPriceString) 1165 1166 window.EG_INFO["52716699386156"] = { 1167 "price": `${normalisedPrice}`, 1168 "presentmentPrices": { 1169 "edges": [ 1170 { 1171 "node": { 1172 "price": { 1173 "amount": `${normalisedPrice}`, 1174 "currencyCode": "USD" 1175 } 1176 } 1177 } 1178 ] 1179 }, 1180 "sellingPlanGroups": { 1181 "edges": [ 1182 1183 ] 1184 }, 1185 "product": { 1186 "id": "gid://shopify/Product/10246975684908", 1187 "tags": [], 1188 "collections": { 1189 "pageInfo": { 1190 "hasNextPage": false 1191 }, 1192 "edges": [ 1193 1194 { 1195 "node": { 1196 "id": "gid://shopify/Collection/470022258988" 1197 } 1198 }, 1199 1200 { 1201 "node": { 1202 "id": "gid://shopify/Collection/470022684972" 1203 } 1204 }, 1205 1206 { 1207 "node": { 1208 "id": "gid://shopify/Collection/429437387052" 1209 } 1210 }, 1211 1212 { 1213 "node": { 1214 "id": "gid://shopify/Collection/473492980012" 1215 } 1216 }, 1217 1218 { 1219 "node": { 1220 "id": "gid://shopify/Collection/473495699756" 1221 } 1222 }, 1223 1224 { 1225 "node": { 1226 "id": "gid://shopify/Collection/487367246124" 1227 } 1228 }, 1229 1230 { 1231 "node": { 1232 "id": "gid://shopify/Collection/470022127916" 1233 } 1234 }, 1235 1236 { 1237 "node": { 1238 "id": "gid://shopify/Collection/473493078316" 1239 } 1240 }, 1241 1242 { 1243 "node": { 1244 "id": "gid://shopify/Collection/470022783276" 1245 } 1246 }, 1247 1248 { 1249 "node": { 1250 "id": "gid://shopify/Collection/470022979884" 1251 } 1252 }, 1253 1254 { 1255 "node": { 1256 "id": "gid://shopify/Collection/486022218028" 1257 } 1258 }, 1259 1260 { 1261 "node": { 1262 "id": "gid://shopify/Collection/470021833004" 1263 } 1264 }, 1265 1266 { 1267 "node": { 1268 "id": "gid://shopify/Collection/470021800236" 1269 } 1270 }, 1271 1272 { 1273 "node": { 1274 "id": "gid://shopify/Collection/470022455596" 1275 } 1276 }, 1277 1278 { 1279 "node": { 1280 "id": "gid://shopify/Collection/473497043244" 1281 } 1282 } 1283 1284 ] 1285 } 1286 }, 1287 "id": "52716699386156", 1288 "timestamp": 1790360235 1289 }; 1290 1291 } catch(err) { 1292 return 1293 }}
1293)() 1294 </script>
1294 1295 1296 1297 1298<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311
1311<script async src="https://static.klaviyo.com/onsite/js/VenFnW/klaviyo.js?company_id=VenFnW"></script>
1311 1312
1312<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1312 1313 1314 1315
1315<script id="viewed_product"> 1316 if (item == null) { 1317 var _learnq = _learnq || []; 1318 1319 var MetafieldReviews = null 1320 var MetafieldYotpoRating = null 1321 var MetafieldYotpoCount = null 1322 var MetafieldLooxRating = null 1323 var MetafieldLooxCount = null 1324 var okendoProduct = null 1325 var okendoProductReviewCount = null 1326 var okendoProductReviewAverageValue = null 1327 try { 1328 // The following fields are used for Customer Hub recently viewed in order to add reviews. 1329 // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items 1330 MetafieldReviews = {}; 1331 MetafieldYotpoRating = null 1332 MetafieldYotpoCount = null 1333 MetafieldLooxRating = null 1334 MetafieldLooxCount = null 1335 1336 okendoProduct = null 1337 // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data 1338 if (okendoProduct && 'error' in okendoProduct) { 1339 okendoProduct = null 1340 } 1341 okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null 1342 okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null 1343 } catch (error) { 1344 console.error('Error in Klaviyo onsite reviews tracking:', error); 1345 } 1346 1347 var item = { 1348 Name: "V's SHAVING FACE⢠ESSENTIALS KIT", 1349 ProductID: 10246975684908, 1350 Categories: ["AFTERSHAVES","AFTERSHAVES \u0026 TONICS","All Products","BODY","BRANDS","BUNDLES","CREAMS \u0026 OILS","FACE","FRAGRANCE","GIFT SETS","GROOMING PRODUCTS","PRE-SHAVES","SHAVING","SKINCARE","V's BARBERSHOP"], 1351 ImageURL: "https://vbarbershop.com/cdn/shop/files/ShavingFaceKit_grande.jpg?v=1773177626", 1352 URL: "https://vbarbershop.com/products/vs-shaving-face-essentials-kit", 1353 Brand: "V's Barbershop", 1354 Price: "$43.00", 1355 Value: "43.00", 1356 CompareAtPrice: "$48.00" 1357 }; 1358 _learnq.push(['track', 'Viewed Product', item]); 1359 _learnq.push(['trackViewedItem', { 1360 Title: item.Name, 1361 ItemId: item.ProductID, 1362 Categories: item.Categories, 1363 ImageUrl: item.ImageURL, 1364 Url: item.URL, 1365 Metadata: { 1366 Brand: item.Brand, 1367 Price: item.Price, 1368 Value: item.Value, 1369 CompareAtPrice: item.CompareAtPrice 1370 }, 1371 metafields:{ 1372 reviews: MetafieldReviews, 1373 yotpo:{ 1374 rating: MetafieldYotpoRating, 1375 count: MetafieldYotpoCount, 1376 }, 1377 loox:{ 1378 rating: MetafieldLooxRating, 1379 count: MetafieldLooxCount, 1380 }, 1381 okendo: { 1382 rating: okendoProductReviewAverageValue, 1383 count: okendoProductReviewCount, 1384 } 1385 } 1386 }]); 1387 } 1388 </script>
1388 1389 1390 1391 1392 1393 1394
1394<script> 1395 window.klaviyoReviewsProductDesignMode = false 1396 </script>
1396 1397 1398 1399 1400 <!-- BEGIN app snippet: customer-hub-data -->
1400<script> 1401 if (!window.customerHub) { 1402 window.customerHub = {}; 1403 } 1404 window.customerHub.storefrontRoutes = { 1405 login: "/account/login?return_url=%2F%23k-hub", 1406 register: "/account/register?return_url=%2F%23k-hub", 1407 logout: "/account/logout", 1408 profile: "/account", 1409 addresses: "/account/addresses", 1410 }; 1411 1412 window.customerHub.userId = null; 1413 1414 window.customerHub.storeDomain = "v-barbershop.myshopify.com"; 1415 1416 1417 window.customerHub.activeProduct = { 1418 name: "V's SHAVING FACE⢠ESSENTIALS KIT", 1419 category: null, 1420 imageUrl: "https://vbarbershop.com/cdn/shop/files/ShavingFaceKit_grande.jpg?v=1773177626", 1421 id: "10246975684908", 1422 link: "https://vbarbershop.com/products/vs-shaving-face-essentials-kit", 1423 options: [ 1424 1425 { 1426 name: "Title", 1427 values: [ 1428 1429 1430 1431 { 1432 name: "Default Title", 1433 colorHex: null, 1434 swatchImageUrl: null 1435 } 1436 1437 ] 1438 } 1439 1440 ], 1441 variants: [ 1442 1443 { 1444 id: "52716699386156", 1445 selectedOptions: [ 1446 1447 1448 { 1449 name: "Title", 1450 value: "Default Title" 1451 } 1452 1453 ], 1454 1455 imageUrl: null, 1456 1457 price: "4300", 1458 currency: "USD", 1459 availableForSale: true, 1460 title: "Default Title", 1461 }, 1462 1463 ], 1464 };
1465 window.customerHub.activeProduct.variants.forEach((variant) => { 1466 1467 variant.price = `${variant.price.slice(0, -2)}.${variant.price.slice(-2)}`; 1468 }); 1469 1470 1471 1472 window.customerHub.storeLocale = { 1473 currentLanguage: 'en', 1474 currentCountry: 'US', 1475 availableLanguages: [ 1476 1477 { 1478 iso_code: 'en', 1479 endonym_name: 'English' 1480 } 1481 1482 ], 1483 availableCountries: [ 1484 1485 { 1486 iso_code: 'US', 1487 name: 'United States', 1488 currency_code: 'USD' 1489 } 1490 1491 ] 1492 }; 1493 1494</script>
1494 1495<!-- END app snippet --> 1496 1497 1498 1499 1500 1501 1502 1503<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 1504 1505 1506 1507 1508 1509 1510 1511<link rel="dns-prefetch" href="https://cdn.judge.me"> 1512<link rel="dns-prefetch" href="https://cdn1.judge.me"> 1513<link rel="dns-prefetch" href="https://api.judge.me"> 1514
1515<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","hide_badge_preview_if_no_reviews":true,"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
1515ou! 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.","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","enable_ai_review_visibility":true,"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_product_variant_reference_text":"Review for","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_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","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":"branded","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":"branded","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":false,"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":false,"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":true,"disable_json_ld":false,"enable_json_ld_products":true,"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","widget_sorting_most_relevant_text":"Most Relevant","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":true,"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_advanced_speed_features":5,"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":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1515itle":"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":"#333333","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":"horizontal","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_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#333333","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,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#333333","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#333333","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","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.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","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_
1515youtube_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 }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","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":true,"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_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this 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":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"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":false,"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_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":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_card_section_size":"small","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"
1515:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","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_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":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":"standard_text","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_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","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_widget_thumb":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","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/vbarbershop.com","branding_text":"Powered by Judge.me","locale":"en","reply_name":"V's Barbershop","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1515shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"V's Barbershop"};</script>
1515 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #333;--jdgm-secondary-color: rgba(51,51,51,0.1);--jdgm-star-color: #333;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #333333;--jdgm-paginate-color: #333;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #333333}.jdgm-histogram__bar-content{background-color:#333}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#333}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.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__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-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.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_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #333;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#333}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'V's Barbershop'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 1516</style> <style class='jdgm-settings-style'></style> 1517 1518 1519 1520 1521 <style class='jdgm-miracle-styles'> 1522 @-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
1522/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/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} 1523 1524</style> 1525 1526 1527 1528 1529 1530 1531 1532 1533
1534<script data-cfasync='false' class='jdgm-script'> 1535!function(e){window.jdgm=window.jdgm||{}; 1536/* INF-1976 */ 1537var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}(); 1538if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;} 1539jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 1540jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 1541setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 1542!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 1543(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 1544a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 1545jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 1546t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 1547t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 1548".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 1549parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 1550jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 1551)}))}(document); 1552</script>
1552 1553<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/shopify_v2.css"></noscript> 1554 1555<!-- BEGIN app snippet: theme_fix_tags -->
1555<script> 1556 (function() { 1557 var jdgmThemeFixes = null; 1558 if (!jdgmThemeFixes) return; 1559 1560 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 1561 // before the per-theme fix so the theme-specific CSS wins the cascade. 1562 // HTML is never applied globally (too risky). 1563 var allThemesFix = jdgmThemeFixes['all']; 1564 if (allThemesFix && allThemesFix.css) { 1565 var allStyleTag = document.createElement('style'); 1566 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 1567 allStyleTag.innerHTML = allThemesFix.css; 1568 document.head.append(allStyleTag); 1569 }; 1570 1571 if (allThemesFix && allThemesFix.js) { 1572 var allScriptTag = document.createElement('script'); 1573 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 1574 allScriptTag.innerHTML = allThemesFix.js; 1575 document.head.append(allScriptTag); 1576 }; 1577 1578 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 1579 if (!thisThemeFix) return; 1580 1581 if (thisThemeFix.html) { 1582 document.addEventListener("DOMContentLoaded", function() { 1583 var htmlDiv = document.createElement('div'); 1584 htmlDiv.classList.add('jdgm-theme-fix-html'); 1585 htmlDiv.innerHTML = thisThemeFix.html; 1586 document.body.append(htmlDiv); 1587 }); 1588 }; 1589 1590 if (thisThemeFix.css) { 1591 var styleTag = document.createElement('style'); 1592 styleTag.classList.add('jdgm-theme-fix-style'); 1593 styleTag.innerHTML = thisThemeFix.css; 1594 document.head.append(styleTag); 1595 }; 1596 1597 if (thisThemeFix.js) { 1598 var scriptTag = document.createElement('script'); 1599 scriptTag.classList.add('jdgm-theme-fix-script'); 1600 scriptTag.innerHTML = thisThemeFix.js; 1601 document.head.append(scriptTag); 1602 }; 1603 })(); 1604</script>
1604 1605<!-- END app snippet --> 1606<!-- End of Judge.me Core --> 1607 1608 1609 1610<!-- END app block -->
1610<script src="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1610
1610
1611<script src="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/consentmo_ada.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1611
1611
1612<script src="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/consentmo_cookie_consent.js" type="text/javascript" defer="defer"></script>
1612 1613<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1614<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: 55475798113,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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 1614
1614
1615<script> 1616 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1617</script>
vendor: 1 bytes, line 1617
1617
1618<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}
1618).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: 55475798113,storefrontBaseUrl: "https://vbarbershop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://vbarbershop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1771962668","configuration":"{\"accountID\":\"VenFnW\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"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"]}
1618,{"id":"1423409452","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"]},"dataSharingState":"unrestricted"},{"id":"1180172588","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\",\\\"GT-NB9B435C\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/f-6lCPy7hr8aEN_1wLk_\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/1M9rCPa7hr8aEN_1wLk_\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-4C1823XFDT\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/FhWMCPO7hr8aEN_1wLk_\\\",\\\"MC-HF37J841D5\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-4C1823XFDT\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/OucjCJ22hr8aEN_1wLk_\\\",\\\"MC-HF37J841D5\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/xNGNCKC2hr8aEN_1wLk_\\\",\\\"MC-HF37J841D5\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-4C1823XFDT\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/0ND6CP-7hr8aEN_1wLk_\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-4C1823XFDT\\\",\\\"AW-17032035039\\\/kBBmCPm7hr8aEN_1wLk_\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-4C1823XFDT\\\"}],\\\"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":"664011052","configuration":"{\"pixelCode\":\"CC7SG9JC77U8IVDL19JG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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"},{"id":"242942252","configuration":"{\"pixel_id\":\"392891276313730\",\"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":"150798636","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GTM NEW"},{"id":"186810668","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Retention"},{"id":"190153004","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"9","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Tealium"},{"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":"V's Barbershop","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"v-barbershop.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/vbarbershop.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":43.0,"currencyCode":"USD"},"product":{"title":"V's SHAVING FACE⢠ESSENTIALS KIT","vendor":"V's Barbershop","id":"10246975684908","untranslatedTitle":"V's SHAVING FACE⢠ESSENTIALS KIT","url":"\/products\/vs-shaving-face-essentials-kit","type":""},"id":"52716699386156","image":{"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"},"sku":"VBS158","title":"Default Title","untranslatedTitle":"Default Title"}
1618],"products":[{"id":"10246975684908","handle":"vs-shaving-face-essentials-kit","isCollective":null,"title":"V's SHAVING FACE⢠ESSENTIALS KIT","type":null,"untranslatedTitle":"V's SHAVING FACE⢠ESSENTIALS KIT","url":"\/products\/vs-shaving-face-essentials-kit","vendor":"V's Barbershop","remoteShopId":null,"variants":[{"id":"52716699386156","image":{"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626"},"price":{"amount":43.0,"currencyCode":"USD"},"sku":"VBS158","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"6754488287329","handle":"vs-authentic-barbershop-tonic-12oz-bottle","isCollective":null,"title":"V's AUTHENTIC BARBERSHOP TONIC","type":null,"untranslatedTitle":"V's AUTHENTIC BARBERSHOP TONIC","url":"\/products\/vs-authentic-barbershop-tonic-12oz-bottle","vendor":"V's Barbershop","remoteShopId":null,"variants":[{"id":"39874793144417","image":{"src":"\/\/vbarbershop.com\/cdn\/shop\/products\/V_s-Tonic-Front.jpg?v=1681152969"},"price":{"amount":18.0,"currencyCode":"USD"},"sku":"VBS070","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"6806036021345","handle":"layrite-natural-matte-cream","isCollective":null,"title":"LAYRITE NATURAL MATTE CREAM","type":null,"untranslatedTitle":"LAYRITE NATURAL MATTE CREAM","url":"\/products\/layrite-natural-matte-cream","vendor":"Layrite","remoteShopId":null,"variants":[{"id":"40084323074145","image":{"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/Layrite_Natural_Matte.jpg?v=1769633987"},"price":{"amount":24.5,"currencyCode":"USD"},"sku":"LR002","title":"4.25 OZ","untranslatedTitle":"4.25 OZ"}]},{"id":"10017881391404","handle":"wahl-micro-power-shaver","isCollective":null,"title":"WAHL MICRO POWER SHAVER","type":null,"untranslatedTitle":"WAHL MICRO POWER SHAVER","url":"\/products\/wahl-micro-power-shaver","vendor":"Wahl","remoteShopId":null,"variants":[{"id":"51262123802924","image":{"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/WahlMicroPowerShaver.jpg?v=1750437922"},"price":{"amount":59.99,"currencyCode":"USD"},"sku":"WA024","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"9745598611756","handle":"vs-barbershop-collegiate-v-t-shirt-ice-gray","isCollective":null,"title":"V's BARBERSHOP COLLEGIATE V T-SHIRT - ICE GRAY","type":null,"untranslatedTitle":"V's BARBERSHOP COLLEGIATE V T-SHIRT - ICE GRAY","url":"\/products\/vs-barbershop-collegiate-v-t-shirt-ice-gray","vendor":"V's Barbershop","remoteShopId":null,"variants":[{"id":"50267555954988","image":{"src":"\/\/vbarbershop.com\/cdn\/shop\/files\/CollegiateVTeeIceGrayFront.jpg?v=1733340588"},"price":{"amount":33.0,"currencyCode":"USD"},"sku":"VBA035-S","title":"Small","untranslatedTitle":"Small"}]}],"purchasingCompany":null},},"https://vbarbershop.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"184942002476","themePublished":"true","eventMetadataId":"fda95d46-3b69-4325-a9e1-aa53b72fc971","pageType":"product","resourceId":"10246975684908","shopId":"55475798113","storefrontBaseUrl":"https:\/\/vbarbershop.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\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":43.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"V's SHAVING FACE⢠ESSENTIALS KIT\",\"vendor\":\"V's Barbershop\",\"id\":\"10246975684908\",\"untranslatedTitle\":\"V's SHAVING FACE⢠ESSENTIALS KIT\",\"url\":\"\/products\/vs-shaving-face-essentials-kit\",\"type\":\"\"},\"id\":\"52716699386156\",\"image\":{\"src\":\"\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626\"},\"sku\":\"VBS158\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
1618<script> 1619 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1620 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1621 window.ShopifyAnalytics.meta.currency = 'USD'; 1622 var meta = {"product":{"id":10246975684908,"gid":"gid:\/\/shopify\/Product\/10246975684908","vendor":"V's Barbershop","type":"","handle":"vs-shaving-face-essentials-kit","variants":[{"id":52716699386156,"price":4300,"name":"V's SHAVING FACE⢠ESSENTIALS KIT","public_title":null,"sku":"VBS158"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":10246975684908,"requestId":"e787cdd9-427c-4445-bffb-0ebccd811c49-1790360235"}}; 1623 for (var attr in meta) { 1624 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1625 } 1626</script>
vendor: 1 bytes, line 1626
1626
1627<script class="analytics"> 1628 (function () { 1629 var customDocumentWrite = function(content) { 1630 var jquery = null; 1631 1632 if (window.jQuery) { 1633 jquery = window.jQuery; 1634 } else if (window.Checkout && window.Checkout.$) { 1635 jquery = window.Checkout.$; 1636 } 1637 1638 if (jquery) { 1639 jquery('body').append(content); 1640 } 1641 }; 1642 1643 var hasLoggedConversion = function(token) { 1644 if (token) { 1645 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1646 } 1647 return false; 1648 } 1649 1650 var setCookieIfConversion = function(token) { 1651 if (token) { 1652 var twoMonthsFromNow = new Date(Date.now()); 1653 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1654 1655 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1656 } 1657 } 1658 1659 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1660 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1661 if (trekkie.integrations) { 1662 return; 1663 } 1664 trekkie.methods = [ 1665 'identify', 1666 'page', 1667 'ready', 1668 'track', 1669 'trackForm', 1670 'trackLink' 1671 ]; 1672 trekkie.factory = function(method) { 1673 return function() { 1674 var args = Array.prototype.slice.call(arguments); 1675 args.unshift(method); 1676 trekkie.push(args); 1677 if (method == 'track' || method == 'page') { 1678 var pageUrl; 1679 try { 1680 pageUrl = window.location.href; 1681 } catch (e) {} 1682 var pageReferrer; 1683 try { 1684 pageReferrer = document.referrer; 1685 } catch (e) {} 1686 try { 1687 if (window.__TREKKIE_SHIM_QUEUE == null) { 1688 window.__TREKKIE_SHIM_QUEUE = []; 1689 } 1690 window.__TREKKIE_SHIM_QUEUE.push({ 1691 from: 'trekkie-stub', 1692 method: method, 1693 args: args.slice(1), 1694 pageContext: { 1695 url: pageUrl, 1696 referrer: pageReferrer 1697 } 1698 }); 1699 } catch (e) { 1700 // no-op 1701 } 1702 } 1703 return trekkie; 1704 }; 1705 }; 1706 for (var i = 0; i < trekkie.methods.length; i++) { 1707 var key = trekkie.methods[i]; 1708 trekkie[key] = trekkie.factory(key); 1709 } 1710 trekkie.load = function(config) { 1711 trekkie.config = config || {}; 1712 trekkie.config.initialDocumentCookie = document.cookie; 1713 var first = document.getElementsByTagName('script')[0]; 1714var script = document.createElement('script'); 1715script.type = 'text/javascript'; 1716script.onerror = function(e) { 1717 var scriptFallback = document.createElement('script'); 1718 scriptFallback.type = 'text/javascript'; 1719 scriptFallback.onerror = function(error) { 1720 var Monorail = { 1721 produce: function produce(monorailDomain, schemaId, payload) { 1722 var currentMs = new Date().getTime(); 1723 var event = { 1724 schema_id: schemaId, 1725 payload: payload, 1726 metadata: { 1727 event_created_at_ms: currentMs, 1728 event_sent_at_ms: currentMs 1729 } 1730 }; 1731 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1732 }, 1733 sendRequest: function sendRequest(endpointUrl, payload) { 1734 // Try the sendBeacon API 1735 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1736 var blobData = new window.Blob([payload], { 1737 type: 'text/plain' 1738 }); 1739 1740 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1741 return true; 1742 } // sendBeacon was not successful 1743 1744 } // XHR beacon 1745 1746 var xhr = new XMLHttpRequest(); 1747 1748 try { 1749 xhr.open('POST', endpointUrl); 1750 xhr.setRequestHeader('Content-Type', 'text/plain'); 1751 xhr.send(payload); 1752 } catch (e) { 1753 console.log(e); 1754 } 1755 1756 return false; 1757 }, 1758 isIos12: function isIos12() { 1759 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1760 } 1761 }; 1762 Monorail.produce('monorail-edge.shopifysvc.com', 1763 'trekkie_storefront_load_errors/1.1', 1764 {shop_id: 55475798113, 1765 theme_id: 184942002476, 1766 app_name: "storefront", 1767 context_url: window.location.href, 1768 source_url: "//vbarbershop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1769 1770 }; 1771 scriptFallback.async = true; 1772 scriptFallback.src = '//vbarbershop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1773 first.parentNode.insertBefore(scriptFallback, first); 1774}; 1775script.async = true; 1776script.src = '//vbarbershop.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1777first.parentNode.insertBefore(script, first); 1778 1779 }; 1780 trekkie.load( 1781 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":55475798113,"isMerchantRequest":null,"themeId":184942002476,"themeCityHash":"9361207698556462114","contentLanguage":"en","currency":"USD","eventMetadataId":"fda95d46-3b69-4325-a9e1-aa53b72fc971"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1782 ); 1783 1784 var loaded = false;
1785 trekkie.ready(function() { 1786 if (loaded) return; 1787 loaded = true; 1788 1789 window.ShopifyAnalytics.lib = window.trekkie; 1790 1791 var originalDocumentWrite = document.write; 1792 document.write = customDocumentWrite; 1793 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1794 document.write = originalDocumentWrite; 1795 1796 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1797 var token = match? match[1]: undefined; 1798 if (!hasLoggedConversion(token)) { 1799 setCookieIfConversion(token); 1800 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":52716699386156,"productId":10246975684908,"productGid":"gid:\/\/shopify\/Product\/10246975684908","name":"V's SHAVING FACE⢠ESSENTIALS KIT","price":"43.00","sku":"VBS158","brand":"V's Barbershop","variant":null,"category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 1801 } 1802 }); 1803 1804 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":10246975684908,"requestId":"e787cdd9-427c-4445-bffb-0ebccd811c49-1790360235","shopifyEmitted":true}); 1805 1806 var eventsListenerScript = document.createElement('script'); 1807 eventsListenerScript.async = true; 1808 eventsListenerScript.src = "//vbarbershop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1809 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1810})();</script>
vendor: 1 bytes, line 1810
1810
1811<script 1812 defer 1813 src="https://vbarbershop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1814 data-application="storefront-renderer" 1815 data-shop-id="55475798113" 1816 data-render-region="gcp-us-central1" 1817 data-page-type="product" 1818 data-theme-instance-id="184942002476" 1819 data-theme-name="Woodstock" 1820 data-theme-version="3.1.0" 1821 data-monorail-region="shop_domain" 1822 data-resource-timing-sampling-rate="10" 1823 data-shs="true" 1824 data-shs-beacon="true" 1825 data-shs-export-with-fetch="true" 1826 data-shs-logs-sample-rate="1" 1827 data-shs-beacon-endpoint="https://vbarbershop.com/api/collect" 1828></script>
1828 1829<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1821917835000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1790362035000"><meta name="new-cookie-storage-activated" content="t"> 1830</head> 1831 1832 1833 <body class="gradient has-appear-effect"> 1834 1835 1836 1837 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 1837-1838
1837 1838 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1838GTM-T5R8X34
vendor: 91 bytes, lines 1838-1840
1838" 1839 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1840
1840<!-- End Google Tag Manager (noscript) --> 1841 1842 <a class="skip-to-content-link skip-to-content-link--all button visually-hidden" href="#MainContent" data-no-instant> 1843 <span>Skip to content</span> 1844 </a><svg xmlns="http://www.w3.org/2000/svg" class="hidden"> 1845 <symbol id="icon-search" viewbox="0 0 24 24" fill="none"> 1846 <path d="M22 22L15.656 15.656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1847 <path d="M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1848 </symbol> 1849 1850 <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> 1851 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 1852 </symbol> 1853 1854 <symbol id="icon-star"> 1855 <path d="M6.5 0L8.3544 3.7568L12.5 4.3592L9.5 7.2832L10.208 11.4128L6.5 9.4632L2.792 11.4128L3.5 7.2832L0.5 4.3592L4.6456 3.7568L6.5 0Z" fill="currentColor"/> 1856 </symbol> 1857 1858 <symbol id="icon-eye"> 1859 <path d="M2 9C2 9 5 4.5 9.5 4.5C14 4.5 17 9 17 9C17 9 14 13.5 9.5 13.5C5 13.5 2 9 2 9Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1860 <path d="M9.5 10.5C11.1569 10.5 12.5 9.15685 12.5 7.5C12.5 5.84315 11.1569 4.5 9.5 4.5C7.84315 4.5 6.5 5.84315 6.5 7.5C6.5 9.15685 7.84315 10.5 9.5 10.5Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1861 </symbol> 1862</svg><!-- BEGIN sections: header-group --> 1863<div id="shopify-section-sections--26520541266220__header" class="shopify-section shopify-section-group-header-group section-header"> 1864<!-- Tealium / AdTaxi integration script from Consentmo GDPR Compliance App -->
1865<script id="consentmo-tealium-adtaxi-integration-script"> 1866 let isTealiumAdTaxiExecuted = false; 1867 function executeTealiumAdTaxi() { 1868 if (!isTealiumAdTaxiExecuted) { 1869 // The content of Tealium / AdTaxi script goes here 1870 var tealiumScript = document.createElement('script'); 1871 tealiumScript.type = 'text/javascript'; 1872 tealiumScript.async = true; 1873 tealiumScript.src = 'https://tags.tiqcdn.com/utag/adtaxi/vbarbershop.com/prod/utag.js'; 1874 var firstScript = document.getElementsByTagName('script')[0]; 1875 firstScript.parentNode.insertBefore(tealiumScript, firstScript); 1876 isTealiumAdTaxiExecuted = true; 1877 } 1878 } 1879 document.addEventListener('consentmoSignal', function(eventData) { 1880 let data = eventData.detail.preferences; 1881 if (data.analytics || data.marketing) { 1882 executeTealiumAdTaxi(); 1883 } 1884 }); 1885</script>
1885 1886<!-- End Adtaxi script from Consentmo --> 1887<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-search.css?v=131819334157748362831785190588" media="print" onload="this.media='all'"> 1888<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-mega-menu.css?v=1383300071490072921785190580" media="print" onload="this.media='all'"> 1889 1890<noscript><link href="//vbarbershop.com/cdn/shop/t/124/assets/component-mega-menu.css?v=1383300071490072921785190580" rel="stylesheet" type="text/css" media="all" /></noscript> 1891<noscript><link href="//vbarbershop.com/cdn/shop/t/124/assets/component-search.css?v=131819334157748362831785190588" rel="stylesheet" type="text/css" media="all" /></noscript><style> 1892 .header-top { 1893 --disclosure-direction: 0.5rem; 1894 border-bottom: 1px solid rgb(var(--color-foreground), 0.05); 1895 } 1896 1897 .menu-drawer-container { 1898 display: flex; 1899 } 1900 1901 .header__heading-logo { 1902 max-width: min(100%, 90px); 1903 } 1904 1905 .header__icons { 1906 column-gap: 1rem; 1907 } 1908 1909 .list-menu { 1910 list-style: none; 1911 padding: 0; 1912 margin: 0; 1913 } 1914 1915 .list-menu--inline { 1916 display: inline-flex; 1917 flex-wrap: wrap; 1918 column-gap: 0.5rem; 1919 } 1920 1921 summary.list-menu__item { 1922 padding-inline-end: 2.7rem; 1923 } 1924 1925 .list-menu__item:not(.header__menu-item--top) { 1926 line-height: calc(1 + 0.3 / var(--font-body-scale)); 1927 } 1928 1929 .list-menu__item--link { 1930 text-decoration: none; 1931 padding-bottom: 1rem; 1932 padding-top: 1rem; 1933 line-height: calc(1 + 0.8 / var(--font-body-scale)); 1934 } 1935 1936 .predictive-search-loading-icon { 1937 display: none; 1938 } 1939 1940 .header__toggle-nav-button { 1941 width: 0rem; 1942 padding: 0; 1943 background: none; 1944 border: none; 1945 } 1946 1947 1948 1949 @media screen and (min-width: 750px) { 1950 .list-menu__item--link { 1951 padding-bottom: 0.6rem; 1952 padding-top: 0.6rem; 1953 } 1954 }@media screen and (min-width: 990px) { 1955 .header__heading-logo { 1956 max-width: min(100%, 100px); 1957 } 1958 }@media screen and (min-width: 1200px) { 1959 .list-menu--inline { 1960 column-gap: 1rem; 1961 } 1962 } 1963</style> 1964<style>@media screen and (max-width: 989px) { 1965 .header__heading-link {text-align: center;}} 1966 .header { 1967 --header-template-areas: 'left-icon heading icons';--header-template-columns: 1fr auto 1fr;}@media screen and (min-width: 990px) { 1968 .header {--header-template-areas: 'heading icons icons' 'navigation navigation navigation'; 1969 --header-template-columns: repeat(3, auto); 1970 padding-top: 1.5rem;}.header__inner { 1971 row-gap: 1.5rem; 1972 } 1973 .header__heading { 1974 z-index: 3; 1975 } 1976 .header__icons { 1977 grid-column: 2/4; 1978 width: 100%; 1979 justify-content: flex-end; 1980 } 1981 .header__search { 1982 flex-grow: 1; 1983 } 1984 .search--header { 1985 justify-content: flex-end; 1986 } 1987 .search__input--header { 1988 1989 width: min(50rem, 100%); 1990 1991 }.header__menu-labels ul { 1992 column-gap: 2.5rem; 1993 }} 1994</style>
1994<script src="//vbarbershop.com/cdn/shop/t/124/assets/details-disclosure.js?v=17506770513992211911785190600" defer="defer"></script>
vendor: 1 bytes, line 1994
1994
1995<script src="//vbarbershop.com/cdn/shop/t/124/assets/details-modal.js?v=141430337600116437951785190600" defer="defer"></script>
1995<script src="//vbarbershop.com/cdn/shop/t/124/assets/sticky-header.js?v=171312928031008106291785190632" defer="defer"></script>
1995<sticky-header 1996 class="header-wrapper por db color-background-1 gradient header-wrapper--border-bottom toggle-nav" 1997 1998 data-sticky-type="on_scroll_up" 1999><div class="header-top color-background-2 isolate gradient small-hide medium-hide"> 2000 <div class="page-width"> 2001 <div class="header-top__content flex flex-wrap w100 justify-space-between align-center"><div class="header__store-information small-hide medium-hide"><ul class="header__store-information__list list-unstyled flex"><li><a role="link" aria-label="FREE SHIPPING ON ALL ORDERS OVER $50" class="rq-header-info-without-link header__store-information__item header__store-information__item--link flex align-center link-effect-no-underline color-foreground header__icon__text"> 2002 <style> 2003 .rq-header-info-without-link { 2004 cursor: auto !important; 2005 } 2006 .rq-header-info-without-link:before { 2007 content: unset !important; 2008 } 2009 </style> 2010 2011 <div class="rq-image-icons"> 2012 <img src="//vbarbershop.com/cdn/shop/files/FreeShipping2.png?v=1708706601" alt="Shipping box"> 2013 </div> 2014 <span>FREE SHIPPING ON ALL ORDERS OVER $50</span> 2015 </a></li></ul></div><div class="header__localization align-center isolate flex justify-right flex-grow-1"><div class="header__store-information small-hide medium-hide"> 2016 2017 <ul class="uaf-announcement-bar-menu" style="display: flex; list-style-type: none;"> 2018 2019 <li><a class="header__store-information__item header__store-information__item--link flex align-center link-effect-no-underline color-foreground header__icon__text" href="/pages/faqs">HELP</a></li> 2020 2021 <li><a class="header__store-information__item header__store-information__item--link flex align-center link-effect-no-underline color-foreground header__icon__text" href="/pages/contact">CONTACT</a></li> 2022 2023 <li><a class="header__store-information__item header__store-information__item--link flex align-center link-effect-no-underline color-foreground header__icon__text" href="/pages/franchise-home">FRANCHISE</a></li> 2024 2025 <li><a class="header__store-information__item header__store-information__item--link flex align-center link-effect-no-underline color-foreground header__icon__text" href="https://account.vbarbershop.com">WHOLESALE</a></li> 2026 2027 </ul> 2028 2029 </div> 2030 2031</div></div> 2032 </div> 2033 </div><header class="header header--top-left w100 header--has-menu header--mobile-center"> 2034 <div class="header__inner page-width"><div class="header__left-icons flex justify-left large-up-hide"> 2035 <header-drawer 2036 data-breakpoint="tablet" 2037 class="header__drawer-mobile align-self-center" 2038 id="header-drawer-menu-mobile" 2039 > 2040 <details id="Details-menu-drawer-container" class="menu-drawer-container"> 2041 <summary 2042 class="header__icon header__icon--menu header__icon--summary link header__button-icon flex justify-center align-center" 2043 aria-label="Menu" 2044 > 2045 <span class="por"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger icon-open-state"> 2046 <line x1="5" y1="7" x2="19" y2="7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 2047 <line x1="5" y1="12" x2="19" y2="12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 2048 <line x1="5" y1="17" x2="19" y2="17" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 2049</svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close icon-close-state" width="24" height="24" viewBox="0 0 22 22" fill="none"> 2050 <path d="M5.5 16.5L16.5 5.5M5.5 5.5L16.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2051</svg></span> 2052 </summary> 2053 <div id="menu-drawer" class="gradient menu-drawer menu-drawer--left motion-reduce" tabindex="-1"> 2054 <div class="menu-drawer__inner-container por h100"> 2055 <div class="menu-drawer__navigation-container h100 overflow-hidden"><div class="menu-drawer__block menu-drawer__background"><details-accordion id="header-region-mobile"> 2056 <details> 2057 <summary class="rq-mob-main header__customer-support-region__button header__customer-support-region__button--mobile flex align-center por no-control-menu"> 2058
2059 <span class="header__customer-support-region__global-info"><span class="font-body-bold">LOCATIONS & RESERVATIONS</span> 2060 </span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 2061 <path d="M14.25 6.75L9 12L3.75 6.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2062</svg></summary> 2063 <div class="rq-mobile header__customer-support-region__list flex flex-column"><div class="header__customer-support-region__region flex flex-column"> 2064 2065 <a href="/pages/store-locator" class=" rq-bg-color"> 2066 <span class="header__customer-support-region__name"> 2067 2068 <div class="rq-icons-customer-support-desktop"> 2069 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933" alt="Gold and black circular location pin icon"> 2070 </div> 2071 2072 FIND A LOCATION 2073 </span> 2074 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 2075 <span class="header__customer-support-region__address light"></span> 2076 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 2077 </a> 2078 </div><hr class="margin0"><div class="header__customer-support-region__region flex flex-column"> 2079 2080 <a class=" rq-click-on-book-app rq-bg-color"> 2081 <span class="header__customer-support-region__name"> 2082 2083 <div class="rq-icons-customer-support-desktop"> 2084 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933" alt="Gold and black circular barber pole icon"> 2085 </div> 2086 2087 BOOK A RESERVATION 2088 </span> 2089 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 2090 <span class="header__customer-support-region__address light"></span> 2091 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 2092 </a> 2093 </div><hr class="margin0"><div class="header__customer-support-region__region flex flex-column"> 2094 2095 <a href="https://qrco.de/bbcemi" class=" rq-bg-color"> 2096 <span class="header__customer-support-region__name"> 2097 2098 <div class="rq-icons-customer-support-desktop"> 2099 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933" alt="Gold and black circular icon of a hand holding a smartphone displaying the v's barbershop logo"> 2100 </div> 2101 2102 DOWNLOAD OUR APP 2103 </span> 2104 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 2105 <span class="header__customer-support-region__address light"></span> 2106 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 2107 </a> 2108 </div><hr class="margin0"><div class="header__customer-support-region__region flex flex-column"> 2109 2110 <a class=" rq-click-on-gift-app rq-bg-color">
2111 <span class="header__customer-support-region__name"> 2112 2113 <div class="rq-icons-customer-support-desktop"> 2114 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933" alt="Gold and black circular icon of a v's barbershop gift card with sparkle accents"> 2115 </div> 2116 2117 BUY A GIFT CARD 2118 </span> 2119 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 2120 <span class="header__customer-support-region__address light"></span> 2121 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 2122 </a> 2123 </div></div> 2124 </details> 2125 </details-accordion></div><nav class="menu-drawer__navigation menu-drawer__block"> 2126 <ul class="menu-drawer__menu has-submenu list-menu menu-drawer__background" role="list"><li><details id="Details-menu-drawer-menu-item-1"> 2127 <summary 2128 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 first w100" 2129 2130 >HAIR 2131<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2132 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2133</svg> </summary><div 2134 id="link-hair" 2135 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2136 tabindex="-1" 2137 > 2138 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2139 <button class="menu-drawer__close-button link link--text" aria-expanded="true"><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>HAIR 2140 </button> 2141 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2142 <a 2143 href="/collections/hair" 2144 class="menu-drawer__menu-item link link--text list-menu__item w100" 2145 2146 2147 > 2148 Go to HAIR 2149 </a> 2150 </li><li><details id="Details-menu-drawer-submenu-1"> 2151 <summary class="menu-drawer__menu-item link link--text list-menu__item w100"> 2152 Shop By Type 2153 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2154 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2155</svg> 2156</summary> 2157 <div 2158 id="childlink-shop-by-type" 2159 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2160 > 2161 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2162 <button 2163 class="menu-drawer__close-button link link--text" 2164 aria-expanded="true" 2165 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shop By Type 2166 </button> 2167 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2168 <a 2169 href="#" 2170 class="menu-drawer__menu-item link link--text list-menu__item w100" 2171 2172 > 2173 Go to Shop By Type 2174 </a> 2175 </li><li> 2176 <a 2177 href="/collections/shampoos" 2178 class="menu-drawer__menu-item link link--text list-menu__item w100" 2179 2180 > 2181 Shampoos 2182</a> 2183 </li><li> 2184 <a 2185 href="/collections/conditioners" 2186 class="menu-drawer__menu-item link link--text list-menu__item w100" 2187 2188 > 2189 Conditioners 2190</a> 2191 </li><li> 2192 <a 2193 href="/collections/pomades" 2194 class="menu-drawer__menu-item link link--text list-menu__item w100" 2195 2196 > 2197 Pomades 2198</a> 2199 </li><li> 2200 <a 2201 href="/collections/fibers-pastes" 2202 class="menu-drawer__menu-item link link--text list-menu__item w100" 2203 2204 > 2205 Fibers & Pastes 2206</a> 2207 </li><li> 2208 <a 2209 href="/collections/clays" 2210 class="menu-drawer__menu-item link link--text list-menu__item w100" 2211 2212 > 2213 Clays 2214</a> 2215 </li><li> 2216 <a 2217 href="/collections/creams" 2218 class="menu-drawer__menu-item link link--text list-menu__item w100" 2219 2220 > 2221 Creams 2222</a> 2223 </li><li> 2224 <a 2225 href="/collections/gels" 2226 class="menu-drawer__menu-item link link--text list-menu__item w100" 2227 2228 > 2229 Gels 2230</a> 2231 </li><li> 2232 <a 2233 href="/collections/sprays" 2234 class="menu-drawer__menu-item link link--text list-menu__item w100" 2235 2236 > 2237 Sprays 2238</a> 2239 </li><li> 2240 <a 2241 href="/collections/foams-mousses" 2242 class="menu-drawer__menu-item link link--text list-menu__item w100" 2243 2244 > 2245 Foams & Mousses 2246</a> 2247 </li><li> 2248 <a 2249 href="/collections/hair-powders" 2250 class="menu-drawer__menu-item link link--text list-menu__item w100" 2251 2252 > 2253 Hair Powders 2254</a> 2255 </li><li> 2256 <a 2257 href="/collections/hair-tonics" 2258 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2259 2260 > 2261 Hair Tonics 2262</a> 2263 </li></ul> 2264 </div> 2265 </div> 2266 </details></li><li>
2266<details id="Details-menu-drawer-submenu-2"> 2267 <summary class="menu-drawer__menu-item link link--text list-menu__item last w100"> 2268 Shop By Concern 2269 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2270 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2271</svg> 2272</summary> 2273 <div 2274 id="childlink-shop-by-concern" 2275 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2276 > 2277 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2278 <button 2279 class="menu-drawer__close-button link link--text" 2280 aria-expanded="true" 2281 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shop By Concern 2282 </button> 2283 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2284 <a 2285 href="#" 2286 class="menu-drawer__menu-item link link--text list-menu__item w100" 2287 2288 > 2289 Go to Shop By Concern 2290 </a> 2291 </li><li> 2292 <a 2293 href="/collections/hair-loss-thinning" 2294 class="menu-drawer__menu-item link link--text list-menu__item w100" 2295 2296 > 2297 Hair Loss & Thinning 2298</a> 2299 </li><li> 2300 <a 2301 href="/collections/curls-textures" 2302 class="menu-drawer__menu-item link link--text list-menu__item w100" 2303 2304 > 2305 Curls & Textures 2306</a> 2307 </li><li> 2308 <a 2309 href="/collections/dandruff-dry-scalp" 2310 class="menu-drawer__menu-item link link--text list-menu__item w100" 2311 2312 > 2313 Dandruff & Dry Scalp 2314</a> 2315 </li><li> 2316 <a 2317 href="/collections/damaged-hair" 2318 class="menu-drawer__menu-item link link--text list-menu__item w100" 2319 2320 > 2321 Damaged Hair 2322</a> 2323 </li><li> 2324 <a 2325 href="/collections/volumizing" 2326 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2327 2328 > 2329 Volumizing 2330</a> 2331 </li></ul> 2332 </div> 2333 </div> 2334 </details></li><li><div class="mega-menu__column__item menu-drawer__menu-item"> 2335 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2336 <div class="card card--media"> 2337 <div class="card__inner"> 2338 <div class="card__media"> 2339 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2340 2341<img src="//vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=1000" alt="Hair creams" srcset="//vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=165 165w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=360 360w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=533 533w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=720 720w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2342 2343 </div> 2344 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2345 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">FOR PUCKS SAKE, FIX YOUR HAIR</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2346 <a href="/collections/pucks" class="full-unstyled-link"> 2347 2348 </a> 2349 </div></div> 2350 </div></div></div> 2351 </div> 2352</div><div class="mega-menu__column__item menu-drawer__menu-item"> 2353 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2354 <div class="card card--media"> 2355 <div class="card__inner"> 2356 <div class="card__media"> 2357 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2358 2359<img src="//vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=1000" alt="Hairloss" srcset="//vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=165 165w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=360 360w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=533 533w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=720 720w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2360 2361 </div> 2362 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2363 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">THINNING HAIR? WE GOT YOU!</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2364 <a href="/collections/hair-loss-thinning" class="full-unstyled-link"> 2365 2366 </a> 2367 </div></div> 2368 </div></div></div> 2369 </div> 2370</div></li></ul> 2371 </div> 2372 </div> 2373 </details></li><li>
2373<details id="Details-menu-drawer-menu-item-2"> 2374 <summary 2375 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 w100" 2376 2377 >FACE 2378<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2379 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2380</svg> </summary><div 2381 id="link-face" 2382 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2383 tabindex="-1" 2384 > 2385 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2386 <button class="menu-drawer__close-button link link--text" aria-expanded="true"><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>FACE 2387 </button> 2388 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2389 <a 2390 href="/collections/face" 2391 class="menu-drawer__menu-item link link--text list-menu__item w100" 2392 2393 2394 > 2395 Go to FACE 2396 </a> 2397 </li><li><details id="Details-menu-drawer-submenu-1"> 2398 <summary class="menu-drawer__menu-item link link--text list-menu__item w100"> 2399 Shaving 2400 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2401 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2402</svg> 2403</summary> 2404 <div 2405 id="childlink-shaving" 2406 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2407 > 2408 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2409 <button 2410 class="menu-drawer__close-button link link--text" 2411 aria-expanded="true" 2412 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shaving 2413 </button> 2414 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2415 <a 2416 href="/collections/shaving-1" 2417 class="menu-drawer__menu-item link link--text list-menu__item w100" 2418 2419 > 2420 Go to Shaving 2421 </a> 2422 </li><li> 2423 <a 2424 href="/collections/pre-shaves"
2425 class="menu-drawer__menu-item link link--text list-menu__item w100" 2426 2427 > 2428 Pre-Shaves 2429</a> 2430 </li><li> 2431 <a 2432 href="/collections/creams-oils" 2433 class="menu-drawer__menu-item link link--text list-menu__item w100" 2434 2435 > 2436 Creams & Oils 2437</a> 2438 </li><li> 2439 <a 2440 href="/collections/aftershaves" 2441 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2442 2443 > 2444 Aftershaves 2445</a> 2446 </li></ul> 2447 </div> 2448 </div> 2449 </details></li><li><details id="Details-menu-drawer-submenu-2"> 2450 <summary class="menu-drawer__menu-item link link--text list-menu__item w100"> 2451 Beard 2452 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2453 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2454</svg> 2455</summary> 2456 <div 2457 id="childlink-beard" 2458 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2459 > 2460 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2461 <button 2462 class="menu-drawer__close-button link link--text" 2463 aria-expanded="true" 2464 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Beard 2465 </button> 2466 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2467 <a 2468 href="/collections/beard" 2469 class="menu-drawer__menu-item link link--text list-menu__item w100" 2470 2471 > 2472 Go to Beard 2473 </a> 2474 </li><li> 2475 <a 2476 href="/collections/beard-washes" 2477 class="menu-drawer__menu-item link link--text list-menu__item w100" 2478 2479 > 2480 Beard Washes 2481</a> 2482 </li><li> 2483 <a 2484 href="/collections/beard-conditioners" 2485 class="menu-drawer__menu-item link link--text list-menu__item w100" 2486 2487 > 2488 Beard Conditioners 2489</a> 2490 </li><li> 2491 <a 2492 href="/collections/balms-waxes" 2493 class="menu-drawer__menu-item link link--text list-menu__item w100" 2494 2495 > 2496 Balms & Waxes 2497</a> 2498 </li><li> 2499 <a 2500 href="/collections/moustache" 2501 class="menu-drawer__menu-item link link--text list-menu__item w100" 2502 2503 > 2504 Moustache 2505</a> 2506 </li><li> 2507 <a 2508 href="/collections/oils-serums" 2509 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2510 2511 > 2512 Oils & Serums 2513</a> 2514 </li></ul> 2515 </div> 2516 </div> 2517 </details></li><li>
2517<details id="Details-menu-drawer-submenu-3"> 2518 <summary class="menu-drawer__menu-item link link--text list-menu__item last w100"> 2519 Skincare 2520 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2521 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2522</svg> 2523</summary> 2524 <div 2525 id="childlink-skincare" 2526 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2527 > 2528 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2529 <button 2530 class="menu-drawer__close-button link link--text" 2531 aria-expanded="true" 2532 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Skincare 2533 </button> 2534 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2535 <a 2536 href="/collections/skincare" 2537 class="menu-drawer__menu-item link link--text list-menu__item w100" 2538 2539 > 2540 Go to Skincare 2541 </a> 2542 </li><li> 2543 <a 2544 href="/collections/cleansers" 2545 class="menu-drawer__menu-item link link--text list-menu__item w100" 2546 2547 > 2548 Cleansers 2549</a> 2550 </li><li> 2551 <a 2552 href="/collections/moisturizers" 2553 class="menu-drawer__menu-item link link--text list-menu__item w100" 2554 2555 > 2556 Moisturizers 2557</a> 2558 </li><li> 2559 <a 2560 href="/collections/exfoliators" 2561 class="menu-drawer__menu-item link link--text list-menu__item w100" 2562 2563 > 2564 Exfoliators 2565</a> 2566 </li><li> 2567 <a 2568 href="/collections/eye-creams-masks" 2569 class="menu-drawer__menu-item link link--text list-menu__item w100" 2570 2571 > 2572 Eye Creams & Masks 2573</a> 2574 </li><li> 2575 <a 2576 href="/collections/aftershaves-tonics" 2577 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2578 2579 > 2580 Aftershaves & Tonics 2581</a> 2582 </li></ul> 2583 </div> 2584 </div> 2585 </details></li><li><div class="mega-menu__column__item menu-drawer__menu-item"> 2586 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2587 <div class="card card--media"> 2588 <div class="card__inner"> 2589 <div class="card__media"> 2590 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2591 2592<img src="//vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=1000" alt="Sfk" srcset="//vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=165 165w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=360 360w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=533 533w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=720 720w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2593 2594 </div> 2595 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2596 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">GET THE PERFECT SHAVE AT HOME</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2597 <a href="https://vbarbershop.com/products/vs-shaving-face-essentials-kit" class="full-unstyled-link"> 2598 2599 </a> 2600 </div></div> 2601 </div></div></div> 2602 </div> 2603</div></li></ul> 2604 </div> 2605 </div> 2606 </details></li><li>
2606<details id="Details-menu-drawer-menu-item-3"> 2607 <summary 2608 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 w100" 2609 2610 >BODY 2611<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2612 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2613</svg> </summary><div 2614 id="link-body" 2615 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2616 tabindex="-1" 2617 > 2618 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2619 <button class="menu-drawer__close-button link link--text" aria-expanded="true"><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>BODY 2620 </button> 2621 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2622 <a 2623 href="/collections/body" 2624 class="menu-drawer__menu-item link link--text list-menu__item w100" 2625 2626 2627 > 2628 Go to BODY 2629 </a> 2630 </li><li><details id="Details-menu-drawer-submenu-1"> 2631 <summary class="menu-drawer__menu-item link link--text list-menu__item last w100"> 2632 Shop All Body 2633 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2634 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2635</svg> 2636</summary> 2637 <div 2638 id="childlink-shop-all-body" 2639 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2640 > 2641 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2642 <button 2643 class="menu-drawer__close-button link link--text" 2644 aria-expanded="true" 2645 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shop All Body 2646 </button> 2647 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2648 <a 2649 href="/collections/body" 2650 class="menu-drawer__menu-item link link--text list-menu__item w100" 2651 2652 > 2653 Go to Shop All Body 2654 </a> 2655 </li><li> 2656 <a 2657 href="/collections/soaps-washes" 2658 class="menu-drawer__menu-item link link--text list-menu__item w100" 2659 2660 > 2661 Soaps & Washes 2662</a> 2663 </li><li> 2664 <a 2665 href="/collections/lotions-moisturizers" 2666 class="menu-drawer__menu-item link link--text list-menu__item w100" 2667 2668 > 2669 Lotions & Moisturizers 2670</a> 2671 </li><li> 2672 <a 2673 href="/collections/fragrance" 2674 class="menu-drawer__menu-item link link--text list-menu__item w100" 2675 2676 > 2677 Fragrance 2678</a> 2679 </li><li> 2680 <a 2681 href="/collections/tattoo" 2682 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2683 2684 > 2685 Tattoo 2686</a> 2687 </li></ul> 2688 </div> 2689 </div> 2690 </details></li><li><div class="mega-menu__column__item menu-drawer__menu-item"> 2691 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2692 <div class="card card--media"> 2693 <div class="card__inner"> 2694 <div class="card__media"> 2695 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2696 2697<img src="//vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=1000" alt="Travel" srcset="//vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=165 165w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=360 360w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=533 533w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=720 720w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2698 2699 </div> 2700 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2701 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">YOUR GO-TO'S: TRAVEL SIZED</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2702 <a href="/collections/travel-size" class="full-unstyled-link"> 2703 2704 </a> 2705 </div></div> 2706 </div></div></div> 2707 </div> 2708</div><div class="mega-menu__column__item menu-drawer__menu-item"> 2709 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2710 <div class="card card--media"> 2711 <div class="card__inner"> 2712 <div class="card__media"> 2713 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2714 2715<img src="//vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=1000" alt="Inkblog" srcset="//vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=165 165w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=360 360w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=533 533w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=720 720w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2716 2717 </div> 2718 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2719 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">3 STEPS TO BETTER LOOKING INK</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2720 <a href="/blogs/the-library/billy-jealousy-marked-iv-life-tattoo-kit" class="full-unstyled-link"> 2721 2722 </a> 2723 </div></div> 2724 </div></div></div> 2725 </div> 2726</div><div class="mega-menu__column__item menu-drawer__menu-item"> 2727 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2728 <div class="card card--media"> 2729 <div class="card__inner"> 2730 <div class="card__media"> 2731 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2732 2733<img src="//vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=1000" alt="Showpromo" srcset="//vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=165 165w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=360 360w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=533 533w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=720 720w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2734 2735 </div> 2736 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2737 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">UPGRADE YOUR SHOWER ROUTINE</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2738 <a href="/collections/soaps-washes" class="full-unstyled-link"> 2739 2740 </a> 2741 </div></div> 2742 </div></div></div> 2743 </div> 2744</div></li></ul> 2745 </div> 2746 </div> 2747 </details></li><li>
2747<details id="Details-menu-drawer-menu-item-4"> 2748 <summary 2749 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 w100" 2750 2751 >TOOLS 2752<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2753 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2754</svg> </summary><div 2755 id="link-tools" 2756 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2757 tabindex="-1" 2758 > 2759 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2760 <button class="menu-drawer__close-button link link--text" aria-expanded="true"><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>TOOLS 2761 </button> 2762 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2763 <a 2764 href="/collections/tools" 2765 class="menu-drawer__menu-item link link--text list-menu__item w100" 2766 2767 2768 > 2769 Go to TOOLS 2770 </a> 2771 </li><li><details id="Details-menu-drawer-submenu-1"> 2772 <summary class="menu-drawer__menu-item link link--text list-menu__item last w100"> 2773 Shop All Tools 2774 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2775 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2776</svg> 2777</summary> 2778 <div 2779 id="childlink-shop-all-tools" 2780 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2781 > 2782 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2783 <button 2784 class="menu-drawer__close-button link link--text" 2785 aria-expanded="true" 2786 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shop All Tools 2787 </button> 2788 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2789 <a 2790 href="/collections/tools" 2791 class="menu-drawer__menu-item link link--text list-menu__item w100" 2792 2793 > 2794 Go to Shop All Tools 2795 </a> 2796 </li><li> 2797 <a 2798 href="/collections/clippers" 2799 class="menu-drawer__menu-item link link--text list-menu__item w100" 2800 2801 > 2802 Clippers 2803</a> 2804 </li><li> 2805 <a 2806 href="/collections/trimmer
2806s-shavers" 2807 class="menu-drawer__menu-item link link--text list-menu__item w100" 2808 2809 > 2810 Trimmers & Shavers 2811</a> 2812 </li><li> 2813 <a 2814 href="/collections/razors" 2815 class="menu-drawer__menu-item link link--text list-menu__item w100" 2816 2817 > 2818 Razors 2819</a> 2820 </li><li> 2821 <a 2822 href="/collections/brushes-combs" 2823 class="menu-drawer__menu-item link link--text list-menu__item w100" 2824 2825 > 2826 Brushes & Combs 2827</a> 2828 </li><li> 2829 <a 2830 href="/collections/nail-tools" 2831 class="menu-drawer__menu-item link link--text list-menu__item w100" 2832 2833 > 2834 Nail Care Tools 2835</a> 2836 </li><li> 2837 <a 2838 href="/collections/hair-removal-tools" 2839 class="menu-drawer__menu-item link link--text list-menu__item w100" 2840 2841 > 2842 Hair Removal Tools 2843</a> 2844 </li><li> 2845 <a 2846 href="/collections/skincare-tools" 2847 class="menu-drawer__menu-item link link--text list-menu__item w100" 2848 2849 > 2850 Skin Care Tools 2851</a> 2852 </li><li> 2853 <a 2854 href="/collections/tool-accessories" 2855 class="menu-drawer__menu-item link link--text list-menu__item last w100" 2856 2857 > 2858 Tool Accessories 2859</a> 2860 </li></ul> 2861 </div> 2862 </div> 2863 </details></li><li><div class="mega-menu__column__item menu-drawer__menu-item"> 2864 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2865 <div class="card card--media"> 2866 <div class="card__inner"> 2867 <div class="card__media"> 2868 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2869 2870<img src="//vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=1000" alt="Tweezerman 5464ad7f cd6a 43f0 adf6 76cf57f1ded9" srcset="//vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=165 165w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=360 360w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=533 533w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=720 720w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2871 2872 </div> 2873 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2874 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">TRIM & TWEEZE WITH THESE</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2875 <a href="/collections/tools" class="full-unstyled-link"> 2876 2877 </a> 2878 </div></div> 2879 </div></div></div> 2880 </div> 2881</div><div class="mega-menu__column__item menu-drawer__menu-item"> 2882 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2883 <div class="card card--media"> 2884 <div class="card__inner"> 2885 <div class="card__media"> 2886 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2887 2888<img src="//vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=1000" alt="Clippers" srcset="//vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=165 165w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=360 360w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=533 533w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=720 720w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2889 2890 </div> 2891 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2892 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">THE BEST CLIPPERS FOR AT HOME CUTS</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2893 <a href="/collections/clippers" class="full-unstyled-link"> 2894 2895 </a> 2896 </div></div> 2897 </div></div></div> 2898 </div> 2899</div><div class="mega-menu__column__item menu-drawer__menu-item"> 2900 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 2901 <div class="card card--media"> 2902 <div class="card__inner"> 2903 <div class="card__media"> 2904 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 2905 2906<img src="//vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=1000" alt="Nailcare" srcset="//vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=165 165w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=360 360w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=533 533w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=720 720w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 2907 2908 </div> 2909 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 2910 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">GIVE YOURSELF A MAN-ICURE</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 2911 <a href="/collections/nail-tools" class="full-unstyled-link"> 2912 2913 </a> 2914 </div></div> 2915 </div></div></div> 2916 </div> 2917</div></li></ul> 2918 </div> 2919 </div> 2920 </details></li><li><a 2921 href="/collections/bundles" 2922 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 w100" 2923 2924 2925 2926 >BUNDLES & SETS 2927</a></li><li>
2927<details id="Details-menu-drawer-menu-item-6"> 2928 <summary 2929 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 w100" 2930 2931 >BRANDS 2932<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2933 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2934</svg> </summary><div 2935 id="link-brands" 2936 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2937 tabindex="-1" 2938 > 2939 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2940 <button class="menu-drawer__close-button link link--text" aria-expanded="true"><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>BRANDS 2941 </button> 2942 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2943 <a 2944 href="/collections/brands" 2945 class="menu-drawer__menu-item link link--text list-menu__item w100" 2946 2947 2948 > 2949 Go to BRANDS 2950 </a> 2951 </li><li><details id="Details-menu-drawer-submenu-1"> 2952 <summary class="menu-drawer__menu-item link link--text list-menu__item last w100"> 2953 Shop All Brands 2954 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 2955 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2956</svg> 2957</summary> 2958 <div 2959 id="childlink-shop-all-brands" 2960 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2961 > 2962 <div class="menu-drawer__inner-submenu menu-drawer__background"> 2963 <button 2964 class="menu-drawer__close-button link link--text" 2965 aria-expanded="true" 2966 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shop All Brands 2967 </button> 2968 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 2969 <a 2970 href="/collections/brands" 2971 class="menu-drawer__menu-item link link--text list-menu__item w100" 2972 2973 > 2974 Go to Shop All Brands 2975 </a> 2976 </li><li> 2977 <a 2978 href="/collections/vs-barbershop" 2979 class="menu-drawer__menu-item link link--text list-menu__item w100" 2980 2981 > 2982 V's Barbershop 2983</a> 2984 </li><li> 2985 <a 2986 href="/collections/actiiv" 2987 class="menu-drawer__menu-item link link--text list-menu__item w100" 2988 2989 > 2990 Actiiv 2991</a> 2992 </li><li> 2993 <a 2994 href="/collections/alchimie-forever" 2995 class="menu-drawer__menu-item link link--text list-menu__item w100" 2996 2997 > 2998 Alchimie Forever 2999</a> 3000 </li><li> 3001 <a 3002 href="/collections/american-crew" 3003 class="menu-drawer__menu-item link link--text list-menu__item w100" 3004 3005 > 3006 American Crew 3007</a> 3008 </li><li> 3009 <a 3010 href="/collections/andis" 3011 class="menu-drawer__menu-item link link--text list-menu__item w100" 3012 3013 > 3014 Andis 3015</a> 3016 </li><li> 3017 <a 3018 href="/collections/barber-strong" 3019 class="menu-drawer__menu-item link link--text list-menu__item w100" 3020 3021 > 3022 Barber Strong 3023</a> 3024 </li><li> 3025 <a 3026 href="/collections/billy-jealousy" 3027 class="menu-drawer__menu-item link link--text list-menu__item w100" 3028 3029 > 3030 Billy Jealousy 3031</a> 3032 </li><li> 3033 <a 3034 href="/collections/bosleymd" 3035 class="menu-drawer__menu-item link link--text list-menu__item w100" 3036 3037 > 3038 BosleyMD 3039</a> 3040 </li><li> 3041 <a 3042 href="/collections/brosh" 3043 class="menu-drawer__menu-item link link--text list-menu__item w100" 3044 3045 > 3046 Brosh 3047</a> 3048 </li><li> 3049 <a 3050 href="/collections/captain-fawcett" 3051 class="menu-drawer__menu-item link link--text list-menu__item w100" 3052 3053 > 3054 Captain Fawcett 3055</a> 3056 </li><li> 3057 <a 3058 href="/collections/depot" 3059 class="menu-drawer__menu-item link link--text list-menu__item w100" 3060 3061 > 3062 Depot 3063</a> 3064 </li><li> 3065 <a 3066 href="/collections/educated-beards" 3067 class="menu-drawer__menu-item link link--text list-menu__item w100" 3068 3069 > 3070 Educated Beards 3071</a> 3072 </li><li> 3073 <a 3074 href="/collections/firsthand" 3075 class="menu-drawer__menu-item link link--text list-menu__item w100" 3076 3077 > 3078 Firsthand 3079</a> 3080 </li><li> 3081 <a 3082 href="/collections/henson-shaving" 3083 class="menu-drawer__menu-item link link--text list-menu__item w100" 3084 3085 > 3086 Henson Shaving 3087</a> 3088 </li><li> 3089 <a 3090 href="/collections/kms" 3091 class="menu-drawer__menu-item link link--text list-menu__item w100" 3092 3093 > 3094 KMS 3095</a> 3096 </li><li> 3097 <a 3098 href="/collections/layrite" 3099 class="menu-drawer__menu-item link link--text list-menu__item w100" 3100 3101 > 3102 Layrite 3103</a> 3104 </li><li> 3105 <a 3106 href="/collections/reuzel" 3107 class="menu-drawer__menu-item link link--text list-menu__item w100" 3108 3109 > 3110 Reuzel 3111</a> 3112 </li><li> 3113 <a 3114 href="/collections/slick-gorilla" 3115 class="menu-drawer__menu-item link link--text list-menu__item w100" 3116 3117 > 3118 Slick Gorilla 3119</a> 3120 </li><li> 3121 <a 3122 href="/collections/suavecito" 3123 class="menu-drawer__menu-item link link--text list-menu__item w100" 3124 3125 > 3126 Suavecito 3127</a> 3128 </li><li> 3129 <a 3130 href="/collections/tweezerman" 3131 class="menu-drawer__menu-item link link--text list-menu__item w100" 3132 3133 > 3134 Tweezerman 3135</a> 3136 </li><li> 3137 <a 3138 href="/collections/uppercut" 3139 class="menu-drawer__menu-item link link--text list-menu__item w100" 3140 3141 > 3142 Uppercut 3143</a> 3144 </li><li> 3145 <a 3146 href="/collections/wahl" 3147 class="menu-drawer__menu-item link link--text list-menu__item last w100" 3148 3149 > 3150 Wahl 3151</a> 3152 </li></ul> 3153
3153 </div> 3154 </div> 3155 </details></li><li><div class="mega-menu__column__item menu-drawer__menu-item"> 3156 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3157 <div class="card card--media"> 3158 <div class="card__inner"> 3159 <div class="card__media"> 3160 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3161 3162<img src="//vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=1000" alt="Reuzel" srcset="//vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=165 165w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=360 360w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=533 533w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=720 720w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3163 3164 </div> 3165 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3166 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">YOUR FAVORITES FROM REUZEL</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3167 <a href="/collections/reuzel" class="full-unstyled-link"> 3168 3169 </a> 3170 </div></div> 3171 </div></div></div> 3172 </div> 3173</div><div class="mega-menu__column__item menu-drawer__menu-item"> 3174 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3175 <div class="card card--media"> 3176 <div class="card__inner"> 3177 <div class="card__media"> 3178 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3179 3180<img src="//vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=1000" alt="V s" srcset="//vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=165 165w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=360 360w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=533 533w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=720 720w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3181 3182 </div> 3183 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3184 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">PATRONS CALL IT "LIQUID GOLD"</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3185 <a href="/products/vs-authentic-barbershop-tonic-12oz-bottle" class="full-unstyled-link"> 3186 3187 </a> 3188 </div></div> 3189 </div></div></div> 3190 </div> 3191</div><div class="mega-menu__column__item menu-drawer__menu-item"> 3192 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3193 <div class="card card--media"> 3194 <div class="card__inner"> 3195 <div class="card__media"> 3196 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3197 3198<img src="//vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=1000" alt="Educatedbeards" srcset="//vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=165 165w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=360 360w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=533 533w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=720 720w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3199 3200 </div> 3201 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3202 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">STEP UP YOUR BEARD GAME</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3203 <a href="/collections/educated-beards" class="full-unstyled-link"> 3204 3205 </a> 3206 </div></div> 3207 </div></div></div> 3208 </div> 3209</div></li></ul> 3210 </div> 3211 </div> 3212 </details></li><li>
3212<details id="Details-menu-drawer-menu-item-7"> 3213 <summary 3214 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 w100" 3215 3216 >APPAREL 3217<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 3218 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3219</svg> </summary><div 3220 id="link-apparel" 3221 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3222 tabindex="-1" 3223 > 3224 <div class="menu-drawer__inner-submenu menu-drawer__background"> 3225 <button class="menu-drawer__close-button link link--text" aria-expanded="true"><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>APPAREL 3226 </button> 3227 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3228 <a 3229 href="/collections/apparel" 3230 class="menu-drawer__menu-item link link--text list-menu__item w100" 3231 3232 3233 > 3234 Go to APPAREL 3235 </a> 3236 </li><li><details id="Details-menu-drawer-submenu-1"> 3237 <summary class="menu-drawer__menu-item link link--text list-menu__item w100"> 3238 Shirts 3239 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 3240 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3241</svg> 3242</summary> 3243 <div 3244 id="childlink-shirts" 3245 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3246 > 3247 <div class="menu-drawer__inner-submenu menu-drawer__background"> 3248 <button 3249 class="menu-drawer__close-button link link--text" 3250 aria-expanded="true" 3251 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Shirts 3252 </button> 3253 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3254 <a 3255 href="/collections/shirts" 3256 class="menu-drawer__menu-item link link--text list-menu__item w100" 3257 3258 > 3259 Go to Shirts 3260 </a> 3261 </li><li> 3262 <a 3263 href="/collections/short-sleeve" 3264 class="menu-drawer__menu-item link link--text list-menu__item w100" 3265 3266 > 3267 Short Sleeve 3268</a> 3269 </li><li> 3270 <a 3271 href="/collections/sweatshirts-hoodies" 3272 class="menu-drawer__menu-item link link--text list-menu__item w100" 3273 3274 > 3275 Sweatshirts & Hoodies 3276</a> 3277 </li><li> 3278 <a 3279 href="/collections/kids" 3280 class="menu-drawer__menu-item link link--text list-menu__item last w100" 3281 3282 > 3283 Kids 3284</a> 3285 </li></ul> 3286 </div> 3287 </div> 3288 </details></li><li>
3288<details id="Details-menu-drawer-submenu-2"> 3289 <summary class="menu-drawer__menu-item link link--text list-menu__item w100"> 3290 Hats 3291 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 3292 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3293</svg> 3294</summary> 3295 <div 3296 id="childlink-hats" 3297 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3298 > 3299 <div class="menu-drawer__inner-submenu menu-drawer__background"> 3300 <button 3301 class="menu-drawer__close-button link link--text" 3302 aria-expanded="true" 3303 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Hats 3304 </button> 3305 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3306 <a 3307 href="/collections/hats" 3308 class="menu-drawer__menu-item link link--text list-menu__item w100" 3309 3310 > 3311 Go to Hats 3312 </a> 3313 </li><li> 3314 <a 3315 href="/collections/hats" 3316 class="menu-drawer__menu-item link link--text list-menu__item last w100" 3317 3318 > 3319 All hats 3320</a> 3321 </li></ul> 3322 </div> 3323 </div> 3324 </details></li><li><details id="Details-menu-drawer-submenu-3"> 3325 <summary class="menu-drawer__menu-item link link--text list-menu__item last w100"> 3326 Accessories 3327 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 3328 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3329</svg> 3330</summary> 3331 <div 3332 id="childlink-accessories" 3333 class="menu-drawer__submenu has-submenu gradient motion-reduce" 3334 > 3335 <div class="menu-drawer__inner-submenu menu-drawer__background"> 3336 <button 3337 class="menu-drawer__close-button link link--text" 3338 aria-expanded="true" 3339 ><svg class="icon icon-arrow icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M10 19L3 12M3 12L10 5M3 12L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>Accessories 3340 </button> 3341 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> 3342 <a 3343 href="/collections/accessories" 3344 class="menu-drawer__menu-item link link--text list-menu__item w100" 3345 3346 > 3347 Go to Accessories 3348 </a> 3349 </li><li> 3350 <a 3351 href="/collections/accessories" 3352 class="menu-drawer__menu-item link link--text list-menu__item last w100" 3353 3354 > 3355 All accessories 3356</a> 3357 </li></ul> 3358 </div> 3359 </div> 3360 </details></li><li><div class="mega-menu__column__item menu-drawer__menu-item"> 3361 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3362 <div class="card card--media"> 3363 <div class="card__inner"> 3364 <div class="card__media"> 3365 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3366 3367<img src="//vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=1000" alt="Hats" srcset="//vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=165 165w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=360 360w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=533 533w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=720 720w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3368 3369 </div> 3370 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3371 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">SHOP ALL HATS</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3372 <a href="/collections/hats" class="full-unstyled-link"> 3373 3374 </a> 3375 </div></div> 3376 </div></div></div> 3377 </div> 3378</div></li></ul> 3379 </div> 3380 </div> 3381 </details></li><li><a 3382 href="/collections/last-chance" 3383 class="menu-drawer__menu-item list-menu__item link link--text header__menu-item--top h6 last w100" 3384 3385 3386 3387 >LAST CHANCE 3388</a></li></ul> 3389 </nav> 3390<div class="menu-drawer__menu-labels flex justify-center align-center menu-drawer__block"> 3391 <ul class="menu-drawer__menu-labels__list list-unstyled flex margin0 flex-wrap"><li class="menu-drawer__menu-labels__item"><a 3392 href="/pages/store-locator" 3393 class="link align-center flex menu-drawer__menu-labels__item-gap" 3394 > 3395 <div class="rq-image-icons-location"> 3396 <img src="//vbarbershop.com/cdn/shop/files/Location.png?v=1708706788" alt="Location pin icon in gold"> 3397 </div> 3398
3399 <span class="text-small">FIND A LOCATION</span></a></li></ul> 3400 </div><div class="menu-drawer__utility-links menu-drawer__block menu-drawer__background"><ul class="list-unstyled flex list-social flex-wrap list-social--has-background list list-social--in-drawer" role="list"><li class="list-social__item flex align-center"> 3401 <a href="https://twitter.com/vbarbershop" class="link flex justify-center align-center por tap-area-icon list-social__link list-social__link--twitter" target="_blank" data-no-instant><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" height="16" height="16" viewBox="0 0 20 20" aria-hidden="true" focusable="false" role="presentation" class="icon icon-twitter" fill="none"> 3402 <path d="M15.2213 3H17.9803L11.9224 9.78967L19 19H13.4459L9.0973 13.403L4.11896 19H1.35988L7.77774 11.738L1 3H6.6921L10.6208 8.11292L15.2213 3ZM14.2556 17.4059H15.7851L5.88837 4.53506H4.24492L14.2556 17.4059Z" fill="currentColor"/> 3403</svg><span class="visually-hidden">Twitter</span> 3404 </a> 3405 </li><li class="list-social__item flex align-center"> 3406 <a href="https://www.facebook.com/vbarbershop/" class="link flex justify-center align-center por tap-area-icon list-social__link list-social__link--facebook" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-facebook" role="presentation"> 3407 <path d="M6.02103 15.3333L6.00001 8.66663H3.33334V5.99996H6.00001V4.33329C6.00001 1.85903 7.53222 0.666626 9.73944 0.666626C10.7967 0.666626 11.7054 0.745339 11.9702 0.780526V3.36628L10.4394 3.36697C9.23898 3.36697 9.00655 3.93739 9.00655 4.77443V5.99996H12.5L11.1667 8.66663H9.00655V15.3333H6.02103Z" fill="currentColor"/> 3408</svg><span class="visually-hidden">Facebook</span> 3409 </a> 3410 </li><li class="list-social__item flex align-center"> 3411 <a href="https://www.pinterest.com/vbarbershop/" class="link flex justify-center align-center por tap-area-icon list-social__link list-social__link--pinterest" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest"> 3412 <path d="M8 0C3.6 0 0 3.6 0 8C0 11.4 2.13333 14.2667 5.06667 15.4667C5 14.8667 4.93333 13.8667 5.06667 13.2C5.2 12.6 6 9.2 6 9.2C6 9.2 5.8 8.66667 5.8 8C5.8 6.86667 6.46667 6.06667 7.26667 6.06667C7.93333 6.06667 8.26667 6.6 8.26667 7.2C8.26667 7.86667 7.8 8.93333 7.6 9.86667C7.4 10.6667 8 11.3333 8.8 11.3333C10.2 11.3333 11.3333 9.86667 11.3333 7.66667C11.3333 5.73333 9.93333 4.4 8 4.4C5.73333 4.4 4.4 6.13333 4.4 7.86667C4.4 8.53333 4.66667 9.26667 5 9.66667C5.06667 9.73333 5.06667 9.8 5.06667 9.86667C5 10.1333 4.86667 10.6667 4.86667 10.8C4.8 10.9333 4.73333 11 4.6 10.9333C3.6 10.4667 3 9 3 7.86667C3 5.33333 4.86667 3 8.26667 3C11.0667 3 13.2 5 13.2 7.6C13.2 10.3333 11.4667 12.6 9.06667 12.6C8.26667 12.6 7.46667 12.2 7.2 11.6667C7.2 11.6667 6.8 13.2 6.73333 13.6C6.53333 14.2667 6.06667 15.1333 5.73333 15.6667C6.4 15.8667 7.2 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0Z" fill="currentColor"/> 3413</svg><span class="visually-hidden">Pinterest</span> 3414 </a> 3415 </li><li class="list-social__item flex align-center"> 3416 <a href="https://www.instagram.com/v_barbershop/" class="link flex justify-center align-center por tap-area-icon list-social__link list-social__link--instagram" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram"> 3417 <path d="M7.99999 1.98796C9.95799 1.98796 10.19 1.99529 10.9633 2.03063C11.4282 2.03604 11.8888 2.12151 12.3247 2.28329C12.6433 2.4007 12.9315 2.5882 13.168 2.83196C13.4117 3.06842 13.5993 3.35663 13.7167 3.67529C13.8784 4.11119 13.9639 4.57171 13.9693 5.03663C14.0047 5.80996 14.012 6.04196 14.012 7.99996C14.012 9.95796 14.0047 10.19 13.9693 10.9633C13.9639 11.4282 13.8784 11.8887 13.7167 12.3246C13.5946 12.6409 13.4077 12.9282 13.168 13.1679C12.9282 13.4077 12.641 13.5946 12.3247 13.7166C11.8888 13.8784 11.4282 13.9639 10.9633 13.9693C10.19 14.0046 9.95799 14.012 7.99999 14.012C6.04199 14.012 5.80999 14.0046 5.03666 13.9693C4.57174 13.9639 4.11122 13.8784 3.67532 13.7166C3.35666 13.5992 3.06845 13.4117 2.83199 13.168C2.58823 12.9315 2.40073 12.6433 2.28332 12.3246C2.12154 11.8887 2.03607 11.4282 2.03066 10.9633C1.99532 10.19 1.98799 9.95796 1.98799 7.99996C1.98799 6.04196 1.99532 5.80996 2.03066 5.03663C2.03607 4.57171 2.12154 4.11119 2.28332 3.67529C2.40073 3.35663 2.58823 3.06842 2.83199 2.83196C3.06845 2.5882 3.35666 2.4007 3.67532 2.28329C4.11122 2.12151 4.571
341774 2.03604 5.03666 2.03063C5.80999 1.99529 6.04199 1.98796 7.99999 1.98796ZM7.99999 0.666626C6.00866 0.666626 5.75866 0.675293 4.97666 0.710626C4.36838 0.723197 3.76659 0.838371 3.19666 1.05129C2.70902 1.24007 2.26626 1.52875 1.8968 1.89879C1.52734 2.26882 1.23935 2.71203 1.05132 3.19996C0.838401 3.76989 0.723227 4.37168 0.710656 4.97996C0.675323 5.75863 0.666656 6.00863 0.666656 7.99996C0.666656 9.99129 0.675323 10.2413 0.710656 11.0233C0.723227 11.6316 0.838401 12.2334 1.05132 12.8033C1.2401 13.2909 1.52878 13.7337 1.89882 14.1032C2.26885 14.4726 2.71206 14.7606 3.19999 14.9486C3.76992 15.1615 4.37171 15.2767 4.97999 15.2893C5.75866 15.3246 6.00866 15.3333 7.99999 15.3333C9.99132 15.3333 10.2413 15.3246 11.0233 15.2893C11.6316 15.2767 12.2334 15.1615 12.8033 14.9486C13.291 14.7598 13.7337 14.4712 14.1032 14.1011C14.4726 13.7311 14.7606 13.2879 14.9487 12.8C15.1616 12.23 15.2768 11.6282 15.2893 11.02C15.3247 10.2413 15.3333 9.99129 15.3333 7.99996C15.3333 6.00863 15.3247 5.75863 15.2893 4.97663C15.2768 4.36835 15.1616 3.76656 14.9487 3.19663C14.7599 2.70899 14.4712 2.26623 14.1012 1.89677C13.7311 1.52731 13.2879 1.23932 12.8 1.05129C12.2301 0.838371 11.6283 0.723197 11.02 0.710626C10.2413 0.675293 9.99132 0.666626 7.99999 0.666626Z" fill="currentColor"/> 3418 <path d="M7.99998 4.23401C7.25514 4.23401 6.52702 4.45488 5.9077 4.86869C5.28839 5.28251 4.80569 5.87068 4.52065 6.55882C4.23561 7.24697 4.16103 8.00419 4.30634 8.73472C4.45165 9.46525 4.81033 10.1363 5.33702 10.663C5.8637 11.1897 6.53474 11.5483 7.26527 11.6936C7.9958 11.839 8.75302 11.7644 9.44117 11.4793C10.1293 11.1943 10.7175 10.7116 11.1313 10.0923C11.5451 9.47297 11.766 8.74485 11.766 8.00001C11.766 7.0012 11.3692 6.04331 10.6629 5.33705C9.95668 4.63078 8.99879 4.23401 7.99998 4.23401V4.23401ZM7.99998 10.4447C7.51647 10.4447 7.04382 10.3013 6.6418 10.0327C6.23977 9.76405 5.92643 9.38225 5.7414 8.93554C5.55637 8.48884 5.50796 7.9973 5.60229 7.52308C5.69661 7.04886 5.92945 6.61326 6.27134 6.27137C6.61323 5.92948 7.04883 5.69664 7.52305 5.60232C7.99727 5.50799 8.48881 5.5564 8.93551 5.74143C9.38222 5.92646 9.76402 6.2398 10.0326 6.64182C10.3013 7.04385 10.4446 7.5165 10.4446 8.00001C10.4446 8.64837 10.1871 9.27019 9.72862 9.72865C9.27016 10.1871 8.64835 10.4447 7.99998 10.4447V10.4447Z" fill="currentColor"/> 3419 <path d="M11.9147 4.96532C12.4007 4.96532 12.7947 4.57133 12.7947 4.08532C12.7947 3.59931 12.4007 3.20532 11.9147 3.20532C11.4287 3.20532 11.0347 3.59931 11.0347 4.08532C11.0347 4.57133 11.4287 4.96532 11.9147 4.96532Z" fill="currentColor"/> 3420</svg><span class="visually-hidden">Instagram</span> 3421 </a> 3422 </li><li class="list-social__item flex align-center"> 3423 <a href="https://www.youtube.com/user/Vbarbershop" class="link flex justify-center align-center por tap-area-icon list-social__link list-social__link--youtube" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube"> 3424 <path d="M15.9963 5.6389C16.0323 4.1584 15.8047 2.68898 15.3349 1.36707C15.0161 0.824662 14.5737 0.45862 14.0848 0.33273C12.0625 0.0715852 10.0317 -0.0354495 8.00136 0.0120845C5.97838 -0.037607 3.95498 0.0659739 1.93973 0.322387C1.54131 0.425528 1.17259 0.691484 0.878584 1.0878C0.224452 1.9463 0.15177 3.41507 0.0790889 4.65628C-0.026363 6.88794 -0.026363 9.12715 0.0790889 11.3588C0.100116 12.0574 0.173207 12.7509 0.297133 13.4275C0.384769 13.9499 0.562073 14.4332 0.813171 14.8342C1.10918 15.2515 1.48648 15.5326 1.89612 15.641C3.46307 15.9162 5.04193 16.0303 6.62041 15.9823C9.16426 16.034 11.3956 15.9823 14.0339 15.6927C14.4536 15.591 14.8415 15.3095 15.1459 14.8859C15.3494 14.5962 15.5014 14.2416 15.5893 13.8516C15.8492 12.7165 15.9769 11.5286 15.9672 10.3348C15.9963 9.75558 15.9963 6.25951 15.9963 5.6389ZM6.35876 10.9554V4.55284L10.6615 7.76965C9.45499 8.72124 7.86327 9.79696 6.35876 10.9554Z" fill="currentColor"/> 3425</svg><span class="visually-hidden">YouTube</span> 3426 </a> 3427 </li><li class="list-social__item flex align-center">
3428 <a href="https://www.tiktok.com/@vs_barbershop" class="link flex justify-center align-center por tap-area-icon list-social__link list-social__link--tiktok" target="_blank" data-no-instant><svg class="icon icon-tiktok" fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"> 3429 <path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"/> 3430</svg><span class="visually-hidden">TikTok</span> 3431 </a> 3432 </li></ul></div></div> 3433 </div> 3434 </div> 3435 </details> 3436 </header-drawer> 3437 <a href="/account/login" class="header__icon header__icon--account link header__button-icon flex justify-center align-center large-up-hide"> 3438 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-account"> 3439 <rect x="7" y="2" width="10" height="10" rx="5" stroke="currentColor" stroke-width="2"/> 3440 <path d="M12 15.5C13.5 15.5 16 15.8333 16.5 16C17 16.1667 20.2 16.8 21 18C22 19.5 22 20 22 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3441 <path d="M12 15.5C10.5 15.5 8 15.8333 7.5 16C7 16.1667 3.8 16.8 3 18C2 19.5 2 20 2 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3442</svg> 3443 <span class="visually-hidden">Log in</span> 3444 </a> 3445 3446</div><div class="header__heading flex align-center"><button 3447 type="button" 3448 class="header__toggle-nav-button flex justify-left align-center color-foreground header__button-icon small-hide medium-hide por" 3449 tabindex="-1" 3450 aria-label="Navigation toggle in sticky header" 3451 ><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger icon-open-state"> 3452 <line x1="5" y1="7" x2="19" y2="7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3453 <line x1="5" y1="12" x2="19" y2="12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3454 <line x1="5" y1="17" x2="19" y2="17" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3455</svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close icon-close-state" width="24" height="24" viewBox="0 0 22 22" fill="none"> 3456 <path d="M5.5 16.5L16.5 5.5M5.5 5.5L16.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3457</svg></button><a 3458 href="/" 3459 class="header__heading-link link link--text flex justify-center" 3460 ><img src="//vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=500" alt="V's Barbershop circular logo in black and gold with "Barbershop" arched at the top and "Est. 1999" at the bottom." srcset="//vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=50 50w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=100 100w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=150 150w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=200 200w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=250 250w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=300 300w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=400 400w, //vbarbershop.com/cdn/shop/files/Vs-Round-Logo.png?v=1695653544&width=500 500w" width="130" height="130.0" class="header__heading-logo motion-reduce"> 3461</a></div><div class="header__icons flex align-center"><div class="header__search small-hide medium-hide"><form action="/search" method="get" role="search" class="search search--header flex w100 por"> 3462 <input class="search__input search__input--header w100 color-foreground" 3463 id="Search-In-Inline" 3464 type="search" 3465 aria-label="Search" 3466 name="q" 3467 value="" 3468 placeholder="Search"> 3469 <label class="field__label visually-hidden" for="Search-In-Inl
3469ine">Search</label> 3470 <input type="hidden" name="options[prefix]" value="last"> 3471 <button class="search__button search__button--header field__button light flex justify-center align-center overflow-hidden" aria-label="Search" onclick="document.getElementById('Search-In-Inline').focus();"> 3472 <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation" width="24" height="24"> 3473 <use href="#icon-search"> 3474 </svg> 3475 </button> 3476</form></div><details-disclosure class="header__customer-support-region small-hide medium-hide por" data-ignore-hover="true" id="header-region-desktop"> 3477 <details class="disclosure"> 3478 <summary class="disclosure__button header__customer-support-region__button header__customer-support-region__button--desktop flex align-center"> 3479 3480 <div class="rq-icons-customer-support"> 3481 <img src="//vbarbershop.com/cdn/shop/files/FinalButtonIcon.png?v=1708710172" alt="Gold and black circular barber pole icon"> 3482 </div> 3483 3484 <span class="header__customer-support-region__global-info"><span class="link link--text font-body-bold">LOCATIONS & RESERVATIONS</span> 3485 </span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 3486 <path d="M14.25 6.75L9 12L3.75 6.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3487</svg></summary> 3488 <div class="rq-main-support disclosure__list-wrapper disclosure__list-wrapper--bottom header__customer-support-region__list header__customer-support-region__list--in-dropdown flex flex-column"><div class="header__customer-support-region__region flex flex-column" > 3489 3490 <a href="/pages/store-locator" class=" rq-bg-color"> 3491 <span class="header__customer-support-region__name"> 3492 3493 <div class="rq-icons-customer-support-desktop"> 3494 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933" alt="Gold and black circular location pin icon"> 3495 </div> 3496 3497 <div class="gb-pre"> 3498 FIND A LOCATION 3499 </div> 3500 </span> 3501 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 3502 <span class="header__customer-support-region__address light"></span> 3503 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 3504 </a> 3505 </div><hr class="margin0"><div class="header__customer-support-region__region flex flex-column" > 3506 3507 <a class=" rq-click-on-book-app rq-bg-color"> 3508 <span class="header__customer-support-region__name"> 3509 3510 <div class="rq-icons-customer-support-desktop"> 3511 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933" alt="Gold and black circular barber pole icon"> 3512 </div> 3513 3514 <div class="gb-pre"> 3515 BOOK A RESERVATION 3516 </div> 3517 </span> 3518 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 3519 <span class="header__customer-support-region__address light"></span> 3520 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 3521 </a> 3522 </div><hr class="margin0"><div class="header__customer-support-region__region flex flex-column" > 3523 3524 <a href="https://qrco.de/bbcemi" class=" rq-bg-color"> 3525 <span class="header__customer-support-region__name"> 3526 3527 <div class="rq-icons-customer-support-desktop"> 3528 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933" alt="Gold and black circular icon of a hand holding a smartphone displaying the v's barbershop logo"> 3529 </div> 3530 3531 <div class="gb-pre"> 3532 DOWNLOAD OUR APP 3533 </div> 3534 </span> 3535 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a>
3536 <span class="header__customer-support-region__address light"></span> 3537 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 3538 </a> 3539 </div><hr class="margin0"><div class="header__customer-support-region__region flex flex-column" > 3540 3541 <a class=" rq-click-on-gift-app rq-bg-color"> 3542 <span class="header__customer-support-region__name"> 3543 3544 <div class="rq-icons-customer-support-desktop"> 3545 <img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933" alt="Gold and black circular icon of a v's barbershop gift card with sparkle accents"> 3546 </div> 3547 3548 <div class="gb-pre"> 3549 BUY A GIFT CARD 3550 </div> 3551 </span> 3552 <a href="tel:" class="header__customer-support-region__hotline font-body-bold link link--text"></a> 3553 <span class="header__customer-support-region__address light"></span> 3554 <a href="mailto:" class="header__customer-support-region__email link link--text"></a> 3555 </a> 3556 </div></div> 3557 </details> 3558 </details-disclosure><details-modal class="header__search large-up-hide" data-breakpoint="tablet"> 3559 <details class="flex"> 3560 <summary class="header__icon header__icon--search header__icon--summary link header__button-icon modal__toggle flex justify-center align-center large-up-hide" aria-haspopup="dialog" aria-label="Search"> 3561 <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation" width="24" height="24"> 3562 <use href="#icon-search"> 3563 </svg> 3564 </summary> 3565 <div class="search-modal gradient color-background-1" role="dialog" aria-modal="true" aria-label="Search"> 3566 <div class="page-width"> 3567 <div class="por search-modal__inner" tabindex="-1"><form action="/search" method="get" role="search" class="search search--header flex w100 por"> 3568 <input class="search__input search__input--header w100 color-foreground" 3569 id="Search-In-Modal" 3570 type="search" 3571 aria-label="Search" 3572 name="q" 3573 value="" 3574 placeholder="Search"> 3575 <label class="field__label visually-hidden" for="Search-In-Modal">Search</label> 3576 <input type="hidden" name="options[prefix]" value="last"> 3577 <button class="search__button search__button--header field__button light flex justify-center align-center overflow-hidden" aria-label="Search" onclick="document.getElementById('Search-In-Modal').focus();"> 3578 <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation" width="24" height="24"> 3579 <use href="#icon-search"> 3580 </svg> 3581 </button> 3582</form><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset flex justify-center align-center" aria-label="Close"> 3583 <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation"> 3584 <use href="#icon-close"/> 3585 </svg> 3586 </button> 3587 </div> 3588 </div> 3589 </div> 3590 </details> 3591 <div class="details-modal-overlay search-modal-overlay"></div> 3592</details-modal> 3593 <a href="/account/login" class="header__icon header__icon--account link header__button-icon flex justify-center align-center small-hide medium-hide"> 3594 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-account"> 3595 <rect x="7" y="2" width="10" height="10" rx="5" stroke="currentColor" stroke-width="2"/> 3596 <path d="M12 15.5C13.5 15.5 16 15.8333 16.5 16C17 16.1667 20.2 16.8 21 18C22 19.5 22 20 22 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3597 <path d="M12 15.5C10.5 15.5 8 15.8333 7.5 16C7 16.1667 3.8 16.8 3 18C2 19.5 2 20 2 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 3598</svg> 3599 <span class="visually-hidden">Log in</span> 3600 </a> 3601 3602<a href="/cart" class="header__icon header__icon--cart link flex justify-center align-center por header__button-icon" id="cart-icon-bubble" data-no-instant aria-label="Cart"><div class="header__cart-inner flex justify-center align-center"> 3603 <div class="por flex"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-cart icon-open-state"> 3604 <path d="M19.5013 6H5.49868C4.1187 6 3 7.13667 3 8.53883V20.4612C3 21.8633 4.1187 23 5.49868 23H19.5013C20.8813 23 22 21.8633 22 20.4612V8.53883C22 7.13667 20.8813 6 19.5013 6Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10"/> 3605 <path d="M8 5.3C8 2.93 9.92 1 12.3 1C14.67 1 16.6 2.92 16.6 5.3" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 3606</svg> <div class="cart-count-bubble flex justify-center align-center header__count-bubble font-body-semi-bold"><span aria-hidden="true" class="flex justify-center align-center">0</span><span class="visually-hidden flex justify-center align-center">0 items</span> 3607 </div> 3608 </div> 3609 <div class="flex header__cart-total flex-column small-hide medium-hide"> 3610 <span class="flex align-center small-hide medium-hide light header__cart-total__label caption lh1">Subtotal</span> 3611 <span class="font-body-bold header__cart-total__price lh1 price">$0.00</span> 3612 </div> 3613</div></a> 3614</div><div class="header__inline-menu small-hide medium-hide w100 flex justify-space-between"><nav> 3615 <ul class="list-menu list-menu--inline" role="list"><li><header-menu 3616 3617 > 3618 <details id="Details-HeaderMenu-1" class="mega-menu"> 3619 <summary 3620 class="header__menu-item header__menu-item--top list-menu__item link h6 header__menu-item--link" 3621 data-href="/collections/hair" 3622 3623 >
3624 <span class="link-effect-no-underline">HAIR</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 3625 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3626</svg> </summary><div 3627 id="MegaMenu-Content-1" 3628 class="mega-menu__content gradient motion-reduce global-settings-popup mega-menu__content--has-go-to-link" 3629 tabindex="-1" 3630 > 3631 <div class="page-width flex mega-menu__content__inner flex-wrap"><ul class="mega-menu__list mega-menu__list--center mega-menu__column--span2" role="list"><li class="mega-menu__splitting-span" style="--total-rows: 6;--total-columns: 2;"> 3632 <a href="#" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3633 <span class="link-effect-no-underline">Shop By Type</span></a><ul class="list-unstyled mega-menu__list mega-menu__list--splitting" role="list"><li> 3634 <a href="/collections/shampoos" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3635 <span class="link-effect-no-underline">Shampoos</span></a> 3636 </li><li> 3637 <a href="/collections/conditioners" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3638 <span class="link-effect-no-underline">Conditioners</span></a> 3639 </li><li> 3640 <a href="/collections/pomades" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3641 <span class="link-effect-no-underline">Pomades</span></a> 3642 </li><li> 3643 <a href="/collections/fibers-pastes" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3644 <span class="link-effect-no-underline">Fibers & Pastes</span></a> 3645 </li><li> 3646 <a href="/collections/clays" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3647 <span class="link-effect-no-underline">Clays</span></a> 3648 </li><li> 3649 <a href="/collections/creams" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3650 <span class="link-effect-no-underline">Creams</span></a> 3651 </li><li> 3652 <a href="/collections/gels" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3653 <span class="link-effect-no-underline">Gels</span></a> 3654 </li><li> 3655 <a href="/collections/sprays" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3656 <span class="link-effect-no-underline">Sprays</span></a> 3657 </li><li> 3658 <a href="/collections/foams-mousses" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3659 <span class="link-effect-no-underline">Foams & Mousses</span></a> 3660 </li><li> 3661 <a href="/collections/hair-powders" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3662 <span class="link-effect-no-underline">Hair Powders</span></a> 3663 </li><li> 3664 <a href="/collections/hair-tonics" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3665 <span class="link-effect-no-underline">Hair Tonics</span></a> 3666 </li></ul></li><li> 3667 <a href="#" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3668 <span class="link-effect-no-underline">Shop By Concern</span></a><ul class="list-unstyled" role="list"><li> 3669 <a href="/collections/hair-loss-thinning" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small">
3670 <span class="link-effect-no-underline">Hair Loss & Thinning</span></a> 3671 </li><li> 3672 <a href="/collections/curls-textures" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3673 <span class="link-effect-no-underline">Curls & Textures</span></a> 3674 </li><li> 3675 <a href="/collections/dandruff-dry-scalp" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3676 <span class="link-effect-no-underline">Dandruff & Dry Scalp</span></a> 3677 </li><li> 3678 <a href="/collections/damaged-hair" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3679 <span class="link-effect-no-underline">Damaged Hair</span></a> 3680 </li><li> 3681 <a href="/collections/volumizing" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3682 <span class="link-effect-no-underline">Volumizing</span></a> 3683 </li></ul></li></ul> 3684<div class="mega-menu__column mega-menu__column--last mega-menu__column--span2"> 3685 <div class="mega-menu__column__item" > 3686 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3687 <div class="card card--media"> 3688 <div class="card__inner"> 3689 <div class="card__media"> 3690 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3691 3692<img src="//vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=1000" alt="Hair creams" srcset="//vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=165 165w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=360 360w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=533 533w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=720 720w, //vbarbershop.com/cdn/shop/files/PUCKS.jpg?v=1712779808&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3693 3694 </div> 3695 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3696 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">FOR PUCKS SAKE, FIX YOUR HAIR</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3697 <a href="/collections/pucks" class="full-unstyled-link"> 3698 3699 </a> 3700 </div></div> 3701 </div></div></div> 3702 </div> 3703</div><div class="mega-menu__column__item" > 3704 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3705 <div class="card card--media"> 3706 <div class="card__inner"> 3707 <div class="card__media"> 3708 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3709 3710<img src="//vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=1000" alt="Hairloss" srcset="//vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=165 165w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=360 360w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=533 533w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=720 720w, //vbarbershop.com/cdn/shop/files/hairloss.jpg?v=1712876268&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3711 3712 </div> 3713 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3714 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">THINNING HAIR? WE GOT YOU!</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3715 <a href="/collections/hair-loss-thinning" class="full-unstyled-link"> 3716 3717 </a> 3718 </div></div> 3719 </div></div></div> 3720 </div> 3721</div> 3722 </div></div><div class="header__goto-link center margin-top-1rem"> 3723 <a 3724 href="/collections/hair" 3725 class="link link-effect-no-underline align-center justify-center font-body-semi-bold" 3726 3727 > 3728 Go to HAIR 3729<svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
3729ox="0 0 24 24" fill="none"><path d="M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 3730 </div></div></details> 3731 </header-menu></li><li><header-menu 3732 3733 > 3734 <details id="Details-HeaderMenu-2" class="mega-menu"> 3735 <summary 3736 class="header__menu-item header__menu-item--top list-menu__item link h6 header__menu-item--link" 3737 data-href="/collections/face" 3738 3739 > 3740 <span class="link-effect-no-underline">FACE</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 3741 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3742</svg> </summary><div 3743 id="MegaMenu-Content-2" 3744 class="mega-menu__content gradient motion-reduce global-settings-popup mega-menu__content--has-go-to-link" 3745 tabindex="-1" 3746 > 3747 <div class="page-width flex mega-menu__content__inner flex-wrap"> 3748 <ul class="mega-menu__list mega-menu__list--center mega-menu__column--span3" role="list"><li> 3749 <a href="/collections/shaving-1" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3750 <span class="link-effect-no-underline">Shaving</span></a><ul class="list-unstyled" role="list"><li> 3751 <a href="/collections/pre-shaves" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3752 <span class="link-effect-no-underline">Pre-Shaves</span></a> 3753 </li><li> 3754 <a href="/collections/creams-oils" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3755 <span class="link-effect-no-underline">Creams & Oils</span></a> 3756 </li><li> 3757 <a href="/collections/aftershaves" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3758 <span class="link-effect-no-underline">Aftershaves</span></a> 3759 </li></ul></li><li> 3760 <a href="/collections/beard" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3761 <span class="link-effect-no-underline">Beard</span></a><ul class="list-unstyled" role="list"><li> 3762 <a href="/collections/beard-washes" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3763 <span class="link-effect-no-underline">Beard Washes</span></a> 3764 </li><li> 3765 <a href="/collections/beard-conditioners" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3766 <span class="link-effect-no-underline">Beard Conditioners</span></a> 3767 </li><li> 3768 <a href="/collections/balms-waxes" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3769 <span class="link-effect-no-underline">Balms & Waxes</span></a> 3770 </li><li> 3771 <a href="/collections/moustache" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3772 <span class="link-effect-no-underline">Moustache</span></a> 3773 </li><li> 3774 <a href="/collections/oils-serums" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3775 <span class="link-effect-no-underline">Oils & Serums</span></a> 3776 </li></ul></li><li> 3777 <a href="/collections/skincare" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3778 <span class="link-effect-no-underline">Skincare</span></a><ul class="list-unstyled" role="list"><li> 3779 <a href="/collections/cleansers" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small">
3780 <span class="link-effect-no-underline">Cleansers</span></a> 3781 </li><li> 3782 <a href="/collections/moisturizers" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3783 <span class="link-effect-no-underline">Moisturizers</span></a> 3784 </li><li> 3785 <a href="/collections/exfoliators" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3786 <span class="link-effect-no-underline">Exfoliators</span></a> 3787 </li><li> 3788 <a href="/collections/eye-creams-masks" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3789 <span class="link-effect-no-underline">Eye Creams & Masks</span></a> 3790 </li><li> 3791 <a href="/collections/aftershaves-tonics" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3792 <span class="link-effect-no-underline">Aftershaves & Tonics</span></a> 3793 </li></ul></li></ul> 3794 3795<div class="mega-menu__column mega-menu__column--last mega-menu__column--span1 mega-menu__column--allow-full"> 3796 <div class="mega-menu__column__item" > 3797 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3798 <div class="card card--media"> 3799 <div class="card__inner"> 3800 <div class="card__media"> 3801 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3802 3803<img src="//vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=1000" alt="Sfk" srcset="//vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=165 165w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=360 360w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=533 533w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=720 720w, //vbarbershop.com/cdn/shop/files/SFK.jpg?v=1712780219&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3804 3805 </div> 3806 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3807 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">GET THE PERFECT SHAVE AT HOME</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3808 <a href="https://vbarbershop.com/products/vs-shaving-face-essentials-kit" class="full-unstyled-link"> 3809 3810 </a> 3811 </div></div> 3812 </div></div></div> 3813 </div> 3814</div> 3815 </div></div><div class="header__goto-link center margin-top-1rem"> 3816 <a 3817 href="/collections/face" 3818 class="link link-effect-no-underline align-center justify-center font-body-semi-bold" 3819 3820 > 3821 Go to FACE 3822<svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 3823 </div></div></details> 3824 </header-menu></li><li><header-menu 3825 3826 > 3827 <details id="Details-HeaderMenu-3" class="mega-menu"> 3828 <summary 3829 class="header__menu-item header__menu-item--top list-menu__item link h6 header__menu-item--link" 3830 data-href="/collections/body" 3831 3832 >
3833 <span class="link-effect-no-underline">BODY</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 3834 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3835</svg> </summary><div 3836 id="MegaMenu-Content-3" 3837 class="mega-menu__content gradient motion-reduce global-settings-popup mega-menu__content--has-go-to-link" 3838 tabindex="-1" 3839 > 3840 <div class="page-width flex mega-menu__content__inner flex-wrap"><ul class="mega-menu__list mega-menu__list--center mega-menu__column--span1" role="list"><li> 3841 <a href="/collections/body" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3842 <span class="link-effect-no-underline">Shop All Body</span></a><ul class="list-unstyled" role="list"><li> 3843 <a href="/collections/soaps-washes" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3844 <span class="link-effect-no-underline">Soaps & Washes</span></a> 3845 </li><li> 3846 <a href="/collections/lotions-moisturizers" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3847 <span class="link-effect-no-underline">Lotions & Moisturizers</span></a> 3848 </li><li> 3849 <a href="/collections/fragrance" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3850 <span class="link-effect-no-underline">Fragrance</span></a> 3851 </li><li> 3852 <a href="/collections/tattoo" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3853 <span class="link-effect-no-underline">Tattoo</span></a> 3854 </li></ul></li></ul> 3855<div class="mega-menu__column mega-menu__column--last mega-menu__column--span3"> 3856 <div class="mega-menu__column__item" > 3857 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3858 <div class="card card--media"> 3859 <div class="card__inner"> 3860 <div class="card__media"> 3861 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3862 3863<img src="//vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=1000" alt="Travel" srcset="//vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=165 165w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=360 360w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=533 533w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=720 720w, //vbarbershop.com/cdn/shop/files/TRAVEL.jpg?v=1712777020&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3864 3865 </div> 3866 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3867 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">YOUR GO-TO'S: TRAVEL SIZED</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3868 <a href="/collections/travel-size" class="full-unstyled-link"> 3869 3870 </a> 3871 </div></div> 3872 </div></div></div> 3873 </div> 3874</div><div class="mega-menu__column__item" > 3875 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3876 <div class="card card--media"> 3877 <div class="card__inner"> 3878 <div class="card__media"> 3879 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3880 3881<img src="//vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=1000" alt="Inkblog" srcset="//vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=165 165w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=360 360w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=533 533w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=720 720w, //vbarbershop.com/cdn/shop/files/InkBlog.jpg?v=1712778544&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3882 3883 </div> 3884 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3885 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">3 STEPS TO BETTER LOOKING INK</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3886 <a href="/blogs/the-library/billy-jealousy-marked-iv-life-tattoo-kit" class="full-unstyled-link"> 3887 3888 </a> 3889 </div></div> 3890 </div></div></div> 3891 </div> 3892</div><div class="mega-menu__column__item" > 3893 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3894 <div class="card card--media"> 3895 <div class="card__inner"> 3896 <div class="card__media"> 3897 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3898 3899<img src="//vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=1000" alt="Showpromo" srcset="//vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=165 165w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=360 360w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=533 533w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=720 720w, //vbarbershop.com/cdn/shop/files/SHOWPROMO.jpg?v=1712778815&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3900 3901 </div> 3902 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3903 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">UPGRADE YOUR SHOWER ROUTINE</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3904 <a href="/collections/soaps-washes" class="full-unstyled-link"> 3905 3906 </a> 3907 </div></div> 3908 </div></div></div> 3909 </div> 3910</div> 3911 </div></div><div class="header__goto-link center margin-top-1rem"> 3912 <a 3913 href="/collections/body" 3914 class="link link-effect-no-underline align-center justify-center font-body-semi-bold" 3915 3916 > 3917 Go to BODY 3918<svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
3918ox="0 0 24 24" fill="none"><path d="M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 3919 </div></div></details> 3920 </header-menu></li><li><header-menu 3921 3922 > 3923 <details id="Details-HeaderMenu-4" class="mega-menu"> 3924 <summary 3925 class="header__menu-item header__menu-item--top list-menu__item link h6 header__menu-item--link" 3926 data-href="/collections/tools" 3927 3928 > 3929 <span class="link-effect-no-underline">TOOLS</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 3930 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3931</svg> </summary><div 3932 id="MegaMenu-Content-4" 3933 class="mega-menu__content gradient motion-reduce global-settings-popup mega-menu__content--has-go-to-link" 3934 tabindex="-1" 3935 > 3936 <div class="page-width flex mega-menu__content__inner flex-wrap"><ul class="mega-menu__list mega-menu__list--center mega-menu__column--span1" role="list"><li> 3937 <a href="/collections/tools" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 3938 <span class="link-effect-no-underline">Shop All Tools</span></a><ul class="list-unstyled" role="list"><li> 3939 <a href="/collections/clippers" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3940 <span class="link-effect-no-underline">Clippers</span></a> 3941 </li><li> 3942 <a href="/collections/trimmers-shavers" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3943 <span class="link-effect-no-underline">Trimmers & Shavers</span></a> 3944 </li><li> 3945 <a href="/collections/razors" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3946 <span class="link-effect-no-underline">Razors</span></a> 3947 </li><li> 3948 <a href="/collections/brushes-combs" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3949 <span class="link-effect-no-underline">Brushes & Combs</span></a> 3950 </li><li> 3951 <a href="/collections/nail-tools" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3952 <span class="link-effect-no-underline">Nail Care Tools</span></a> 3953 </li><li> 3954 <a href="/collections/hair-removal-tools" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3955 <span class="link-effect-no-underline">Hair Removal Tools</span></a> 3956 </li><li> 3957 <a href="/collections/skincare-tools" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3958 <span class="link-effect-no-underline">Skin Care Tools</span></a> 3959 </li><li> 3960 <a href="/collections/tool-accessories" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 3961 <span class="link-effect-no-underline">Tool Accessories</span></a> 3962 </li></ul></li></ul> 3963<div class="mega-menu__column mega-menu__column--last mega-menu__column--span3"> 3964 <div class="mega-menu__column__item" > 3965 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3966 <div class="card card--media"> 3967 <div class="card__inner"> 3968 <div class="card__media"> 3969 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3970 3971<img src="//vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=1000" alt="Tweezerman 5464ad7f cd6a 43f0 adf6 76cf57f1ded9" srcset="//vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=165 165w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=360 360w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=533 533w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=720 720w, //vbarbershop.com/cdn/shop/files/TWEEZERMAN_5464ad7f-cd6a-43f0-adf6-76cf57f1ded9.jpg?v=1712877180&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3972 3973 </div> 3974 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3975 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">TRIM & TWEEZE WITH THESE</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3976 <a href="/collections/tools" class="full-unstyled-link"> 3977 3978 </a> 3979 </div></div> 3980 </div></div></div> 3981 </div> 3982</div><div class="mega-menu__column__item" > 3983 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 3984 <div class="card card--media"> 3985 <div class="card__inner"> 3986 <div class="card__media"> 3987 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 3988 3989<img src="//vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=1000" alt="Clippers" srcset="//vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=165 165w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=360 360w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=533 533w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=720 720w, //vbarbershop.com/cdn/shop/files/clippers.jpg?v=1712877964&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 3990 3991 </div> 3992 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 3993 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">THE BEST CLIPPERS FOR AT HOME CUTS</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 3994 <a href="/collections/clippers" class="full-unstyled-link"> 3995 3996 </a> 3997 </div></div> 3998 </div></div></div> 3999 </div> 4000</div><div class="mega-menu__column__item" > 4001 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 4002 <div class="card card--media"> 4003 <div class="card__inner"> 4004 <div class="card__media"> 4005 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 4006 4007<img src="//vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=1000" alt="Nailcare" srcset="//vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=165 165w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=360 360w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=533 533w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=720 720w, //vbarbershop.com/cdn/shop/files/NailCare.jpg?v=1712878902&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 4008 4009 </div> 4010 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 4011 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">GIVE YOURSELF A MAN-ICURE</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 4012 <a href="/collections/nail-tools" class="full-unstyled-link"> 4013 4014 </a> 4015 </div></div> 4016 </div></div></div> 4017 </div> 4018</div> 4019 </div></div><div class="header__goto-link center margin-top-1rem"> 4020 <a 4021 href="/collections/tools" 4022 class="link link-effect-no-underline align-center justify-center font-body-semi-bold" 4023 4024 > 4025 Go to TOOLS 4026<svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
4026ox="0 0 24 24" fill="none"><path d="M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 4027 </div></div></details> 4028 </header-menu></li><li><a 4029 href="/collections/bundles" 4030 class="header__menu-item header__menu-item--top header__menu-item list-menu__item link h6" 4031 4032 4033 4034 > 4035 <span class="link-effect-no-underline">BUNDLES & SETS</span></a></li><li><header-menu 4036 4037 > 4038 <details id="Details-HeaderMenu-6" class="mega-menu"> 4039 <summary 4040 class="header__menu-item header__menu-item--top list-menu__item link h6 header__menu-item--link" 4041 data-href="/collections/brands" 4042 4043 > 4044 <span class="link-effect-no-underline">BRANDS</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 4045 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 4046</svg> </summary><div 4047 id="MegaMenu-Content-6" 4048 class="mega-menu__content gradient motion-reduce global-settings-popup mega-menu__content--has-go-to-link" 4049 tabindex="-1" 4050 > 4051 <div class="page-width flex mega-menu__content__inner flex-wrap"><ul class="mega-menu__list mega-menu__list--center mega-menu__column--span1" role="list"><li class="mega-menu__splitting-span" style="--total-rows: 11;--total-columns: 2;"> 4052 <a href="/collections/brands" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 4053 <span class="link-effect-no-underline">Shop All Brands</span></a><ul class="list-unstyled mega-menu__list mega-menu__list--splitting" role="list"><li> 4054 <a href="/collections/vs-barbershop" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4055 <span class="link-effect-no-underline">V's Barbershop</span></a> 4056 </li><li> 4057 <a href="/collections/actiiv" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4058 <span class="link-effect-no-underline">Actiiv</span></a> 4059 </li><li> 4060 <a href="/collections/alchimie-forever" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4061 <span class="link-effect-no-underline">Alchimie Forever</span></a> 4062 </li><li> 4063 <a href="/collections/american-crew" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4064 <span class="link-effect-no-underline">American Crew</span></a> 4065 </li><li> 4066 <a href="/collections/andis" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4067 <span class="link-effect-no-underline">Andis</span></a> 4068 </li><li> 4069 <a href="/collections/barber-strong" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4070 <span class="link-effect-no-underline">Barber Strong</span></a> 4071 </li><li> 4072 <a href="/collections/billy-jealousy" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4073 <span class="link-effect-no-underline">Billy Jealousy</span></a> 4074 </li><li> 4075 <a href="/collections/bosleymd" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4076 <span class="link-effect-no-underline">BosleyMD</span></a> 4077 </li><li> 4078 <a href="/collections/brosh" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small">
4079 <span class="link-effect-no-underline">Brosh</span></a> 4080 </li><li> 4081 <a href="/collections/captain-fawcett" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4082 <span class="link-effect-no-underline">Captain Fawcett</span></a> 4083 </li><li> 4084 <a href="/collections/depot" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4085 <span class="link-effect-no-underline">Depot</span></a> 4086 </li><li> 4087 <a href="/collections/educated-beards" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4088 <span class="link-effect-no-underline">Educated Beards</span></a> 4089 </li><li> 4090 <a href="/collections/firsthand" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4091 <span class="link-effect-no-underline">Firsthand</span></a> 4092 </li><li> 4093 <a href="/collections/henson-shaving" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4094 <span class="link-effect-no-underline">Henson Shaving</span></a> 4095 </li><li> 4096 <a href="/collections/kms" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4097 <span class="link-effect-no-underline">KMS</span></a> 4098 </li><li> 4099 <a href="/collections/layrite" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4100 <span class="link-effect-no-underline">Layrite</span></a> 4101 </li><li> 4102 <a href="/collections/reuzel" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4103 <span class="link-effect-no-underline">Reuzel</span></a> 4104 </li><li> 4105 <a href="/collections/slick-gorilla" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4106 <span class="link-effect-no-underline">Slick Gorilla</span></a> 4107 </li><li> 4108 <a href="/collections/suavecito" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4109 <span class="link-effect-no-underline">Suavecito</span></a> 4110 </li><li> 4111 <a href="/collections/tweezerman" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4112 <span class="link-effect-no-underline">Tweezerman</span></a> 4113 </li><li> 4114 <a href="/collections/uppercut" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4115 <span class="link-effect-no-underline">Uppercut</span></a> 4116 </li><li> 4117 <a href="/collections/wahl" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4118 <span class="link-effect-no-underline">Wahl</span></a> 4119 </li></ul></li></ul> 4120<div class="mega-menu__column mega-menu__column--last mega-menu__column--span3"> 4121 <div class="mega-menu__column__item" > 4122 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 4123 <div class="card card--media"> 4124 <div class="card__inner"> 4125 <div class="card__media"> 4126 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 4127 4128<img src="//vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=1000" alt="Reuzel" srcset="//vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=165 165w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=360 360w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=533 533w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=720 720w, //vbarbershop.com/cdn/shop/files/REUZEL.jpg?v=1712939326&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 4129 4130 </div> 4131 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 4132 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">YOUR FAVORITES FROM REUZEL</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 4133 <a href="/collections/reuzel" class="full-unstyled-link"> 4134 4135 </a> 4136 </div></div> 4137 </div></div></div> 4138 </div> 4139</div><div class="mega-menu__column__item" > 4140 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 4141 <div class="card card--media"> 4142 <div class="card__inner"> 4143 <div class="card__media"> 4144 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 4145 4146<img src="//vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=1000" alt="V s" srcset="//vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=165 165w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=360 360w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=533 533w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=720 720w, //vbarbershop.com/cdn/shop/files/V_S.jpg?v=1712939200&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 4147 4148 </div> 4149 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 4150 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">PATRONS CALL IT "LIQUID GOLD"</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 4151 <a href="/products/vs-authentic-barbershop-tonic-12oz-bottle" class="full-unstyled-link"> 4152 4153 </a> 4154 </div></div> 4155 </div></div></div> 4156 </div> 4157</div><div class="mega-menu__column__item" > 4158 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 4159 <div class="card card--media"> 4160 <div class="card__inner"> 4161 <div class="card__media"> 4162 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 4163 4164<img src="//vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=1000" alt="Educatedbeards" srcset="//vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=165 165w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=360 360w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=533 533w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=720 720w, //vbarbershop.com/cdn/shop/files/EDUCATEDBEARDS.jpg?v=1712939550&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 4165 4166 </div> 4167 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 4168 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">STEP UP YOUR BEARD GAME</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 4169 <a href="/collections/educated-beards" class="full-unstyled-link"> 4170 4171 </a> 4172 </div></div> 4173 </div></div></div> 4174 </div> 4175</div> 4176 </div></div><div class="header__goto-link center margin-top-1rem"> 4177 <a 4178 href="/collections/brands" 4179 class="link link-effect-no-underline align-center justify-center font-body-semi-bold" 4180 4181 > 4182 Go to BRANDS 4183<svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
4183ox="0 0 24 24" fill="none"><path d="M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 4184 </div></div></details> 4185 </header-menu></li><li><header-menu 4186 4187 > 4188 <details id="Details-HeaderMenu-7" class="mega-menu"> 4189 <summary 4190 class="header__menu-item header__menu-item--top list-menu__item link h6 header__menu-item--link" 4191 data-href="/collections/apparel" 4192 4193 > 4194 <span class="link-effect-no-underline">APPAREL</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret light"> 4195 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 4196</svg> </summary><div 4197 id="MegaMenu-Content-7" 4198 class="mega-menu__content gradient motion-reduce global-settings-popup mega-menu__content--has-go-to-link" 4199 tabindex="-1" 4200 > 4201 <div class="page-width flex mega-menu__content__inner flex-wrap"> 4202 <ul class="mega-menu__list mega-menu__list--center mega-menu__column--span3" role="list"><li> 4203 <a href="/collections/shirts" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 4204 <span class="link-effect-no-underline">Shirts</span></a><ul class="list-unstyled" role="list"><li> 4205 <a href="/collections/short-sleeve" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4206 <span class="link-effect-no-underline">Short Sleeve</span></a> 4207 </li><li> 4208 <a href="/collections/sweatshirts-hoodies" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4209 <span class="link-effect-no-underline">Sweatshirts & Hoodies</span></a> 4210 </li><li> 4211 <a href="/collections/kids" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4212 <span class="link-effect-no-underline">Kids</span></a> 4213 </li></ul></li><li> 4214 <a href="/collections/hats" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 4215 <span class="link-effect-no-underline">Hats</span></a><ul class="list-unstyled" role="list"><li> 4216 <a href="/collections/hats" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4217 <span class="link-effect-no-underline">All hats</span></a> 4218 </li></ul></li><li> 4219 <a href="/collections/accessories" class="link mega-menu__link font-heading-bold mega-menu__link--title h4"> 4220 <span class="link-effect-no-underline">Accessories</span></a><ul class="list-unstyled" role="list"><li> 4221 <a href="/collections/accessories" class="mega-menu__link link header-menu__link-sub font-body-semi-bold text-small"> 4222 <span class="link-effect-no-underline">All accessories</span></a> 4223 </li></ul></li></ul> 4224 4225<div class="mega-menu__column mega-menu__column--last mega-menu__column--span1 mega-menu__column--allow-full"> 4226 <div class="mega-menu__column__item" > 4227 <div class="card-wrapper contains-card--collection card-radius por card--shadow overflow-hidden"> 4228 <div class="card card--media"> 4229 <div class="card__inner"> 4230 <div class="card__media"> 4231 <div class="media media--hover-effect w100 ratio" style="--ratio-percent: 100%;"> 4232 4233<img src="//vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=1000" alt="Hats" srcset="//vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=165 165w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=360 360w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=533 533w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=720 720w, //vbarbershop.com/cdn/shop/files/Hats.jpg?v=1712938897&width=940 940w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1600px) 367px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" class="motion-reduce"> 4234 4235 </div> 4236 </div><div class="card__content card__content--overlay-text mega-menu__overlay color-scheme-f6247c22-0fb4-4af3-9b26-2c1551b88137 align-end" style="--overlay-opacity:0.0"> 4237 <div class="card__information center mega-menu__promotion-info" style="--text-position:3;"><div class="caption-large">SHOP ALL HATS</div><div class="mega-menu__heading-promo h3 card__heading font-heading-bold"> 4238 <a href="/collections/hats" class="full-unstyled-link"> 4239 4240 </a> 4241 </div></div> 4242 </div></div></div> 4243 </div> 4244</div> 4245 </div></div><div class="header__goto-link center margin-top-1rem"> 4246 <a 4247 href="/collections/apparel" 4248 class="link link-effect-no-underline align-center justify-center font-body-semi-bold" 4249 4250 > 4251 Go to APPAREL 4252<svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
4252ox="0 0 24 24" fill="none"><path d="M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a> 4253 </div></div></details> 4254 </header-menu></li><li><a 4255 href="/collections/last-chance" 4256 class="header__menu-item header__menu-item--top header__menu-item list-menu__item link h6" 4257 4258 4259 4260 > 4261 <span class="link-effect-no-underline">LAST CHANCE</span></a></li></ul> 4262 </nav><div class="header__menu-labels align-self-center small-hide medium-hide"> 4263 <ul class="list-unstyled flex margin0"><li 4264 4265 ><a href="/pages/store-locator" class="flex header__menu-labels__item link align-center"> 4266 <div class="rq-image-icons-location"> 4267 <img src="//vbarbershop.com/cdn/shop/files/Location.png?v=1708706788" alt="Location pin icon in gold"> 4268 </div> 4269 4270 <span class="text-small">FIND A LOCATION</span></a></li></ul> 4271 </div></div></div> 4272 </header> 4273</sticky-header> 4274
4275<script type="application/ld+json"> 4276 { 4277 "@context": "http://schema.org", 4278 "@type": "Organization", 4279 "name": "V\u0026#39;s Barbershop", 4280 4281 "logo": "https:\/\/vbarbershop.com\/cdn\/shop\/files\/Vs-Round-Logo.png?v=1695653544\u0026width=2305", 4282 4283 "sameAs": [ 4284 "https:\/\/twitter.com\/vbarbershop", 4285 "https:\/\/www.facebook.com\/vbarbershop\/", 4286 "https:\/\/www.pinterest.com\/vbarbershop\/", 4287 "https:\/\/www.instagram.com\/v_barbershop\/", 4288 "https:\/\/www.tiktok.com\/@vs_barbershop", 4289 "", 4290 "", 4291 "https:\/\/www.youtube.com\/user\/Vbarbershop", 4292 "" 4293 ], 4294 "url": "https:\/\/vbarbershop.com" 4295 } 4296</script>
4296</div> 4297<!-- END sections: header-group --><main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> 4298 <section id="shopify-section-template--26520541036844__main" class="shopify-section section"><product-info 4299 id="MainProduct-template--26520541036844__main" 4300 class="product-section section-template--26520541036844__main-padding has-background-input db" 4301 data-section="template--26520541036844__main" 4302 data-update-url="true" 4303 data-url="/products/vs-shaving-face-essentials-kit" 4304 data-sync-element="ProductInfo-Sticky-template--26520541036844__main" 4305 data-option-size="1" 4306> 4307<link href="//vbarbershop.com/cdn/shop/t/124/assets/section-main-product.css?v=110018148403965629091785190627" rel="stylesheet" type="text/css" media="all" /> 4308<link href="//vbarbershop.com/cdn/shop/t/124/assets/component-accordion.css?v=60137958923968862881785190567" rel="stylesheet" type="text/css" media="all" /> 4309 4310<link href="//vbarbershop.com/cdn/shop/t/124/assets/component-rating.css?v=138824523743739711331785190585" rel="stylesheet" type="text/css" media="all" /> 4311<link href="//vbarbershop.com/cdn/shop/t/124/assets/component-loading-overlay.css?v=155189480257543581321785190579" rel="stylesheet" type="text/css" media="all" /> 4312<link href="//vbarbershop.com/cdn/shop/t/124/assets/component-deferred-media.css?v=76924405248198464971785190574" rel="stylesheet" type="text/css" media="all" /> 4313<style> 4314 .section-template--26520541036844__main-padding { 4315 padding-top: 0px; 4316 padding-bottom: 0px; 4317 } 4318 4319 .breadcrumb { 4320 padding-bottom: 1.5rem; 4321 } 4322 4323 @media screen and (min-width: 750px) { 4324 .section-template--26520541036844__main-padding { 4325 padding-top: 0px; 4326 padding-bottom: 0px; 4327 } 4328 4329 .breadcrumb { 4330 padding-bottom: 3.2rem; 4331 } 4332 }.sticky-cart-template--26520541036844__main { 4333 --right-position: 1.5rem; 4334 position: fixed; 4335 bottom: 1.5rem; 4336 transform: translateY(calc(100% + 3rem)); 4337 max-width: calc(min(var(--page-width), 100vw) - (var(--right-position) * 2)); 4338 }#MediaGallery-template--26520541036844__main{ 4339 --object-fit:cover; 4340 } 4341</style>
4342<script src="//vbarbershop.com/cdn/shop/t/124/assets/product-info.js?v=21526032989884524931785190613" defer="defer"></script>
4342<div class=" background-input product-section__padding"><div class="page-width"> 4343 <div class="product product--medium product--media-left product--thumbnail product--mobile-hide grid grid--1-col grid--gapless grid--2-col-tablet w100"> 4344 <div class="grid__item product__media-wrapper product__sticky"><media-gallery id="MediaGallery-template--26520541036844__main" role="region" class="product__media-gallery" aria-label="Gallery Viewer" data-desktop-layout="thumbnail"> 4345 <div id="GalleryStatus-template--26520541036844__main" class="visually-hidden" role="status"></div> 4346 <slider-component id="GalleryViewer-template--26520541036844__main" class="slider-mobile-gutter por"> 4347 <a class="skip-to-content-link button visually-hidden" href="#ProductInfo-template--26520541036844__main" data-no-instant> 4348 <span>Skip to product information</span> 4349 </a> 4350 <ul id="Slider-Gallery-template--26520541036844__main" class="product__media-list contains-media grid list-unstyled slider slider--mobile slider--tablet slider--desktop slider--everywhere" role="list"><li id="Slide-template--26520541036844__main-43515900723500" class="w100 product__media-item grid__item slider__slide is-active flex-wrap" data-media-id="template--26520541036844__main-43515900723500"> 4351 4352<a class="product__modal-opener product__modal-opener--image w100" href="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=800" data-pswp-width="800" data-pswp-height="1000" aria-label="Open media 1 in modal" tabindex="-1"> 4353 <span class="product__media-icon motion-reduce quick-add-hidden no-js-hidden" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-zoom" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4354 <rect width="22" height="21.9998" fill="none"/> 4355 <path d="M8.59999 13.4L3 19" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4356 <path d="M19.0001 3L13.4001 8.59999" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4357 <path d="M13.4001 13.4L19.0001 19" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4358 <path d="M3 3L8.59999 8.59999" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4359 <path d="M14.1998 3H18.9998V7.79999" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4360 <path d="M7.79999 19H3V14.2" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4361 <path d="M3 7.79999V3H7.79999" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4362 <path d="M18.9998 14.2V19H14.1998" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4363</svg> 4364 </span> 4365 4366 <div class="w100 product__media media ratio" style="--ratio-percent: 125.0%;"> 4367 4368<img src="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=150 150w, //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=493 493w, //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=600 600w, //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=713 713w" width="800" height="1217" loading="eager" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)" fetchpriority="high"> 4369</div><svg version="1.1" id="L5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 4370 viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve" class="product__media-loading no-js-hidden"> 4371 <circle fill="currentColor" stroke="none" cx="10" cy="50" r="10"> 4372 <animateTransform 4373 attributeName="transform" 4374 dur="1s" 4375 type="translate" 4376 values="0 15 ; 0 -15; 0 15" 4377 repeatCount="indefinite" 4378 begin="0.1"/> 4379 </circle> 4380 <circle fill="currentColor" stroke="none" cx="50" cy="50" r="10"> 4381 <animateTransform 4382 attributeName="transform" 4383 dur="1s" 4384 type="translate" 4385 values="0 10 ; 0 -10; 0 10"
4386 repeatCount="indefinite" 4387 begin="0.2"/> 4388 </circle> 4389 <circle fill="currentColor" stroke="none" cx="90" cy="50" r="10"> 4390 <animateTransform 4391 attributeName="transform" 4392 dur="1s" 4393 type="translate" 4394 values="0 5 ; 0 -5; 0 5" 4395 repeatCount="indefinite" 4396 begin="0.3"/> 4397 </circle> 4398</svg></a> 4399 </li><li id="Slide-template--26520541036844__main-43527284818220" class="w100 product__media-item grid__item slider__slide flex-wrap product__media-item--full" data-media-id="template--26520541036844__main-43527284818220"> 4400 4401<noscript class="w100"> 4402 <span class="product__media-icon motion-reduce"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4403 <rect width="22" height="21.9998" fill="none"/> 4404 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4405</svg> </span> 4406 <div class="w100 product__media media gradient" style="padding-top: 75.0%;"> 4407 4408<img src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=150 150w, //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=480 480w" width="480" height="730" loading="lazy" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)"> 4409</div> 4410 <a href="https://www.youtube.com/embed/2a8Fudd8Olg?controls=1&enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fvbarbershop.com&playsinline=1&rel=0" class="product__media-toggle"> 4411 <span class="visually-hidden">V&#39;s SHAVING FACE⢠ESSENTIALS KIT opens full screen video in same window.</span> 4412 </a> 4413 </noscript><deferred-media class="deferred-media gradient media no-js-hidden product__deferred-media w100" style="--ratio-percent: 56.49717514124294%;" data-media-id="43527284818220" data-autoplay="1"><button id="Deferred-Poster-Modal-43527284818220" class="deferred-media__poster" type="button"> 4414 <span class="deferred-media__poster-button motion-reduce"><span class="visually-hidden">Play video</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4415 <rect width="22" height="21.9998" fill="none"/> 4416 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4417</svg> </span> 4418 4419<img src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=150 150w, //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=480 480w" width="480" height="730" loading="lazy" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)"> 4420</button> 4421 <template><iframe frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" class="js-youtube" loading="lazy" src="https://www.youtube.com/embed/2a8Fudd8Olg?autoplay=1&controls=1&enablejsapi=1&loop=0&modestbranding=1&mute=1&origin=https%3A%2F%2Fvbarbershop.com&playlist=2a8Fudd8Olg&playsinline=1&rel=0" title="V's SHAVING FACE⢠ESSENTIALS KIT"></iframe></template></deferred-media></li><li id="Slide-template--26520541036844__main-43527285047596" class="w100 product__media-item grid__item slider__slide flex-wrap product__media-item--full" data-media-id="template--26520541036844__main-43527285047596"> 4422 4423<noscript class="w100"> 4424 <span class="product__media-icon motion-reduce"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4425 <rect width="22" height="21.9998" fill="none"/> 4426 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4427</svg> </span> 4428 <div class="w100 product__media media gradient" style="padding-top: 75.0%;"> 4429 4430<img src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=150 150w, //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=480 480w" width="480" height="730" loading="lazy" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)"> 4431</div> 4432 <a href="https://www.youtube.com/embed/Vdy6MAUKFmE?controls=1&enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fvbarbershop.com&playsinline=1&rel=0" class="product__media-toggle">
4433 <span class="visually-hidden">V&#39;s SHAVING FACE⢠ESSENTIALS KIT opens full screen video in same window.</span> 4434 </a> 4435 </noscript><deferred-media class="deferred-media gradient media no-js-hidden product__deferred-media w100" style="--ratio-percent: 56.49717514124294%;" data-media-id="43527285047596" data-autoplay="1"><button id="Deferred-Poster-Modal-43527285047596" class="deferred-media__poster" type="button"> 4436 <span class="deferred-media__poster-button motion-reduce"><span class="visually-hidden">Play video</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4437 <rect width="22" height="21.9998" fill="none"/> 4438 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4439</svg> </span> 4440 4441<img src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=150 150w, //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=480 480w" width="480" height="730" loading="lazy" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)"> 4442</button> 4443 <template><iframe frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" class="js-youtube" loading="lazy" src="https://www.youtube.com/embed/Vdy6MAUKFmE?autoplay=1&controls=1&enablejsapi=1&loop=0&modestbranding=1&mute=1&origin=https%3A%2F%2Fvbarbershop.com&playlist=Vdy6MAUKFmE&playsinline=1&rel=0" title="V's SHAVING FACE⢠ESSENTIALS KIT"></iframe></template></deferred-media></li><li id="Slide-template--26520541036844__main-43527285604652" class="w100 product__media-item grid__item slider__slide flex-wrap product__media-item--full" data-media-id="template--26520541036844__main-43527285604652"> 4444 4445<noscript class="w100"> 4446 <span class="product__media-icon motion-reduce"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4447 <rect width="22" height="21.9998" fill="none"/> 4448 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4449</svg> </span> 4450 <div class="w100 product__media media gradient" style="padding-top: 75.0%;"> 4451 4452<img src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=150 150w, //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=480 480w" width="480" height="730" loading="lazy" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)"> 4453</div> 4454 <a href="https://www.youtube.com/embed/Uy5MecIj9us?controls=1&enablejsapi=1&modestbranding=1&origin=https%3A%2F%2Fvbarbershop.com&playsinline=1&rel=0" class="product__media-toggle"> 4455 <span class="visually-hidden">V&#39;s SHAVING FACE⢠ESSENTIALS KIT opens full screen video in same window.</span> 4456 </a> 4457 </noscript><deferred-media class="deferred-media gradient media no-js-hidden product__deferred-media w100" style="--ratio-percent: 56.49717514124294%;" data-media-id="43527285604652" data-autoplay="1"><button id="Deferred-Poster-Modal-43527285604652" class="deferred-media__poster" type="button"> 4458 <span class="deferred-media__poster-button motion-reduce"><span class="visually-hidden">Play video</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4459 <rect width="22" height="21.9998" fill="none"/> 4460 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4461</svg> </span> 4462 4463<img src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=1946" alt="V's SHAVING FACE⢠ESSENTIALS KIT" srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=150 150w, //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=480 480w" width="480" height="730" loading="lazy" sizes="(min-width: 1600px) 825px, (min-width: 750px) calc(55.0vw - 10rem), calc(100vw / 1 - 4rem)"> 4464</button> 4465 <template><iframe frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" class="js-youtube" loading="lazy" src="https://www.youtube.com/embed/Uy5MecIj9us?autoplay=1&controls=1&enablejsapi=1&loop=0&modestbranding=1&mute=1&origin=https%3A%2F%2Fvbarbershop.com&playlist=Uy5MecIj9us&playsinline=1&rel=0" title="V's SHAVING FACE⢠ESSENTIALS KIT"></iframe></template></deferred-media></li></ul><div class="slider-buttons no-js-hidden medium-hide large-up-hide flex justify-center align-center"> 4466 <button type="button" class="product__slider-button slider-button--large product__slider-button--prev slider-button flex flex-column justify-center align-center slider-button--prev tap-area-icon" name="previous" aria-label="Slide left"><span></span> 4467<span></span></button> 4468 <button type="button" class="product__slider-button slider-button--large product__slider-button--next slider-button flex flex-column justify-center align-center slider-button--next tap-area-icon" name="next" aria-label="Slide right"><span></span> 4469<span></span></button> 4470 </div> </slider-component><slider-component id="GalleryThumbnails-template--26520541036844__main" class="por thumbnail-slider slider-mobile-gutter flex align-center small-hide small-margin-top slider-component-mobile"> 4471 <button type="button" class="product__slider-button--prev slider-button flex flex-column justify-center align-center slider-button--prev tap-area-icon small-hide medium-hide large-up-hide" name="previous" aria-label="Slide left" aria-controls="GalleryThumbnails-template--26520541036844__main"><span></span> 4472<span></span></button> 4473 <ul id="Slider-Thumbnails-template--26520541036844__main" class="thumbnail-list list-unstyled slider slider--mobile flex align-center thumbnail-list--grid-on-desktop thumbnail-list--center-mobile thumbnail-list--center-tablet-up"><li id="Slide-Thumbnails-template--26520541036844__main-0" class="thumbnail-list__item slider__slide por" data-target="template--26520541036844__main-43515900723500" data-media-position="1"><button class="w100 h100 thumbnail global-media-settings--small media ratio thumbnail--narrow" 4474 aria-label="Load image 1 in gallery view" 4475 aria-current="true" 4476 aria-controls="GalleryViewer-template--26520541036844__main" 4477 aria-describedby="Thumbnail-template--26520541036844__main-0" 4478 style="--ratio-percent:125.0%;" 4479 > 4480 <img id="Thumbnail-template--26520541036844__main-0" srcset="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=59 59w, 4481 //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=118 118w, 4482 //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=84 84w, 4483 //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=168 168w, 4484 //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=130 130w, 4485 //vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=260 260w" 4486 src="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=416" 4487 sizes="(min-width: 1600px) calc((825 - 4rem) / 4), (min-width: 990px) calc((55.0vw - 4rem) / 4), (min-width: 750px) calc((100vw - 15rem) / 8), calc((100vw - 14rem) / 3)" 4488 alt="V's SHAVING FACE⢠ESSENTIALS KIT" 4489 height="208" 4490 width="208" 4491 loading="lazy" 4492 > 4493 </button> 4494 </li><li id="Slide-Thumbnails-template--26520541036844__main-2" class="thumbnail-list__item slider__slide por" data-target="template--26520541036844__main-43527284818220" data-media-position="1"><span class="thumbnail__badge" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4495 <rect width="22" height="21.9998" fill="none"/> 4496 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4497</svg> </span><button class="w100 h100 thumbnail global-media-settings--small media ratio thumbnail--wide" 4498 aria-label="Play video 1 in gallery view" 4499 4500 aria-controls="GalleryViewer-template--26520541036844__main" 4501 aria-describedby="Thumbnail-template--26520541036844__main-2" 4502 style="--ratio-percent:75.0%;" 4503 > 4504 <img id="Thumbnail-template--26520541036844__main-2" 4505 srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=59 59w, 4506 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=118 118w, 4507 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=84 84w, 4508 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=168 168w, 4509 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=130 130w, 4510 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?v=1773254898&width=260 260w" 4511 src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_3934e66c-2339-45a1-97de-17d6e8f50598.jpg?crop=center&height=84&v=1773254898&width=84" 4512 sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)" 4513 alt="V's SHAVING FACE⢠ESSENTIALS KIT" 4514 height="200" 4515 width="200" 4516 loading="lazy" 4517 > 4518 </button> 4519 </li><li id="Slide-Thumbnails-template--26520541036844__main-3" class="thumbnail-list__item slider__slide por" data-target="template--26520541036844__main-43527285047596" data-media-position="2"><span class="thumbnail__badge" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4520 <rect width="22" height="21.9998" fill="none"/> 4521 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4522</svg> </span><button class="w100 h100 thumbnail global-media-settings--small media ratio thumbnail--wide" 4523 aria-label="Play video 2 in gallery view" 4524 4525 aria-controls="GalleryViewer-template--26520541036844__main" 4526 aria-describedby="Thumbnail-template--26520541036844__main-3" 4527 style="--ratio-percent:75.0%;" 4528 > 4529 <img id="Thumbnail-template--26520541036844__main-3" 4530 srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=59 59w, 4531 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=118 118w, 4532 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=84 84w, 4533 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=168 168w, 4534 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=130 130w, 4535 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?v=1773254933&width=260 260w" 4536 src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_86d91873-9fbd-484f-a741-930961656ba2.jpg?crop=center&height=84&v=1773254933&width=84" 4537 sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)" 4538 alt="V's SHAVING FACE⢠ESSENTIALS KIT" 4539 height="200" 4540 width="200" 4541 loading="lazy" 4542 > 4543 </button> 4544 </li><li id="Slide-Thumbnails-template--26520541036844__main-4" class="thumbnail-list__item slider__slide por" data-target="template--26520541036844__main-43527285604652" data-media-position="3"><span class="thumbnail__badge" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 4545 <rect width="22" height="21.9998" fill="none"/> 4546 <path d="M6.7063 19.2629V3C6.7063 3 14.1601 8.42098 18 11.1315C14.1601 13.842 6.7063 19.2629 6.7063 19.2629Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/> 4547</svg> </span><button class="w100 h100 thumbnail global-media-settings--small media ratio thumbnail--wide" 4548 aria-label="Play video 3 in gallery view" 4549 4550 aria-controls="GalleryViewer-template--26520541036844__main" 4551 aria-describedby="Thumbnail-template--26520541036844__main-4" 4552 style="--ratio-percent:75.0%;" 4553 > 4554 <img id="Thumbnail-template--26520541036844__main-4" 4555 srcset="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=59 59w, 4556 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=118 118w, 4557 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=84 84w, 4558 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=168 168w, 4559 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=130 130w, 4560 //vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?v=1773254953&width=260 260w" 4561 src="//vbarbershop.com/cdn/shop/files/preview_images/hqdefault_bc396632-3315-4dd5-9ec1-24b094a71d87.jpg?crop=center&height=84&v=1773254953&width=84" 4562
4562 sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)" 4563 alt="V's SHAVING FACE⢠ESSENTIALS KIT" 4564 height="200" 4565 width="200" 4566 loading="lazy" 4567 > 4568 </button> 4569 </li></ul> 4570 <button type="button" class="product__slider-button--next slider-button flex flex-column justify-center align-center slider-button--next tap-area-icon small-hide medium-hide large-up-hide" name="next" aria-label="Slide right" aria-controls="GalleryThumbnails-template--26520541036844__main"><span></span> 4571<span></span></button> 4572 </slider-component></media-gallery></div> 4573 <div class="product__info-wrapper product__info-wrapper-media-left grid__item por" style="--gap-desktop:23px;--gap-mobile:10px;"> 4574 <div 4575 id="ProductInfo-template--26520541036844__main" 4576 class="product__info-container accordion-wrapper--dividers" 4577 ><div class="product__title" ><a href="/collections/vendors?q=V%27s%20Barbershop" class="link color-foreground db w100 product__vendor-link font-body-semi-bold break"><span>By</span> V's Barbershop</a><h1 class="font-heading-extra-bold margin0 h2">V's SHAVING FACE⢠ESSENTIALS KIT</h1> 4578 </div><p class="product__text 4579 subtitle subtitle--medium 4580 4581 4582 break margin0 4583 " 4584 4585 4586 > 4587 4588 4589 <span>THE PERFECT SHAVE ROUTINE</span> 4590 </p><div id="shopify-block-AcTQvOUUxZFZFOHl2T__judge_me_reviews_preview_badge_QNR7Vf" class="shopify-block shopify-app-block"> 4591<div class='jdgm-widget jdgm-preview-badge' 4592 data-id='10246975684908' 4593 data-template='manual-installation'> 4594 <div style='display:none' class='jdgm-prev-badge' data-average-rating='0.00' data-number-of-reviews='0' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='0.00' tabindex='0' aria-label='0.00 stars' role='button'> <span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span> </span> <span class='jdgm-prev-badge__text'> No reviews </span> </div> 4595</div> 4596 4597 4598 4599 4600</div><div class="rte product__rte 4601 4602 4603 " 4604 4605 4606 > 4607 <p><span class="metafield-multi_line_text_field">Everything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can bring the quality of a Vâs Barbershop shave into your daily routine. Formulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time. Get $5 off when you buy all three shave staples together! <br /> 4608<br /> 4609WHAT'S INCLUDED:<br /> 4610(1) V's Barbershop Shave Prep<br /> 4611(1) V's Barbershop Shave Cream<br /> 4612(1) V's Barbershop Authentic Barbershop Tonic</span></p> 4613 </div> 4614 <div class="rq_metafield_custom_section flex-container"> 4615 <div class="flex-child"><img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Face.svg?v=1706053933" alt="Vbarbershop icon face"><h3>FACE</h3></div> 4616 <div class="flex-child"><h4>USED ON: </h4><p><span class="metafield-multi_line_text_field">All skin types</span></p><h4>WHEN TO USE:</h4><p><span class="metafield-multi_line_text_field">Use in the morning for your shave routine.</span></p> 4617</div> 4618 </div> 4619 4620<div class="product__price-block"> 4621 <div id="price-top-template--26520541036844__main" class="rq_product_style" ><div class="no-js-hidden" id="price-template--26520541036844__main" role="status"> 4622<div class="price price--large flex align-center price--on-sale 4623 4624 price--show-badge price--out-card"> 4625 <div class="price__container"><div class="price__regular">
4626 <span class="visually-hidden visually-hidden--inline">Regular price</span> 4627 <span class="price-item price-item--regular"> 4628 $43.00 4629 </span> 4630 </div> 4631 <div class="price__sale"> 4632 <span class="visually-hidden visually-hidden--inline">Regular price</span> 4633 <span class="flex align-center"> 4634 <s class="price-item price-item--regular"> 4635 4636 $48.00 4637 4638 </s></span> 4639 <span class="visually-hidden visually-hidden--inline">Sale price</span> 4640 <span class="price-item price-item--sale price-item--last"> 4641 $43.00 4642 </span> 4643 </div><small class="unit-price caption hidden"> 4644 <span class="visually-hidden">Unit price</span> 4645 <span class="price-item price-item--last"> 4646 <span></span> 4647 <span aria-hidden="true">/</span> 4648 <span class="visually-hidden"> per </span> 4649 <span> 4650 </span> 4651 </span> 4652 </small></div> 4653 4654 4655 4656 4657 4658 4659 4660 4661 4662 4663 4664 4665 4666 4667 <span class="price__badge lh1 color-foreground bundle" style="color: white; background: #2C4F44"> 4668 Bundle & Save 4669 </span> 4670 4671</div> 4672</div></div><div class="product__tax caption rte margin-top-1rem">Taxes and <a href="/policies/shipping-policy">shipping</a> calculated at checkout 4673</div><div class="margin-top-1rem"><form method="post" action="/cart/add" id="product-form-installment-template--26520541036844__main" accept-charset="UTF-8" class="installment text-small" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input class="rq-get-id" type="hidden" name="id" value="52716699386156"> 4674 <shopify-payment-terms variant-id="52716699386156" shopify-meta="{"type":"product","currency_code":"USD","country_code":"US","variants":[{"id":52716699386156,"price_per_term":"$21.50","full_price":"$43.00","eligible":true,"available":true,"number_of_payment_terms":2}],"min_price":"$35.00","max_price":"$30,000.00","financing_plans":[{"min_price":"$35.00","max_price":"$49.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":2}]},{"min_price":"$50.00","max_price":"$149.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":3},{"apr":0,"loan_type":"split_pay","installments_count":4}]},{"min_price":"$150.00","max_price":"$999.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":3},{"apr":0,"loan_type":"split_pay","installments_count":4},{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}]},{"min_price":"$1,000.00","max_price":"$30,000.00","terms":[{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}]}],"installments_buyer_prequalification_enabled":false,"seller_id":1159874}"></shopify-payment-terms> 4675<input type="hidden" name="product-id" value="10246975684908" /><input type="hidden" name="section-id" value="template--26520541036844__main" /></form></div></div><div class="product__sale-box product__info-box flex flex-column overflow-hidden" > 4676 4677 4678<div class="product__sale-box__actions"><product-form class="product-form" data-hide-errors="false"> 4679 <div class="product-form__error-message-wrapper alert alert--error alert--no-button" role="alert" hidden> 4680 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13"> 4681 <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/> 4682 <circle cx="6.5" cy="6.5" r="5.5" fill="currentColor" stroke="currentColor" stroke-width="0.7"/>
4683 <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/> 4684 <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"> 4685 </svg> 4686 <span class="product-form__error-message"></span> 4687 </div><form method="post" action="/cart/add" id="product-form-template--26520541036844__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52716699386156" class="product-variant-id"><div class="product-form__buttons product-form__buttons--input product-form__quantity-wrapper product-form__buttons-single" id="Quantity-Form-template--26520541036844__main"><label class="quantity__label caption" for="Quantity-template--26520541036844__main"> 4688 Quantity 4689 <div class="quantity__label__loading loading__spinner hidden"><svg version="1.1" id="L5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 4690 viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"> 4691 <circle fill="currentColor" stroke="none" cx="10" cy="50" r="10"> 4692 <animateTransform 4693 attributeName="transform" 4694 dur="1s" 4695 type="translate" 4696 values="0 15 ; 0 -15; 0 15" 4697 repeatCount="indefinite" 4698 begin="0.1"/> 4699 </circle> 4700 <circle fill="currentColor" stroke="none" cx="50" cy="50" r="10"> 4701 <animateTransform 4702 attributeName="transform" 4703 dur="1s" 4704 type="translate" 4705 values="0 10 ; 0 -10; 0 10" 4706 repeatCount="indefinite" 4707 begin="0.2"/> 4708 </circle> 4709 <circle fill="currentColor" stroke="none" cx="90" cy="50" r="10"> 4710 <animateTransform 4711 attributeName="transform" 4712 dur="1s" 4713 type="translate" 4714 values="0 5 ; 0 -5; 0 5" 4715 repeatCount="indefinite" 4716 begin="0.3"/> 4717 </circle> 4718</svg></div> 4719 <span class="quantity__rules-cart hidden"> 4720 <span class="quantity__rules-cart__number background-input" 4721 ><strong class="quantity-cart">0</strong> in cart</span 4722 > 4723 </span> 4724</label><div class="product-form__input product-form__quantity"> 4725 <quantity-input class="quantity flex align-center color-foreground por"> 4726 <input class="quantity__input flex-grow-1 center background-input" 4727 type="number" 4728 name="quantity" 4729 id="Quantity-template--26520541036844__main" 4730 aria-label="Quantity" 4731 data-cart-quantity="0" 4732 data-min="1" 4733 min="1" 4734 4735 step="1" 4736 value="1" 4737 > 4738 <div class="quantity__buttons flex flex-column flex-grow-1"> 4739 <button class="quantity__button flex justify-center align-center no-js-hidden w100 color-foreground" name="plus" type="button"> 4740 <span class="visually-hidden">Increase quantity for V&#39;s SHAVING FACE⢠ESSENTIALS KIT</span> 4741 <svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4742 <path d="M10.6666 5.33331L5.99992 0.666646L1.33325 5.33331" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 4743 </svg> 4744 </button> 4745 <button class="quantity__button flex justify-center align-center no-js-hidden w100 color-foreground" name="minus" type="button">
4746 <span class="visually-hidden">Decrease quantity for V&#39;s SHAVING FACE⢠ESSENTIALS KIT</span> 4747 <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4748 <path d="M10.6666 1.16663L5.99992 5.83329L1.33325 1.16663" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 4749 </svg> 4750 </button> 4751 </div> 4752 </quantity-input> 4753 </div><button 4754 type="submit" 4755 name="add" 4756 class="product-form__submit button flex w100 cart-submit-button button--bold" 4757 4758 4759 id="card-submit-button-template--26520541036844__main" 4760 > 4761 <span>Add to cart 4762</span> 4763 <div class="loading-overlay__spinner hidden"><svg version="1.1" id="L5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 4764 viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"> 4765 <circle fill="currentColor" stroke="none" cx="10" cy="50" r="10"> 4766 <animateTransform 4767 attributeName="transform" 4768 dur="1s" 4769 type="translate" 4770 values="0 15 ; 0 -15; 0 15" 4771 repeatCount="indefinite" 4772 begin="0.1"/> 4773 </circle> 4774 <circle fill="currentColor" stroke="none" cx="50" cy="50" r="10"> 4775 <animateTransform 4776 attributeName="transform" 4777 dur="1s" 4778 type="translate" 4779 values="0 10 ; 0 -10; 0 10" 4780 repeatCount="indefinite" 4781 begin="0.2"/> 4782 </circle> 4783 <circle fill="currentColor" stroke="none" cx="90" cy="50" r="10"> 4784 <animateTransform 4785 attributeName="transform" 4786 dur="1s" 4787 type="translate" 4788 values="0 5 ; 0 -5; 0 5" 4789 repeatCount="indefinite" 4790 begin="0.3"/> 4791 </circle> 4792</svg></div> 4793 </button><div class="product-form__quantity-rules quantity__rules caption flex flex-wrap" id="Quantity-Rules-template--26520541036844__main"></div></div><input type="hidden" name="product-id" value="10246975684908" /><input type="hidden" name="section-id" value="template--26520541036844__main" /></form></product-form><link href="//vbarbershop.com/cdn/shop/t/124/assets/component-pickup-availability.css?v=64560175083448288151785190583" rel="stylesheet" type="text/css" media="all" /> 4794<pickup-availability class="product__pickup-availabilities no-js-hidden" 4795 4796 data-root-url="/" 4797 data-variant-id="52716699386156" 4798 data-has-only-default-variant="true" 4799 > 4800 <template> 4801 <pickup-availability-preview class="pickup-availability-preview"> 4802 <svg xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-unavailable" fill="none" viewBox="0 0 20 20"> 4803 <path fill="#DE3618" stroke="#fff" d="M13.94 3.94L10 7.878l-3.94-3.94A1.499 1.499 0 103.94 6.06L7.88 10l-3.94 3.94a1.499 1.499 0 102.12 2.12L10 12.12l3.94 3.94a1.497 1.497 0 002.12 0 1.499 1.499 0 000-2.12L12.122 10l3.94-3.94a1.499 1.499 0 10-2.121-2.12z"/> 4804</svg> 4805 4806 <div class="pickup-availability-info"> 4807 <p class="text-small">Couldn't load pickup availability</p> 4808 <button class="pickup-availability-button link link--text underlined-link">Refresh</button> 4809 </div> 4810 </pickup-availability-preview> 4811 </template> 4812 </pickup-availability> 4813 </div></div> 4814
4814<script src="//vbarbershop.com/cdn/shop/t/124/assets/pickup-availability.js?v=171404065674639990361785190612" defer="defer"></script>
4814<p class="product__text 4815 caption-with-letter-spacing caption-with-letter-spacing--large uppercase 4816 product__text--with-icon flex align-center 4817 4818 break margin0 4819 " 4820 4821 4822 > 4823 4824 <img class="rq-image-text" src="//vbarbershop.com/cdn/shop/files/FreeShipIcon.svg?v=1779898497" alt="Freeshipicon"> 4825 4826 <span>FREE SHIPPING ON ORDERS OVER $50</span> 4827 </p><p class="product__text 4828 caption-with-letter-spacing caption-with-letter-spacing--large uppercase 4829 product__text--with-icon flex align-center 4830 4831 break margin0 4832 " 4833 4834 4835 > 4836 4837 <img class="rq-image-text" src="//vbarbershop.com/cdn/shop/files/HassleFree.svg?v=1708645046" alt="Hasslefree"> 4838 4839 <span>HASSLE FREE RETURNS</span> 4840 </p><hr ><product-recommendations class="complementary-products no-js-hidden db" data-url="/recommendations/products?section_id=template--26520541036844__main&product_id=10246975684908&limit=3&intent=complementary"><link href="//vbarbershop.com/cdn/shop/t/124/assets/component-complementary-products.css?v=55843985366895710521785190573" rel="stylesheet" type="text/css" media="all" />
4841<script src="//vbarbershop.com/cdn/shop/t/124/assets/product-price.js?v=22113653949164134311785190614" defer="defer"></script>
4841 4842
4842<script src="//vbarbershop.com/cdn/shop/t/124/assets/complementary-products.js?v=144541948729560259751785190567" defer="defer"></script>
4842<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/quick-view.css?v=67797749819578390781785190617" media="print" onload="this.media='all'"></product-recommendations>
4843<script src="//vbarbershop.com/cdn/shop/t/124/assets/product-recommendation.js?v=32853270057649516631785190615" defer="defer"></script>
4843<div> 4844 4845 </div></div> 4846 </div> 4847 </div> 4848 </div> 4849 </div>
4850<script src="//vbarbershop.com/cdn/shop/t/124/assets/media-gallery.js?v=37092624577299428561785190609" defer="defer"></script>
4850<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/photoswipe.css?v=126115040001802602641785190611" media="print" onload="this.media='all'">
4850<script> 4851 document.addEventListener('DOMContentLoaded', function() { 4852 function isIE() { 4853 const ua = window.navigator.userAgent; 4854 const msie = ua.indexOf('MSIE '); 4855 const trident = ua.indexOf('Trident/'); 4856 4857 return (msie > 0 || trident > 0); 4858 } 4859 4860 if (!isIE()) return; 4861 const hiddenInput = document.querySelector('#product-form-template--26520541036844__main input[name="id"]'); 4862 const noScriptInputWrapper = document.createElement('div'); 4863 const variantSwitcher = document.querySelector('variant-radios[data-section="template--26520541036844__main"]') || document.querySelector('variant-selects[data-section="template--26520541036844__main"]'); 4864 noScriptInputWrapper.innerHTML = document.querySelector('.product-form__noscript-wrapper-template--26520541036844__main').textContent; 4865 variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML; 4866 4867 document.querySelector('#Variants-template--26520541036844__main').addEventListener('change', function(event) { 4868 hiddenInput.value = event.currentTarget.value; 4869 }); 4870 }); 4871</script>
4871<script type="application/ld+json"> 4872 { 4873 "@context": "http://schema.org/", 4874 "@type": "Product", 4875 "name": "V's SHAVING FACE⢠ESSENTIALS KIT", 4876 "url": "https:\/\/vbarbershop.com\/products\/vs-shaving-face-essentials-kit", 4877 "productID": "10246975684908", 4878 "image": [ 4879 "https:\/\/vbarbershop.com\/cdn\/shop\/files\/ShavingFaceKit.jpg?v=1773177626\u0026width=800" 4880 ], 4881 "description": "Everything you need for the ultimate shave is in this kit! With the Shaving Face Kit, you can bring the quality of a Vâs Barbershop shave into your daily routine. Formulated by Vâs Barbershop, the leader in authentic barbershop shaving, this simple 3 Step process will give you a close and luxurious shave experience every single time.", 4882 "sku": "VBS158", 4883"brand": { 4884 "@type": "Brand", 4885 "name": "V's Barbershop" 4886 }, 4887 "offers": [{ 4888 "@type" : "Offer","sku": "VBS158","availability" : "http://schema.org/InStock", 4889 "price" : 43.0, 4890 "priceCurrency" : "USD", 4891 "priceValidUntil": "2027-09-25", 4892 "url" : "https:\/\/vbarbershop.com\/products\/vs-shaving-face-essentials-kit?variant=52716699386156" 4893} 4894]} 4895</script>
4895<style> 4896.product-nav__item { 4897 position: fixed; 4898 top: 50%; 4899 z-index: 2; 4900 padding: 1.5rem; 4901} 4902.product-nav__content { 4903 width: 32rem; 4904} 4905.product-nav__item--previous { 4906 inset-inline-start: 0; 4907} 4908.product-nav__item--transform-left { 4909 transform: translate(calc((100% - 3.5rem) * var(--transform-direction)), -50%); 4910} 4911.product-nav__item--next { 4912 inset-inline-end: 0; 4913} 4914.product-nav__item--transform-right { 4915 transform: translate(calc((-100% + 3.5rem) * var(--transform-direction)), -50%); 4916} 4917.product-nav__info { 4918 padding: 0 15px; 4919 width: 70%; 4920} 4921.product-nav__image { 4922 width: 30%; 4923} 4924</style></product-info>
4924<script src="//vbarbershop.com/cdn/shop/t/124/assets/sticky-cart.js?v=138292385603903990031785190632" defer="defer"></script>
4924 4925 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-sticky-cart.css?v=109960443426680186931785190592" media="print" onload="this.media='all'"> 4926 <noscript><link href="//vbarbershop.com/cdn/shop/t/124/assets/component-sticky-cart.css?v=109960443426680186931785190592" rel="stylesheet" type="text/css" media="all" /></noscript><sticky-cart data-form="product-form-template--26520541036844__main" class="sticky-cart-template--26520541036844__main no-js-hidden" data-section="Sticky-template--26520541036844__main" data-sticky-type="on_scroll_up"> 4927 <product-info 4928 id="ProductInfo-Sticky-template--26520541036844__main" 4929 class="flex sticky-cart__inner justify-space-between flex-wrap gradient" 4930 data-section="Sticky-template--26520541036844__main" 4931 data-original-section="template--26520541036844__main" 4932 data-url="/products/vs-shaving-face-essentials-kit" 4933 data-sync-element="MainProduct-template--26520541036844__main" 4934 data-option-size="1" 4935 data-in-sticky="true" 4936 > 4937 <div class="sticky-cart__price-media flex align-center"> 4938 <div class="sticky-cart__media small-hide" id="Featured-Media-Sticky-template--26520541036844__main"><img src="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=150" alt="" srcset="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=150 150w" width="150" height="188" loading="lazy" id="sticky-media-template--26520541036844__main"> 4939</div><div class="price price--sticky" id="price-Sticky-template--26520541036844__main"> 4940<div class="price price--on-sale 4941 price--in-card 4942"> 4943 <div class="price__container break"><div class="price__regular"> 4944 <span class="visually-hidden visually-hidden--inline">Regular price</span> 4945 <span class="price-item price-item--regular"> 4946 $43.00 4947 </span> 4948 </div> 4949 <div class="price__sale flex-column"> 4950 <span class="visually-hidden visually-hidden--inline">Regular price</span> 4951 <span class="flex align-center"> 4952 <s class="price-item price-item--regular"> 4953 4954 $48.00 4955 4956 </s></span> 4957 <span class="visually-hidden visually-hidden--inline">Sale price</span> 4958 <span class="price-item price-item--sale price-item--last price-item--sale-in-card"> 4959 $43.00 4960 </span> 4961 </div></div></div> 4962</div> 4963 </div><div class="sticky-cart__form flex align-center"><product-form class="product-form flex"><form method="post" action="/cart/add" id="product-form-Sticky-template--26520541036844__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><div class="product-form__quantity-wrapper hidden" id="Quantity-Form-Sticky-template--26520541036844__main"> 4964 <input type="hidden" name="id" value="52716699386156" disabled> 4965 <input class="quantity__input hidden" 4966 type="number" 4967 name="quantity" 4968 id="Quantity-Sticky-template--26520541036844__main" 4969 aria-label="Quantity" 4970 data-cart-quantity="0" 4971 data-min="1" 4972 min="1" 4973 4974 step="1" 4975 value="1" 4976 > 4977 </div> 4978 <div class="product-form__buttons"> 4979 <button 4980 type="submit" 4981 name="add" 4982 class="sticky-cart__submit product-form__submit button flex w100 button--primary button--medium" 4983 4984 aria-labelledby="card-submit-button-template--26520541036844__main" 4985 > 4986 <span>Add to cart 4987</span> 4988 <div class="loading-overlay__spinner hidden"><svg version="1.1" id="L5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 4989 viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"> 4990 <circle fill="currentColor" stroke="none" cx="10" cy="50" r="10"> 4991 <animateTransform 4992 attributeName="transform" 4993 dur="1s" 4994 type="translate" 4995 values="0 15 ; 0 -15; 0 15"
4996 repeatCount="indefinite" 4997 begin="0.1"/> 4998 </circle> 4999 <circle fill="currentColor" stroke="none" cx="50" cy="50" r="10"> 5000 <animateTransform 5001 attributeName="transform" 5002 dur="1s" 5003 type="translate" 5004 values="0 10 ; 0 -10; 0 10" 5005 repeatCount="indefinite" 5006 begin="0.2"/> 5007 </circle> 5008 <circle fill="currentColor" stroke="none" cx="90" cy="50" r="10"> 5009 <animateTransform 5010 attributeName="transform" 5011 dur="1s" 5012 type="translate" 5013 values="0 5 ; 0 -5; 0 5" 5014 repeatCount="indefinite" 5015 begin="0.3"/> 5016 </circle> 5017</svg></div> 5018 </button> 5019 </div><input type="hidden" name="product-id" value="10246975684908" /><input type="hidden" name="section-id" value="template--26520541036844__main" /></form></product-form> 5020 </div> 5021 </product-info> 5022 </sticky-cart> 5023<style> #shopify-section-template--26520541036844__main p, #shopify-section-template--26520541036844__main a {letter-spacing: 0.1rem; line-height: 24px;} #shopify-section-template--26520541036844__main h1 {margin-bottom: 16px; margin-top: 4px;} #shopify-section-template--26520541036844__main h1.font-heading-extra-bold {text-transform: none !important;} </style></section><section id="shopify-section-template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774" class="shopify-section section banner-grid"><link href="//vbarbershop.com/cdn/shop/t/124/assets/section-image-banner.css?v=104693720240340061451785190624" rel="stylesheet" type="text/css" media="all" /> 5024<link href="//vbarbershop.com/cdn/shop/t/124/assets/section-banner-grid.css?v=2472466212350053401785190619" rel="stylesheet" type="text/css" media="all" /> 5025<style> 5026 #shopify-section-template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774 { 5027 padding-top: 57px; 5028 padding-bottom: 48px; 5029 --cell-spacing: 10px; 5030 --border-radius: 8px; 5031 --popup-corner-radius: 6px; 5032 --border-width: 2px; 5033 --border-opacity: 0.05;}.banner__content--template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-2 { 5034 5035 --color-foreground: 255, 255, 255;--color-button-text: 255, 255, 255; 5036 --color-button: 37, 99, 235; 5037 --color-button-text-outline: 37, 99, 235; 5038 --color-button-outline: 255, 255, 255; 5039 --color-link: var(--color-foreground); 5040 --banner-gap: 1.5rem; 5041 } 5042 5043.banner__content--template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-1 { 5044 5045 --color-foreground: 255, 255, 255;--color-button-text: 255, 255, 255; 5046 --color-button: 37, 99, 235; 5047 --color-button-text-outline: 37, 99, 235; 5048 --color-button-outline: 255, 255, 255; 5049 --color-link: var(--color-foreground); 5050 --banner-gap: 1.5rem; 5051 } 5052 5053@media screen and (min-width: 750px) { 5054 #shopify-section-template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774 { 5055 --cell-spacing: 10px; 5056 --desktop-row-height: 33rem; 5057 --desktop-column-max: 4; 5058 padding-top: 76px; 5059 padding-bottom: 64px; 5060 }#Banner-template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-2 { 5061 --column-span: 2; 5062 --row-span: 1;}.banner__content--template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-2 { 5063 --banner-gap: 1.5rem; 5064 }
5065#Banner-template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-1 { 5066 --column-span: 2; 5067 --row-span: 1;}.banner__content--template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-1 { 5068 --banner-gap: 1.5rem; 5069 } 5070}</style><div class="page-width"><div class="banner-grid__grid contains-media"><div id="Banner-template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-2" class="banner banner-grid__item por flex banner-grid__item--shadow banner--content-align-left banner--content-align-mobile-center banner--medium-mobile" ><parallax-element class="db banner__media media banner-grid__item__media" data-speed="0.5" style="--speed: 0.5;" data-turn-off="true"> 5071 <div class="parallax-ele w100 h100"> 5072 <appear-animate-single class="parallax-inner w100 h100 db media"><img src="//vbarbershop.com/cdn/shop/files/howto_2x_c3a0e3f9-4bbf-4af9-85ab-c1ed130eabd4.png?v=1706568449&width=1500" alt="Howto 2x c3a0e3f9 4bbf 4af9 85ab c1ed130eabd4" srcset="//vbarbershop.com/cdn/shop/files/howto_2x_c3a0e3f9-4bbf-4af9-85ab-c1ed130eabd4.png?v=1706568449&width=375 375w, //vbarbershop.com/cdn/shop/files/howto_2x_c3a0e3f9-4bbf-4af9-85ab-c1ed130eabd4.png?v=1706568449&width=550 550w, //vbarbershop.com/cdn/shop/files/howto_2x_c3a0e3f9-4bbf-4af9-85ab-c1ed130eabd4.png?v=1706568449&width=750 750w, //vbarbershop.com/cdn/shop/files/howto_2x_c3a0e3f9-4bbf-4af9-85ab-c1ed130eabd4.png?v=1706568449&width=1100 1100w, //vbarbershop.com/cdn/shop/files/howto_2x_c3a0e3f9-4bbf-4af9-85ab-c1ed130eabd4.png?v=1706568449&width=1500 1500w" width="1401" height="953.0" loading="lazy" class="" sizes="100vw"> 5073</appear-animate-single> 5074 </div> 5075 </parallax-element><div class="banner-grid__content banner__content banner__content--top-left banner__content--template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-2 page-width banner-grid__content--narrow justify-desktop align-desktop align-center justify-center" 5076 style=" 5077 --justify-desktop: flex-start; 5078 --align-desktop: flex-start; 5079 " 5080 > 5081 <appear-animate-list class="db banner__box banner-grid__item__box background-transparent color-foreground banner-grid__item__box--small size-style size-style--tablet" 5082 data-delay="0.3" 5083 style="--size-style-width-desktop: 90%; 5084 --size-style-width-tablet: 90%; 5085 --size-style-width-mobile: 90%;" 5086 ><h2 class="banner__heading banner-grid__item__heading font-heading-extra-bold h2 appear-animate-item-in-list"> 5087 How to use 5088 </h2> 5089 5090<div class="banner__text banner-grid__item__text rte body appear-animate-item-in-list"> 5091 Follow the 3-step process included in the kit for a close and luxurious shave. Begin with Vâs Shave Prep, apply Vâs Shave Cream, use a high-quality razor for shaving, and finish with Vâs Barbershop Tonic for the perfect after-shave experience. 5092 </div></appear-animate-list> 5093 </div> 5094 </div><div id="Banner-template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-1" class="banner banner-grid__item por flex banner-grid__item--shadow banner--content-align-left banner--content-align-mobile-left banner--medium-mobile" ><parallax-element class="db banner__media media banner-grid__item__media" data-speed="0.5" style="--speed: 0.5;" data-turn-off="true"> 5095 <div class="parallax-ele w100 h100"> 5096 <appear-animate-single class="parallax-inner w100 h100 db media"><img src="//vbarbershop.com/cdn/shop/files/ingredients_2x_1096b1a9-0a6d-466d-bb78-ac6a1fc579e1.png?v=1706568476&width=1500" alt="Ingredients 2x 1096b1a9 0a6d 466d bb78 ac6a1fc579e1" srcset="//vbarbershop.com/cdn/shop/files/ingredients_2x_1096b1a9-0a6d-466d-bb78-ac6a1fc579e1.png?v=1706568476&width=375 375w, //vbarbershop.com/cdn/shop/files/ingredients_2x_1096b1a9-0a6d-466d-bb78-ac6a1fc579e1.png?v=1706568476&width=550 550w, //vbarbershop.com/cdn/shop/files/ingredients_2x_1096b1a9-0a6d-466d-bb78-ac6a1fc579e1.png?v=1706568476&width=750 750w, //vbarbershop.com/cdn/shop/files/ingredients_2x_1096b1a9-0a6d-466d-bb78-ac6a1fc579e1.png?v=1706568476&width=1100 1100w, //vbarbershop.com/cdn/shop/files/ingredients_2x_1096b1a9-0a6d-466d-bb78-ac6a1fc579e1.png?v=1706568476&width=1500 1500w" width="1401" height="953.0" loading="lazy" class="" sizes="100vw" style="object-position:58.8759% 51.2854%;"> 5097</appear-animate-single> 5098 </div> 5099 </parallax-element><div class="banner-grid__content banner__content banner__content--top-left banner__content--template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774-template--20124663120173__ef375ca1-be7c-40fa-ae83-dfd83ea10774-promotion-banner-1 page-width banner-grid__content--narrow justify-desktop align-desktop align-center justify-center" 5100 style=" 5101 --justify-desktop: flex-start; 5102 --align-desktop: flex-start; 5103 " 5104 > 5105 <appear-animate-list class="db banner__box banner-grid__item__box background-trans
5105parent color-foreground banner-grid__item__box--small size-style size-style--tablet" 5106 data-delay="0.3" 5107 style="--size-style-width-desktop: 90%; 5108 --size-style-width-tablet: 90%; 5109 --size-style-width-mobile: 90%;" 5110 ><h2 class="banner__heading banner-grid__item__heading font-heading-extra-bold h2 appear-animate-item-in-list"> 5111 Ingredients 5112 </h2> 5113<div class="rq-ingredients-html-add banner__text banner-grid__item__text rte body" > 5114 5115 Please see individual product pages for a complete list of ingredients. 5116 5117 </div> 5118 </appear-animate-list> 5119 </div> 5120 </div></div> 5121</div><style> #shopify-section-template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774 .banner__text {line-height: 24px; font-weight: 400; letter-spacing: 0.1rem; overflow: unset; font-family: "brandon-grotesque";} #shopify-section-template--26520541036844__ef375ca1-be7c-40fa-ae83-dfd83ea10774 .banner__heading {font-family: "Robusto"; text-transform: lowercase; font-size: 40px; letter-spacing: 0.2rem;} </style></section><div id="shopify-section-template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe" class="shopify-section DP__video-with-text-simple"> 5122 5123 5124 5125 5126<style>.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe { margin-top: 10px; margin-bottom: 10px;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__sizer { padding-top: 20px; padding-bottom: 20px; width: 100%; max-width: 1600px;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__background { background-color: ; background-image: ;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__background > img { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__grid--main { grid-template-columns: 1fr minmax(250px, 43%);}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__content { padding: 20px; display: flex; justify-content: center; align-items: center;background: ;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__inner-content { width: fit-content; max-width: min(600px, 80%); margin: auto;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video { position: relative;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video video { object-fit: cover; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; position: absolute; -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video video:not(:root):fullscreen { object-fit: contain;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video iframe { object-fit: cover; width: 100%; aspect-ratio: 16000 / 9000;}/* Play button */.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video-wrapper { --play-button-size: 50px; position: relative;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__play-button-wrapper { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe svg.dsgn-pck__play-button,.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe svg.dsgn-pck__pause-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: var(--play-button-size); height: var(--play-button-size); fill: #ffffff; transition: 0.1s ease; cursor: pointer; pointer-events: none;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__pause-button { opacity: 0; transition: 0.1s ease; width: calc(var(--play-button-size)/1.5); height: calc(var(--play-button-size)/1.5); fill: #ffffff;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__playing .dsgn-pck__play-button { opacity: 0;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video-wrapper:hover .dsgn-pck__playing .dsgn-pck__pause-button { opacity: 100; pointer-events: initial; animation: fadeOutAnimation 1.5s cubic-bezier(0.4, 0, 1, 1); animation-iteration-count: 1; animation-fill-mode: forwards;}@keyframes fadeOutAnimation { 0% { opacity: 1; } 100% { opacity: 0; }}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__block .dsgn-pck__small-heading { font-size: calc(var(--dp-g-small-heading-size, var(--dp-small-heading-size, 24px)) * 1.0);}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__text p,.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__text ul { line-height: var(--dp-g-body-line-height, var(--dp-body-line-height, calc(3px + 2.5ex + 3px))); color: #333333; font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0);}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__small-text p,.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__small-text ul { font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 0.8);}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__block { color: #333333;}.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__block + .dsgn-pck__block { margin-top: 15px;}/* Animation */#DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe.dsgn-pck__animation-applied [style*="--dsgn-pck-animate"] { animation-name: dsgn-pck__animation--fade-in; }#DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__heading {text-transform: uppercase;font-size: 30px;letter-spacing: .2rem; }#DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__inner-content {max-width: min(600px, 90%); }#DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe p {font-weight: 400!important; letter-spacing: .1rem!important; line-height: 24px!important; }#DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe p.dsgn-pck__icon-text { font-family: 'brandon-grotesque'; font-size: 11px; letter-spacing: 1px !important; line-height: 15px !important; }/* Landscape phone to portrait tablet */@media (max-width: 767px) { .DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__grid--main { grid-template-columns: repeat(1, minmax(250px, 1fr)); }}/* Landscape phones and down */@media (max-width: 480px) { .DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe { margin-top: 8px; margin-bottom: 8px; } .DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__sizer { padding-top: 15px; padding-bottom: 15px; } .DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__inner-content { max-width: min(400px, 100%); }.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__video .dsgn-pck__svg-sizer { aspect-ratio: 1 / 1; }#DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__heading {text-transform: uppercase;font-size: 22px; }#DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__inner-content {padding-top: 20px;max-width: min(600px, 95%); }}</style><section id="DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe" class="DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe dsgn-pck__video-with-text-simple dsgn-pck__section "><div class="dsgn-pck__background"><div class="dsgn-pck__sizer dsgn-pck__grid dsgn-pck__grid--main dsgn-pck__grid-reverse"> <div class="dsgn-pck__video"> <img class="desktop-img" src="//vbarbershop.com/cdn/shop/files/Vs_Tonic_Fallback.jpg?v=1704901489" alt="Vs tonic fallback"> <img class="mobile-img" src="//vbarbershop.com/cdn/shop/files/Vs_Tonic_Fallback.jpg?v=1704901489" alt="Vs tonic fallback"> </div> <div class="dsgn-pck__content dsgn-pck__flex dsgn-pck__justify-left" style="--dsgn-pck-animate: 1;"> <div class="dsgn-pck__inner-content"><div id="DP--template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-heading-1" class="dsgn-pck__block dsgn-pck__block-id-template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-heading-1 dsgn-pck__block--heading dsgn-pck__block--1" style="--dsgn-pck-animate: 1;"><style>.dsgn-pck__block-id-template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-heading-1 .dsgn-pck__heading { margin: 0; line-height: var(--dp-g-heading-line-height, var(--dp-heading-line-height, calc(3px + 2ex + 3px)));color: #827759;font-size: calc(var(--dp-g-heading-size, var(--dp-heading-size, 35px)) * 1.0);} @media (max-width: 480px) { .dsgn-pck__block-id-template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-heading-1 .dsgn-pck__heading {} } </style><h3 class="dsgn-pck__heading"> MORE ABOUT V's SHAVING FACE⢠ESSENTIALS KIT </h3></div><div id="DP--template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-text-1" class="dsgn-pck__block dsgn-pck__block-id-template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-text-1 dsgn-pck__block--text dsgn-pck__block--2" style="--dsgn-pck-animate: 2;"><style>.DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__block-id-template--21193436299564__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe-text-1 .dsgn-pck__text * {color: ;} </style> <div class="dsgn-pck__text dsgn-pck__rte"> <div class="metafield-rich_text_field"><p>V's Shave Prep: Rinse your face with warm water or apply a warm, moist towel. Apply a small amount of V's Shave Prep to your fingers, massage gently onto your face, then follow with Vâs Shave Cream and a high-quality razor for a close, comfortable shave.</p><p>V's Shave Cream: After preparing your face with warm water and Vâs Shave Prep, apply Vâs Shave Cream to your face. Shave with a high-quality razor, rinse, and enjoy the smooth, comfortable finish.</p><p>V's Authentic Barbershop Tonic: After shaving, pour a small amount onto your hands, rub together, and pat onto your face and neck. Avoid the eye area and use as part of your daily shaving routine.</p></div> </div></div><div id="DP--08ec35a0-ec08-4c8e-9496-f6e8488a79ef" class="dsgn-pck__block dsgn-pck__block-id-08ec35a0-ec08-4c8e-9496-f6e8488a79ef dsgn-pck__block--spacer dsgn-pck__block--3" style="--dsgn-pck-animate: 3;"><style> #shopify-section-template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__block-id-08ec35a0-ec08-4c8e-9496-f6e8488a79ef, #shopify-section-template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .DP--template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe .dsgn-pck__block-id-08ec35a0-ec08-4c8e-9496-f6e8488a79ef + .dsgn-pck__block { margin-top: 0; } .dsgn-pck__block-id-08ec35a0-ec08-4c8e-9496-f6e8488a79ef .dsgn-pck__spacer { height: 20px; display: block !important; } @media (max-width: 480px) { .dsgn-pck__block-id-08ec35a0-ec08-4c8e-9496-f6e8488a79ef .dsgn-pck__spacer { height: 15px; } } </style> <div class="dsgn-pck__spacer" aria-hidden="true"></div></div><div id="DP--97f901de-ef65-4cd0-9df8-9871dfff47b7" class="dsgn-pck__block dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 dsgn-pck__block--icons dsgn-pck__block--4" style="--dsgn-pck-animate: 4;"><style> .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icons { --flex-gap: 10px; gap: var(--flex-gap); flex-wrap: wrap; } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon { --flex-items: 4.0; text-align: center; flex: 0 1 calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap))); width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap))); } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__image__wrapper { position: relative; width: 90%; height: auto; display: inline-block; font-size: 0; } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7
5126svg.dsgn-pck__svg-sizer { width: 100%; } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__small-heading + .dsgn-pck__icon-text { margin-top: 5px; } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon a, .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon p { color: #333333; line-height: 1.2; margin: 0; text-decoration: none; }.dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon { display: flex; flex-direction: column; align-items: center; gap: 5px; } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon-content { text-align: center; }@media (max-width: 767px) { .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon { --flex-items: 4.0; }.dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon { display: flex; flex-direction: column; align-items: center; gap: 5px; } .dsgn-pck__block-id-97f901de-ef65-4cd0-9df8-9871dfff47b7 .dsgn-pck__icon-content { text-align: center; }} </style> <div class="dsgn-pck__flex dsgn-pck__icons dsgn-pck__justify-left"></div></div></div> </div> </div> </div></section> 5127 5128
5129<script type="application/json" data-dsgn-pck="template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe"> 5130 { 5131 "id": "template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe", 5132 "animation": "fade-in", 5133 "autoplay": false 5134 } 5135</script>
5135<script data-dsgn-pck-js="template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe" type="module" defer> 5136(function(){ 5137 5138 const designPack = { 5139 settings: {}, 5140 onIntersect: function(entries, observer){ 5141 // Target the first entry available. 5142 let observedSection = entries[0]; 5143 if (!observedSection.isIntersecting) return; 5144 const section = observedSection.target; 5145 5146 /* Run these functions when section is visible */ 5147 if (designPack.settings.autoplay) { 5148 designPack.enableLazyVideoAutoplay(section); 5149 } 5150 designPack.animateSection(section); 5151 5152 /* Stop observing section */ 5153 observer.unobserve(section); 5154 }, 5155 animateSection: function(section){ 5156 section.classList.add('dsgn-pck__animation-applied'); 5157 }, 5158 enableLazyVideoAutoplay: function(section) { 5159 5160 // Get video source urls 5161 const lazySources = section.querySelectorAll('.dsgn-pck__video-element source[data-src]'); 5162 lazySources.forEach(source => { 5163 if (!source.src){ 5164 source.src = source.dataset.src; 5165 } 5166 }); 5167 5168 const lazyVideos = section.querySelectorAll('.dsgn-pck__video-element'); 5169 lazyVideos.forEach((video, idx) => { 5170 // processing each video 5171 video.preload = 'auto'; 5172 video.muted = true; // ensure property-level mute 5173 video.autoplay = true; // let browser decide 5174 video.load(); 5175 5176 // removed playing listener 5177 video.addEventListener('pause', () => { 5178 if (!video.ended) { 5179 video.play().catch(() => {}); 5180 } 5181 }); 5182 // After a short delay, if video is still paused, allow user interaction to start it (for Safari). 5183 setTimeout(() => { 5184 if (video.paused) { 5185 // autoplay failed â awaiting user interaction 5186 const playOnInteract = () => { 5187 video.play().catch(()=>{}); 5188 document.removeEventListener('click', playOnInteract); 5189 document.removeEventListener('touchstart', playOnInteract); 5190 document.removeEventListener('keydown', playOnInteract, { once: true }); 5191 }; 5192 document.addEventListener('click', playOnInteract); 5193 document.addEventListener('touchstart', playOnInteract); 5194 document.addEventListener('keydown', playOnInteract, { once: true }); 5195 } 5196 }, 1500); 5197 }); 5198 }, 5199 enableSliderBlock: function(section){ 5200 const sliderBlocks = section.querySelectorAll(`.dsgn-pck__slider-block`); 5201 5202 sliderBlocks.forEach(elem => { 5203 designPack.flkty = new Flickity( elem, { 5204 cellAlign: 'left', 5205 contain: true, 5206 wrapAround: true, 5207 adaptiveHeight: true, 5208 imagesLoaded: true, 5209 prevNextButtons: JSON.parse(getComputedStyle(elem).getPropertyValue('--show-arrows')), 5210 autoPlay: JSON.parse(getComputedStyle(elem).getPropertyValue('--autoplay')), 5211 fade: JSON.parse(getComputedStyle(elem).getPropertyValue('--slider-animation')), 5212 pageDots: JSON.parse(getComputedStyle(elem).getPropertyValue('--page-dots')), 5213 draggable: JSON.parse(getComputedStyle(elem).getPropertyValue('--draggable')), 5214 freeScrollFriction: JSON.parse(getComputedStyle(elem).getPropertyValue('--free-scroll-friction')), 5215 selectedAttraction: JSON.parse(getComputedStyle(elem).getPropertyValue('--selected-attraction')), 5216 friction: JSON.parse(getComputedStyle(elem).getPropertyValue('--friction')), 5217 dragThreshold: JSON.parse(getComputedStyle(elem).getPropertyValue('--drag-threshold')) 5218 }); 5219 }); 5220 5221 }, 5222 enableComparisonSliderBlock(block) { 5223 5224 let isClicked = false; 5225 5226 const fullImage = block; 5227 const image = block.querySelector('.dsgn-pck__comparison__overlay'); 5228 const slider = block.querySelector('.dsgn-pck__comparison__slider'); 5229 const width = fullImage.offsetWidth; 5230 const height = fullImage.offsetHeight; 5231 5232 function compare() { 5233 slider.style.top = `${height / 2 - slider.offsetHeight / 2}px`; 5234 slider.style.left = `${width / 2 - slider.offsetWidth / 2}px`; 5235 image.style.width = '50%'; 5236 5237 slider.addEventListener('mousedown', () => isClicked = true); 5238 slider.addEventListener('touchstart', () => isClicked = true); 5239 5240 section.addEventListener('mouseup', () => isClicked = false); 5241 section.addEventListener('touchend', () => isClicked = false); 5242 5243 section.addEventListener('mousemove', onSlideMove); 5244 section.addEventListener('touchmove', onSlideMove); 5245 } 5246 5247 function onSlideMove(event) { 5248 if (!isClicked) return; 5249 doSlide(currentPosition(event)); 5250 } 5251 5252 function currentPosition(event) { 5253 let pageX = (event.touches ? event.touches[0].pageX : event.pageX); 5254 const xImage = image.getBoundingClientRect(); 5255 let x = Math.max(0, Math.min(pageX - xImage.left, width)); 5256 return x; 5257 } 5258 5259 function doSlide(x) { 5260 image.style.width = `${x}px`; 5261 slider.style.left = `${x - slider.offsetWidth / 2}px`; 5262 } 5263 5264 compare(); 5265 }, 5266 initializeAndEnableClock(section) { 5267 const clockSelector = '.dsgn-pck__clock'; 5268 const startDate = section.querySelector('[data-timer-start]').dataset.timerStart; 5269 const endDate = section.querySelector('[data-timer-end]').dataset.timerEnd; 5270 const resetDaily = section.querySelector('[data-timer-reset-daily]').dataset.timerResetDaily === "true"; // Ensure it's a boolean 5271 const timezone = section.querySelector('[data-timer-timezone]').dataset.timerTimezone; // Assuming timezone is in a similar dataset 5272 const startMs = Date.parse(startDate); 5273 const endMs = Date.parse(endDate); 5274 5275 // Function to extract UTC offset from timezone string (e.g., "-05:00 ~ (GMT-05:00) Eastern Time (US & Canada)") 5276 function getTimezoneOffset(timezone) { 5277 const offsetMatch = timezone.match(/([-+]\d{2}):(\d{2})/); 5278 if (offsetMatch) { 5279 const hoursOffset = parseInt(offsetMatch[1], 10); 5280 const minutesOffset = parseInt(offsetMatch[2], 10); 5281 return hoursOffset * 60 + (hoursOffset < 0 ? -minutesOffset : minutesOffset); // Convert to minutes 5282 } 5283 return 0; // Default to UTC if no match 5284 } 5285 5286 const timezoneOffset = getTimezoneOffset(timezone); 5287 5288 // Adjust current time to account for timezone offset
5289 function getCurrentMsWithTimezone() { 5290 const now = new Date(); 5291 const localTime = now.getTime(); 5292 const localOffset = now.getTimezoneOffset(); // In minutes 5293 const totalOffset = localOffset + timezoneOffset; 5294 return localTime + totalOffset * 60 * 1000; // Adjusted time in ms 5295 } 5296 5297 const currentMs = getCurrentMsWithTimezone(); 5298 5299 // If current time is before the start, hide the clock 5300 if (endMs <= currentMs || currentMs < startMs) { 5301 section.querySelector(`.dsgn-pck__clock-wrap`).style.display = 'none'; 5302 return; 5303 } 5304 5305 const clock = section.querySelector(clockSelector); 5306 let timeinterval; // Declare timeinterval for global access 5307 5308 // Function to update the clock display 5309 function updateClockDisplay(hours, minutes, seconds, days = null) { 5310 if (days !== null) { 5311 const daysSpan = clock.querySelector('.dsgn-pck__days .dsgn-pck__number'); 5312 if (resetDaily == true){ 5313 daysSpan.innerHTML = 0; 5314 } else { 5315 if (daysSpan.innerHTML != days) daysSpan.innerHTML = days; 5316 } 5317 } 5318 5319 const hoursSpan = clock.querySelector('.dsgn-pck__hours .dsgn-pck__number'); 5320 const minutesSpan = clock.querySelector('.dsgn-pck__minutes .dsgn-pck__number'); 5321 const secondsSpan = clock.querySelector('.dsgn-pck__seconds .dsgn-pck__number'); 5322 5323 if (hoursSpan.innerHTML != hours) hoursSpan.innerHTML = ('0' + hours).slice(-2); 5324 if (minutesSpan.innerHTML != minutes) minutesSpan.innerHTML = ('0' + minutes).slice(-2); 5325 if (secondsSpan.innerHTML != seconds) secondsSpan.innerHTML = ('0' + seconds).slice(-2); 5326 } 5327 5328 // Function to calculate time left 5329 function calculateTimeLeft(targetTime) { 5330 const total = targetTime - getCurrentMsWithTimezone(); 5331 const days = Math.floor(total / (1000 * 60 * 60 * 24)); 5332 const hours = Math.floor((total / (1000 * 60 * 60)) % 24); 5333 const minutes = Math.floor((total / (1000 * 60)) % 60); 5334 const seconds = Math.floor((total / 1000) % 60); 5335 return { total, days, hours, minutes, seconds }; 5336 } 5337 5338 // Function to handle the timer logic based on 24-hour reset or default countdown 5339 function updateClockLogic(timeLeft) { 5340 updateClockDisplay(timeLeft.hours, timeLeft.minutes, timeLeft.seconds, timeLeft.days); 5341 5342 if (timeLeft.total <= 0) { 5343 clearInterval(timeinterval); 5344 if (resetDaily) { 5345 initializeAndEnableClock(section); // Reset the clock 5346 } 5347 } 5348 } 5349 5350 // Main logic for the countdown 5351 if (resetDaily) { 5352 const resetInterval = 24 * 60 * 60 * 1000; // 24 hours in milliseconds 5353 5354 function getNextResetTime() { 5355 const lastResetTime = new Date(endMs); // Assuming endMs is when the time should be reset 5356 const timeSinceLastReset = currentMs - endMs; 5357 const timeUntilNextReset = resetInterval - (timeSinceLastReset % resetInterval); 5358 return currentMs + timeUntilNextReset; 5359 } 5360 5361 function updateClock() { 5362 const nextResetTime = getNextResetTime(); 5363 const timeLeft = calculateTimeLeft(nextResetTime); 5364 updateClockLogic(timeLeft); 5365 } 5366 5367 updateClock(); 5368 timeinterval = setInterval(updateClock, 1000); // Assign interval to the declared timeinterval 5369 5370 } else { 5371 function updateClock() { 5372 const timeLeft = calculateTimeLeft(Date.parse(endDate)); 5373 updateClockLogic(timeLeft); 5374 } 5375 5376 updateClock(); 5377 timeinterval = setInterval(updateClock, 1000); // Assign interval to the declared timeinterval 5378 } 5379 }, 5380 toggleVideo: function(playToggle){ 5381 const videoWrapper = playToggle.closest('.dsgn-pck__video-wrapper'); 5382 const video = videoWrapper.querySelector('video'); 5383 if (video.paused) { 5384 video.play(); 5385 playToggle.classList.add('dsgn-pck__playing'); 5386 } else { 5387 video.pause(); 5388 playToggle.classList.remove('dsgn-pck__playing'); 5389 } 5390 5391 video.addEventListener("ended", () => { 5392 playToggle.classList.remove('dsgn-pck__playing'); 5393 }); 5394 }, 5395 enableAudioPlayer: function(block) { 5396 const playButton = block.querySelector('.dsgn-pck__play-audio'); 5397 const percentageBar = block.querySelector('.dsgn-pck__percentage'); 5398 const seekObj = block.querySelector('.dsgn-pck__seek'); 5399 const currentTimeDisplay = block.querySelector('.dsgn-pck__current-time'); 5400 const totalDurationDisplay = block.querySelector('.dsgn-pck__total-duration'); 5401 const audio = block.querySelector('audio'); 5402 5403 function togglePlay() { 5404 if (audio.paused) { 5405 audio.play(); 5406 playButton.classList.add('pause'); 5407 } else { 5408 audio.pause(); 5409 playButton.classList.remove('pause'); 5410 } 5411 } 5412 5413 function calculatePercentPlayed() { 5414 const percentage = (audio.currentTime / audio.duration) * 100; 5415 percentageBar.style.width = `${percentage}%`; 5416 } 5417 5418 function formatTime(seconds) { 5419 const hours = Math.floor(seconds / 3600); 5420 const minutes = Math.floor((seconds % 3600) / 60); 5421 const secs = Math.floor(seconds % 60); 5422 return hours > 0 5423 ? `${hours}:${minutes < 10 ? `0${minutes}` : minutes}:${secs < 10 ? `0${secs}` : secs}` 5424 : `${minutes}:${secs < 10 ? `0${secs}` : secs}`; 5425 } 5426 5427 function initProgressBar() { 5428 currentTimeDisplay.innerHTML = formatTime(audio.currentTime); 5429 calculatePercentPlayed(); 5430 } 5431 5432 function seek(e) { 5433 const percent = e.offsetX / seekObj.offsetWidth; 5434 audio.currentTime = percent * audio.duration; 5435 } 5436 5437 audio.addEventListener('loadedmetadata', () => { 5438 if (totalDurationDisplay) { 5439 totalDurationDisplay.innerHTML = formatTime(audio.duration); 5440 } 5441 }); 5442 5443 playButton.addEventListener('click', togglePlay); 5444 seekObj.addEventListener('click', seek); 5445 audio.addEventListener('timeupdate', initProgressBar); 5446 audio.addEventListener('ended', () => { 5447 playButton.classList.remove('pause'); 5448 percentageBar.style.width = '0'; 5449 currentTimeDisplay.innerHTML = '00:00'; 5450 }); 5451 }, 5452 swapVideoSource: function(mq, mobileSrc, section){ 5453 const videoElement = section.querySelector(':not(.dsgn-pck__content) video'); 5454 const defaultSrc = videoElement.querySelectorAll('[data-dsgn-pck-default-src][src*=".mp4"], [data-dsgn-pck-default-src][src*=".mov"]')[0]; 5455 if (mq.matches){ 5456 videoElement.src = mobileSrc.src; 5457 videoElement.setAttribute('poster', mobileSrc.dataset.posterImg); 5458 } else { 5459 videoElement.src = defaultSrc.src; 5460 videoElement.setAttribute('poster', defaultSrc.dataset.posterImg); 5461 } 5462 }, 5463 load: function(section){ 5464 5465 const options = { 5466 root: null, 5467 rootMargin: '0px', 5468 threshold: [0, 0.25, 0.5, 0.75, 1] 5469 }; 5470 5471 // Trigger functions when section is visible 5472 const observer = new IntersectionObserver( designPack.onIntersect, options ); 5473 5474 if (section) { 5475 observer.observe(section); 5476 } 5477 5478 const mobileSrc = section.querySelector('[data-dsgn-pck-mobile-src]'); 5479 if (typeof mobileSrc !== 'undefined' && mobileSrc !== null){ 5480 const mq = window.matchMedia('(max-width: 480px)'); 5481 if (mq.matches) { 5482 designPack.swapVideoSource(mq, mobileSrc, section); 5483 } 5484 mq.addEventListener('change', function () { 5485 designPack.swapVideoSource(mq, mobileSrc, section); 5486 }); 5487 } 5488 5489 const countdownTimer = section.querySelector('.dsgn-pck__clock'); 5490 if (typeof countdownTimer !== 'undefined' && countdownTimer !== null){ 5491 designPack.initializeAndEnableClock(section); 5492 //@TODO rename all these functions to enableCountdownTimerBlock 5493 } 5494 5495 const sliderBlock = section.querySelector('.dsgn-pck__slider-block'); 5496 if (typeof sliderBlock !== 'undefined' && sliderBlock !== null){ 5497 designPack.enableSliderBlock(section); 5498 } 5499 5500 const comparisonSliderBlocks = section.querySelectorAll('.dsgn-pck__comparison-slider-block'); 5501 comparisonSliderBlocks.forEach(comparisonSliderBlock => { 5502 designPack.enableComparisonSliderBlock(comparisonSliderBlock); 5503 }); 5504
5505 const playToggles = section.querySelectorAll(`[data-play-trigger]`); 5506 playToggles.forEach((playToggle) => { 5507 playToggle.addEventListener('click', (e) => { 5508 designPack.toggleVideo(e.target) 5509 }); 5510 }); 5511 5512 const audioElements = section.querySelectorAll('.dsgn-pck__audio-player'); 5513 audioElements.forEach(audioBlock => { 5514 designPack.enableAudioPlayer(audioBlock); 5515 }); 5516 }, 5517 unload: function(section){ 5518 section.classList.remove('dsgn-pck__animation-applied') 5519 } 5520 } 5521 5522 window.addEventListener('shopify:section:unload', function (e) { 5523 const settings = document.querySelector(`[data-dsgn-pck="${e.detail.sectionId}"]`); 5524 const sectionId = e.detail.sectionId; 5525 const section = document.querySelector(`#DP--${e.detail.sectionId}`); 5526 if (sectionId == designPack.settings.id){ 5527 designPack.unload(section); 5528 } 5529 }); 5530 5531 designPack.settings = JSON.parse(document.querySelector('[data-dsgn-pck="template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe"]').innerHTML); 5532 const sectionId = "template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe"; 5533 const section = document.querySelector(`#DP--${sectionId}`); 5534 5535 if (sectionId == designPack.settings.id){ 5536 designPack.load(section); 5537 } 5538})() 5539</script>
5539 5540<style> #shopify-section-template--26520541036844__39d09f35-c4bc-44b6-a5b9-5ac77acf83fe h3.dsgn-pck__heading {font-family: "brandon-grotesque"; letter-spacing: 2px; font-weight: 700 !important; line-height: 35px !important; font-size: 35px !important; color: #91805d !important; text-transform: none !important;} </style></div><section id="shopify-section-template--26520541036844__8124c74c-24a1-4cc3-9369-91db0fab3a14" class="shopify-section spacer"><style> 5541 #shopify-section-template--26520541036844__8124c74c-24a1-4cc3-9369-91db0fab3a14 { 5542 height: 30px; 5543 } 5544 @media screen and (min-width: 750px) { 5545 #shopify-section-template--26520541036844__8124c74c-24a1-4cc3-9369-91db0fab3a14 { 5546 height: 40px; 5547 } 5548 }</style> 5549</section><div id="shopify-section-template--26520541036844__design_pack_banner_image_simple_EgfcBE" class="shopify-section DP__banner-image-simple"> 5550 5551 5552<style>.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE { margin-top: 0px; margin-bottom: 40px; margin-left: auto; margin-right: auto; max-width: px;}.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__sizer { width: 90%; margin: auto; max-width: px;}.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__background { width: 100%;}.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__background > .dsgn-pck__image__wrapper::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 0;
5552 left: 0; z-index: 1; background: rgba(0,0,0,.5);}.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__grid--main { height: 100%;}.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__content { z-index: 2; height: 100%; grid-template-columns: 1fr; grid-area: 1 / 1 / 2 / 2; padding: 5% 0;}.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__inner-content { z-index: 2; max-width: 500px; width: 100%; padding:; background: ;}.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__rte p,.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__rte ul { line-height: var(--dp-g-body-line-height, var(--dp-body-line-height, calc(3px + 2.5ex + 3px))); color: #ffffff; font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0);}.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__small-text p,.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__small-text ul { font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 0.8);}.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__block { color: #ffffff;}.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__block + .dsgn-pck__block { margin-top: 15px;}/* Animation */.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE [style*="--dsgn-pck-animate"] { opacity: 1; }/* Landscape phones and down */@media (max-width: 480px) { .DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE { margin-top: 0px; margin-bottom: 30px; } .DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__inner-content { min-width: 100%; padding: clamp(10px, 5%, 40px); }}</style><section id="DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE" class="DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE dsgn-pck__banner-image-simple dsgn-pck__section rq_vs-prp-tip-pdp dsgn-pck__section-style"><div class="dsgn-pck__background"> <div class="dsgn-pck__image__wrapper"> <svg class="dsgn-pck__mobile--hidden" viewBox="0 0 1200000 400000"></svg> <svg class="dsgn-pck__mobile--visible dsgn-pck__desktop--hidden" viewB
5552ox="0 0 1200000 400000" ></svg><picture><img src="//vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=5000" alt="Vtip1" srcset="//vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=180 180w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=360 360w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=540 540w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=720 720w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=900 900w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=1080 1080w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=1296 1296w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=1512 1512w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=1728 1728w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=1950 1950w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=2100 2100w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=2260 2260w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=2450 2450w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=2700 2700w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=3000 3000w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=3350 3350w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=3750 3750w, //vbarbershop.com/cdn/shop/files/Vtip1.jpg?v=1699563949&width=4100 4100w" width="5000" height="2013" loading="lazy" sizes="100vw"> </picture><div class="dsgn-pck__sizer dsgn-pck__grid dsgn-pck__grid--main"> <div class=" dsgn-pck__content dsgn-pck__flex dsgn-pck__justify-right dsgn-pck__align-center dsgn-pck__text-alignment-left "><div class="dsgn-pck__inner-content dsgn-pck__relative "><div id="DP--inset_image_xP9YcV" class="dsgn-pck__block dsgn-pck__block-id-inset_image_xP9YcV dsgn-pck__block--inset_image dsgn-pck__block--1" style="--dsgn-pck-animate: 1;"><style> .dsgn-pck__block-id-inset_image_xP9YcV .dsgn-pck__image__wrapper { width: 80%; max-width: px; display: inline-block; } .dsgn-pck__block-id-inset_image_xP9YcV .dsgn-pck__image__wrapper svg { width: 100%; } .dsgn-pck__block-id-inset_image_xP9YcV .dsgn-pck__image__wrapper path { fill: #ffffff; } .dsgn-pck__block-id-inset_image_xP9YcV .dsgn-pck__image__wrapper a { display: block; } .dsgn-pck__block-id-inset_image_xP9YcV .dsgn-pck__item picture { width: 100%; object-fit: contain; } </style><div class="dsgn-pck__inset-image dsgn-pck__flex dsgn-pck__justify-left"><div class="dsgn-pck__image__wrapper"><svg class="dsgn-pck__svg-sizer" viewBox="0 0 1077 460"></svg><picture><img src="//vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=3000" alt="Vsprotip 2x 508f0689 43f9 4924 a34a f021ad97b42d" srcset="//vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=180 180w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=360 360w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=540 540w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=720 720w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=900 900w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=1080 1080w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=1296 1296w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=1512 1512w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=1728 1728w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=1950 1950w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=2100 2100w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=2260 2260w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=2450 2450w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=2700 2700w, //vbarbershop.com/cdn/shop/files/VsProTip_2x_508f0689-43f9-4924-a34a-f021ad97b42d.png?v=1706567691&width=3000 3000w" width="3000" height="1281" loading="lazy" sizes="(max-width: 480px) 80vw,(max-width: 767px) 80vw, 40vw"> </picture></div></div></div><div id="DP--text_VYD7QB" class="dsgn-pck__block dsgn-pck__block-id-text_VYD7QB dsgn-pck__block--text dsgn-pck__block--2" style="--dsgn-pck-animate: 2;"><style>.DP--template--26520541036844__design_pack_banner_image_simple_EgfcBE .dsgn-pck__block-id-text_VYD7QB .dsgn-pck__text * {color: ;} </style> <div class="dsgn-pck__text dsgn-pck__rte"> <p>To use Tonic as a cologne, apply liberally to your face, neck, and chest.</p> </div></div> </div></div> </div> </div> </div></section> 5553 5554
5555<script type="application/json" data-dsgn-pck="template--26520541036844__design_pack_banner_image_simple_EgfcBE"> 5556 { 5557 "id": "template--26520541036844__design_pack_banner_image_simple_EgfcBE", 5558 "animation": "none" 5559 } 5560</script>
5560<script data-dsgn-pck-js="template--26520541036844__design_pack_banner_image_simple_EgfcBE" type="module" defer> 5561 (function(){ 5562 5563 const designPack = { 5564 settings: {}, 5565 animateSection: function(entries, observer){ 5566 // Target the first entry available. 5567 let observedSection = entries[0]; 5568 if (observedSection.isIntersecting) { 5569 observedSection.target.classList.add('dsgn-pck__animation-applied'); 5570 } 5571 }, 5572 enableComparisonSliderBlock(block) { 5573 5574 let isClicked = false; 5575 5576 const fullImage = block; 5577 const image = block.querySelector('.dsgn-pck__comparison__overlay'); 5578 const slider = block.querySelector('.dsgn-pck__comparison__slider'); 5579 const width = fullImage.offsetWidth; 5580 const height = fullImage.offsetHeight; 5581 5582 function compare() { 5583 slider.style.top = `${height / 2 - slider.offsetHeight / 2}px`; 5584 slider.style.left = `${width / 2 - slider.offsetWidth / 2}px`; 5585 image.style.width = '50%'; 5586 5587 slider.addEventListener('mousedown', () => isClicked = true); 5588 slider.addEventListener('touchstart', () => isClicked = true); 5589 5590 section.addEventListener('mouseup', () => isClicked = false); 5591 section.addEventListener('touchend', () => isClicked = false); 5592 5593 section.addEventListener('mousemove', onSlideMove); 5594 section.addEventListener('touchmove', onSlideMove); 5595 } 5596 5597 function onSlideMove(event) { 5598 if (!isClicked) return; 5599 doSlide(currentPosition(event)); 5600 } 5601 5602 function currentPosition(event) { 5603 let pageX = (event.touches ? event.touches[0].pageX : event.pageX); 5604 const xImage = image.getBoundingClientRect(); 5605 let x = Math.max(0, Math.min(pageX - xImage.left, width)); 5606 return x; 5607 } 5608 5609 function doSlide(x) { 5610 image.style.width = `${x}px`; 5611 slider.style.left = `${x - slider.offsetWidth / 2}px`; 5612 } 5613 5614 compare(); 5615 }, 5616 initializeAndEnableClock(section) { 5617 const clockSelector = '.dsgn-pck__clock'; 5618 const startDate = section.querySelector('[data-timer-start]').dataset.timerStart; 5619 const endDate = section.querySelector('[data-timer-end]').dataset.timerEnd; 5620 const resetDaily = section.querySelector('[data-timer-reset-daily]').dataset.timerResetDaily === "true"; // Ensure it's a boolean 5621 const timezone = section.querySelector('[data-timer-timezone]').dataset.timerTimezone; // Assuming timezone is in a similar dataset 5622 const startMs = Date.parse(startDate); 5623 const endMs = Date.parse(endDate); 5624 5625 // Function to extract UTC offset from timezone string (e.g., "-05:00 ~ (GMT-05:00) Eastern Time (US & Canada)") 5626 function getTimezoneOffset(timezone) { 5627 const offsetMatch = timezone.match(/([-+]\d{2}):(\d{2})/); 5628 if (offsetMatch) { 5629 const hoursOffset = parseInt(offsetMatch[1], 10); 5630 const minutesOffset = parseInt(offsetMatch[2], 10); 5631 return hoursOffset * 60 + (hoursOffset < 0 ? -minutesOffset : minutesOffset); // Convert to minutes 5632 } 5633 return 0; // Default to UTC if no match 5634 } 5635 5636 const timezoneOffset = getTimezoneOffset(timezone); 5637 5638 // Adjust current time to account for timezone offset 5639 function getCurrentMsWithTimezone() { 5640 const now = new Date(); 5641 const localTime = now.getTime(); 5642 const localOffset = now.getTimezoneOffset(); // In minutes 5643 const totalOffset = localOffset + timezoneOffset; 5644 return localTime + totalOffset * 60 * 1000; // Adjusted time in ms 5645 } 5646 5647 const currentMs = getCurrentMsWithTimezone(); 5648 5649 // If current time is before the start, hide the clock 5650 if (endMs <= currentMs || currentMs < startMs) { 5651 section.querySelector(`.dsgn-pck__clock-wrap`).style.display = 'none'; 5652 return; 5653 } 5654 5655 const clock = section.querySelector(clockSelector); 5656 let timeinterval; // Declare timeinterval for global access 5657 5658 // Function to update the clock display 5659 function updateClockDisplay(hours, minutes, seconds, days = null) { 5660 if (days !== null) { 5661 const daysSpan = clock.querySelector('.dsgn-pck__days .dsgn-pck__number'); 5662 if (resetDaily == true){ 5663 daysSpan.innerHTML = 0; 5664 } else { 5665 if (daysSpan.innerHTML != days) daysSpan.innerHTML = days; 5666 } 5667 } 5668 5669 const hoursSpan = clock.querySelector('.dsgn-pck__hours .dsgn-pck__number'); 5670 const minutesSpan = clock.querySelector('.dsgn-pck__minutes .dsgn-pck__number'); 5671 const secondsSpan = clock.querySelector('.dsgn-pck__seconds .dsgn-pck__number'); 5672 5673 if (hoursSpan.innerHTML != hours) hoursSpan.innerHTML = ('0' + hours).slice(-2); 5674 if (minutesSpan.innerHTML != minutes) minutesSpan.innerHTML = ('0' + minutes).slice(-2); 5675 if (secondsSpan.innerHTML != seconds) secondsSpan.innerHTML = ('0' + seconds).slice(-2); 5676 } 5677 5678 // Function to calculate time left 5679 function calculateTimeLeft(targetTime) {
5680 const total = targetTime - getCurrentMsWithTimezone(); 5681 const days = Math.floor(total / (1000 * 60 * 60 * 24)); 5682 const hours = Math.floor((total / (1000 * 60 * 60)) % 24); 5683 const minutes = Math.floor((total / (1000 * 60)) % 60); 5684 const seconds = Math.floor((total / 1000) % 60); 5685 return { total, days, hours, minutes, seconds }; 5686 } 5687 5688 // Function to handle the timer logic based on 24-hour reset or default countdown 5689 function updateClockLogic(timeLeft) { 5690 updateClockDisplay(timeLeft.hours, timeLeft.minutes, timeLeft.seconds, timeLeft.days); 5691 5692 if (timeLeft.total <= 0) { 5693 clearInterval(timeinterval); 5694 if (resetDaily) { 5695 initializeAndEnableClock(section); // Reset the clock 5696 } 5697 } 5698 } 5699 5700 // Main logic for the countdown 5701 if (resetDaily) { 5702 const resetInterval = 24 * 60 * 60 * 1000; // 24 hours in milliseconds 5703 5704 function getNextResetTime() { 5705 const lastResetTime = new Date(endMs); // Assuming endMs is when the time should be reset 5706 const timeSinceLastReset = currentMs - endMs; 5707 const timeUntilNextReset = resetInterval - (timeSinceLastReset % resetInterval); 5708 return currentMs + timeUntilNextReset; 5709 } 5710 5711 function updateClock() { 5712 const nextResetTime = getNextResetTime(); 5713 const timeLeft = calculateTimeLeft(nextResetTime); 5714 updateClockLogic(timeLeft); 5715 } 5716 5717 updateClock(); 5718 timeinterval = setInterval(updateClock, 1000); // Assign interval to the declared timeinterval 5719 5720 } else { 5721 function updateClock() { 5722 const timeLeft = calculateTimeLeft(Date.parse(endDate)); 5723 updateClockLogic(timeLeft); 5724 } 5725 5726 updateClock(); 5727 timeinterval = setInterval(updateClock, 1000); // Assign interval to the declared timeinterval 5728 } 5729 }, 5730 toggleVideo: function(playToggle){ 5731 const videoWrapper = playToggle.closest('.dsgn-pck__video-wrapper'); 5732 const video = videoWrapper.querySelector('video'); 5733 if (video.paused) { 5734 video.play(); 5735 playToggle.classList.add('dsgn-pck__playing'); 5736 } else { 5737 video.pause(); 5738 playToggle.classList.remove('dsgn-pck__playing'); 5739 } 5740 5741 video.addEventListener("ended", () => { 5742 playToggle.classList.remove('dsgn-pck__playing'); 5743 }); 5744 }, 5745 enableAudioPlayer: function(block) { 5746 const playButton = block.querySelector('.dsgn-pck__play-audio'); 5747 const percentageBar = block.querySelector('.dsgn-pck__percentage'); 5748 const seekObj = block.querySelector('.dsgn-pck__seek'); 5749 const currentTimeDisplay = block.querySelector('.dsgn-pck__current-time'); 5750 const totalDurationDisplay = block.querySelector('.dsgn-pck__total-duration'); 5751 const audio = block.querySelector('audio'); 5752 5753 function togglePlay() { 5754 if (audio.paused) { 5755 audio.play(); 5756 playButton.classList.add('pause'); 5757 } else { 5758 audio.pause(); 5759 playButton.classList.remove('pause'); 5760 } 5761 } 5762 5763 function calculatePercentPlayed() { 5764 const percentage = (audio.currentTime / audio.duration) * 100; 5765 percentageBar.style.width = `${percentage}%`; 5766 } 5767 5768 function formatTime(seconds) { 5769 const hours = Math.floor(seconds / 3600); 5770 const minutes = Math.floor((seconds % 3600) / 60); 5771 const secs = Math.floor(seconds % 60); 5772 return hours > 0 5773 ? `${hours}:${minutes < 10 ? `0${minutes}` : minutes}:${secs < 10 ? `0${secs}` : secs}` 5774 : `${minutes}:${secs < 10 ? `0${secs}` : secs}`; 5775 } 5776 5777 function initProgressBar() { 5778 currentTimeDisplay.innerHTML = formatTime(audio.currentTime); 5779 calculatePercentPlayed(); 5780 } 5781 5782 function seek(e) { 5783 const percent = e.offsetX / seekObj.offsetWidth; 5784 audio.currentTime = percent * audio.duration; 5785 } 5786 5787 audio.addEventListener('loadedmetadata', () => { 5788 if (totalDurationDisplay) { 5789 totalDurationDisplay.innerHTML = formatTime(audio.duration); 5790 } 5791 }); 5792 5793 playButton.addEventListener('click', togglePlay); 5794 seekObj.addEventListener('click', seek); 5795 audio.addEventListener('timeupdate', initProgressBar); 5796 audio.addEventListener('ended', () => { 5797 playButton.classList.remove('pause'); 5798 percentageBar.style.width = '0'; 5799 currentTimeDisplay.innerHTML = '00:00'; 5800 }); 5801 }, 5802 load: function(section){ 5803 5804 if (this.settings.animation !== 'none'){ 5805 const options = { 5806 root: null, 5807 rootMargin: '0px', 5808 threshold: [0, 0.25, 0.5, 0.75, 1] 5809 }; 5810 // Construct Intersection Observer. 5811 const observer = new IntersectionObserver( this.animateSection, options ); 5812 // Observe if element is present. 5813 if (section) { 5814 observer.observe(section); 5815 } 5816 } 5817 5818 const countdownTimer = section.querySelector('.dsgn-pck__clock'); 5819 if (typeof countdownTimer !== 'undefined' && countdownTimer !== null){ 5820 designPack.initializeAndEnableClock(section); 5821 //@TODO rename all these functions to enableCountdownTimerBlock 5822 } 5823 5824 const comparisonSliderBlocks = section.querySelectorAll('.dsgn-pck__comparison-slider-block'); 5825 comparisonSliderBlocks.forEach(comparisonSliderBlock => { 5826 designPack.enableComparisonSliderBlock(comparisonSliderBlock); 5827 }); 5828
5829 const playToggles = section.querySelectorAll(`[data-play-trigger]`); 5830 playToggles.forEach((playToggle) => { 5831 playToggle.addEventListener('click', (e) => { 5832 this.toggleVideo(e.target) 5833 }); 5834 }); 5835 5836 const audioElements = section.querySelectorAll('.dsgn-pck__audio-player'); 5837 audioElements.forEach(audioBlock => { 5838 designPack.enableAudioPlayer(audioBlock); 5839 }); 5840 }, 5841 unload: function(section){ 5842 section.classList.remove('dsgn-pck__animation-applied') 5843 } 5844 } 5845 5846 window.addEventListener('shopify:section:unload', function (e) { 5847 const settings = document.querySelector(`[data-dsgn-pck="${e.detail.sectionId}"]`); 5848 const sectionId = e.detail.sectionId; 5849 const section = document.querySelector(`#DP--${e.detail.sectionId}`); 5850 if (sectionId == designPack.settings.id){ 5851 designPack.unload(section); 5852 } 5853 }); 5854 5855 designPack.settings = JSON.parse(document.querySelector('[data-dsgn-pck="template--26520541036844__design_pack_banner_image_simple_EgfcBE"]').innerHTML); 5856 const sectionId = "template--26520541036844__design_pack_banner_image_simple_EgfcBE"; 5857 const section = document.querySelector(`#DP--${sectionId}`); 5858 5859 if (sectionId == designPack.settings.id){ 5860 designPack.load(section); 5861 } 5862 })() 5863</script>
5863 5864</div><div id="shopify-section-template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de" class="shopify-section DP__blog-simple DP__shift"> 5865 5866 5867 5868<style>#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de { 5869 background: ; 5870 --gutter: 30px; 5871} 5872 5873#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__grid { 5874 gap: var(--gutter); 5875 margin-bottom: 80px; 5876 padding-bottom: 2px; 5877} 5878 5879#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__grid-item { 5880 position: relative; 5881 height: 100%; 5882 overflow: hidden; 5883 cursor: pointer; 5884 transition: all .5s; 5885 border-radius: 8px; 5886 display: flex; 5887 flex-direction: column; 5888 background: #FFFFFF; 5889 border: thin solid rgba(51, 51, 51, 0.2); 5890} 5891 5892#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__grid-item-content { 5893 padding: 1em; 5894 display: flex; 5895 flex-direction: column; 5896 justify-content: space-between; 5897 flex: 1 0 auto; 5898} 5899 5900#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__inner-content { 5901 height: 100%; 5902 display: flex; 5903 flex-wrap: wrap; 5904 justify-content: center; 5905 text-align: center; 5906 position: relative; 5907 color: #333333; 5908} 5909 5910#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__text-content { 5911 width: 100%; 5912} 5913 5914#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__small-heading { 5915 text-align: left; 5916 margin-bottom: 0.5em; 5917 line-height: calc(3px + 2ex + 3px); 5918 color: #333333; 5919 font-size: calc(var(--dp-g-small-heading-size, var(--dp-small-heading-size, 24px)) * 1.0);} 5920 5921#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__author { 5922 display: inline; 5923 text-align: left; 5924 color: #333333;font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 0.7); 5925} 5926 5927#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__date { 5928 display: inline; 5929 text-align: left; 5930 color: #333333;font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 0.7); 5931} 5932 5933#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__author + .dsgn-pck__date::before { 5934 content: " | " 5935} 5936 5937#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__excerpt { 5938 text-align: left; 5939 margin-top: 1.5em; 5940 color: #333333;font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0); 5941} 5942 5943#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__upper-area { 5944 text-decoration: none; 5945} 5946 5947#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__lower-area { 5948 display: flex; 5949 justify-content: space-between; 5950 align-items: center; 5951 text-decoration: none; 5952} 5953 5954#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__lower-area p { 5955 margin-bottom: 0; 5956 color: #333333;font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0); 5957} 5958 5959#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de p.dsgn-pck__button { 5960 margin-top: 1.5em; 5961 display: inline-block; 5962 text-decoration: none; 5963 text-transform: uppercase; 5964 margin-left: auto; 5965 font-weight: bold; 5966 position: relative; 5967} 5968 5969#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de p.dsgn-pck__button:after { 5970 content: ''; 5971 display: block; 5972 position: absolute; 5973 height: 1px; 5974 background: black; 5975 top: 100%; 5976 left: 0; 5977 width: 0; 5978 transition: width 0.3s ease-out; 5979} 5980 5981#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de p.dsgn-pck__button:hover:after { 5982 width: 100%; 5983} 5984 5985#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination { 5986 text-align: center; 5987 margin-top: 1.5rem; 5988 margin-bottom: 3em;font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0); 5989} 5990 5991#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .page { 5992 padding: 0.5em 1em; 5993 margin: 0 auto; 5994 transition: 0.3s; 5995 display: inline-block; 5996 border-bottom: 1px solid transparent; 5997} 5998 5999#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .page:hover { 6000 border-bottom: 1px solid; 6001 font-style: italic; 6002} 6003 6004#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .prev, 6005#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .next { 6006 padding: 0.5em 1em; 6007} 6008 6009#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .prev a, 6010#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .next a, 6011#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .page a { 6012 text-decoration: none; 6013 color: #333333; 6014} 6015 6016#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__pagination .current { 6017 border-bottom: 1px solid ; 6018 font-style: italic; 6019} 6020 6021/* Animation */#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de [style*="--dsgn-pck-animate"] { 6022 opacity: 1; 6023 } 6024 6025 6026#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__sizer { 6027 padding-top: 20px; 6028 padding-bottom: 20px; 6029 width: 90%; 6030 max-width: 1460px; 6031}#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__small-heading { 6032font-size: 20px; 6033margin-bottom: 0px; 6034letter-spacing: .1rem; 6035 }#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de 6036p.dsgn-pck__excerpt { 6037font-size: 15px; 6038margin-top: 15px; 6039line-height: 22px; 6040letter-spacing: .1rem;
6041font-weight: 400; }#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de 6042p.dsgn-pck__button { 6043color: white; 6044font-family: 'BrandonMedium'; 6045letter-spacing: .1rem; 6046border-radius: 5px; 6047font-size: 16px; 6048 margin-top: 5px; 6049 padding: 12px 16px; 6050 background-color: #2c4f44; 6051 display: block; 6052 width: 100%; 6053 text-align: center; }#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de 6054.dsgn-pck__image__wrapper { 6055 height: 250px; 6056 }#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de 6057path{ 6058 fill: transparent; 6059 }/* Landscape phones and down */ 6060@media (max-width: 480px) { 6061 #DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__grid { 6062 grid-template-columns: 1fr; 6063 grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); 6064 } 6065 6066 #DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__sizer { 6067 min-width: 70%; 6068 padding-top: 10px; 6069 padding-bottom: 10px; 6070 }#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__small-heading { 6071font-size: 18px; 6072margin-bottom: 0px; 6073letter-spacing: .1rem; }#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de 6074p.dsgn-pck__excerpt { 6075font-size: 14px; 6076margin-top: 8px; 6077margin-bottom: 8px; 6078line-height: 1.2; }#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de 6079p.dsgn-pck__button { 6080font-size: 14px; 6081margin-top: 0px; 6082padding: 12px 16px; 6083background-color: #2c4f44; 6084color: white; 6085font-family: 'BrandonMedium'; 6086letter-spacing: .1rem; 6087border-radius: 5px; 6088 display: block; 6089 width: 100%; 6090 text-align: center; }#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de 6091.dsgn-pck__image__wrapper { 6092 height: 175px 6093 }#DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de 6094path{ 6095 fill: #000 6096 }} 6097</style> 6098 6099 6100<section id="DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de" class="DP--template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de dsgn-pck__blog-fade-in dsgn-pck__section "> 6101 <div class="dsgn-pck__sizer"> 6102 <div class="rq-blog-post-slider-finaltemplate--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de rq-blog-post-slider "> 6103 6104 <!--RQ! article 1 STARTS--> 6105 6106 6107 6108 <div class="dsgn-pck__grid-item dsgn-pck__block-557161447521" 6109 style="--dsgn-pck-animate: ;"> 6110 <a href="/blogs/product-knowledge/product-highlight-vs-shave-prep"> 6111 <div class="dsgn-pck__image__wrapper"> 6112 <svg class="dsgn-pck__svg-sizer" viewBox="0 0 0 0"></svg><img src="//vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=2800" alt="Product Highlight: V's #1 Shave Prep" srcset="//vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=180 180w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=360 360w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=540 540w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=720 720w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=900 900w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=1080 1080w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=1296 1296w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=1512 1512w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=1728 1728w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=1950 1950w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=2100 2100w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=2260 2260w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=2450 2450w, //vbarbershop.com/cdn/shop/articles/ph-1-1667931135421_11717a5e-5ca6-445d-a7f5-137705ae691c.jpg?v=1668119238&width=2700 2700w" width="2800" height="1573" loading="lazy" sizes="(max-width: 480px) 90vw,(max-width: 767px) 50vw, 30vw 6113"> 6114</div> 6115 </a> 6116 <div class="dsgn-pck__grid-item-content"> 6117 <a href="/blogs/product-knowledge/product-highlight-vs-shave-prep" class="dsgn-pck__upper-area"> 6118 <h3 class="dsgn-pck__small-heading">Product Highlight: V's Shave Prep</h3><p class="dsgn-pck__excerpt">Today we're highlighting our Vâs #1 Shave Prep. Itâs the first step to a great...</p></a><a href="/blogs/product-knowledge/product-highlight-vs-shave-prep" class="dsgn-pck__lower-area"><p class="dsgn-pck__button">Read more</p></a></div> 6119 </div> 6120 6121 <!--RQ! article 1 ENDS--> 6122 6123 <!--RQ! article 2 STARTS--> 6124 6125 6126 6127 <div class="dsgn-pck__grid-item dsgn-pck__block-557166821473" 6128 style="--dsgn-pck-animate: ;"> 6129 <a href="/blogs/product-knowledge/product-highlight-vs-shave-cream"> 6130 <div class="dsgn-pck__image__wrapper"> 6131 <svg class="dsgn-pck__svg-sizer" viewBox="0 0 0 0"></svg><img src="//vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=2800" alt="V's #2 Shave Cream" srcset="//vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=180 180w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=360 360w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=540 540w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=720 720w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=900 900w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=1080 1080w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=1296 1296w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=1512 1512w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=1728 1728w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=1950 1950w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=2100 2100w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=2260 2260w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=2450 2450w, //vbarbershop.com/cdn/shop/articles/ph-2-1665771981147.jpg?v=1668119025&width=2700 2700w" width="2800" height="1573" loading="lazy" sizes="(max-width: 480px) 90vw,(max-width: 767px) 50vw, 30vw 6132"> 6133</div> 6134 </a> 6135 <div class="dsgn-pck__grid-item-content"> 6136 <a href="/blogs/product-knowledge/product-highlight-vs-shave-cream" class="dsgn-pck__upper-area"> 6137 <h3 class="dsgn-pck__small-heading">Product Highlight: V's Shave Cream</h3><p class="dsgn-pck__excerpt">Vâs #2 Shave Cream is the second step to a great shave. Vâs Shave Cream...</p></a><a href="/blogs/product-knowledge/product-highlight-vs-shave-cream" class="dsgn-pck__lower-area"><p class="dsgn-pck__button">Read more</p></a></div> 6138 </div> 6139 6140 <!--RQ! article 2 ENDS--> 6141 6142 <!--RQ! article 3 STARTS--> 6143 6144 6145 6146 <div class="dsgn-pck__grid-item dsgn-pck__block-557161054305" 6147 style="--dsgn-pck-animate: ;"> 6148 <a href="/blogs/product-knowledge/product-highlight-vs-tonic"> 6149 <div class="dsgn-pck__image__wrapper"> 6150 <svg class="dsgn-pck__svg-sizer" viewBox="0 0 0 0"></svg><img src="//vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=2800" alt="Product Highlight: V's Authentic Barbershop Tonic" srcset="//vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=180 180w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=360 360w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=540 540w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=720 720w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=900 900w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=1080 1080w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=1296 1296w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=1512 1512w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=1728 1728w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=1950 1950w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=2100 2100w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=2260 2260w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=2450 2450w, //vbarbershop.com/cdn/shop/articles/ph-tonic-1665766827042.jpg?v=1668119269&width=2700 2700w" width="2800" height="1573" loading="lazy" sizes="(max-width: 480px) 90vw,(max-width: 767px) 50vw, 30vw 6151"> 6152</div> 6153 </a> 6154 <div class="dsgn-pck__grid-item-content"> 6155 <a href="/blogs/product-knowledge/product-highlight-vs-tonic" class="dsgn-pck__upper-area"> 6156 <h3 class="dsgn-pck__small-heading">Product Highlight: V's Authentic Barbershop Tonic</h3><p class="dsgn-pck__excerpt">Vâs Authentic Barbershop Tonic was created as our signature product because it captures the distinct...</p></a><a href="/blogs/product-knowledge/product-highlight-vs-tonic" class="dsgn-pck__lower-area"><p class="dsgn-pck__button">Read more</p></a></div> 6157 </div> 6158 6159 <!--RQ! article 3 ENDS--> 6160 6161 <!--RQ! article 4 STARTS--> 6162 6163 6164 6165 <!--RQ! article 4 ENDS--> 6166 6167 <!--RQ! article 5 STARTS--> 6168 6169 6170 6171 <!--RQ! article 5 ENDS--> 6172 6173 <!--RQ! article 6 STARTS--> 6174 6175 6176 <!--RQ! article 6 ENDS--></div> 6177 <button class="rq-blog-post-slider-prev rq-blog-post-slider-prevtemplate--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de" aria-label="Previous slide"> 6178 <svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 6179 <path d="M8.71833 15L0 7.5L8.71833 0L10 1.10257L2.56337 7.5L10 13.8974L8.71833 15Z" fill="#ffffff"/> 6180 </svg> 6181 </button> 6182 <button class="rq-blog-post-slider-next rq-blog-post-slider-nexttemplate--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de" aria-label="Next slide"> 6183 <svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 6184 <path d="M1.28167 15L10 7.5L1.28167 0L1.72702e-07 1.10257L7.43663 7.5L1.72702e-07 13.8974L1.28167 15Z" fill="#ffffff"/> 6185 </svg> 6186 </button> 6187</section> 6188
6189<script type="text/javascript"> 6190$('.rq-blog-post-slider-finaltemplate--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de').slick({ 6191 infinite: false, 6192 autoplaySpeed: 1000, 6193 autoplay: false, 6194 slidesToShow: 3, 6195 slidesToScroll: 1, 6196 arrows: true, 6197 dots: false, 6198 adaptiveHeight: true, 6199 prevArrow: $('.rq-blog-post-slider-prevtemplate--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de'), 6200 nextArrow: $('.rq-blog-post-slider-nexttemplate--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de'), 6201 responsive: [{ 6202 breakpoint: 1023, 6203 settings: { 6204 slidesToShow: 1, 6205 slidesToScroll: 1, 6206 centerMode: false, 6207 } 6208 }] 6209}); 6210 6211$('.dsgn-pck__sizer').each(function(){ 6212 var highestBox = 0; 6213 $('.dsgn-pck__small-heading', this).each(function(){ 6214 if($(this).height() > highestBox) { 6215 highestBox = $(this).height(); 6216 } 6217 6218 }); 6219 $('.dsgn-pck__small-heading',this).height(highestBox); 6220 }); 6221 6222</script>
6222 6223 6224
6225<script type="application/json" data-dsgn-pck="template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de"> 6226 { 6227 "id": "template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de", 6228 "animation": "none" 6229 } 6230</script>
6230<script data-dsgn-pck-js="template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de" type="module" defer> 6231(function(){ 6232 'use strict'; 6233 6234 const designPack = { 6235 settings: { 6236 }, 6237 animateSection: function(entries, observer){ 6238 // Target the first entry available. 6239 let observedSection = entries[0]; 6240 6241 if (observedSection.isIntersecting) { 6242 observedSection.target.classList.add('dsgn-pck__animation-applied'); 6243 } 6244 }, 6245 load: function (section) { 6246 if (this.settings.animation !== 'none'){ 6247 const options = { 6248 root: null, 6249 rootMargin: '0px', 6250 threshold: 0 6251 }; 6252 // Construct Intersection Observer. 6253 const observer = new IntersectionObserver( this.animateSection, options ); 6254 6255 // Observe if element is present. 6256 if (section) { 6257 observer.observe(section); 6258 } 6259 } 6260 }, 6261 unload: function (section) { 6262 section.classList.remove('dsgn-pck__animation-applied') 6263 } 6264 } 6265 6266 window.addEventListener('shopify:section:unload', function (e) { 6267 const settings = document.querySelector(`[data-dsgn-pck="${e.detail.sectionId}"]`); 6268 const sectionId = e.detail.sectionId; 6269 const section = document.querySelector(`#DP--${e.detail.sectionId}`); 6270 if (sectionId == designPack.settings.id){ 6271 designPack.unload(section); 6272 } 6273 }); 6274 6275 designPack.settings = JSON.parse(document.querySelector('[data-dsgn-pck="template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de"]').innerHTML); 6276 const sectionId = "template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de"; 6277 const sections = document.querySelectorAll(`#DP--${sectionId} .dsgn-pck__grid`); 6278 6279 sections.forEach((section) => { 6280 if (sectionId == designPack.settings.id){ 6281 designPack.load(section); 6282 } 6283 }) 6284 6285})(); 6286</script>
6286 6287<style> #shopify-section-template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de #DP--template--21193436299564__52658ab4-b868-459a-ad25-4e6caa8660de p.dsgn-pck__button {font-size: 16px; margin-top: 5px; padding: 12px 16px; background-color: #2c4f44; display: block; width: 100%; text-align: center;} #shopify-section-template--26520541036844__52658ab4-b868-459a-ad25-4e6caa8660de #DP--template--21193436299564__52658ab4-b868-459a-ad25-4e6caa8660de .dsgn-pck__grid-item {border: none;} </style></div><section id="shopify-section-template--26520541036844__1714772081862a0d8b" class="shopify-section section"><div class="page-width"><div id="shopify-block-AWDRsQ3lvTVExZVhNW__judge_me_reviews_review_widget_wLEpCc" class="shopify-block shopify-app-block"> 6288 6289 6290<div style='clear:both'></div> 6291<div id='judgeme_product_reviews' 6292 class='jdgm-widget jdgm-review-widget' 6293 data-product-title='V's SHAVING FACE⢠ESSENTIALS KIT' 6294 data-id='10246975684908' 6295 data-product-id='10246975684908' 6296 data-widget="review" 6297 data-shop-reviews="false" 6298 data-shop-reviews-count="2" 6299 data-cart-eligible-template="false" 6300 data-shop-average-rating="4.66" 6301 data-shop-review-count="136" 6302 data-empty-state="empty_widget" 6303 data-entry-point="review_widget.js" 6304 data-entry-key="review-widget/main.js" 6305 data-block-id="AWDRsQ3lvTVExZVhNW__judge_me_reviews_review_widget_wLEpCc" 6306 data-customer-logged-in="false" 6307 6308 6309 style='max-width: 1200px; margin: 0 auto;'> 6310 6311 6312 6313 <div class='jdgm-legacy-widget-content' style='display: none;'> 6314 <div class='jdgm-rev-widg' data-updated-at='2026-03-05T19:50:59Z' data-average-rating='0.00' data-number-of-reviews='0' data-number-of-questions='0' data-image-url='https://cdn.shopify.com/s/files/1/0554/7579/8113/files/PerfectShave.jpg?v=1772656646'> <style class='jdgm-temp-hiding-style'>.jdgm-rev-widg{ display: none }</style> <div class='jdgm-rev-widg__header'> <h2 class='jdgm-rev-widg__title'>Customer Reviews</h2> <div class='jdgm-rev-widg__summary'> <div class='jdgm-rev-widg__summary-stars' aria-label='Average rating is 0.00 stars' role='img'> <span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span> </div> <div class='jdgm-rev-widg__summary-text'>Be the first to write a review</div> </div> <a style='display: none' href='#' class='jdgm-write-rev-link' role='button'>Write a review</a> <div class='jdgm-histogram jdgm-temp-hidden'> <div class='jdgm-histogram__row' data-rating='5' data-frequency='0' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 5 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div> <div class='jdgm-histogram__row' data-rating='4' data-frequency='0' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 4 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div> <div class='jdgm-histogram__row' data-rating='3' data-frequency='0' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 3 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div> <div class='jdgm-histogram__row' data-rating='2' data-frequency='0' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 2 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div> <div class='jdgm-histogram__row' data-rating='1' data-frequency='0' data-percentage='0'> <div class='jdgm-histogram__star' role='button' aria-label="0% (0) reviews with 1 star rating" tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(0)</div> </div> <div class='jdgm-histogram__row jdgm-histogram__clear-filter' data-rating=null tabindex='0'></div> </div> <div class='jdgm-rev-widg__sort-wrapper'></div> </div> <div class='jdgm-rev-widg__body'> <div class='jdgm-rev-widg__reviews'></div> <div class='jdgm-paginate' data-per-page='5' data-url='https://api.judge.me/reviews/reviews_for_widget' style="display: none;"></div> </div> <div class='jdgm-rev-widg__paginate-spinner-wrapper'> <div class='jdgm-spinner'></div> </div> </div> 6315 </div> 6316 6317 6318 6319 6320 6321 6322</div> 6323 6324 6325 6326 6327 6328 6329 6330 6331</div> 6332</div> 6333 6334 6335</section><section id="shopify-section-template--26520541036844__0ddf72d3-d80d-4b18-96c2-8827aaa4a0c4" class="shopify-section spacer"><style> 6336 #shopify-section-template--26520541036844__0ddf72d3-d80d-4b18-96c2-8827aaa4a0c4 { 6337 height: 60px; 6338 } 6339 @media screen and (min-width: 750px) { 6340 #shopify-section-template--26520541036844__0ddf72d3-d80d-4b18-96c2-8827aaa4a0c4 { 6341 height: 80px; 6342 } 6343 }</style> 6344</section><section id="shopify-section-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506" class="shopify-section section collapsible-content-section"><link href="//vbarbershop.com/cdn/shop/t/124/assets/collapsible-content.css?v=137618974042170276291785190564" rel="stylesheet" type="text/css" media="all" /> 6345<style> 6346 .section-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506-padding {padding-top: 60px;padding-bottom: 45px;} 6347 6348 @media screen and (min-width: 750px) { 6349 .section-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506-padding { 6350 padding-top: 80px; 6351 padding-bottom: 60px; 6352 } 6353 }#shopify-section-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506 {--title-gap: -1.8rem; 6354 --title-indent: 0.8rem; 6355 --title-back-size: 4rem; 6356 --title-back-letter-spacing: -1.6px;} 6357 6358 @media screen and (min-width: 990px) { 6359 #shopify-section-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506 {--title-gap: -2.2rem; 6360 --title-indent: 1rem; 6361 --title-back-size: 4.8rem; 6362 --title-back-letter-spacing: -2.4px;} 6363 } 6364 6365 @media screen and (min-width: 1200px) { 6366 #shopify-section-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506 {--title-gap: -2.6rem; 6367 --title-indent: 1.2rem; 6368 --title-back-size: 5.4rem; 6369 --title-back-letter-spacing: -2.7px;} 6370 }</style><div class="color-inverse gradient isolate"> 6371 <div class="collapsible-content collapsible-row-layout section-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506-padding"> 6372 <div class="collapsible-content__wrapper page-width"><div class="collapsible-content__header left"> 6373<div class="title"> 6374 <div class="flex justify-space-between w100 align-center title__gap por"><h2 class="title__heading h2 font-heading-extra-bold margin0 lh1 title__heading--before-line">FAQ</h2></div> 6375 </div></div><div class="grid grid--1-col 6376 6377 collapsible-content__grid 6378 6379 collapsible-content__grid--reverse" 6380 6381 ><div class="grid__item accordion-wrapper--dividers" style="--accordion-distance-setting:15px;"><details-accordion class="accordion db collapsible-content__item" > 6382 <details 6383 id="Details-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506" 6384 6385 > 6386 <summary class="summary-accordion summary-accordion--has-hover flex justify-space-between align-center por" id="Summary-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506"> 6387 <div class="summary__title flex align-center flex-grow-1"> 6388 6389 <h2 class="h6 accordion__title font-heading-bold margin0"> 6390 Should shave tonics be used in combination with other shaving products? 6391 </h2> 6392 </div> 6393 <div class="summary-accordion__plus-minus-wrapper flex justify-center align-center">
6394 <span class="summary-accordion__plus-minus por flex justify-center align-center"> 6395 <span class="summary-accordion__icon-line"></span> 6396 <span class="summary-accordion__icon-line"></span> 6397 </span> 6398 </div> 6399 </summary> 6400 <div class="accordion__content accordion__content--no-icon accordion__content--empty" id="CollapsibleAccordion-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506" role="region" aria-labelledby="Summary-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506"> 6401 <div class="rte"> 6402 <p><span class="metafield-multi_line_text_field">Yes, shave tonics complement other shaving products. Use them before applying shaving cream for a smoother shave and afterward to soothe and refresh the skin.</span></p> 6403 6404 </div> 6405 </div> 6406 </details> 6407 </details-accordion>
6407<details-accordion class="accordion db collapsible-content__item" > 6408 <details 6409 id="Details-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-1-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506" 6410 6411 > 6412 <summary class="summary-accordion summary-accordion--has-hover flex justify-space-between align-center por" id="Summary-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-1-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506"> 6413 <div class="summary__title flex align-center flex-grow-1"> 6414 6415 <h2 class="h6 accordion__title font-heading-bold margin0"> 6416 What are the benefits of using a shave tonic in my grooming routine? 6417 </h2> 6418 </div> 6419 <div class="summary-accordion__plus-minus-wrapper flex justify-center align-center"> 6420 <span class="summary-accordion__plus-minus por flex justify-center align-center"> 6421 <span class="summary-accordion__icon-line"></span> 6422 <span class="summary-accordion__icon-line"></span> 6423 </span> 6424 </div> 6425 </summary> 6426 <div class="accordion__content accordion__content--no-icon accordion__content--empty" id="CollapsibleAccordion-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-1-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506" role="region" aria-labelledby="Summary-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-1-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506"> 6427 <div class="rte"> 6428 <p><span class="metafield-multi_line_text_field">Tonics provide a soothing and refreshing effect post-shave, helping to reduce irritation and razor burn. They also hydrate and tone the skin, leaving it smooth and revitalized.</span></p> 6429 6430 </div> 6431 </div> 6432 </details> 6433 </details-accordion>
6433<details-accordion class="accordion db collapsible-content__item" > 6434 <details 6435 id="Details-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-2-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506" 6436 6437 > 6438 <summary class="summary-accordion summary-accordion--has-hover flex justify-space-between align-center por" id="Summary-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-2-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506"> 6439 <div class="summary__title flex align-center flex-grow-1"> 6440 6441 <h2 class="h6 accordion__title font-heading-bold margin0"> 6442 Are pre-shave products suitable for sensitive skin? 6443 </h2> 6444 </div> 6445 <div class="summary-accordion__plus-minus-wrapper flex justify-center align-center"> 6446 <span class="summary-accordion__plus-minus por flex justify-center align-center"> 6447 <span class="summary-accordion__icon-line"></span> 6448 <span class="summary-accordion__icon-line"></span> 6449 </span> 6450 </div> 6451 </summary> 6452 <div class="accordion__content accordion__content--no-icon accordion__content--empty" id="CollapsibleAccordion-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-2-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506" role="region" aria-labelledby="Summary-template--21193436299564__0e413342-efdc-48b5-8916-ba8129b7b506-collapsible_row-1-2-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506"> 6453 <div class="rte"> 6454 <p><span class="metafield-multi_line_text_field">Yes, many pre-shave products are formulated for sensitive skin, containing natural, soothing ingredients to minimize irritation and redness during shaving.</span></p> 6455 6456 </div> 6457 </div> 6458 </details> 6459 </details-accordion></div> 6460 </div> 6461 </div> 6462 </div> 6463</div> 6464 6465 6466<style> #shopify-section-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506 p {line-height: 24px; letter-spacing: 0.1rem; font-weight: 400 !important; font-size: 18px;} #shopify-section-template--26520541036844__0e413342-efdc-48b5-8916-ba8129b7b506 .collapsible-content {padding-left: 7%; padding-right: 7%;} </style></section><section id="shopify-section-template--26520541036844__product-recommendations" class="shopify-section section"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-price.css?v=169073278754176340261785190584" media="print" onload="this.media='all'"> 6467<noscript></noscript> 6468
6469<script src="//vbarbershop.com/cdn/shop/t/124/assets/product-recommendation.js?v=32853270057649516631785190615" defer="defer"></script>
6469<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-rating.css?v=138824523743739711331785190585" media="print" onload="this.media='all'"> 6470 <noscript><link href="//vbarbershop.com/cdn/shop/t/124/assets/component-rating.css?v=138824523743739711331785190585" rel="stylesheet" type="text/css" media="all" /></noscript><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/quick-view.css?v=67797749819578390781785190617" media="print" onload="this.media='all'"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-card-product-colors.css?v=42356077173345852211785190569" media="print" onload="this.media='all'"> 6471 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-tooltip.css?v=82289538778717005671785190593" media="print" onload="this.media='all'"> 6472 <noscript><link href="//vbarbershop.com/cdn/shop/t/124/assets/component-tooltip.css?v=82289538778717005671785190593" rel="stylesheet" type="text/css" media="all" /></noscript> 6473 <noscript><link href="//vbarbershop.com/cdn/shop/t/124/assets/component-card-product-colors.css?v=42356077173345852211785190569" rel="stylesheet" type="text/css" media="all" /></noscript><style> 6474 .product-recommendations { 6475 display: block; 6476 } 6477 6478 .section-template--26520541036844__product-recommendations-padding { 6479 padding-top: 51px; 6480 padding-bottom: 30px; 6481 } 6482 6483 @media screen and (min-width: 750px) { 6484 .section-template--26520541036844__product-recommendations-padding { 6485 padding-top: 68px; 6486 padding-bottom: 40px; 6487 } 6488 }#shopify-section-template--26520541036844__product-recommendations {--title-gap: -1.8rem; 6489 --title-indent: 0.8rem; 6490 --title-back-size: 4rem; 6491 --title-back-letter-spacing: -1.6px;} 6492 6493 @media screen and (min-width: 990px) { 6494 #shopify-section-template--26520541036844__product-recommendations {--title-gap: -2.2rem; 6495 --title-indent: 1rem; 6496 --title-back-size: 4.8rem; 6497 --title-back-letter-spacing: -2.4px;} 6498 } 6499 6500 @media screen and (min-width: 1200px) { 6501 #shopify-section-template--26520541036844__product-recommendations {--title-gap: -2.6rem; 6502 --title-indent: 1.2rem; 6503 --title-back-size: 5.4rem; 6504 --title-back-letter-spacing: -2.7px;} 6505 }</style><div class="color-background-1 gradient no-js-hidden"> 6506 <product-recommendations class="product-recommendations section-template--26520541036844__product-recommendations-padding" data-url="/recommendations/products?section_id=template--26520541036844__product-recommendations&product_id=10246975684908&limit=10"> 6507 6508 </product-recommendations> 6509</div> 6510 6511 6512<style> #shopify-section-template--26520541036844__product-recommendations p, #shopify-section-template--26520541036844__product-recommendations .card__vendor {letter-spacing: 0.1rem;} #shopify-section-template--26520541036844__product-recommendations .card__heading {text-transform: none;} #shopify-section-template--26520541036844__product-recommendations h2 {font-size: 20px;} </style></section><section id="shopify-section-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed" class="shopify-section section"><style> 6513 .section-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed-padding { 6514 padding-top: 30px; 6515 padding-bottom: 45px; 6516 } 6517 6518 @media screen and (min-width: 750px) { 6519 .section-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed-padding { 6520 padding-top: 40px; 6521 padding-bottom: 60px; 6522 } 6523 }#shopify-section-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed {--title-gap: -1.8rem; 6524 --title-indent: 0.8rem; 6525 --title-back-size: 4rem; 6526 --title-back-letter-spacing: -1.6px;} 6527 6528 @media screen and (min-width: 990px) { 6529 #shopify-section-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed {--title-gap: -2.2rem; 6530 --title-indent: 1rem; 6531 --title-back-size: 4.8rem; 6532 --title-back-letter-spacing: -2.4px;} 6533 } 6534 6535 @media screen and (min-width: 1200px) { 6536 #shopify-section-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed {--title-gap: -2.6rem; 6537 --title-indent: 1.2rem; 6538 --title-back-size: 5.4rem; 6539 --title-back-letter-spacing: -2.7px;} 6540 }</style> 6541 6542 <recently-viewed class="db recently-viewed-products" 6543 data-product-id="10246975684908" data-product-url="/products/vs-shaving-face-essentials-kit" data-product-image="//vbarbershop.com/cdn/shop/files/ShavingFaceKit.jpg?v=1773177626&width=100" 6544 data-full-width="true" 6545 data-prev-button="Slider-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed-prev-button" 6546 data-next-button="Slider-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed-next-button" 6547 data-limit="10" 6548 data-color-scheme="background-1" 6549 data-inherit-card-color-scheme="true" 6550 data-card-color-scheme="background-2" 6551 > 6552 <div class="recently-viewed-products__section color-background-1 gradient hidden"> 6553 <div class="collection section-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed-pa
6553dding"> 6554 <div class="page-width--full"> 6555<div class="title"> 6556 <div class="flex justify-space-between w100 align-center title__gap por"><h2 class="title__heading h2 font-heading-extra-bold margin0 lh1 title__heading--before-line">Recently viewed</h2><div class="slider-buttons slider-buttons--box flex"> 6557 <button type="button" id="Slider-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed-prev-button" class="slider-button flex flex-column justify-center align-center slider-button--prev no-js-hidden por tap-area-icon" name="previous" aria-label="Slide left" aria-controls="Slider-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed" disabled="disabled"><span></span> 6558<span></span></button> 6559 <button type="button" id="Slider-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed-next-button" class="slider-button flex flex-column justify-center align-center slider-button--next no-js-hidden por tap-area-icon" name="next" aria-label="Slide right" aria-controls="Slider-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed"><span></span> 6560<span></span></button> 6561 </div></div> 6562 </div></div> 6563 <div class="recently-viewed-products__results"> 6564 6565 </div> 6566 </div> 6567 </div> 6568 </recently-viewed><style> #shopify-section-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed p, #shopify-section-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed .card__vendor {letter-spacing: 0.1rem;} #shopify-section-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed .card__heading {text-transform: none;} #shopify-section-template--26520541036844__42ea5b86-e5b3-44b9-8a28-410eec1590ed h2 {font-size: 20px;} </style></section><section id="shopify-section-template--26520541036844__f05adc2b-aa3e-4c99-9f22-0da27eb1abde" class="shopify-section section"><style> 6569.section-template--26520541036844__f05adc2b-aa3e-4c99-9f22-0da27eb1abde-padding { 6570 padding-top: calc(0px * 0.75); 6571 padding-bottom: calc(0px * 0.75); 6572} 6573 6574@media screen and (min-width: 750px) { 6575 .section-template--26520541036844__f05adc2b-aa3e-4c99-9f22-0da27eb1abde-padding { 6576 padding-top: 0px; 6577 padding-bottom: 0px; 6578 } 6579} 6580</style> 6581<div class="color-background-1 gradient"> 6582 <div class="section-template--26520541036844__f05adc2b-aa3e-4c99-9f22-0da27eb1abde-padding"> 6583 <style data-shopify> 6584@media (max-width: 768px) { 6585.product__slider-button { 6586margin: 8px; 6587} 6588.product__sale-box { 6589 padding: 2.0rem!important; 6590} 6591.header__heading-logo { 6592max-width: 60px; 6593} 6594.breadcrumb { 6595display: none;} 6596h1 { 6597line-height: 2.6rem;} 6598.product__vendor-link { 6599 margin-bottom: 0rem!important; 6600} 6601p { 6602line-height: 2.3rem; 6603} 6604.price.price--large { 6605 font-family: Garner!important; 6606 font-size: 24px!important; 6607 color: #2C4F44!important; 6608} 6609} 6610.price.price--large { 6611 font-family: Garner; 6612 font-size: 28px; 6613 color: #2C4F44; 6614} 6615.price__container { 6616font-family: Garner!important; 6617 color: #2C4F44!important; 6618} 6619div#price-top-template--21193436299564__main { 6620margin-bottom: -18px; 6621} 6622.product__tax { 6623display: none; 6624} 6625p.product__text.subtitle.subtitle--medium { 6626margin-top: 6px; 6627margin-bottom: 8px; 6628} 6629.header__customer-support-region { 6630 margin-right: 5rem; 6631 margin-left: 2rem; 6632} 6633@media only screen and (min-width: 750px) { 6634.banner--content-align-left.banner--desktop-transparent .banner__box, .banner--content-align-right.banner--desktop-transparent .banner__box, .banner--medium.banner--desktop-transparent .banner__box { 6635 max-width: 50rem; 6636} 6637} 6638@media screen and (max-width: 1022px) { 6639path{ 6640 fill: #000 !important 6641} 6642} 6643</style> 6644 </div> 6645</div> 6646 6647 6648</section> 6649 </main><!-- BEGIN sections: footer-group --> 6650<section id="shopify-section-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc" class="shopify-section shopify-section-group-footer-group section"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/section-text-icons.css?v=31018486766550848661785190630" media="print" onload="this.media='all'"> 6651<noscript><link href="//vbarbershop.com/cdn/shop/t/124/assets/section-text-icons.css?v=31018486766550848661785190630" rel="stylesheet" type="text/css" media="all" /></noscript> 6652<style> 6653 .section-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-padding { 6654 padding-top: 24px; 6655 padding-bottom: 0px; 6656 --icon-width: 10%; 6657 --border-width:0px; 6658 --border-spacing:0px; 6659 } 6660 6661 .text-icons__card__icon-wrapper--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc { 6662 width: var(--icon-width); 6663 height: fit-content;}.text-icons__card__icon-wrapper--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc .text-icons__card__icon { 6664 position: absolute; 6665 inset-inline-start: 50%; 6666 top: 50%; 6667 transform: translate(calc(var(--transform-direction) * 50%), -50%); 6668 width: calc(100% - var(--border-spacing)); 6669 height: auto; 6670 min-width: 2rem; 6671 }.text-icons__card--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc { 6672 gap: calc(1.5rem + var(--border-width));} 6673 .text-icons__card__info--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc { 6674 width: calc(100% - 1.5rem - var(--icon-width) - var(--border-width)); 6675 }@media screen and (min-width: 750px) { 6676 .section-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-padding { 6677 padding-top: 32px; 6678 padding-bottom: 0px; 6679 --icon-width: 28%; 6680 --border-spacing:0px; 6681 } 6682 }</style><div class="text-icons color-scheme-5bbd8bad-8a13-4cdf-969e-1277fa3de869 isolate gradient" style=""> 6683 <div class="page-width section-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-padding"> 6684<slider-component 6685 class="slider-mobile-gutter por" 6686 6687 > 6688 <ul 6689 class="text-icons__list grid grid--1-col grid--2-col-tablet grid--4-col-desktop grid--peek" 6690 id="Slider-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc" 6691 role="list" 6692 ><li 6693 id="Slide-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-1" 6694 class="text-icons__item grid__item left" 6695 6696 > 6697 <div class="text-icons__card text-icons__card--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc 6698 por 6699 flex 6700 " 6701 > 6702 <div class="text-icons__card__icon-wrapper text-icons__card__icon-wrapper--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc flex por" 6703 > 6704 <div class="w100 media media--circle media--transparent"><img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933&width=1420" alt="Gold and black circular location pin icon" srcset="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933&width=275 275w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933&width=550 550w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933&width=710 710w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Location.svg?v=1706053933&width=1420 1420w" width="1420" height="1420" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw - 30px)" class="text-icons__card__icon zoom"> 6705</div> 6706 </div> 6707 6708 <div class=" text-icons__card__info text-icons__card__info--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc"><h2 class="card__heading h5 card__heading--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc font-heading-bold"><a 6709 href="/pages/store-locator" 6710 id="CardLink-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-sections--20768131416364__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-text-icon-1" 6711 class="full-unstyled-link" 6712 aria-labelledby="CardLink-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-sections--20768131416364__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-text-icon-1" 6713 6714 > 6715 FIND A LOCATION 6716 </a></h2></div> 6717 </div> 6718 </li><li 6719 id="Slide-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-2" 6720 class="text-icons__item grid__item left" 6721 6722 > 6723 <div class="text-icons__card text-icons__card--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc 6724 6725 flex 6726 " 6727 > 6728 <div class="text-icons__card__icon-wrapper text-icons__card__icon-wrapper--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc flex por" 6729 > 6730 <div class="w100 media media--circle media--transparent"><img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933&width=1420" alt="Gold and black circular barber pole icon" srcset="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933&width=275 275w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933&width=550 550w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933&width=710 710w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-Reservation.svg?v=1706053933&width=1420 1420w" width="1420" height="1420" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw - 30px)" class="text-icons__card__icon zoom"> 6731</div> 6732 </div> 6733 6734 <div class=" rq-click-on-book-app2 text-icons__card__info text-icons__card__info--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc"><h2 class="card__heading h5 card__heading--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc font-heading-bold">BOOK A RESERVATION 6735</h2></div> 6736 </div> 6737 </li><li 6738 id="Slide-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-3" 6739 class="text-icons__item grid__item left" 6740 6741 > 6742 <div class="text-icons__card text-icons__card--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc 6743 por 6744 flex 6745 " 6746 > 6747 <div class="text-icons__card__icon-wrapper text-icons__card__icon-wrapper--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc flex por" 6748 > 6749 <div class="w100 media media--circle media--transparent"><img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933&width=1420" alt="Gold and black circular icon of a hand holding a smartphone displaying the v's barbershop logo" srcset="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933&width=275 275w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933&width=550 550w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933&width=710 710w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-App.svg?v=1706053933&width=1420 1420w" width="1420" height="1420" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw - 30px)" class="text-icons__card__icon zoom"> 6750</div> 6751 </div> 6752 6753 <div class=" text-icons__card__info text-icons__card__info--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc"><h2 class="card__heading h5 card__heading--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc font-heading-bold"><a 6754 href="https://qrco.de/bbcemi" 6755 id="CardLink-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-sections--20768131416364__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-text-icon-3" 6756 class="full-unstyled-link" 6757 aria-labelledby="CardLink-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-sections--20768131416364__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-text-icon-3" 6758 6759 > 6760 DOWNLOAD THE APP 6761 </a></h2></div> 6762 </div> 6763 </li><li 6764 id="Slide-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc-4" 6765 class="text-icons__item grid__item left" 6766 6767 > 6768 <div class="text-icons__card text-icons__card--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc 6769 6770 flex 6771 " 6772 > 6773 <div class="text-icons__card__icon-wrapper text-icons__card__icon-wrapper--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc flex por" 6774 > 6775 <div class="w100 media media--circle media--transparent"><img src="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933&width=1420" alt="Gold and black circular icon of a v's barbershop gift card with sparkle accents" srcset="//vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933&width=275 275w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933&width=550 550w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933&width=710 710w, //vbarbershop.com/cdn/shop/files/VBarbershop-Icon-GiftCard.svg?v=1706053933&width=1420 1420w" width="1420" height="1420" loading="lazy" sizes="(min-width: 990px) 550px, (min-width: 750px) 550px, calc(100vw - 30px)" class="text-icons__card__icon zoom"> 6776</div> 6777 </div> 6778 6779 <div class=" rq-click-on-gift-app2 text-icons__card__info text-icons__card__info--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc"><h2 class="card__heading h5 card__heading--sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc font-heading-bold">BUY A GIFT CARD 6780</h2></div> 6781 </div> 6782 </li></ul></slider-component></div> 6783</div> 6784 6785 6786<style> #shopify-section-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc {margin-top: 0.5px; border-top: 4.5px solid #fff; background-color: #000;} #shopify-section-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc .slider-mobile-gutter.por {border-bottom: 1px solid #fff !important; padding-bottom: 26px;} #shopify-section-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc h2 {font-size: 14px; line-height: 18px; letter-spacing: 1.5px;} #shopify-section-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc .text-icons__card {gap: 0px !important; align-items: center;} #shopify-section-sections--26520541233452__bfd2550c-78a2-4adf-80a8-bba5061ac4bc .text-icons__card__info {width: calc(100% - 0px - var(--icon-width) - var(--border-width));} </style></section><div id="shopify-section-sections--26520541233452__footer" class="shopify-section shopify-section-group-footer-group"> 6787<link href="//vbarbershop.com/cdn/shop/t/124/assets/section-footer.css?v=6512411756105686851785190623" rel="stylesheet" type="text/css" media="all" />
6788<script src="//vbarbershop.com/cdn/shop/t/124/assets/footer-collapse-block.js?v=118391792964921513541785190602" defer="defer"></script>
6788<style>.footer { 6789 margin-top: 0px; 6790 }.section-sections--26520541233452__footer-padding { 6791 padding-top: 45px; 6792 --newsletter-input-height: 5rem; 6793 } 6794 6795 .footer__newsletter__heading { 6796 flex: 1; 6797 } 6798 6799 @media screen and (min-width: 750px) {.footer { 6800 margin-top: 0px; 6801 }.section-sections--26520541233452__footer-padding { 6802 padding-top: 60px; 6803 } 6804 } 6805</style> 6806 6807<footer class="footer"> 6808 <div class="footer__inner color-scheme-5bbd8bad-8a13-4cdf-969e-1277fa3de869 gradient section-sections--26520541233452__footer-padding"><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--4-col-tablet"><div class="footer-block grid__item" ><div class="footer__logo left"><a href="/" aria-label="V's Barbershop logo in gold."><img 6809 srcset= "//vbarbershop.com/cdn/shop/files/vs-footer-450x312.png?v=1649980030&width=165, //vbarbershop.com/cdn/shop/files/vs-footer-450x312.png?v=1649980030&width=330 2x" 6810 src="//vbarbershop.com/cdn/shop/files/vs-footer-450x312.png?v=1649980030&width=400" 6811 alt="V's Barbershop logo in gold." 6812 loading="lazy" 6813 width="450" 6814 height="312" 6815 style="max-width: min(100%, 165px);" 6816 > 6817 </a></div><div class="footer-block__details-content footer-block-store-information footer__text-color text-small element-small-margin-top"> 6818 <ul class="list-unstyled" role="list"></ul> 6819 </div></div><footer-collapse-block class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading h5 font-heading-extra-bold"><a class="full-unstyled-link footer-block__collapse-link" href="#" data-no-instant> 6820 <span>OUR COMPANY</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret no-js-hidden medium-hide large-up-hide"> 6821 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 6822</svg> </a></h2><ul class="footer-block__details-content list-unstyled"><li> 6823 <a href="/pages/about" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6824 <span class="link-effect-no-underline">ABOUT V's</span> 6825 </a> 6826 </li><li> 6827 <a href="/pages/services" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6828 <span class="link-effect-no-underline">SERVICES</span> 6829 </a> 6830 </li><li> 6831 <a href="/pages/employment" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6832 <span class="link-effect-no-underline">EMPLOYMENT</span> 6833 </a> 6834 </li><li> 6835 <a href="/pages/franchise-home" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6836 <span class="link-effect-no-underline">FRANCHISE</span> 6837 </a> 6838 </li><li> 6839 <a href="https://account.vbarbershop.com" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6840 <span class="link-effect-no-underline">WHOLESALE</span> 6841 </a> 6842 </li></ul></footer-collapse-block><footer-collapse-block class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading h5 font-heading-extra-bold"><a class="full-unstyled-link footer-block__collapse-link" href="#" data-no-instant> 6843 <span>NEED HELP?</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret no-js-hidden medium-hide large-up-hide"> 6844 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 6845</svg> </a></h2><ul class="footer-block__details-content list-unstyled"><li> 6846 <a href="/pages/contact" class="link list-menu__item list-menu__item--link footer__text-color text-small">
6847 <span class="link-effect-no-underline">CUSTOMER SUPPORT</span> 6848 </a> 6849 </li><li> 6850 <a href="/pages/shipping-policy" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6851 <span class="link-effect-no-underline">SHIPPING</span> 6852 </a> 6853 </li><li> 6854 <a href="/pages/return-policy" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6855 <span class="link-effect-no-underline">RETURNS & EXCHANGES</span> 6856 </a> 6857 </li><li> 6858 <a href="/pages/faqs" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6859 <span class="link-effect-no-underline">FAQS</span> 6860 </a> 6861 </li><li> 6862 <a href="/pages/contact" class="link list-menu__item list-menu__item--link footer__text-color text-small"> 6863 <span class="link-effect-no-underline">CONTACT</span> 6864 </a> 6865 </li></ul></footer-collapse-block><footer-collapse-block class="footer-block grid__item" ><h2 class="footer-block__heading h5 font-heading-extra-bold"><a class="full-unstyled-link footer-block__collapse-link" href="#" data-no-instant> 6866 <span>JOIN OUR LIST</span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret no-js-hidden medium-hide large-up-hide"> 6867 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 6868</svg> </a></h2><link href="//vbarbershop.com/cdn/shop/t/124/assets/component-newsletter.css?v=144301926171005223641785190581" rel="stylesheet" type="text/css" media="all" /> 6869 <div class="footer-block__details-content newsletter"><div class="newsletter__subheading rte footer__text-color text-small"><p>ENTER YOUR EMAIL 15% OFF YOUR FIRST ORDER!</p></div><form method="post" action="/contact#NewsletterFooter" id="NewsletterFooter" accept-charset="UTF-8" class="footer__newsletter element-small-margin-top"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="contact[tags]" value="newsletter"><div class="footer-block__newsletter-field-wrapper newsletter__form-field-wrapper flex justify-space-between"> 6870 <div class="footer-block__newsletter-field field flex-grow-1"> 6871 <input 6872 id="NewsletterForm--sections--26520541233452__footer" 6873 aria-label="Email" 6874 type="email" 6875 name="contact[email]" 6876 class="footer-block__newsletter-field-input field__input newsletter__input" 6877 value="" 6878 aria-required="true" 6879 autocorrect="off" 6880 autocapitalize="off" 6881 autocomplete="email" 6882 6883 placeholder="Email" 6884 required 6885 > 6886 <label class="field__label visually-hidden" for="NewsletterForm--sections--26520541233452__footer"> 6887 Email 6888 </label> 6889 </div> 6890 <button type="submit" class="footer-block__newsletter-form-button button button--small newsletter__button newsletter__button--square" name="commit" id="FooterSubscribe" aria-label="Subscribe"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow icon-revert-in-rtl" xmlns="http://www.w3.org/2000/svg"> 6891 <path d="M14 5L21 12M21 12L14 19M21 12L3 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6892</svg> 6893</button> 6894 </div></form></div></footer-collapse-block></div></div>
6894<div class="footer__content-middle"> 6895 <div class="page-width flex w100 footer__content-sub-wrapper align-center"><div class="footer__column footer__content-middle__column flex-grow-1 flex"> 6896 <ul class="footer__column__bottom-links list-unstyled flex flex-wrap overflow-hidden"><li> 6897 <a href="/pages/privacy-policy" class="link footer__text-color text-small focus-inset"> 6898 <span class="link-effect-no-underline">Privacy Policy</span> 6899 </a> 6900 </li><li> 6901 <a href="/pages/terms-of-service" class="link footer__text-color text-small focus-inset"> 6902 <span class="link-effect-no-underline">Terms of Service</span> 6903 </a> 6904 </li><li> 6905 <a href="/pages/accessibility-statement" class="link footer__text-color text-small focus-inset"> 6906 <span class="link-effect-no-underline">Accessibility Statement</span> 6907 </a> 6908 </li><li> 6909 <a href="/pages/your-privacy-choices" class="link footer__text-color text-small focus-inset"> 6910 <span class="link-effect-no-underline">Your Privacy Choices</span> 6911 </a> 6912 </li><li> 6913 <a href="/pages/withdraw-contract" class="link footer__text-color text-small focus-inset"> 6914 <span class="link-effect-no-underline">EU Withdraw</span> 6915 </a> 6916 </li></ul> 6917 </div><div class="footer__column footer__content-middle__column footer__social-icons flex-grow-1"><ul class="list-unstyled flex list-social flex-wrap footer__list-social justify-right" role="list"><li class="list-social__item flex align-center"> 6918 <a href="https://twitter.com/vbarbershop" class="link flex justify-center align-center por tap-area-icon list-social__transparent" target="_blank" data-no-instant><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" height="16" height="16" viewBox="0 0 20 20" aria-hidden="true" focusable="false" role="presentation" class="icon icon-twitter" fill="none"> 6919 <path d="M15.2213 3H17.9803L11.9224 9.78967L19 19H13.4459L9.0973 13.403L4.11896 19H1.35988L7.77774 11.738L1 3H6.6921L10.6208 8.11292L15.2213 3ZM14.2556 17.4059H15.7851L5.88837 4.53506H4.24492L14.2556 17.4059Z" fill="currentColor"/> 6920</svg><span class="visually-hidden">Twitter</span> 6921 </a> 6922 </li><li class="list-social__item flex align-center"> 6923 <a href="https://www.facebook.com/vbarbershop/" class="link flex justify-center align-center por tap-area-icon list-social__transparent" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-facebook" role="presentation"> 6924 <path d="M6.02103 15.3333L6.00001 8.66663H3.33334V5.99996H6.00001V4.33329C6.00001 1.85903 7.53222 0.666626 9.73944 0.666626C10.7967 0.666626 11.7054 0.745339 11.9702 0.780526V3.36628L10.4394 3.36697C9.23898 3.36697 9.00655 3.93739 9.00655 4.77443V5.99996H12.5L11.1667 8.66663H9.00655V15.3333H6.02103Z" fill="currentColor"/> 6925</svg><span class="visually-hidden">Facebook</span> 6926 </a> 6927 </li><li class="list-social__item flex align-center"> 6928 <a href="https://www.pinterest.com/vbarbershop/" class="link flex justify-center align-center por tap-area-icon list-social__transparent" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest"> 6929 <path d="M8 0C3.6 0 0 3.6 0 8C0 11.4 2.13333 14.2667 5.06667 15.4667C5 14.8667 4.93333 13.8667 5.06667 13.2C5.2 12.6 6 9.2 6 9.2C6 9.2 5.8 8.66667 5.8 8C5.8 6.86667 6.46667 6.06667 7.26667 6.06667C7.93333 6.06667 8.26667 6.6 8.26667 7.2C8.26667 7.86667 7.8 8.93333 7.6 9.86667C7.4 10.6667 8 11.3333 8.8 11.3333C10.2 11.3333 11.3333 9.86667 11.3333 7.66667C11.3333 5.73333 9.93333 4.4 8 4.4C5.73333 4.4 4.4 6.13333 4.4 7.86667C4.4 8.53333 4.66667 9.26667 5 9.66667C5.06667 9.73333 5.06667 9.8 5.06667 9.86667C5 10.
69291333 4.86667 10.6667 4.86667 10.8C4.8 10.9333 4.73333 11 4.6 10.9333C3.6 10.4667 3 9 3 7.86667C3 5.33333 4.86667 3 8.26667 3C11.0667 3 13.2 5 13.2 7.6C13.2 10.3333 11.4667 12.6 9.06667 12.6C8.26667 12.6 7.46667 12.2 7.2 11.6667C7.2 11.6667 6.8 13.2 6.73333 13.6C6.53333 14.2667 6.06667 15.1333 5.73333 15.6667C6.4 15.8667 7.2 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0Z" fill="currentColor"/> 6930</svg><span class="visually-hidden">Pinterest</span> 6931 </a> 6932 </li><li class="list-social__item flex align-center"> 6933 <a href="https://www.instagram.com/v_barbershop/" class="link flex justify-center align-center por tap-area-icon list-social__transparent" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram"> 6934 <path d="M7.99999 1.98796C9.95799 1.98796 10.19 1.99529 10.9633 2.03063C11.4282 2.03604 11.8888 2.12151 12.3247 2.28329C12.6433 2.4007 12.9315 2.5882 13.168 2.83196C13.4117 3.06842 13.5993 3.35663 13.7167 3.67529C13.8784 4.11119 13.9639 4.57171 13.9693 5.03663C14.0047 5.80996 14.012 6.04196 14.012 7.99996C14.012 9.95796 14.0047 10.19 13.9693 10.9633C13.9639 11.4282 13.8784 11.8887 13.7167 12.3246C13.5946 12.6409 13.4077 12.9282 13.168 13.1679C12.9282 13.4077 12.641 13.5946 12.3247 13.7166C11.8888 13.8784 11.4282 13.9639 10.9633 13.9693C10.19 14.0046 9.95799 14.012 7.99999 14.012C6.04199 14.012 5.80999 14.0046 5.03666 13.9693C4.57174 13.9639 4.11122 13.8784 3.67532 13.7166C3.35666 13.5992 3.06845 13.4117 2.83199 13.168C2.58823 12.9315 2.40073 12.6433 2.28332 12.3246C2.12154 11.8887 2.03607 11.4282 2.03066 10.9633C1.99532 10.19 1.98799 9.95796 1.98799 7.99996C1.98799 6.04196 1.99532 5.80996 2.03066 5.03663C2.03607 4.57171 2.12154 4.11119 2.28332 3.67529C2.40073 3.35663 2.58823 3.06842 2.83199 2.83196C3.06845 2.5882 3.35666 2.4007 3.67532 2.28329C4.11122 2.12151 4.571
693474 2.03604 5.03666 2.03063C5.80999 1.99529 6.04199 1.98796 7.99999 1.98796ZM7.99999 0.666626C6.00866 0.666626 5.75866 0.675293 4.97666 0.710626C4.36838 0.723197 3.76659 0.838371 3.19666 1.05129C2.70902 1.24007 2.26626 1.52875 1.8968 1.89879C1.52734 2.26882 1.23935 2.71203 1.05132 3.19996C0.838401 3.76989 0.723227 4.37168 0.710656 4.97996C0.675323 5.75863 0.666656 6.00863 0.666656 7.99996C0.666656 9.99129 0.675323 10.2413 0.710656 11.0233C0.723227 11.6316 0.838401 12.2334 1.05132 12.8033C1.2401 13.2909 1.52878 13.7337 1.89882 14.1032C2.26885 14.4726 2.71206 14.7606 3.19999 14.9486C3.76992 15.1615 4.37171 15.2767 4.97999 15.2893C5.75866 15.3246 6.00866 15.3333 7.99999 15.3333C9.99132 15.3333 10.2413 15.3246 11.0233 15.2893C11.6316 15.2767 12.2334 15.1615 12.8033 14.9486C13.291 14.7598 13.7337 14.4712 14.1032 14.1011C14.4726 13.7311 14.7606 13.2879 14.9487 12.8C15.1616 12.23 15.2768 11.6282 15.2893 11.02C15.3247 10.2413 15.3333 9.99129 15.3333 7.99996C15.3333 6.00863 15.3247 5.75863 15.2893 4.97663C15.2768 4.36835 15.1616 3.76656 14.9487 3.19663C14.7599 2.70899 14.4712 2.26623 14.1012 1.89677C13.7311 1.52731 13.2879 1.23932 12.8 1.05129C12.2301 0.838371 11.6283 0.723197 11.02 0.710626C10.2413 0.675293 9.99132 0.666626 7.99999 0.666626Z" fill="currentColor"/> 6935 <path d="M7.99998 4.23401C7.25514 4.23401 6.52702 4.45488 5.9077 4.86869C5.28839 5.28251 4.80569 5.87068 4.52065 6.55882C4.23561 7.24697 4.16103 8.00419 4.30634 8.73472C4.45165 9.46525 4.81033 10.1363 5.33702 10.663C5.8637 11.1897 6.53474 11.5483 7.26527 11.6936C7.9958 11.839 8.75302 11.7644 9.44117 11.4793C10.1293 11.1943 10.7175 10.7116 11.1313 10.0923C11.5451 9.47297 11.766 8.74485 11.766 8.00001C11.766 7.0012 11.3692 6.04331 10.6629 5.33705C9.95668 4.63078 8.99879 4.23401 7.99998 4.23401V4.23401ZM7.99998 10.4447C7.51647 10.4447 7.04382 10.3013 6.6418 10.0327C6.23977 9.76405 5.92643 9.38225 5.7414 8.93554C5.55637 8.48884 5.50796 7.9973 5.60229 7.52308C5.69661 7.04886 5.92945 6.61326 6.27134 6.27137C6.61323 5.92948 7.04883 5.69664 7.52305 5.60232C7.99727 5.50799 8.48881 5.5564 8.93551 5.74143C9.38222 5.92646 9.76402 6.2398 10.0326 6.64182C10.3013 7.04385 10.4446 7.5165 10.4446 8.00001C10.4446 8.64837 10.1871 9.27019 9.72862 9.72865C9.27016 10.1871 8.64835 10.4447 7.99998 10.4447V10.4447Z" fill="currentColor"/> 6936 <path d="M11.9147 4.96532C12.4007 4.96532 12.7947 4.57133 12.7947 4.08532C12.7947 3.59931 12.4007 3.20532 11.9147 3.20532C11.4287 3.20532 11.0347 3.59931 11.0347 4.08532C11.0347 4.57133 11.4287 4.96532 11.9147 4.96532Z" fill="currentColor"/> 6937</svg><span class="visually-hidden">Instagram</span> 6938 </a> 6939 </li><li class="list-social__item flex align-center"> 6940 <a href="https://www.youtube.com/user/Vbarbershop" class="link flex justify-center align-center por tap-area-icon list-social__transparent" target="_blank" data-no-instant><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube"> 6941 <path d="M15.9963 5.6389C16.0323 4.1584 15.8047 2.68898 15.3349 1.36707C15.0161 0.824662 14.5737 0.45862 14.0848 0.33273C12.0625 0.0715852 10.0317 -0.0354495 8.00136 0.0120845C5.97838 -0.037607 3.95498 0.0659739 1.93973 0.322387C1.54131 0.425528 1.17259 0.691484 0.878584 1.0878C0.224452 1.9463 0.15177 3.41507 0.0790889 4.65628C-0.026363 6.88794 -0.026363 9.12715 0.0790889 11.3588C0.100116 12.0574 0.173207 12.7509 0.297133 13.4275C0.384769 13.9499 0.562073 14.4332 0.813171 14.8342C1.10918 15.2515 1.48648 15.5326 1.89612 15.641C3.46307 15.9162 5.04193 16.0303 6.62041 15.9823C9.16426 16.034 11.3956 15.9823 14.0339 15.6927C14.4536 15.591 14.8415 15.3095 15.1459 14.8859C15.3494 14.5962 15.5014 14.2416 15.5893 13.8516C15.8492 12.7165 15.9769 11.5286 15.9672 10.3348C15.9963 9.75558 15.9963 6.25951 15.9963 5.6389ZM6.35876 10.9554V4.55284L10.6615 7.76965C9.45499 8.72124 7.86327 9.79696 6.35876 10.9554Z" fill="currentColor"/> 6942</svg><span class="visually-hidden">YouTube</span> 6943 </a> 6944 </li><li class="list-social__item flex align-center"> 6945 <a href="https://www.tiktok.com/@vs_barbershop" class="link flex justify-center align-center por tap-area-icon list-social__transparent" target="_blank" data-no-instant><svg class="icon icon-tiktok" fill="currentColor" width="16" height="16" viewB
6945ox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"> 6946 <path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"/> 6947</svg><span class="visually-hidden">TikTok</span> 6948 </a> 6949 </li></ul></div></div> 6950 </div><div class="footer__content-bottom color-background-2 gradient"> 6951 <div class="page-width flex w100 footer__content-sub-wrapper align-center"><div class="footer__column footer__copyright caption w100"> 6952 <small class="copyright__content">© 2026, <a href="/" title="">V's Barbershop</a></small> 6953 <small class="copyright__content">OUR PRODUCTS AND SERVICES ARE AVAILABLE TO ALL MEMBERS OF THE PUBLIC REGARDLESS OF RACE, GENDER OR SEXUAL ORIENTATION.</small> 6954 </div> 6955 </div> 6956 </div> 6957 </div> 6958</footer> 6959 6960 6961<style> #shopify-section-sections--26520541233452__footer .footer__content-middle {border-bottom: 5px solid #fff !important;} #shopify-section-sections--26520541233452__footer .footer__column__bottom-links a {text-transform: uppercase; font-size: 11px;} #shopify-section-sections--26520541233452__footer .link-effect-no-underline {color: #fff !important;} </style></div> 6962<!-- END sections: footer-group --><section id="shopify-section-cookies-banner" class="shopify-section section cookies-banner-section"></section><div id="shopify-section-email-signup-popup" class="shopify-section section email-signup-popup-section"></div><ul hidden> 6963 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 6964 </ul> 6965 6966
6966<script src="//vbarbershop.com/cdn/shop/t/124/assets/global.js?v=113143277618983169311785190603" defer="defer"></script>
6966 6967
6967<script src="//vbarbershop.com/cdn/shop/t/124/assets/appear-animate.js?v=35049374968770614641785190559" defer="defer"></script>
6967 6968
6968<script src="//vbarbershop.com/cdn/shop/t/124/assets/truncate-text.js?v=68493967667136846881785190634" defer="defer"></script>
6968<script src="//vbarbershop.com/cdn/shop/t/124/assets/cart.js?v=173338779625111075571785190564" defer="defer"></script>
6968<div id="shopify-section-cart-drawer" class="shopify-section cart-drawer-section"><cart-drawer class="flex drawer drawer--cart is-empty h100"> 6969 <div id="CartDrawer" class="cart-drawer"> 6970 <div id="CartDrawer-Overlay"class="cart-drawer__overlay drawer__overlay"></div> 6971 <div class="drawer__inner drawer__inner--medium drawer__inner--cart" role="dialog" aria-modal="true" aria-label="Your cart" tabindex="-1"> 6972 <div class="drawer__header flex justify-space-between align-center"> 6973 <h2 class="drawer__heading margin0 h4 font-heading-bold">Your cart</h2> 6974 <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" width="24" height="24" viewBox="0 0 22 22" fill="none"> 6975 <path d="M5.5 16.5L16.5 5.5M5.5 5.5L16.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6976</svg></button> 6977 </div><div> 6978<free-shipping-bar 6979 class="free-shipping-bar db background-input no-js-hidden cart-drawer__box" 6980 data-threshold="5000" 6981 data-total="0" 6982 6983 data-show-exclude-message="true" 6984 data-count-exclude-products="0" 6985 6986 > 6987 <div class="free-shipping-bar__unreached-message text-small hidden rte">Spend <strong>[remain]</strong> more to reach <strong>Free Shipping</strong>!</div> 6988 <div class="free-shipping-bar__reached-message text-small hidden rte">Congratulations! You've got free shipping.</div> 6989 <div class="free-shipping-bar__progress-wrapper flex align-center"> 6990 <div class="free-shipping-bar__progress-bar por flex-grow-1"> 6991 <span class="free-shipping-bar__progress-bar__passed"></span> 6992 </div> 6993 <span class="free-shipping-bar__progress-number font-body-bold"></span> 6994 </div><div class="free-shipping-bar__exclude-message text-small hidden rte alert alert--small alert--warning caption margin-top-1rem"> 6995 <strong>Please note*:</strong> [product_count] product(s) in your cart excluded from the free shipping option. 6996 </div></free-shipping-bar> 6997
6997<script src="//vbarbershop.com/cdn/shop/t/124/assets/free-shipping-bar.js?v=32964482922337977481785190602" defer="defer"></script>
6997 6998 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-free-shipping-bar.css?v=66528101602453239091785190577" media="print" onload="this.media='all'"> 6999</div><div class="drawer__inner-empty flex-grow-1 flex flex-column"> 7000 <div class="cart-drawer__warnings flex flex-column justify-left center flex-grow-1"> 7001 <div class="cart-drawer__empty-content"> 7002 <div class="cart-drawer__empty-content__top"> 7003 <h2 class="cart-drawer__heading h2 font-heading-bold">Your cart is empty</h2><h3 class="h5 font-heading-bold margin0 small-margin-bottom">Check out our most wanted collections!</h3><ul class="recommended-collections recommended-collections--list 7004 collection-list 7005 contains-card 7006 contains-card--collection 7007 flex flex-column list-unstyled 7008 collection-list--4-items" 7009 role="list" 7010><li class="recommended-collections__item"><div class="recommended-collections__list-item custom-gap align-center w100 por background-input"><div class="media"> 7011 <img src="//vbarbershop.com/cdn/shop/files/Layrite_Natural_Matte.jpg?crop=center&height=100&v=1769633987&width=100" alt="" srcset="//vbarbershop.com/cdn/shop/files/Layrite_Natural_Matte.jpg?crop=center&height=100&v=1769633987&width=100 100w" width="100" height="100" loading="lazy" class="aspect-ratio"> 7012 </div><a class="full-link full-unstyled-link flex-grow-1 heading-font font-heading-extra-bold text-small left" href="/collections/hair">HAIR</a><svg class="icon icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 5L16 12L9 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 7013 </li><li class="recommended-collections__item"><div class="recommended-collections__list-item custom-gap align-center w100 por background-input"><div class="media"> 7014 <img src="//vbarbershop.com/cdn/shop/products/V_s-Tonic-Front.jpg?crop=center&height=100&v=1681152969&width=100" alt="" srcset="//vbarbershop.com/cdn/shop/products/V_s-Tonic-Front.jpg?crop=center&height=100&v=1681152969&width=100 100w" width="100" height="100" loading="lazy" class="aspect-ratio"> 7015 </div><a class="full-link full-unstyled-link flex-grow-1 heading-font font-heading-extra-bold text-small left" href="/collections/face">FACE</a><svg class="icon icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 5L16 12L9 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 7016 </li><li class="recommended-collections__item"><div class="recommended-collections__list-item custom-gap align-center w100 por background-input"><div class="media"> 7017 <img src="//vbarbershop.com/cdn/shop/files/WahlMicroPowerShaver.jpg?crop=center&height=100&v=1750437922&width=100" alt="" srcset="//vbarbershop.com/cdn/shop/files/WahlMicroPowerShaver.jpg?crop=center&height=100&v=1750437922&width=100 100w" width="100" height="100" loading="lazy" class="aspect-ratio"> 7018 </div><a class="full-link full-unstyled-link flex-grow-1 heading-font font-heading-extra-bold text-small left" href="/collections/tools">TOOLS</a><svg class="icon icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 5L16 12L9 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 7019 </li><li class="recommended-collections__item"><div class="recommended-collections__list-item custom-gap align-center w100 por background-input"><div class="media"> 7020 <img src="//vbarbershop.com/cdn/shop/files/CollegiateVTeeIceGrayFront.jpg?crop=center&height=100&v=1733340588&width=100" alt="" srcset="//vbarbershop.com/cdn/shop/files/CollegiateVTeeIceGrayFront.jpg?crop=center&height=100&v=1733340588&width=100 100w" width="100" height="100" loading="lazy" class="aspect-ratio"> 7021 </div><a class="full-link full-unstyled-link flex-grow-1 heading-font font-heading-extra-bold text-small left" href="/collections/apparel">APPAREL</a><svg class="icon icon-revert-in-rtl" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
7021ox="0 0 24 24" fill="none"><path d="M9 5L16 12L9 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 7022 </li></ul> 7023<a href="/collections/all" class="button element-small-margin-top w100"> 7024 <span>Continue shopping</span> 7025</a> </div></div> 7026 </div><div class="cart-drawer__login background-input center"> 7027 <p class="cart__login-title h3 margin0 font-heading-extra-bold">Have an account?</p> 7028 <p class="cart__login-paragraph margin0 margin-top-1rem"> 7029 <a href="/account/login" class="link underlined-link">Log in</a> to check out faster. 7030 </p> 7031 </div></div> 7032 <div class="cart-drawer__scroll-area"> 7033 <cart-drawer-items class="cart-drawer__items h100"> 7034 <form action="/cart" id="CartDrawer-Form" class="cart__contents cart-drawer__form flex flex-wrap flex-grow-1" method="post"> 7035 <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p> 7036 <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">Loading...</p> 7037 </div> 7038 <div id="CartDrawer-CartErrors" role="alert" class="cart-errors alert alert--error alert--small flex hidden"> 7039 <span class="cart-item__error-text"></span> 7040 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13"> 7041 <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/> 7042 <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/> 7043 <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/> 7044 <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"> 7045 </svg> 7046 </div> 7047 </form> 7048 </cart-drawer-items><hr class="cart-drawer__scroll-area__line"><cart-product-recommendations 7049 data-url="/recommendations/products" 7050 data-product-ids="" 7051 data-limit="5" 7052 class="no-js-hidden cart-drawer__recommendation cart-drawer__recommendation--media-square" 7053 data-section-id="cart-drawer-product-recommendations" 7054 data-component-classes="slider-component-desktop slider-component-tablet slider-component-mobile" 7055 data-grid-classes="slider slider--mobile slider--tablet slider--desktop grid--1-col" 7056 data-remove-loading="true" 7057 data-item-selector=".item" 7058 > 7059 <div class="cart-drawer__recommendation-title-wrapper flex justify-space-between w100 align-center"> 7060 <h2 class="h5 margin0">Recommendations</h2> 7061 <div class="cart-drawer__recommendation__slider-buttons slider-buttons slider-buttons--box flex align-center"> 7062 <button type="button" id="Slider-cart-drawer-product-recommendations-prev-button" class="cart-drawer__recommendation__slider-button slider-button flex flex-column justify-center align-center slider-button--prev no-js-hidden tap-area-icon" name="previous" aria-label="Slide left" aria-controls="Slider-cart-drawer-product-recommendations" disabled="disabled"><span></span> 7063<span></span></button> 7064 <button type="button" id="Slider-cart-drawer-product-recommendations-next-button" class="cart-drawer__recommendation__slider-button slider-button flex flex-column justify-center align-center slider-button--next no-js-hidden tap-area-icon" name="next" aria-label="Slide right" aria-controls="Slider-cart-drawer-product-recommendations"><span></span> 7065<span></span></button> 7066 </div> 7067 </div> 7068 <div class="cart__recommendation-list"></div> 7069 <div class="cart__recommendation-loading small-margin-bottom"> 7070 <div class="cart-drawer__recommendation-item">
7071 <span class="cart-drawer__recommendation-item__info media skeleton-box"></span> 7072 <div> 7073 <div class="skeleton-box"> 7074 <span class="db margin-top-1rem"></span> 7075 </div> 7076 <div class="skeleton-box margin-top-1rem"> 7077 <span class="db margin-top-1rem"></span> 7078 </div> 7079 </div> 7080 </div> 7081 </div> 7082 </cart-product-recommendations></div> 7083 <div class="drawer__footer por flex flex-column justify-right flex-grow-1"> 7084 <div class="drawer__footer__inner flex flex-column background-input"><div class="cart-drawer__footer cart-drawer__footer--subtotal" ><div class="totals flex justify-space-between align-end flex-wrap" role="status"> 7085 <h2 class="totals__subtotal font-heading-bold uppercase h4">Subtotal</h2> 7086 <p class="totals__subtotal-value price font-body-semi-bold">$0.00</p> 7087 </div> 7088 7089 <div></div> 7090 7091 <small class="tax-note text-small rte db">Taxes and <a href="/policies/shipping-policy">shipping</a> calculated at checkout 7092</small> 7093 </div><div class="center cart__ctas cart__ctas--grid" ><a href="/cart" id="CartDrawer-ViewCart" class="button button--secondary button--shadow" data-no-instant> 7094 <span>View cart</span> 7095 </a><button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button button--shadow" name="checkout" form="CartDrawer-Form"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="icon icon-lock"> 7096 <path d="M10.5 12.5V14.1667M5.49998 17.5H15.5C16.4205 17.5 17.1666 16.7538 17.1666 15.8333V10.8333C17.1666 9.91286 16.4205 9.16667 15.5 9.16667H5.49998C4.57951 9.16667 3.83331 9.91286 3.83331 10.8333V15.8333C3.83331 16.7538 4.57951 17.5 5.49998 17.5ZM13.8333 9.16667V5.83333C13.8333 3.99238 12.3409 2.5 10.5 2.5C8.65903 2.5 7.16665 3.99238 7.16665 5.83333V9.16667H13.8333Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> 7097</svg><span>Check out</span> 7098 </button> 7099 </div></div> 7100 </div> 7101 </div> 7102 </div> 7103</cart-drawer> 7104
7105<script> 7106 document.addEventListener('DOMContentLoaded', function() { 7107 function isIE() { 7108 const ua = window.navigator.userAgent; 7109 const msie = ua.indexOf('MSIE '); 7110 const trident = ua.indexOf('Trident/'); 7111 7112 return (msie > 0 || trident > 0); 7113 } 7114 7115 if (!isIE()) return; 7116 const cartSubmitInput = document.createElement('input'); 7117 cartSubmitInput.setAttribute('name', 'checkout'); 7118 cartSubmitInput.setAttribute('type', 'hidden'); 7119 document.querySelector('#cart').appendChild(cartSubmitInput); 7120 document.querySelector('#checkout').addEventListener('click', function(event) { 7121 document.querySelector('#cart').submit(); 7122 }); 7123 }); 7124</script>
7124<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-cart-drawer-product-recommendation.css?v=138670918168730168311785190570" media="print" onload="this.media='all'"> 7125
7125<script src="//vbarbershop.com/cdn/shop/t/124/assets/product-price.js?v=22113653949164134311785190614" defer="defer"></script>
7125 7126
7126<script src="//vbarbershop.com/cdn/shop/t/124/assets/cart-product-recommendation.js?v=25324336881809558211785190564" defer="defer"></script>
7126 7127
7127<script src="//vbarbershop.com/cdn/shop/t/124/assets/cart-drawer-product-recommendation-item.js?v=150913418330187361401785190562" defer="defer"></script>
7127<link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-recommended-collection-list.css?v=23378350521781369211785190586" media="print" onload="this.media='all'"></div>
7127<script src="//vbarbershop.com/cdn/shop/t/124/assets/cart-drawer.js?v=58448938670617860221785190563" defer="defer"></script>
7127<!--RQ! code for "Add "Quick order list" section to PDP" STARTS--> 7128 7129
7129<script src="//vbarbershop.com/cdn/shop/t/124/assets/quantity-popover.js?v=987015268078116491785190615" defer="defer"></script>
7129 7130
7130<script src="//vbarbershop.com/cdn/shop/t/124/assets/price-per-item.js?v=120511139962366747551785190613" defer="defer"></script>
7130 7131
7131<script src="//vbarbershop.com/cdn/shop/t/124/assets/quick-order-list.js?v=40806888633704976881785190617" defer="defer"></script>
7131 7132 7133 <!--RQ! code for "Add "Quick order list" section to PDP" ENDS--> 7134 7135 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-popup.css?v=183610721889015381361785190583" media="print" onload="this.media='all'">
7135<script src="//vbarbershop.com/cdn/shop/t/124/assets/parallax-element.js?v=16806643968477137681785190610" defer="defer"></script>
7135 7136 7137 <toast-message-manager></toast-message-manager> 7138 <back-button-menu class="back-button-menu"> 7139 <button type="button" class="button"><svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M3 10H13C17.4183 10 21 13.5817 21 18V20M3 10L9 16M3 10L9 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 7140 </back-button-menu><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close hidden icon-close-sample" width="24" height="24" viewBox="0 0 22 22" fill="none"> 7141 <path d="M5.5 16.5L16.5 5.5M5.5 5.5L16.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 7142</svg>
7142<script src="//vbarbershop.com/cdn/shop/t/124/assets/back-to-top.js?v=50262902837377989361785190559" async></script>
7142 7143 <back-to-top class="floating-element"> 7144 <button class="button floating-button" type="button" aria-label="Back to top"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret"> 7145 <path d="M12.6667 6L8 10.6667L3.33333 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 7146</svg> </button> 7147 </back-to-top><shoppable-reels-popup id="shoppable-reels-popup"> 7148 <div class="reels-popup"> 7149 <div class="reels-popup__buttons reels-popup__buttons--actions flex flex-column"> 7150 <button type="button" class="popup-close reels-popup__button" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" width="24" height="24" viewBox="0 0 22 22" fill="none"> 7151 <path d="M5.5 16.5L16.5 5.5M5.5 5.5L16.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 7152</svg></button> 7153 <button type="button" class="reels-collapse reels-popup__button" aria-label="Translation missing: en.accessibility.collapse"> 7154 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 7155 <polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="14" y1="10" x2="21" y2="3"></line><line x1="3" y1="21" x2="10" y2="14"></line> 7156 </svg> 7157 </button> 7158 <button type="button" class="reels-expand reels-popup__button" aria-label="Translation missing: en.accessibility.expand"> 7159 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 7160 <polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line> 7161 </svg> 7162 </button> 7163 <button type="button" class="reels-mute reels-popup__button" aria-label="Toggle sound"> 7164 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="icon-sound-on"> 7165 <path fill="currentColor" fill-rule="evenodd" d="M17.6359 8.34441C17.998 8.14325 18.4546 8.27371 18.6557 8.6358L18.0001 9.00003C18.6557 8.6358 18.6555 8.63548 18.6557 8.6358L18.6564 8.63711 18.6572 8.63851 18.6589 8.64155 18.6627 8.64867 18.6724 8.66702C18.6796 8.68109 18.6885 8.69885 18.6987 8.72036 18.7192 8.76338 18.7452 8.82138 18.7746 8.89493 18.8334 9.04209 18.906 9.25103 18.9766 9.52625 19.1179 10.0772 19.2501 10.8899 19.2501 12 19.2501 13.1101 19.1179 13.9229 18.9766 14.4738 18.906 14.749 18.8334 14.958 18.7746 15.1051 18.7452 15.1787 18.7192 15.2367 18.6987 15.2797 18.6885 15.3012 18.6796 15.319 18.6724 15.333L18.6627 15.3514 18.6589 15.3585 18.6572 15.3616 18.6564 15.363C18.6563 15.3633 18.6557 15.3643 18.0001 15L18.6557 15.3643C18.4546 15.7264 17.998 15.8568 17.6359 15.6557 17.2769 15.4562 17.1456 15.0056 17.3394 14.645L17.3444 14.6348C17.3513 14.6204 17.3644 14.5917 17.3819 14.5481 17.4168 14.4608 17.4692 14.3135 17.5236 14.1013 17.6323 13.6772 17.7501 12.9899 17.7501 12 17.7501 11.0101 17.6323 10.3229 17.5236 9.89881 17.4692 9.68654 17.4168 9.53922 17.3819 9.45201 17.3644 9.40837 17.3513 9.37965 17.3444 9.36526L17.3394 9.35502C17.1456 8.99444 17.2769 8.54387 17.6359 8.34441zM12.1403 4.90978C11.4261 5.25674 10.521 5.85164 9.2312 6.70205L9.01226 6.84641C8.9956 6.8574 8.97915 6.86824 8.96293 6.87895 8.58273 7.12974 8.31941 7.30343 8.03087 7.43078 7.74651 7.55627 7.44766 7.64593 7.14118 7.69768 6.83019 7.7502 6.51474 7.75013 6.05928 7.75004 6.03984 7.75004 6.02014 7.75003 6.00018 7.75003 4.55651 7.75003 4.06921 7.76631 3.6549 7.958 3.25454 8.14323 2.82814 8.54443 2.6189 8.93278 2.42242 9.29743 1.96754 9.43376 1.60289 9.23729 1.23824 9.04081 1.10191 8.58593 1.29838 8.22128 1.66151 7.54732 2.33025 6.9181 3.02506 6.59664 3.77669 6.24889 4.62225 6.24933 5.83916 6.24998 5.89213 6.25 5.94579 6.25003 6.00018 6.25003 6.5367 6.25003 6.71966 6.24762 6.89142 6.21862 7.0753 6.18757 7.25461 6.13377 7.42523 6.05848 7.58458 5.98815 7.73866 5.88945 8.18657 5.59411L8.4533
71656 5.41821C9.68423 4.60663 10.6713 3.95576 11.4849 3.56055 12.3109 3.15928 13.1242 2.9361 13.9424 3.21531 14.2143 3.30809 14.476 3.44128 14.711 3.60646 15.4171 4.10266 15.716 4.88667 15.8779 5.78612 16.0371 6.67048 16.0915 7.84243 16.1593 9.30232L16.162 9.35983C16.2138 10.4748 16.2501 11.448 16.2501 12 16.2501 12.552 16.2138 13.5253 16.162 14.6402L16.1593 14.6977C16.0915 16.1576 16.0371 17.3296 15.8779 18.2139 15.716 19.1134 15.4171 19.8974 14.711 20.3936 14.476 20.5588 14.2143 20.692 13.9424 20.7848 13.1242 21.064 12.3109 20.8408 11.4849 20.4395 10.6713 20.0443 9.68423 19.3934 8.45336 18.5819L8.18657 18.4059C7.73866 18.1106 7.58458 18.0119 7.42523 17.9416 7.25461 17.8663 7.0753 17.8125 6.89142 17.7814 6.71966 17.7524 6.5367 17.75 6.00018 17.75 5.94579 17.75 5.89213 17.7501 5.83917 17.7501 4.62225 17.7507 3.77669 17.7512 3.02506 17.4034 2.33026 17.082 1.66151 16.4527 1.29838 15.7788.905762 15.0501.859693 14.2881.794187 13.2045.791589 13.1615.78896 13.1181.786278 13.0741.775014 12.8892.765966 12.7058.759736 12.526.745393 12.112 1.06935 11.7648 1.48332 11.7505 1.89728 11.7361 2.24449 12.0601 2.25884 12.4741 2.26455 12.6391 2.27293 12.8093 2.2835 12.9828 2.36055 14.247 2.40062 14.6622 2.6189 15.0673 2.82814 15.4556 3.25454 15.8568 3.6549 16.0421 4.06921 16.2338 4.55651 16.25 6.00018 16.25 6.02014 16.25 6.03983 16.25 6.05927 16.25 6.51474 16.2499 6.83019 16.2499 7.14118 16.3024 7.44766 16.3541 7.74651 16.4438 8.03087 16.5693 8.31941 16.6966 8.58273 16.8703 8.96292 17.1211 8.97915 17.1318 8.99559 17.1427 9.01226 17.1537L9.2312 17.298C10.521 18.1484 11.4261 18.7433 12.1403 19.0903 12.8526 19.4363 13.2088 19.4502 13.4579 19.3651 13.5953 19.3183 13.7298 19.2498 13.8486 19.1664 14.0652 19.0141 14.2627 18.7195 14.4016 17.9482 14.5411 17.1733 14.5925 16.1014 14.6636 14.5706 14.7157 13.451 14.7501 12.5118 14.7501 12 14.7501 11.4883 14.7157 10.549 14.6636 9.42946 14.5925 7.89871 14.5411 6.82677 14.4016 6.05188 14.2627 5.28052 14.0652 4.98595 13.8486 4.8337 13.7298 4.75023 13.5953 4.68181 13.4579 4.63492 13.2088 4.54989 12.8526 4.56376 12.1403 4.90978z" clip-rule="evenodd"></path> 7166 </svg> 7167 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="icon-sound-off"> 7168 <path fill="currentColor" fill-rule="evenodd" d="M12.1403 4.90978C11.4261 5.25675 10.521 5.85164 9.2312 6.70206L9.01226 6.84641C8.9956 6.8574 8.97916 6.86824 8.96293 6.87895 8.58273 7.12974 8.31941 7.30343 8.03087 7.43078 7.74651 7.55627 7.44766 7.64593 7.14119 7.69768 6.83019 7.7502 6.51474 7.75013 6.05928 7.75004 6.03984 7.75004 6.02014 7.75003 6.00019 7.75003 4.55651 7.75003 4.06922 7.76631 3.65491 7.958 3.25455 8.14323 2.82814 8.54443 2.6189 8.93278 2.42242 9.29743 1.96754 9.43376 1.60289 9.23729 1.23824 9.04081 1.10191 8.58593 1.29838 8.22128 1.66151 7.54732 2.33026 6.9181 3.02506 6.59664 3.77669 6.24889 4.62225 6.24933 5.83916 6.24998 5.89213 6.25 5.94579 6.25003 6.00019 6.25003 6.5367 6.25003 6.71966 6.24763 6.89142 6.21862 7.0753 6.18757 7.25462 6.13377 7.42523 6.05848 7.58458 5.98815 7.73866 5.88945 8.18658 5.59411L8.45336 5.41821C9.68423 4.60663 10.6713 3.95576 11.4849 3.56055 12.3109 3.15928 13.1242 2.9361 13.9424 3.21531 14.2143 3.30809 14.476 3.44128 14.711 3.60646 15.3504 4.05581 15.6553 4.74135 15.8271 5.52977 15.9964 6.30709 16.0625 7.31288 16.1232 8.54003 16.1436 8.95374 15.8248 9.30568 15.4111 9.32612 14.9974 9.34655 14.6454 9.02774 14.625 8.61403 14.5632 7.36321 14.4998 6.48403 14.3615 5.84912 14.2255 5.22532 14.0444 4.97136 13.8486 4.8337 13.7298 4.75023 13.5953 4.68181 13.4579 4.63492 13.2088 4.54989 12.8526 4.56376 12.1403 4.90978zM15.5001 11.25C15.9143 11.25 16.2501 11.5858 16.2501 12 16.2501 12.552 16.2138 13.5253 16.162 14.6402L16.1593 14.6977C16.0915 16.1576 16.0371 17.3296 15.8779 18.2139 15.716 19.1134 15.4171 19.8974 14.711 20.3936 14.476 20.5588 14.2143 20.692 13.9424 20.7848 13.2004 21.038 12.4628 20.8773 11.7205 20.549 10.9876 20.2248 10.1278 19.6808 9.08903 19.0001 8.74257 18.7731 8.64576 18.3082 8.87279 17.9617 9.09982 17.6153 9.56472 17.5184 9.91117 17.7455 10.9699 18.4393 11.7265 18.9114 12.3273 19.1772 12.9188 19.4389 13.2325 19.4421 13.4579 19.3651 13.5953 19.3183 13.7298 19.2498 13.8486 19.1664 14.0652 19.0141 14.2627 18.7195 14.4016 17.9482 14.5411 17.1733 14.5925 16.1014 14.6636 14.5706 14.7157 13.451 14.7501 12.5118 14.7501 12 14.7501 11.5858 15.0859 11.25 15.5001 11.25zM1.48332 11.7505C1.89728 11.7361 2.24449 12.0601 2.25884 12.474 2.26455 12.6391 2.27293 12.8093 2.2835 12.9828 2.36055 14.247 2.40062 14.6622 2.6189 15.0673 2.82814 15.4556 3.25455 15.8568 3.65491 16.0421 4.06922 16.2338 4.55651 16.25 6.00019 16.25 6.02014 16.25 6.03983 16.25 6.05927 16.25 6.51474 16.2499 6.83019 16.2499 7.14119 16.3024 7.54962 16.3714 7.8248 16.7584 7.75583 17.1668 7.68686 17.5752 7.29985 17.8504 6.89142
716817.7814 6.71966 17.7524 6.5367 17.75 6.00019 17.75 5.94579 17.75 5.89213 17.7501 5.83917 17.7501 4.62225 17.7507 3.77669 17.7512 3.02506 17.4034 2.33026 17.082 1.66151 16.4527 1.29838 15.7788.905764 15.0501.859694 14.2881.794188 13.2045.79159 13.1615.788961 13.1181.786279 13.0741.775014 12.8892.765966 12.7058.759736 12.526.745394 12.112 1.06935 11.7648 1.48332 11.7505zM20.2646 6.3164C20.6421 6.14605 21.0863 6.31403 21.2566 6.6916 21.7237 7.72674 22.2501 9.45958 22.2501 12 22.2501 14.1916 21.8583 15.7829 21.4501 16.8442 21.2463 17.374 21.0395 17.7692 20.8776 18.039 20.7967 18.1738 20.7271 18.2772 20.6749 18.3504 20.6487 18.3869 20.627 18.4159 20.6103 18.4375 20.6019 18.4483 20.5949 18.4572 20.5892 18.4643L20.5817 18.4736 20.5787 18.4772 20.5774 18.4788C20.5771 18.4791 20.5763 18.4801 20.0001 18L20.5763 18.4801C20.3111 18.7983 19.8382 18.8413 19.52 18.5762 19.2033 18.3123 19.1592 17.8426 19.4201 17.5245 19.4207 17.5237 19.4219 17.5222 19.4236 17.52 19.4289 17.5132 19.4394 17.4994 19.4543 17.4785 19.484 17.4368 19.5316 17.3668 19.5914 17.2673 19.7107 17.0683 19.8789 16.751 20.0501 16.3058 20.3919 15.4171 20.7501 14.0084 20.7501 12 20.7501 9.67366 20.2695 8.15099 19.8894 7.30849 19.719 6.93093 19.887 6.48676 20.2646 6.3164zM18.1641 9.26566C18.5697 9.18146 18.9667 9.44198 19.0509 9.84754 19.161 10.378 19.2501 11.0889 19.2501 12 19.2501 13.1101 19.1179 13.9228 18.9766 14.4738 18.906 14.749 18.8334 14.9579 18.7746 15.1051 18.7452 15.1787 18.7192 15.2367 18.6987 15.2797 18.6885 15.3012 18.6796 15.3189 18.6724 15.333L18.6627 15.3514 18.6589 15.3585 18.6572 15.3615 18.6564 15.3629C18.6563 15.3632 18.6557 15.3642 18.0001 15L18.6557 15.3642C18.4546 15.7263 17.998 15.8568 17.6359 15.6556 17.2769 15.4562 17.1456 15.0056 17.3394 14.645L17.3444 14.6348C17.3513 14.6204 17.3644 14.5917 17.3819 14.548 17.4168 14.4608 17.4692 14.3135 17.5236 14.1012 17.6323 13.6772 17.7501 12.9899 17.7501 12 17.7501 11.1873 17.6707 10.5787 17.5822 10.1525 17.498 9.74689 17.7585 9.34986 18.1641 9.26566z" clip-rule="evenodd"></path> 7169 <path fill="currentColor" fill-rule="evenodd" d="M22.5304 1.46967C22.8233 1.76256 22.8233 2.23744 22.5304 2.53033L2.53043 22.5303C2.23754 22.8232 1.76266 22.8232 1.46977 22.5303C1.17688 22.2374 1.17688 21.7626 1.46977 21.4697L21.4698 1.46967C21.7627 1.17678 22.2375 1.17678 22.5304 1.46967Z" clip-rule="evenodd"></path> 7170 </svg> 7171 </button> 7172 </div> 7173 <div class="reels-popup__inner h100 por"> 7174 <div class="reels-popup__buttons reels-popup__buttons--nav flex flex-column small-hide"> 7175 <button class="reels-prev reels-popup__button" aria-label="Previous video"><svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M5 15L12 8L19 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 7176 <button class="reels-next reels-popup__button" aria-label="Next video"><svg class="icon" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M19 9L12 16L5 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 7177 </div> 7178 <div class="reels-track w100 h100 flex flex-column"> 7179 </div> 7180 </div> 7181 <div class="reels-swipe-hint flex flex-column align-center"> 7182 <div class="reels-swipe-hint__icon-layer"> 7183 <span class="reels-swipe-hint__icon main"></span> 7184 <span class="reels-swipe-hint__icon trail1"></span> 7185 <span class="reels-swipe-hint__icon trail2"></span> 7186 </div> 7187 <span class="reels-swipe-hint__text font-body-bold">Swipe</span> 7188 </div> 7189 <span class="reels-popup__overlay"></span> 7190 </div> 7191</shoppable-reels-popup><template id="countdown-tpl"><div class="countdown__timer flex"> 7192 <div class="countdown__part countdown__days center"> 7193 <span class="countdown__part__value countdown__part__value--in-banner countdown__days__value flex justify-center align-center h2 font-heading-extra-bold"></span> 7194 <span class="countdown__text countdown__text--in-banner font-body-semi-bold db countdown__days__label uppercase break">Days</span> 7195 </div> 7196 <div class="countdown__part countdown__hours center"> 7197 <span class="countdown__part__value countdown__part__value--in-banner countdown__hours__value flex justify-center align-center h2 font-heading-extra-bold"></span> 7198 <span class="countdown__text countdown__text--in-banner font-body-semi-bold db countdown__hours__label uppercase break">Hours</span> 7199 </div> 7200 <div class="countdown__part countdown__minutes center"> 7201 <span class="countdown__part__value countdown__part__value--in-banner countdown__minutes__value flex justify-center align-center h2 font-heading-extra-bold"></span> 7202 <span class="countdown__text countdown__text--in-banner font-body-semi-bold db countdown__minutes__label uppercase break">Minutes</span> 7203 </div> 7204 <div class="countdown__part countdown__seconds center"> 7205 <span class="countdown__part__value countdown__part__value--in-banner countdown__seconds__value flex justify-center align-center h2 font-heading-extra-bold"></span> 7206 <span class="countdown__text countdown__text--in-banner font-body-semi-bold db countdown__seconds__label uppercase break">Seconds</span> 7207 </div> 7208</div></template> 7209 7210
7210<script src="//vbarbershop.com/cdn/shop/t/124/assets/quick-add.js?v=65450729105767776781785190616" defer="defer"></script>
7210 7211
7211<script src="//vbarbershop.com/cdn/shop/t/124/assets/quick-view.js?v=111536774825665138101785190617" defer="defer"></script>
7211 7212
7212<script src="//vbarbershop.com/cdn/shop/t/124/assets/product-form.js?v=153477003984608657791785190613" defer="defer"></script>
7212 7213
7213<script src="//vbarbershop.com/cdn/shop/t/124/assets/card-product-colors.js?v=70646752982001002211785190561" defer="defer"></script>
7213 7214
7214<script src="//vbarbershop.com/cdn/shop/t/124/assets/details-accordion.js?v=170558748681591396671785190599" defer="defer"></script>
7214 7215
7215<script src="//vbarbershop.com/cdn/shop/t/124/assets/component-tabs.js?v=171046875404353959881785190593" defer="defer"></script>
7215<script src="//vbarbershop.com/cdn/shop/t/124/assets/recently-viewed.js?v=121502877790301438841785190618" defer="defer"></script>
7215<script src="//vbarbershop.com/cdn/shop/t/124/assets/discount-code.js?v=119301564678440075181785190601" defer="defer"></script>
7215 7216 7217 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/base.css?v=142219956960734681591785190560" media="print" onload="this.media='all'"> 7218 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-search-modal.css?v=104788159261205638651785190588" media="print" onload="this.media='all'"> 7219 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-list-menu.css?v=25578231982877184571785190578" media="print" onload="this.media='all'"> 7220 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-list-social.css?v=92793399402093378101785190579" media="print" onload="this.media='all'"> 7221 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-rte.css?v=131795624420802806201785190588" media="print" onload="this.media='all'"> 7222 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/disclosure.css?v=42551093164709110631785190600" media="print" onload="this.media='all'"> 7223 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-menu-drawer.css?v=24694264000777643541785190580" media="print" onload="this.media='all'"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-price.css?v=169073278754176340261785190584" media="print" onload="this.media='all'"> 7224 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-loading-overlay.css?v=155189480257543581321785190579" media="print" onload="this.media='all'"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-drawer.css?v=31026899544851966241785190575" media="print" onload="this.media='all'"> 7225 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-cart-drawer.css?v=81897537410972126041785190571" media="print" onload="this.media='all'"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-cart.css?v=50801657726344968021785190572" media="print" onload="this.media='all'"> 7226 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-totals.css?v=19086879398466813611785190594" media="print" onload="this.media='all'"> 7227 <link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-discounts.css?v=28406685698330830381785190574" media="print" onload="this.media='all'"><link rel="stylesheet" href="//vbarbershop.com/cdn/shop/t/124/assets/component-cart-items.css?v=164406201800456674491785190571" media="print" onload="this.media='all'"> 7228 <noscript> 7229 <link href="//vbarbershop.com/cdn/shop/t/124/assets/component-list-menu.css?v=25578231982877184571785190578" rel="stylesheet" type="text/css" media="all" /> 7230 <link href="//vbarbershop.com/cdn/shop/t/124/assets/component-list-social.css?v=92793399402093378101785190579" rel="stylesheet" type="text/css" media="all" /> 7231 <link href="//vbarbershop.com/cdn/shop/t/124/assets/component-rte.css?v=131795624420802806201785190588" rel="stylesheet" type="text/css" media="all" /> 7232 <link href="//vbarbershop.com/cdn/shop/t/124/assets/disclosure.css?v=42551093164709110631785190600" rel="stylesheet" type="text/css" media="all" /> 7233 <link href="//vbarbershop.com/cdn/shop/t/124/assets/component-menu-drawer.css?v=24694264000777643541785190580" rel="stylesheet" type="text/css" media="all" /> 7234 <link href="//vbarbershop.com/cdn/shop/t/124/assets/component-search-modal.css?v=104788159261205638651785190588" rel="stylesheet" type="text/css" media="all" /> 7235 <link href="//vbarbershop.com/cdn/shop/t/124/assets/component-card.css?v=41855031481627982521785190569" rel="stylesheet" type="text/css" media="all" /> 7236 <link href="//vbarbershop.com/cdn/shop/t/124/assets/component-accordion.css?v=60137958923968862881785190567" rel="stylesheet" type="text/css" media="all" /> 7237<link href="//vbarbershop.com/cdn/shop/t/124/assets/no-js.css?v=36672210833239736371785190610" rel="stylesheet" type="text/css" media="all" /> 7238 </noscript> 7239 7240 <!--RQ! gift card script STARTS--> 7241 <div class="rq-last-button-book"> 7242 <div id='mytime-widget-wrapper-1720645593267'> 7243
7243<script type='text/javascript'> !function(document, data, scriptId, styleId) { var walkinWaitlistEnabledAndUnavailable = false; var buttonId = 'mytime-widget-wrapper-1720645593267_button_wrapper'; var config = {}; var existingWidgetApiScript = document.getElementById(scriptId); if (!existingWidgetApiScript) { var js = document.createElement('script'); js.id = scriptId; js.src = 'https://www.mytime.com/assets/my_client/booking_widget_embed.js'; document.body.appendChild(js); } var existingStyle = document.getElementById(styleId); if (!existingStyle) { var style = document.createElement('style'); style.id = styleId; style.type = 'text/css'; style.innerHTML = '.mytime-widget-button-wrapper { cursor: pointer !important; display: inline-block !important; } .mytime-widget-button-wrapper > .mytime-widget-default-button-v2 { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important; color: #fff !important; text-decoration: none !important; transition: box-shadow 280ms cubic-bezier(.4,0,.2,1) !important; } .mytime-widget-button-wrapper > .mytime-widget-default-button-v2:active { box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12) !important; } .mytime-widget-button-wrapper.disabled { cursor: default !important; pointer-events: none !important; } .mytime-widget-button-wrapper > .mytime-widget-default-button-v2 .waitlist-button-information { display: block; font-size: 11px; width: 100%; line-height: 24px; text-align: center; margin-top: -14px; padding-bottom: 4px; }'; document.body.appendChild(style); } var button = document.createElement('div'); button.setAttribute('class', 'mytime-widget-button-wrapper'); button.setAttribute('id', buttonId); function extractURLParametersFromURL() { const searchQueryString = decodeURIComponent(window.location.search); const params = new URLSearchParams(searchQueryString); return params.toString(); }; data.rootPageURLParameters = extractURLParametersFromURL(); button.setAttribute('widget-data', JSON.stringify(data)); button.innerHTML = data.button_html; if (walkinWaitlistEnabledAndUnavailable) { button.classList.add('disabled'); } function forEach(nodeList, cb) { for(var i = 0, l = nodeList.length; i < l; i++) { cb(nodeList[i]) } } var myTimeWidgetTimeoutRef = null; var maxRetries = 25; var currentRetry = 0; function openWidget() { if (walkinWaitlistEnabledAndUnavailable) { return; } var data = button.getAttribute('widget-data'); if (!window.myTimeWidget) { myTimeWidgetTimeoutRef = setTimeout(function retryOpeningWidget() { currentRetry++; if (currentRetry <= maxRetries) { openWidget(); } else { currentRetry = 0; } }, 60); return; } myTimeWidget.open(JSON.parse(data)); } button.onclick = function() { clearTimeout(myTimeWidgetTimeoutRef); openWidget(); }; forEach(button.querySelectorAll('a'), function (link) { link.onclick = null; }); var preExistingButtonRef = document.getElementById(buttonId); if (preExistingButtonRef) { /* removes existing button before adding new one, if any exists */ preExistingButtonRef.remove(); } var initialWidgetWrapper = document.getElementById('mytime-widget-wrapper-1720645593267'); initialWidgetWrapper.parentNode.insertBefore(button, initialWidgetWrapper); }(document, {"company_id":124716,"location_id":139089,"top_bar_color":"#2C4F44","button_text_color":"#FFFFFF","header_type":"1","selected_theme":"custom","classes":false,"button_html":"<a href=\"javascript:void(0);\" class=\"mytime-widget-default-button-v2\" style=\"background-color: #2C4F44 !important; color: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif; font-size: 21px; line-height: 50px; padding: 0px 30px; display: inline-block; border-radius: 25px;\">BUY A GIFT CARD</a>","baseUrl":"www.mytime.com","elementID":"mytime","referrer":"newbookingwidget","gtm":"JTNDIS0tJTIwR29vZ2xlJTIwVGFnJTIwTWFuYWdlciUyMC0tJTNFJTBBJTNDc2NyaXB0JTNFKGZ1bmN0aW9uKHclMkNkJTJDcyUyQ2wlMkNpKSU3QnclNUJsJTVEJTNEdyU1QmwlNUQlN0MlN0MlNUIlNUQlM0J3JTVCbCU1RC5wdXNoKCU3QidndG0uc3RhcnQnJTNBJTBBbmV3JTIwRGF0ZSgpLmdldFRpbWUoKSUyQ2V2ZW50JTN
7243BJ2d0bS5qcyclN0QpJTNCdmFyJTIwZiUzRGQuZ2V0RWxlbWVudHNCeVRhZ05hbWUocyklNUIwJTVEJTJDJTBBaiUzRGQuY3JlYXRlRWxlbWVudChzKSUyQ2RsJTNEbCElM0QnZGF0YUxheWVyJyUzRiclMjZsJTNEJyUyQmwlM0EnJyUzQmouYXN5bmMlM0R0cnVlJTNCai5zcmMlM0QlMEEnaHR0cHMlM0ElMkYlMkZ3d3cuZ29vZ2xldGFnbWFuYWdlci5jb20lMkZndG0uanMlM0ZpZCUzRCclMkJpJTJCZGwlM0JmLnBhcmVudE5vZGUuaW5zZXJ0QmVmb3JlKGolMkNmKSUzQiUwQSU3RCkod2luZG93JTJDZG9jdW1lbnQlMkMnc2NyaXB0JyUyQydkYXRhTGF5ZXInJTJDJ0dUTS1UNVI4WDM0JyklM0IlM0MlMkZzY3JpcHQlM0UlMEElM0MhLS0lMjBFbmQlMjBHb29nbGUlMjBUYWclMjBNYW5hZ2VyJTIwLS0lM0U=","widgetIncludes":"c2VydmljZXMlMkNnaWZ0X2NhcmRzJTJDbXlfYWNjb3VudA==","defaultTo":"Z2lmdF9jYXJkcw==","forceWalkInFlow":false,"parent":false}, 'mytime-widget-script', 'mytime-widget-button-style-v2'); </script>
7243 7244 </div> 7245 </div> 7246 <!--RQ! gift card script ENDS--> 7247 7248 <!--RQ! book a reservation script ENDS--> 7249 <div class="rq-last-button-book"> 7250 <div id='mytime-widget-wrapper-1705004457052'> 7251
7251<script type='text/javascript'> !function(document, data, scriptId, styleId) { var walkinWaitlistEnabledAndUnavailable = false; var buttonId = 'mytime-widget-wrapper-1705004457052_button_wrapper'; var config = {}; var existingWidgetApiScript = document.getElementById(scriptId); if (!existingWidgetApiScript) { var js = document.createElement('script'); js.id = scriptId; js.src = 'https://www.mytime.com/assets/my_client/booking_widget_embed.js'; document.body.appendChild(js); } var existingStyle = document.getElementById(styleId); if (!existingStyle) { var style = document.createElement('style'); style.id = styleId; style.type = 'text/css'; style.innerHTML = '.mytime-widget-button-wrapper-v2 { cursor: pointer !important; display: inline-block !important; } .mytime-widget-button-wrapper-v2 > .mytime-widget-default-button-v2 { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important; color: #fff !important; text-decoration: none !important; transition: box-shadow 280ms cubic-bezier(.4,0,.2,1) !important; } .mytime-widget-button-wrapper-v2 > .mytime-widget-default-button-v2:active { box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12) !important; } .mytime-widget-button-wrapper-v2.disabled { cursor: default !important; pointer-events: none !important; } .mytime-widget-button-wrapper-v2 > .mytime-widget-default-button-v2 .waitlist-button-information { display: block; font-size: 11px; width: 100%; line-height: 24px; text-align: center; margin-top: -14px; padding-bottom: 4px; }'; document.body.appendChild(style); } var button = document.createElement('div'); button.setAttribute('class', 'mytime-widget-button-wrapper-v2'); button.setAttribute('id', buttonId); function extractURLParametersFromURL(paramKey) { const searchQueryString = decodeURIComponent(window.location.search); const params = new URLSearchParams(searchQueryString); const extractedURLQueryStringParameters = new URLSearchParams(); let hasURLParams = false; for (const [key, val] of params.entries()) { if (key && key.toLowerCase().startsWith(paramKey)) { hasURLParams = true; extractedURLQueryStringParameters.append(key, val); } } if (hasURLParams) { return extractedURLQueryStringParameters.toString(); } return null; }; data.gaParameters = extractURLParametersFromURL('_ga'); data.gclidParameters = extractURLParametersFromURL('gclid'); data.utmParameters = extractURLParametersFromURL('utm'); button.setAttribute('widget-data', JSON.stringify(data)); button.innerHTML = data.button_html; if (walkinWaitlistEnabledAndUnavailable) { button.classList.add('disabled'); } function forEach(nodeList, cb) { for(var i = 0, l = nodeList.length; i < l; i++) { cb(nodeList[i]) } } var myTimeWidgetTimeoutRef = null; var maxRetries = 25; var currentRetry = 0; function openWidget() { if (walkinWaitlistEnabledAndUnavailable) { return; } var data = button.getAttribute('widget-data'); if (!window.myTimeWidget) { myTimeWidgetTimeoutRef = setTimeout(function retryOpeningWidget() { currentRetry++; if (currentRetry <= maxRetries) { openWidget(); } else { currentRetry = 0; } }, 60); return; } myTimeWidget.open(JSON.parse(data)); } button.onclick = function() { clearTimeout(myTimeWidgetTimeoutRef); openWidget(); }; forEach(button.querySelectorAll('a'), function (link) { link.onclick = null; }); var preExistingButtonRef = document.getElementById(buttonId); if (preExistingButtonRef) { /* removes existing button before adding new one, if any exists */ preExistingButtonRef.remove(); } var initialWidgetWrapper = document.getElementById('mytime-widget-wrapper-1705004457052'); initialWidgetWrapper.parentNode.insertBefore(button, initialWidgetWrapper); }(document, {"company_id":119096,"top_bar_color":"#862419","button_text_color":"#ffffff","header_type":"1","selected_theme":"custom","classes":false,"button_html":"<a href=\"javascript:void(0);\" class=\"mytime-widget-default-button-v2\" style=\"background-color: #862419 !important; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif; font-size: 21px; line-height: 50px; padding: 0px 30px; display: inline-block; border-radius: 25px;\">BOOK / MANAGE RESERVATIONS</a>","baseUrl":"www.mytime.com","elementID":"mytime","referrer":"newbookingwidget","forceWalkInFlow":false,"parent":true,"loginOnShopify":true}, 'mytime-widget-script', 'mytime-widget-button-style-v2'); </script>
7251 7252 </div> 7253 </div> 7254 <!--RQ! book a reservation script ENDS--> 7255 7256
7256<script src="//vbarbershop.com/cdn/shop/t/124/assets/instantpage-5.2.0.js?v=99963444960178710701785190607" type="module" defer></script>
7256 7257 7258<!--RQ! B2B Script for Taxi Ad STARTS--> 7259 7260<!--RQ! B2B Script for Taxi Ad ENDS--> 7261 <style> </style>
7262<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
7262 7263</body> 7264</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.