1<!doctype html> 2<html class="no-touch supports-no-cookies" lang="en"> 3 <head>
3<script data-source-attribution="shopify.event_observer.bootstrap"> 4(function(){let e=navigator,t=`prototype`,n=`sendBeacon`,r=e[n],i=fetch,a=XMLHttpRequest[t],{open:o,send:s}=a,c=`EventListener`,l=`add${c}`,u=`remove${c}`,d=EventTarget[t],f=d[l],p=d[u],m=e=>Error((e=document.currentScript)&&[e?.src,e?.id||e?.dataset?.sourceAttribution]),h=(e=[],t=0)=>(e.p=n=>e[t++%1e3]=n,[e,t=>(e.forEach(e.p=t),e.length=0)]),[g,_]=h(),[v,y]=h(),b,x=new WeakMap,S=e=>e&&g.p([e,b||[m()]]);d[l]=function(e,t,n){let r=this,i=t?.handleEvent||t,a=x.get(t),o=m();i?.call&&!a&&x.set(t,a=function(e){b=[o,e.type];try{i.call(t==i?this:t,e)}finally{b=null}}),v.p([e,o,a,r?.tagName||r+``,r?.id]),f.call(r,e,a||t,n)},d[u]=function(e,t,n){p.call(this,e,x.get(t)||t,n)},a.open=function(e,t){x.set(this,[t+``,e]),o.apply(this,arguments)},a.send=function(e){S(x.get(this)),s.call(this,e)},fetch=(e,t)=>(S([(e?.url||e)+``,t?.method]),i(e,t)),e[n]=(t,n)=>(S([t+``,``]),r.call(e,t,n)),setTimeout(()=>import("//woodies.com/cdn/shopifycloud/storefront/assets/storefront/event_observer_reporter-ed358274.js").then(e=>e.$(_,y,f,i,`1624132`)))})(); 5//# sourceURL=event-observer-collector.js 6</script>
6 7<meta charset="UTF-8"> 8<meta http-equiv="X-UA-Compatible" content="IE=edge"> 9<meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#cc0000"> 10<link rel="canonical" href="https://woodies.com/cart"> 11 12<!-- ======================= Broadcast Theme V8.0.0 ========================= --> 13 14 15<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><!-- Title and description ================================================ --> 16 17 18<title> 19 20 Your Shopping Cart 21 22 23 24 – Woodies 25 26 </title> 27 28 29 <meta name="description" content="Shop handcrafted wooden sunglasses by Woodies. Polarized lenses, premium walnut, bamboo & 30 zebra wood frames. Free shipping. 30-day guarantee."> 31 32 33<meta property="og:site_name" content="Woodies"> 34<meta property="og:url" content="https://woodies.com/cart"> 35<meta property="og:title" content="Your Shopping Cart"> 36<meta property="og:type" content="website"> 37<meta property="og:description" content="Shop handcrafted wooden sunglasses by Woodies. Polarized lenses, premium walnut, bamboo & 38 zebra wood frames. Free shipping. 30-day guarantee."><meta property="og:image" content="http://woodies.com/cdn/shop/files/woodieslogo_1.png?v=1775130172"> 39 <meta property="og:image:secure_url" content="https://woodies.com/cdn/shop/files/woodieslogo_1.png?v=1775130172"> 40 <meta property="og:image:width" content="1024"> 41 <meta property="og:image:height" content="768"><meta name="twitter:card" content="summary_large_image"> 42<meta name="twitter:title" content="Your Shopping Cart"> 43<meta name="twitter:description" content="Shop handcrafted wooden sunglasses by Woodies. Polarized lenses, premium walnut, bamboo & 44 zebra wood frames. Free shipping. 30-day guarantee."> 45<!-- CSS ================================================================== --> 46<style data-shopify> 47 @font-face { 48 font-family: Besley; 49 font-weight: 700; 50 font-style: normal; 51 font-display: swap; 52 src: url("//woodies.com/cdn/fonts/besley/besley_n7.3b530357b83dc2b56556feb4b0101ab81dda4624.woff2") format("woff2"), 53 url("//woodies.com/cdn/fonts/besley/besley_n7.c5242a2cd120e7fea0b142c04fb32e32ff995154.woff") format("woff"); 54} 55 56 @font-face { 57 font-family: "DM Sans"; 58 font-weight: 400; 59 font-style: normal; 60 font-display: swap; 61 src: url("//woodies.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"), 62 url("//woodies.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff"); 63} 64 65 @font-face { 66 font-family: "DM Sans"; 67 font-weight: 400; 68 font-style: normal; 69 font-display: swap; 70 src: url("//woodies.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"), 71 url("//woodies.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff"); 72} 73 74 @font-face { 75 font-family: Karla; 76 font-weight: 400; 77 font-style: normal; 78 font-display: swap; 79 src: url("//woodies.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2") format("woff2"), 80 url("//woodies.com/cdn/fonts/karla/karla_n4.e9f6f9de321061073c6bfe03c28976ba8ce6ee18.woff") format("woff"); 81} 82 83 @font-face { 84 font-family: Karla; 85 font-weight: 400; 86 font-style: normal; 87 font-display: swap; 88 src: url("//woodies.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2") format("woff2"), 89 url("//woodies.com/cdn/fonts/karla/karla_n4.e9f6f9de321061073c6bfe03c28976ba8ce6ee18.woff") format("woff"); 90} 91 92 93 94 @font-face { 95 font-family: "DM Sans"; 96 font-weight: 500; 97 font-style: normal; 98 font-display: swap; 99 src: url("//woodies.com/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2"), 100 url("//woodies.com/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff") format("woff"); 101} 102 103 104 105 106 @font-face { 107 font-family: "DM Sans"; 108 font-weight: 400; 109 font-style: italic; 110 font-display: swap; 111 src: url("//woodies.com/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"), 112 url("//woodies.com/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff"); 113} 114 115 116 117 118 @font-face { 119 font-family: "DM Sans"; 120 font-weight: 500; 121 font-style: italic; 122 font-display: swap; 123 src: url("//woodies.com/cdn/fonts/dm_sans/dmsans_i5.8654104650c013677e3def7db9b31bfbaa34e59a.woff2") format("woff2"), 124 url("//woodies.com/cdn/fonts/dm_sans/dmsans_i5.a0dc844d8a75a4232f255fc600ad5a295572bed9.woff") format("woff"); 125} 126 127 128 129 130 @font-face { 131 font-family: "DM Sans"; 132 font-weight: 500; 133 font-style: normal; 134 font-display: swap; 135 src: url("//woodies.com/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2"), 136 url("//woodies.com/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff") format("woff"); 137} 138 139 140 141 142 143 144 :root, 145 .color-scheme-1 {--COLOR-BG-GRADIENT: #ffffff; 146 --COLOR-BG: #ffffff;
147 --COLOR-BG-RGB: 255, 255, 255; 148 149 --COLOR-BG-ACCENT: #f5f5f5; 150 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 151 152 /* === Link Color ===*/ 153 154 --COLOR-LINK: #cc0000; 155 --COLOR-LINK-A50: rgba(204, 0, 0, 0.5); 156 --COLOR-LINK-A70: rgba(204, 0, 0, 0.7); 157 --COLOR-LINK-HOVER: rgba(204, 0, 0, 0.7); 158 --COLOR-LINK-OPPOSITE: #ffffff; 159 160 --COLOR-TEXT: #000000; 161 --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); 162 --COLOR-TEXT-LIGHT: #4d4d4d; 163 --COLOR-TEXT-DARK: #000000; 164 --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); 165 --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); 166 --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); 167 --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); 168 169 170 --COLOR-BORDER: rgb(224, 224, 224); 171 --COLOR-BORDER-LIGHT: #ececec; 172 --COLOR-BORDER-DARK: #adadad; 173 --COLOR-BORDER-HAIRLINE: #f7f7f7; 174 175 --overlay-bg: #00000040; 176 177 /* === Bright color ===*/ 178 --COLOR-ACCENT: #cc0000; 179 --COLOR-ACCENT-HOVER: #800000; 180 --COLOR-ACCENT-FADE: rgba(204, 0, 0, 0.05); 181 --COLOR-ACCENT-LIGHT: #ff6666; 182 183 /* === Default Cart Gradient ===*/ 184 185 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 186 187 /* === Buttons ===*/ 188 --BTN-PRIMARY-BG: #cc0000; 189 --BTN-PRIMARY-TEXT: #ffffff; 190 --BTN-PRIMARY-BORDER: #cc0000; 191 --BTN-PRIMARY-BORDER-A70: rgba(204, 0, 0, 0.7); 192 193 194 195 --BTN-PRIMARY-BG-BRIGHTER: #e60000; 196 197 198 --BTN-SECONDARY-BG: #000000; 199 --BTN-SECONDARY-TEXT: #ffffff; 200 --BTN-SECONDARY-BORDER: #000000; 201 --BTN-SECONDARY-BORDER-A70: rgba(0, 0, 0, 0.7); 202 203 204 205 --BTN-SECONDARY-BG-BRIGHTER: #0d0d0d; 206 207 208 209--COLOR-BG-BRIGHTER: #f2f2f2; 210 211 --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25); 212 --COLOR-BG-TRANSPARENT: rgba(255, 255, 255, 0);--COLOR-FOOTER-BG-HAIRLINE: #f7f7f7; 213 214 /* Dynamic color variables */ 215 --accent: var(--COLOR-ACCENT); 216 --accent-fade: var(--COLOR-ACCENT-FADE); 217 --accent-hover: var(--COLOR-ACCENT-HOVER); 218 --border: var(--COLOR-BORDER); 219 --border-dark: var(--COLOR-BORDER-DARK); 220 --border-light: var(--COLOR-BORDER-LIGHT); 221 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 222 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 223 --bg-accent: var(--COLOR-BG-ACCENT); 224 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 225 --icons: var(--COLOR-TEXT); 226 --link: var(--COLOR-LINK); 227 --link-a50: var(--COLOR-LINK-A50); 228 --link-a70: var(--COLOR-LINK-A70); 229 --link-hover: var(--COLOR-LINK-HOVER); 230 --link-opposite: var(--COLOR-LINK-OPPOSITE); 231 --text: var(--COLOR-TEXT); 232 --text-dark: var(--COLOR-TEXT-DARK); 233 --text-light: var(--COLOR-TEXT-LIGHT); 234 --text-hover: var(--COLOR-TEXT-HOVER); 235 --text-a5: var(--COLOR-TEXT-A5); 236 --text-a35: var(--COLOR-TEXT-A35); 237 --text-a50: var(--COLOR-TEXT-A50); 238 --text-a80: var(--COLOR-TEXT-A80); 239 } 240 241 242 .color-scheme-2 {--COLOR-BG-GRADIENT: #000000; 243 --COLOR-BG: #000000; 244 --COLOR-BG-RGB: 0, 0, 0; 245 246 --COLOR-BG-ACCENT: #1a1a1a; 247 --COLOR-BG-ACCENT-LIGHTEN: #404040; 248 249 /* === Link Color ===*/ 250 251 --COLOR-LINK: #cc0000; 252 --COLOR-LINK-A50: rgba(204, 0, 0, 0.5); 253 --COLOR-LINK-A70: rgba(204, 0, 0, 0.7); 254 --COLOR-LINK-HOVER: rgba(204, 0, 0, 0.7); 255 --COLOR-LINK-OPPOSITE: #ffffff; 256 257 --COLOR-TEXT: #ffffff; 258 --COLOR-TEXT-HOVER: rgba(255, 255, 255, 0.7); 259 --COLOR-TEXT-LIGHT: #b3b3b3; 260 --COLOR-TEXT-DARK: #d9d9d9; 261 --COLOR-TEXT-A5: rgba(255, 255, 255, 0.05); 262 --COLOR-TEXT-A35: rgba(255, 255, 255, 0.35); 263 --COLOR-TEXT-A50: rgba(255, 255, 255, 0.5); 264 --COLOR-TEXT-A80: rgba(255, 255, 255, 0.8); 265 266 267 --COLOR-BORDER: rgb(51, 51, 51); 268 --COLOR-BORDER-LIGHT: #1f1f1f; 269 --COLOR-BORDER-DARK: #000000; 270 --COLOR-BORDER-HAIRLINE: #000000; 271 272 --overlay-bg: #000000; 273 274 /* === Bright color ===*/ 275 --COLOR-ACCENT: #cc0000; 276 --COLOR-ACCENT-HOVER: #800000; 277 --COLOR-ACCENT-FADE: rgba(204, 0, 0, 0.05); 278 --COLOR-ACCENT-LIGHT: #ff6666; 279 280 /* === Default Cart Gradient ===*/ 281 282 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 283 284 /* === Buttons ===*/ 285 --BTN-PRIMARY-BG: #cc0000; 286 --BTN-PRIMARY-TEXT: #ffffff; 287 --BTN-PRIMARY-BORDER: #cc0000; 288 --BTN-PRIMARY-BORDER-A70: rgba(204, 0, 0, 0.7); 289 290 291 292 --BTN-PRIMARY-BG-BRIGHTER: #e60000; 293 294 295 --BTN-SECONDARY-BG: #ffffff; 296 --BTN-SECONDARY-TEXT: #000000; 297 --BTN-SECONDARY-BORDER: #ffffff; 298 --BTN-SECONDARY-BORDER-A70: rgba(255, 255, 255, 0.7); 299 300 301 302 --BTN-SECONDARY-BG-BRIGHTER: #f2f2f2; 303 304 305 306--COLOR-BG-BRIGHTER: #1a1a1a; 307 308 --COLOR-BG-ALPHA-25: rgba(0, 0, 0, 0.25); 309 --COLOR-BG-TRANSPARENT: rgba(0, 0, 0, 0);--COLOR-FOOTER-BG-HAIRLINE: #080808; 310 311 /* Dynamic color variables */ 312 --accent: var(--COLOR-ACCENT); 313 --accent-fade: var(--COLOR-ACCENT-FADE); 314 --accent-hover: var(--COLOR-ACCENT-HOVER); 315 --border: var(--COLOR-BORDER); 316 --border-dark: var(--COLOR-BORDER-DARK); 317 --border-light: var(--COLOR-BORDER-LIGHT); 318 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 319 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 320 --bg-accent: var(--COLOR-BG-ACCENT); 321 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 322 --icons: var(--COLOR-TEXT); 323 --link: var(--COLOR-LINK); 324 --link-a50: var(--COLOR-LINK-A50); 325 --link-a70: var(--COLOR-LINK-A70); 326 --link-hover: var(--COLOR-LINK-HOVER); 327 --link-opposite: var(--COLOR-LINK-OPPOSITE); 328 --text: var(--COLOR-TEXT); 329 --text-dark: var(--COLOR-TEXT-DARK); 330 --text-light: var(--COLOR-TEXT-LIGHT); 331 --text-hover: var(--COLOR-TEXT-HOVER); 332 --text-a5: var(--COLOR-TEXT-A5); 333 --text-a35: var(--COLOR-TEXT-A35); 334 --text-a50: var(--COLOR-TEXT-A50); 335 --text-a80: var(--COLOR-TEXT-A80); 336 } 337 338 339 .color-scheme-3 {--COLOR-BG-GRADIENT: #f5f5f5; 340 --COLOR-BG: #f5f5f5; 341 --COLOR-BG-RGB: 245, 245, 245; 342 343 --COLOR-BG-ACCENT: #ffffff; 344 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 345 346 /* === Link Color ===*/ 347 348 --COLOR-LINK: #cc0000; 349 --COLOR-LINK-A50: rgba(204, 0, 0, 0.5); 350 --COLOR-LINK-A70: rgba(204, 0, 0, 0.7); 351 --COLOR-LINK-HOVER: rgba(204, 0, 0, 0.7); 352 --COLOR-LINK-OPPOSITE: #ffffff; 353 354 --COLOR-TEXT: #000000; 355 --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7); 356 --COLOR-TEXT-LIGHT: #4a4a4a; 357 --COLOR-TEXT-DARK: #000000; 358 --COLOR-TEXT-A5: rgba(0, 0, 0, 0.05); 359 --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35); 360 --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5); 361 --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8); 362 363 364 --COLOR-BORDER: rgb(224, 224, 224); 365 --COLOR-BORDER-LIGHT: #e8e8e8; 366 --COLOR-BORDER-DARK: #adadad; 367 --COLOR-BORDER-HAIRLINE: #ededed; 368 369 --overlay-bg: #000000; 370 371 /* === Bright color ===*/ 372 --COLOR-ACCENT: #cc0000; 373 --COLOR-ACCENT-HOVER: #800000; 374 --COLOR-ACCENT-FADE: rgba(204, 0, 0, 0.05); 375 --COLOR-ACCENT-LIGHT: #ff6666; 376 377 /* === Default Cart Gradient ===*/ 378 379 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 380 381 /* === Buttons ===*/ 382 --BTN-PRIMARY-BG: #cc0000; 383 --BTN-PRIMARY-TEXT: #ffffff; 384 --BTN-PRIMARY-BORDER: #cc0000; 385 --BTN-PRIMARY-BORDER-A70: rgba(204, 0, 0, 0.7); 386 387 388 389 --BTN-PRIMARY-BG-BRIGHTER: #e60000; 390 391 392 --BTN-SECONDARY-BG: #000000; 393 --BTN-SECONDARY-TEXT: #ffffff; 394 --BTN-SECONDARY-BORDER: #000000; 395 --BTN-SECONDARY-BORDER-A70: rgba(0, 0, 0, 0.7); 396 397 398 399 --BTN-SECONDARY-BG-BRIGHTER: #0d0d0d; 400 401 402 403--COLOR-BG-BRIGHTER: #e8e8e8; 404 405 --COLOR-BG-ALPHA-25: rgba(245, 245, 245, 0.25); 406 --COLOR-BG-TRANSPARENT: rgba(245, 245, 245, 0);--COLOR-FOOTER-BG-HAIRLINE: #ededed; 407 408 /* Dynamic color variables */ 409 --accent: var(--COLOR-ACCENT); 410 --accent-fade: var(--COLOR-ACCENT-FADE); 411 --accent-hover: var(--COLOR-ACCENT-HOVER); 412 --border: var(--COLOR-BORDER); 413 --border-dark: var(--COLOR-BORDER-DARK); 414 --border-light: var(--COLOR-BORDER-LIGHT); 415 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 416 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 417 --bg-accent: var(--COLOR-BG-ACCENT); 418 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 419 --icons: var(--COLOR-TEXT); 420 --link: var(--COLOR-LINK); 421 --link-a50: var(--COLOR-LINK-A50); 422 --link-a70: var(--COLOR-LINK-A70); 423 --link-hover: var(--COLOR-LINK-HOVER); 424 --link-opposite: var(--COLOR-LINK-OPPOSITE); 425 --text: var(--COLOR-TEXT); 426 --text-dark: var(--COLOR-TEXT-DARK); 427 --text-light: var(--COLOR-TEXT-LIGHT); 428 --text-hover: var(--COLOR-TEXT-HOVER); 429 --text-a5: var(--COLOR-TEXT-A5); 430 --text-a35: var(--COLOR-TEXT-A35); 431 --text-a50: var(--COLOR-TEXT-A50); 432 --text-a80: var(--COLOR-TEXT-A80); 433 } 434 435 436 .color-scheme-4 {--COLOR-BG-GRADIENT: #b0a38b; 437 --COLOR-BG: #b0a38b; 438 --COLOR-BG-RGB: 176, 163, 139; 439 440 --COLOR-BG-ACCENT: #f5f2ec; 441 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 442 443 /* === Link Color ===*/ 444 445 --COLOR-LINK: #282c2e; 446 --COLOR-LINK-A50: rgba(40, 44, 46, 0.5); 447 --COLOR-LINK-A70: rgba(40, 44, 46, 0.7); 448 --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7); 449 --COLOR-LINK-OPPOSITE: #ffffff; 450 451 --COLOR-TEXT: #212121; 452 --COLOR-TEXT-HOVER: rgba(33, 33, 33, 0.7); 453 --COLOR-TEXT-LIGHT: #4c4841; 454 --COLOR-TEXT-DARK: #000000; 455 --COLOR-TEXT-A5: rgba(33, 33, 33, 0.05); 456 --COLOR-TEXT-A35: rgba(33, 33, 33, 0.35); 457 --COLOR-TEXT-A50: rgba(33, 33, 33, 0.5); 458 --COLOR-TEXT-A80: rgba(33, 33, 33, 0.8); 459 460 461 --COLOR-BORDER: rgb(243, 243, 243); 462 --COLOR-BORDER-LIGHT: #d8d3c9; 463 --COLOR-BORDER-DARK: #c0c0c0; 464 --COLOR-BORDER-HAIRLINE: #aa9c82; 465 466 --overlay-bg: #000000; 467 468 /* === Bright color ===*/ 469 --COLOR-ACCENT: #ab8c52; 470 --COLOR-ACCENT-HOVER: #806430; 471 --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05); 472 --COLOR-ACCENT-LIGHT: #e8d4ae; 473 474 /* === Default Cart Gradient ===*/ 475 476 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 477 478 /* === Buttons ===*/ 479 --BTN-PRIMARY-BG: #212121; 480 --BTN-PRIMARY-TEXT: #ffffff; 481 --BTN-PRIMARY-BORDER: #ffffff; 482 --BTN-PRIMARY-BORDER-A70: rgba(255, 255, 255, 0.7); 483 484 485 486 --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e; 487 488 489 --BTN-SECONDARY-BG: #ab8c52; 490 --BTN-SECONDARY-TEXT: #ffffff; 491 --BTN-SECONDARY-BORDER: #ab8c52; 492 --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7); 493 494 495 496 --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a; 497 498 499 500--COLOR-BG-BRIGHTER: #a6977c; 501 502 --COLOR-BG-ALPHA-25: rgba(176, 163, 139, 0.25); 503 --COLOR-BG-TRANSPARENT: rgba(176, 163, 139, 0);--COLOR-FOOTER-BG-HAIRLINE: #aa9c82; 504 505 /* Dynamic color variables */ 506 --accent: var(--COLOR-ACCENT); 507 --accent-fade: var(--COLOR-ACCENT-FADE); 508 --accent-hover: var(--COLOR-ACCENT-HOVER); 509 --border: var(--COLOR-BORDER); 510 --border-dark: var(--COLOR-BORDER-DARK); 511 --border-light: var(--COLOR-BORDER-LIGHT); 512 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 513 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 514 --bg-accent: var(--COLOR-BG-ACCENT); 515 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 516 --icons: var(--COLOR-TEXT); 517 --link: var(--COLOR-LINK); 518 --link-a50: var(--COLOR-LINK-A50); 519 --link-a70: var(--COLOR-LINK-A70); 520 --link-hover: var(--COLOR-LINK-HOVER); 521 --link-opposite: var(--COLOR-LINK-OPPOSITE); 522 --text: var(--COLOR-TEXT); 523 --text-dark: var(--COLOR-TEXT-DARK); 524 --text-light: var(--COLOR-TEXT-LIGHT); 525 --text-hover: var(--COLOR-TEXT-HOVER); 526 --text-a5: var(--COLOR-TEXT-A5); 527 --text-a35: var(--COLOR-TEXT-A35); 528 --text-a50: var(--COLOR-TEXT-A50); 529 --text-a80: var(--COLOR-TEXT-A80); 530 } 531 532 533 .color-scheme-5 {--COLOR-BG-GRADIENT: #ffffff73; 534 --COLOR-BG: #ffffff73;
535 --COLOR-BG-RGB: 255, 255, 255; 536 537 --COLOR-BG-ACCENT: #f5f2ec; 538 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 539 540 /* === Link Color ===*/ 541 542 --COLOR-LINK: #282c2e; 543 --COLOR-LINK-A50: rgba(40, 44, 46, 0.5); 544 --COLOR-LINK-A70: rgba(40, 44, 46, 0.7); 545 --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7); 546 --COLOR-LINK-OPPOSITE: #ffffff; 547 548 --COLOR-TEXT: #2121218a; 549 --COLOR-TEXT-HOVER: rgba(33, 33, 33, 0.7); 550 --COLOR-TEXT-LIGHT: rgba(100, 100, 100, 0.52); 551 --COLOR-TEXT-DARK: rgba(0, 0, 0, 0.54); 552 --COLOR-TEXT-A5: rgba(33, 33, 33, 0.05); 553 --COLOR-TEXT-A35: rgba(33, 33, 33, 0.35); 554 --COLOR-TEXT-A50: rgba(33, 33, 33, 0.5); 555 --COLOR-TEXT-A80: rgba(33, 33, 33, 0.8); 556 557 558 --COLOR-BORDER: rgb(243, 243, 243); 559 --COLOR-BORDER-LIGHT: rgba(248, 248, 248, 0.78); 560 --COLOR-BORDER-DARK: #c0c0c0; 561 --COLOR-BORDER-HAIRLINE: rgba(247, 247, 247, 0.45); 562 563 --overlay-bg: #644d3e58; 564 565 /* === Bright color ===*/ 566 --COLOR-ACCENT: #ab8c52; 567 --COLOR-ACCENT-HOVER: #806430; 568 --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05); 569 --COLOR-ACCENT-LIGHT: #e8d4ae; 570 571 /* === Default Cart Gradient ===*/ 572 573 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 574 575 /* === Buttons ===*/ 576 --BTN-PRIMARY-BG: #212121; 577 --BTN-PRIMARY-TEXT: #ffffff; 578 --BTN-PRIMARY-BORDER: #212121; 579 --BTN-PRIMARY-BORDER-A70: rgba(33, 33, 33, 0.7); 580 581 582 583 --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e; 584 585 586 --BTN-SECONDARY-BG: #ab8c52; 587 --BTN-SECONDARY-TEXT: #ffffff; 588 --BTN-SECONDARY-BORDER: #ab8c52; 589 --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7); 590 591 592 593 --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a; 594 595 596 597--COLOR-BG-BRIGHTER: rgba(242, 242, 242, 0.45); 598 599 --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25); 600 --COLOR-BG-TRANSPARENT: rgba(255, 255, 255, 0);--COLOR-FOOTER-BG-HAIRLINE: rgba(247, 247, 247, 0.45); 601 602 /* Dynamic color variables */ 603 --accent: var(--COLOR-ACCENT); 604 --accent-fade: var(--COLOR-ACCENT-FADE); 605 --accent-hover: var(--COLOR-ACCENT-HOVER); 606 --border: var(--COLOR-BORDER); 607 --border-dark: var(--COLOR-BORDER-DARK); 608 --border-light: var(--COLOR-BORDER-LIGHT); 609 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 610 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 611 --bg-accent: var(--COLOR-BG-ACCENT); 612 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 613 --icons: var(--COLOR-TEXT); 614 --link: var(--COLOR-LINK); 615 --link-a50: var(--COLOR-LINK-A50); 616 --link-a70: var(--COLOR-LINK-A70); 617 --link-hover: var(--COLOR-LINK-HOVER); 618 --link-opposite: var(--COLOR-LINK-OPPOSITE); 619 --text: var(--COLOR-TEXT); 620 --text-dark: var(--COLOR-TEXT-DARK); 621 --text-light: var(--COLOR-TEXT-LIGHT); 622 --text-hover: var(--COLOR-TEXT-HOVER); 623 --text-a5: var(--COLOR-TEXT-A5); 624 --text-a35: var(--COLOR-TEXT-A35); 625 --text-a50: var(--COLOR-TEXT-A50); 626 --text-a80: var(--COLOR-TEXT-A80); 627 } 628 629 630 .color-scheme-6 {--COLOR-BG-GRADIENT: #fcfbf9; 631 --COLOR-BG: #fcfbf9; 632 --COLOR-BG-RGB: 252, 251, 249; 633 634 --COLOR-BG-ACCENT: #f5f2ec; 635 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 636 637 /* === Link Color ===*/ 638 639 --COLOR-LINK: #282c2e; 640 --COLOR-LINK-A50: rgba(40, 44, 46, 0.5); 641 --COLOR-LINK-A70: rgba(40, 44, 46, 0.7); 642 --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7); 643 --COLOR-LINK-OPPOSITE: #ffffff; 644 645 --COLOR-TEXT: #212121; 646 --COLOR-TEXT-HOVER: rgba(33, 33, 33, 0.7); 647 --COLOR-TEXT-LIGHT: #636262; 648 --COLOR-TEXT-DARK: #000000; 649 --COLOR-TEXT-A5: rgba(33, 33, 33, 0.05); 650 --COLOR-TEXT-A35: rgba(33, 33, 33, 0.35); 651 --COLOR-TEXT-A50: rgba(33, 33, 33, 0.5); 652 --COLOR-TEXT-A80: rgba(33, 33, 33, 0.8); 653 654 655 --COLOR-BORDER: rgb(209, 208, 206); 656 --COLOR-BORDER-LIGHT: #e2e1df; 657 --COLOR-BORDER-DARK: #a09e99; 658 --COLOR-BORDER-HAIRLINE: #f7f4ef; 659 660 --overlay-bg: #000000; 661 662 /* === Bright color ===*/ 663 --COLOR-ACCENT: #ab8c52; 664 --COLOR-ACCENT-HOVER: #806430; 665 --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05); 666 --COLOR-ACCENT-LIGHT: #e8d4ae; 667 668 /* === Default Cart Gradient ===*/ 669 670 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 671 672 /* === Buttons ===*/ 673 --BTN-PRIMARY-BG: #ffffff; 674 --BTN-PRIMARY-TEXT: #212121; 675 --BTN-PRIMARY-BORDER: #ffffff; 676 --BTN-PRIMARY-BORDER-A70: rgba(255, 255, 255, 0.7); 677 678 679 680 --BTN-PRIMARY-BG-BRIGHTER: #f2f2f2; 681 682 683 --BTN-SECONDARY-BG: #ab8c52; 684 --BTN-SECONDARY-TEXT: #ffffff; 685 --BTN-SECONDARY-BORDER: #ab8c52; 686 --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7); 687 688 689 690 --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a; 691 692 693 694--COLOR-BG-BRIGHTER: #f4f0e8; 695 696 --COLOR-BG-ALPHA-25: rgba(252, 251, 249, 0.25); 697 --COLOR-BG-TRANSPARENT: rgba(252, 251, 249, 0);--COLOR-FOOTER-BG-HAIRLINE: #f7f4ef; 698 699 /* Dynamic color variables */ 700 --accent: var(--COLOR-ACCENT); 701 --accent-fade: var(--COLOR-ACCENT-FADE); 702 --accent-hover: var(--COLOR-ACCENT-HOVER); 703 --border: var(--COLOR-BORDER); 704 --border-dark: var(--COLOR-BORDER-DARK); 705 --border-light: var(--COLOR-BORDER-LIGHT); 706 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 707 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 708 --bg-accent: var(--COLOR-BG-ACCENT); 709 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 710 --icons: var(--COLOR-TEXT); 711 --link: var(--COLOR-LINK); 712 --link-a50: var(--COLOR-LINK-A50); 713 --link-a70: var(--COLOR-LINK-A70); 714 --link-hover: var(--COLOR-LINK-HOVER); 715 --link-opposite: var(--COLOR-LINK-OPPOSITE); 716 --text: var(--COLOR-TEXT); 717 --text-dark: var(--COLOR-TEXT-DARK); 718 --text-light: var(--COLOR-TEXT-LIGHT); 719 --text-hover: var(--COLOR-TEXT-HOVER); 720 --text-a5: var(--COLOR-TEXT-A5); 721 --text-a35: var(--COLOR-TEXT-A35); 722 --text-a50: var(--COLOR-TEXT-A50); 723 --text-a80: var(--COLOR-TEXT-A80); 724 } 725 726 727 .color-scheme-7 {--COLOR-BG-GRADIENT: #f5f2ec; 728 --COLOR-BG: #f5f2ec; 729 --COLOR-BG-RGB: 245, 242, 236; 730 731 --COLOR-BG-ACCENT: #f5f2ec; 732 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 733 734 /* === Link Color ===*/ 735 736 --COLOR-LINK: #282c2e; 737 --COLOR-LINK-A50: rgba(40, 44, 46, 0.5); 738 --COLOR-LINK-A70: rgba(40, 44, 46, 0.7); 739 --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7); 740 --COLOR-LINK-OPPOSITE: #ffffff; 741 742 --COLOR-TEXT: #685a3f; 743 --COLOR-TEXT-HOVER: rgba(104, 90, 63, 0.7); 744 --COLOR-TEXT-LIGHT: #928873; 745 --COLOR-TEXT-DARK: #3d321e; 746 --COLOR-TEXT-A5: rgba(104, 90, 63, 0.05); 747 --COLOR-TEXT-A35: rgba(104, 90, 63, 0.35); 748 --COLOR-TEXT-A50: rgba(104, 90, 63, 0.5); 749 --COLOR-TEXT-A80: rgba(104, 90, 63, 0.8); 750 751 752 --COLOR-BORDER: rgb(209, 205, 196); 753 --COLOR-BORDER-LIGHT: #dfdcd4; 754 --COLOR-BORDER-DARK: #a49c8b; 755 --COLOR-BORDER-HAIRLINE: #f0ebe2; 756 757 --overlay-bg: #000000; 758 759 /* === Bright color ===*/ 760 --COLOR-ACCENT: #ab8c52; 761 --COLOR-ACCENT-HOVER: #806430; 762 --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05); 763 --COLOR-ACCENT-LIGHT: #e8d4ae; 764 765 /* === Default Cart Gradient ===*/ 766 767 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 768 769 /* === Buttons ===*/ 770 --BTN-PRIMARY-BG: #212121; 771 --BTN-PRIMARY-TEXT: #ffffff; 772 --BTN-PRIMARY-BORDER: #212121; 773 --BTN-PRIMARY-BORDER-A70: rgba(33, 33, 33, 0.7); 774 775 776 777 --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e; 778 779 780 --BTN-SECONDARY-BG: #ab8c52; 781 --BTN-SECONDARY-TEXT: #ffffff; 782 --BTN-SECONDARY-BORDER: #ab8c52; 783 --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7); 784 785 786 787 --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a; 788 789 790 791--COLOR-BG-BRIGHTER: #ece7db; 792 793 --COLOR-BG-ALPHA-25: rgba(245, 242, 236, 0.25);
794 --COLOR-BG-TRANSPARENT: rgba(245, 242, 236, 0);--COLOR-FOOTER-BG-HAIRLINE: #f0ebe2; 795 796 /* Dynamic color variables */ 797 --accent: var(--COLOR-ACCENT); 798 --accent-fade: var(--COLOR-ACCENT-FADE); 799 --accent-hover: var(--COLOR-ACCENT-HOVER); 800 --border: var(--COLOR-BORDER); 801 --border-dark: var(--COLOR-BORDER-DARK); 802 --border-light: var(--COLOR-BORDER-LIGHT); 803 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 804 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 805 --bg-accent: var(--COLOR-BG-ACCENT); 806 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 807 --icons: var(--COLOR-TEXT); 808 --link: var(--COLOR-LINK); 809 --link-a50: var(--COLOR-LINK-A50); 810 --link-a70: var(--COLOR-LINK-A70); 811 --link-hover: var(--COLOR-LINK-HOVER); 812 --link-opposite: var(--COLOR-LINK-OPPOSITE); 813 --text: var(--COLOR-TEXT); 814 --text-dark: var(--COLOR-TEXT-DARK); 815 --text-light: var(--COLOR-TEXT-LIGHT); 816 --text-hover: var(--COLOR-TEXT-HOVER); 817 --text-a5: var(--COLOR-TEXT-A5); 818 --text-a35: var(--COLOR-TEXT-A35); 819 --text-a50: var(--COLOR-TEXT-A50); 820 --text-a80: var(--COLOR-TEXT-A80); 821 } 822 823 824 .color-scheme-8 {--COLOR-BG-GRADIENT: #3d2e1f; 825 --COLOR-BG: #3d2e1f; 826 --COLOR-BG-RGB: 61, 46, 31; 827 828 --COLOR-BG-ACCENT: #4a3828; 829 --COLOR-BG-ACCENT-LIGHTEN: #7c5e43; 830 831 /* === Link Color ===*/ 832 833 --COLOR-LINK: #d4a76a; 834 --COLOR-LINK-A50: rgba(212, 167, 106, 0.5); 835 --COLOR-LINK-A70: rgba(212, 167, 106, 0.7); 836 --COLOR-LINK-HOVER: rgba(212, 167, 106, 0.7); 837 --COLOR-LINK-OPPOSITE: #ffffff; 838 839 --COLOR-TEXT: #faf6f0; 840 --COLOR-TEXT-HOVER: rgba(250, 246, 240, 0.7); 841 --COLOR-TEXT-LIGHT: #c1bab1; 842 --COLOR-TEXT-DARK: #ecd4b2; 843 --COLOR-TEXT-A5: rgba(250, 246, 240, 0.05); 844 --COLOR-TEXT-A35: rgba(250, 246, 240, 0.35); 845 --COLOR-TEXT-A50: rgba(250, 246, 240, 0.5); 846 --COLOR-TEXT-A80: rgba(250, 246, 240, 0.8); 847 848 849 --COLOR-BORDER: rgb(209, 205, 196); 850 --COLOR-BORDER-LIGHT: #968d82; 851 --COLOR-BORDER-DARK: #a49c8b; 852 --COLOR-BORDER-HAIRLINE: #33261a; 853 854 --overlay-bg: #000000; 855 856 /* === Bright color ===*/ 857 --COLOR-ACCENT: #d4a76a; 858 --COLOR-ACCENT-HOVER: #c8842a; 859 --COLOR-ACCENT-FADE: rgba(212, 167, 106, 0.05); 860 --COLOR-ACCENT-LIGHT: #faeedd; 861 862 /* === Default Cart Gradient ===*/ 863 864 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 865 866 /* === Buttons ===*/ 867 --BTN-PRIMARY-BG: #d4a76a; 868 --BTN-PRIMARY-TEXT: #2c1e12; 869 --BTN-PRIMARY-BORDER: #d4a76a; 870 --BTN-PRIMARY-BORDER-A70: rgba(212, 167, 106, 0.7); 871 872 873 874 --BTN-PRIMARY-BG-BRIGHTER: #ce9b56; 875 876 877 --BTN-SECONDARY-BG: #ab8c52; 878 --BTN-SECONDARY-TEXT: #ffffff; 879 --BTN-SECONDARY-BORDER: #ab8c52; 880 --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7); 881 882 883 884 --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a; 885 886 887 888--COLOR-BG-BRIGHTER: #4e3b28; 889 890 --COLOR-BG-ALPHA-25: rgba(61, 46, 31, 0.25); 891 --COLOR-BG-TRANSPARENT: rgba(61, 46, 31, 0);--COLOR-FOOTER-BG-HAIRLINE: #473624; 892 893 /* Dynamic color variables */ 894 --accent: var(--COLOR-ACCENT); 895 --accent-fade: var(--COLOR-ACCENT-FADE); 896 --accent-hover: var(--COLOR-ACCENT-HOVER); 897 --border: var(--COLOR-BORDER); 898 --border-dark: var(--COLOR-BORDER-DARK); 899 --border-light: var(--COLOR-BORDER-LIGHT); 900 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 901 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 902 --bg-accent: var(--COLOR-BG-ACCENT); 903 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 904 --icons: var(--COLOR-TEXT); 905 --link: var(--COLOR-LINK); 906 --link-a50: var(--COLOR-LINK-A50); 907 --link-a70: var(--COLOR-LINK-A70); 908 --link-hover: var(--COLOR-LINK-HOVER); 909 --link-opposite: var(--COLOR-LINK-OPPOSITE); 910 --text: var(--COLOR-TEXT); 911 --text-dark: var(--COLOR-TEXT-DARK); 912 --text-light: var(--COLOR-TEXT-LIGHT); 913 --text-hover: var(--COLOR-TEXT-HOVER); 914 --text-a5: var(--COLOR-TEXT-A5); 915 --text-a35: var(--COLOR-TEXT-A35); 916 --text-a50: var(--COLOR-TEXT-A50); 917 --text-a80: var(--COLOR-TEXT-A80); 918 } 919 920 921 .color-scheme-9 {--COLOR-BG-GRADIENT: #aecfb8; 922 --COLOR-BG: #aecfb8; 923 --COLOR-BG-RGB: 174, 207, 184; 924 925 --COLOR-BG-ACCENT: #f5f2ec; 926 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 927 928 /* === Link Color ===*/ 929 930 --COLOR-LINK: #282c2e; 931 --COLOR-LINK-A50: rgba(40, 44, 46, 0.5); 932 --COLOR-LINK-A70: rgba(40, 44, 46, 0.7); 933 --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7); 934 --COLOR-LINK-OPPOSITE: #ffffff; 935 936 --COLOR-TEXT: #212121; 937 --COLOR-TEXT-HOVER: rgba(33, 33, 33, 0.7); 938 --COLOR-TEXT-LIGHT: #4b554e; 939 --COLOR-TEXT-DARK: #000000; 940 --COLOR-TEXT-A5: rgba(33, 33, 33, 0.05); 941 --COLOR-TEXT-A35: rgba(33, 33, 33, 0.35); 942 --COLOR-TEXT-A50: rgba(33, 33, 33, 0.5); 943 --COLOR-TEXT-A80: rgba(33, 33, 33, 0.8); 944 945 946 --COLOR-BORDER: rgb(234, 234, 234); 947 --COLOR-BORDER-LIGHT: #d2dfd6; 948 --COLOR-BORDER-DARK: #b7b7b7; 949 --COLOR-BORDER-HAIRLINE: #a4c9b0; 950 951 --overlay-bg: #000000; 952 953 /* === Bright color ===*/ 954 --COLOR-ACCENT: #ab8c52; 955 --COLOR-ACCENT-HOVER: #806430; 956 --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05); 957 --COLOR-ACCENT-LIGHT: #e8d4ae; 958 959 /* === Default Cart Gradient ===*/ 960 961 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 962 963 /* === Buttons ===*/ 964 --BTN-PRIMARY-BG: #212121; 965 --BTN-PRIMARY-TEXT: #ffffff; 966 --BTN-PRIMARY-BORDER: #212121; 967 --BTN-PRIMARY-BORDER-A70: rgba(33, 33, 33, 0.7); 968 969 970 971 --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e; 972 973 974 --BTN-SECONDARY-BG: #f5f2ec; 975 --BTN-SECONDARY-TEXT: #212121; 976 --BTN-SECONDARY-BORDER: #f5f2ec; 977 --BTN-SECONDARY-BORDER-A70: rgba(245, 242, 236, 0.7); 978 979 980 981 --BTN-SECONDARY-BG-BRIGHTER: #ece7db; 982 983 984 985--COLOR-BG-BRIGHTER: #9ec6aa; 986 987 --COLOR-BG-ALPHA-25: rgba(174, 207, 184, 0.25); 988 --COLOR-BG-TRANSPARENT: rgba(174, 207, 184, 0);--COLOR-FOOTER-BG-HAIRLINE: #a4c9b0; 989 990 /* Dynamic color variables */ 991 --accent: var(--COLOR-ACCENT); 992 --accent-fade: var(--COLOR-ACCENT-FADE); 993 --accent-hover: var(--COLOR-ACCENT-HOVER); 994 --border: var(--COLOR-BORDER); 995 --border-dark: var(--COLOR-BORDER-DARK); 996 --border-light: var(--COLOR-BORDER-LIGHT); 997 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 998 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 999 --bg-accent: var(--COLOR-BG-ACCENT); 1000 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 1001 --icons: var(--COLOR-TEXT); 1002 --link: var(--COLOR-LINK); 1003 --link-a50: var(--COLOR-LINK-A50); 1004 --link-a70: var(--COLOR-LINK-A70); 1005 --link-hover: var(--COLOR-LINK-HOVER); 1006 --link-opposite: var(--COLOR-LINK-OPPOSITE); 1007 --text: var(--COLOR-TEXT); 1008 --text-dark: var(--COLOR-TEXT-DARK); 1009 --text-light: var(--COLOR-TEXT-LIGHT); 1010 --text-hover: var(--COLOR-TEXT-HOVER); 1011 --text-a5: var(--COLOR-TEXT-A5); 1012 --text-a35: var(--COLOR-TEXT-A35); 1013 --text-a50: var(--COLOR-TEXT-A50); 1014 --text-a80: var(--COLOR-TEXT-A80); 1015 } 1016 1017 1018 .color-scheme-10 {--COLOR-BG-GRADIENT: rgba(0,0,0,0); 1019 --COLOR-BG: rgba(0,0,0,0); 1020 --COLOR-BG-RGB: 0, 0, 0; 1021 1022 --COLOR-BG-ACCENT: #f5f2ec; 1023 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 1024 1025 /* === Link Color ===*/ 1026 1027 --COLOR-LINK: #282c2e; 1028 --COLOR-LINK-A50: rgba(40, 44, 46, 0.5); 1029 --COLOR-LINK-A70: rgba(40, 44, 46, 0.7); 1030 --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7); 1031 --COLOR-LINK-OPPOSITE: #ffffff; 1032 1033 --COLOR-TEXT: #ffffff; 1034 --COLOR-TEXT-HOVER: rgba(255, 255, 255, 0.7); 1035 --COLOR-TEXT-LIGHT: rgba(179, 179, 179, 0.7); 1036 --COLOR-TEXT-DARK: #d9d9d9; 1037 --COLOR-TEXT-A5: rgba(255, 255, 255, 0.05); 1038 --COLOR-TEXT-A35: rgba(255, 255, 255, 0.35); 1039 --COLOR-TEXT-A50: rgba(255, 255, 255, 0.5); 1040 --COLOR-TEXT-A80: rgba(255, 255, 255, 0.8); 1041 1042 1043 --COLOR-BORDER: rgb(209, 205, 196); 1044 --COLOR-BORDER-LIGHT: rgba(125, 123, 118, 0.6); 1045 --COLOR-BORDER-DARK: #a49c8b; 1046 --COLOR-BORDER-HAIRLINE: rgba(0, 0, 0, 0.0); 1047 1048 --overlay-bg: #000000; 1049 1050 /* === Bright color ===*/ 1051 --COLOR-ACCENT: #ab8c52; 1052 --COLOR-ACCENT-HOVER: #806430; 1053 --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05); 1054 --COLOR-ACCENT-LIGHT: #e8d4ae; 1055 1056 /* === Default Cart Gradient ===*/ 1057 1058 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 1059 1060 /* === Buttons ===*/ 1061 --BTN-PRIMARY-BG: #212121; 1062 --BTN-PRIMARY-TEXT: #ffffff; 1063 --BTN-PRIMARY-BORDER: #ffffff; 1064 --BTN-PRIMARY-BORDER-A70: rgba(255, 255, 255, 0.7); 1065 1066 1067 1068 --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e; 1069 1070 1071 --BTN-SECONDARY-BG: #ab8c52; 1072 --BTN-SECONDARY-TEXT: #ffffff; 1073 --BTN-SECONDARY-BORDER: #ab8c52; 1074 --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7); 1075 1076 1077 1078 --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a; 1079 1080 1081 1082--COLOR-BG-BRIGHTER: rgba(26, 26, 26, 0.0); 1083 1084 --COLOR-BG-ALPHA-25: rgba(0, 0, 0, 0.25); 1085 --COLOR-BG-TRANSPARENT: rgba(0, 0, 0, 0);--COLOR-FOOTER-BG-HAIRLINE: rgba(8, 8, 8, 0.0); 1086 1087 /* Dynamic color variables */ 1088 --accent: var(--COLOR-ACCENT); 1089 --accent-fade: var(--COLOR-ACCENT-FADE); 1090 --accent-hover: var(--COLOR-ACCENT-HOVER); 1091 --border: var(--COLOR-BORDER); 1092 --border-dark: var(--COLOR-BORDER-DARK); 1093 --border-light: var(--COLOR-BORDER-LIGHT); 1094 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 1095 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 1096 --bg-accent: var(--COLOR-BG-ACCENT); 1097 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 1098 --icons: var(--COLOR-TEXT); 1099 --link: var(--COLOR-LINK); 1100 --link-a50: var(--COLOR-LINK-A50); 1101 --link-a70: var(--COLOR-LINK-A70); 1102 --link-hover: var(--COLOR-LINK-HOVER); 1103 --link-opposite: var(--COLOR-LINK-OPPOSITE); 1104 --text: var(--COLOR-TEXT); 1105 --text-dark: var(--COLOR-TEXT-DARK); 1106 --text-light: var(--COLOR-TEXT-LIGHT); 1107 --text-hover: var(--COLOR-TEXT-HOVER); 1108 --text-a5: var(--COLOR-TEXT-A5); 1109 --text-a35: var(--COLOR-TEXT-A35); 1110 --text-a50: var(--COLOR-TEXT-A50); 1111 --text-a80: var(--COLOR-TEXT-A80); 1112 } 1113 1114 1115 .color-scheme-11 {--COLOR-BG-GRADIENT: rgba(0,0,0,0); 1116 --COLOR-BG: rgba(0,0,0,0); 1117 --COLOR-BG-RGB: 0, 0, 0; 1118 1119 --COLOR-BG-ACCENT: #f5f2ec; 1120 --COLOR-BG-ACCENT-LIGHTEN: #ffffff; 1121 1122 /* === Link Color ===*/ 1123 1124 --COLOR-LINK: #282c2e; 1125 --COLOR-LINK-A50: rgba(40, 44, 46, 0.5); 1126 --COLOR-LINK-A70: rgba(40, 44, 46, 0.7); 1127 --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7); 1128 --COLOR-LINK-OPPOSITE: #ffffff; 1129 1130 --COLOR-TEXT: #ffffff; 1131 --COLOR-TEXT-HOVER: rgba(255, 255, 255, 0.7); 1132 --COLOR-TEXT-LIGHT: rgba(179, 179, 179, 0.7); 1133 --COLOR-TEXT-DARK: #d9d9d9; 1134 --COLOR-TEXT-A5: rgba(255, 255, 255, 0.05); 1135 --COLOR-TEXT-A35: rgba(255, 255, 255, 0.35); 1136 --COLOR-TEXT-A50: rgba(255, 255, 255, 0.5); 1137 --COLOR-TEXT-A80: rgba(255, 255, 255, 0.8); 1138 1139 1140 --COLOR-BORDER: rgb(209, 205, 196); 1141 --COLOR-BORDER-LIGHT: rgba(125, 123, 118, 0.6); 1142 --COLOR-BORDER-DARK: #a49c8b; 1143 --COLOR-BORDER-HAIRLINE: rgba(0, 0, 0, 0.0); 1144 1145 --overlay-bg: #000000; 1146 1147 /* === Bright color ===*/ 1148 --COLOR-ACCENT: #ab8c52; 1149 --COLOR-ACCENT-HOVER: #806430; 1150 --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05); 1151 --COLOR-ACCENT-LIGHT: #e8d4ae; 1152 1153 /* === Default Cart Gradient ===*/ 1154 1155 --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%); 1156 1157 /* === Buttons ===*/ 1158 --BTN-PRIMARY-BG: #212121; 1159 --BTN-PRIMARY-TEXT: #ffffff; 1160 --BTN-PRIMARY-BORDER: #ffffff; 1161 --BTN-PRIMARY-BORDER-A70: rgba(255, 255, 255, 0.7); 1162 1163 1164 1165 --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e; 1166 1167 1168 --BTN-SECONDARY-BG: #ab8c52; 1169 --BTN-SECONDARY-TEXT: #ffffff; 1170 --BTN-SECONDARY-BORDER: #ab8c52; 1171 --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7); 1172 1173 1174 1175 --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a; 1176 1177 1178 1179--COLOR-BG-BRIGHTER: rgba(26, 26, 26, 0.0); 1180 1181 --COLOR-BG-ALPHA-25: rgba(0, 0, 0, 0.25); 1182 --COLOR-BG-TRANSPARENT: rgba(0, 0, 0, 0);--COLOR-FOOTER-BG-HAIRLINE: rgba(8, 8, 8, 0.0); 1183 1184 /* Dynamic color variables */ 1185 --accent: var(--COLOR-ACCENT); 1186 --accent-fade: var(--COLOR-ACCENT-FADE); 1187 --accent-hover: var(--COLOR-ACCENT-HOVER); 1188 --border: var(--COLOR-BORDER); 1189 --border-dark: var(--COLOR-BORDER-DARK); 1190 --border-light: var(--COLOR-BORDER-LIGHT); 1191 --border-hairline: var(--COLOR-BORDER-HAIRLINE); 1192 --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); 1193 --bg-accent: var(--COLOR-BG-ACCENT); 1194 --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); 1195 --icons: var(--COLOR-TEXT); 1196 --link: var(--COLOR-LINK); 1197 --link-a50: var(--COLOR-LINK-A50); 1198 --link-a70: var(--COLOR-LINK-A70); 1199 --link-hover: var(--COLOR-LINK-HOVER); 1200 --link-opposite: var(--COLOR-LINK-OPPOSITE); 1201 --text: var(--COLOR-TEXT); 1202 --text-dark: var(--COLOR-TEXT-DARK); 1203 --text-light: var(--COLOR-TEXT-LIGHT); 1204 --text-hover: var(--COLOR-TEXT-HOVER); 1205 --text-a5: var(--COLOR-TEXT-A5); 1206 --text-a35: var(--COLOR-TEXT-A35); 1207 --text-a50: var(--COLOR-TEXT-A50); 1208 --text-a80: var(--COLOR-TEXT-A80); 1209 } 1210 1211 1212 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8, .color-scheme-9, .color-scheme-10, .color-scheme-11 { 1213 color: var(--text); 1214 background: var(--bg); 1215 } 1216 1217 :root { 1218 --scrollbar-width: 0px; 1219 1220 /* === Product grid badges ===*/ 1221 --COLOR-SALE-BG: #cc0000; 1222 --COLOR-SALE-TEXT: #ffffff; 1223 1224 --COLOR-BADGE-BG: #cc0000; 1225 --COLOR-BADGE-TEXT: #ffffff; 1226 1227 --COLOR-SOLD-BG: #444444; 1228 --COLOR-SOLD-TEXT: #ffffff; 1229 1230 --COLOR-NEW-BADGE-BG: #c0b9b8; 1231 --COLOR-NEW-BADGE-TEXT: #212121; 1232 1233 --COLOR-PREORDER-BG: #644d3e; 1234 --COLOR-PREORDER-TEXT: #ffffff; 1235 1236 /* === Quick Add ===*/ 1237 --COLOR-QUICK-ADD-BG: #ffffff; 1238 --COLOR-QUICK-ADD-BG-BRIGHTER: #f2f2f2; 1239 --COLOR-QUICK-ADD-TEXT: #000000; 1240 1241 /* === Product sale color ===*/ 1242 --COLOR-SALE: #ffffff; 1243 1244 /* === Helper colors for form error states ===*/ 1245 --COLOR-ERROR: #721C24; 1246 --COLOR-ERROR-BG: #F8D7DA; 1247 --COLOR-ERROR-BORDER: #F5C6CB; 1248 1249 --COLOR-SUCCESS: #56AD6A; 1250 --COLOR-SUCCESS-BG: rgba(86, 173, 106, 0.2); 1251 1252 1253 --RADIUS: 300px; 1254 --RADIUS-SELECT: 22px; 1255 1256 1257 --COLOR-HEADER-LINK: #000000; 1258 --COLOR-HEADER-LINK-HOVER: #000000; 1259 1260 --COLOR-MENU-BG: #ffffff; 1261 --COLOR-SUBMENU-BG: #ffffff; 1262 --COLOR-SUBMENU-LINK: #000000; 1263 --COLOR-SUBMENU-LINK-HOVER: rgba(0, 0, 0, 0.7); 1264 --COLOR-SUBMENU-TEXT-LIGHT: #4d4d4d; 1265 1266 1267 --COLOR-MENU-TRANSPARENT: #ffffff; 1268 --COLOR-MENU-TRANSPARENT-HOVER: #ffffff; 1269 1270 1271 --TRANSPARENT: rgba(255, 255, 255, 0); 1272 1273 /* === Default overlay opacity ===*/ 1274 --underlay-opacity: 1; 1275 --underlay-bg: rgba(0,0,0,0.4); 1276 --header-overlay-color: transparent; 1277 1278 /* === Custom Cursor ===*/ 1279 --ICON-ZOOM-IN: url( "//woodies.com/cdn/shop/t/35/assets/icon-zoom-in.svg?v=182473373117644429561771959277" ); 1280 --ICON-ZOOM-OUT: url( "//woodies.com/cdn/shop/t/35/assets/icon-zoom-out.svg?v=101497157853986683871771959277" ); 1281 1282 /* === Custom Icons ===*/ 1283 1284 1285 1286 --ICON-ADD-BAG: url( "//woodies.com/cdn/shop/t/35/assets/icon-add-bag.svg?v=23763382405227654651771959277" ); 1287 --ICON-ADD-CART: url( "//woodies.com/cdn/shop/t/35/assets/icon-add-cart.svg?v=3962293684743587821771959277" ); 1288 --ICON-ARROW-LEFT: url( "//woodies.com/cdn/shop/t/35/assets/icon-nav-arrow-left.svg?v=106782211883556531691771959277" );
1289 --ICON-ARROW-RIGHT: url( "//woodies.com/cdn/shop/t/35/assets/icon-nav-arrow-right.svg?v=159363876971816882971771959277" ); 1290 --ICON-SELECT: url("//woodies.com/cdn/shop/t/35/assets/icon-select.svg?v=150573211567947701091771959277"); 1291 1292 1293 --PRODUCT-GRID-ASPECT-RATIO: 80.0%; 1294 1295 /* === Typography ===*/ 1296 --FONT-HEADING-MINI: 12px; 1297 --FONT-HEADING-X-SMALL: 16px; 1298 --FONT-HEADING-SMALL: 20px; 1299 --FONT-HEADING-MEDIUM: 36px; 1300 --FONT-HEADING-LARGE: 48px; 1301 --FONT-HEADING-X-LARGE: 60px; 1302 1303 --FONT-HEADING-MINI-MOBILE: 12px; 1304 --FONT-HEADING-X-SMALL-MOBILE: 16px; 1305 --FONT-HEADING-SMALL-MOBILE: 20px; 1306 --FONT-HEADING-MEDIUM-MOBILE: 24px; 1307 --FONT-HEADING-LARGE-MOBILE: 32px; 1308 --FONT-HEADING-X-LARGE-MOBILE: 45px; 1309 1310 --FONT-STACK-BODY: "DM Sans", sans-serif; 1311 --FONT-STYLE-BODY: normal; 1312 --FONT-WEIGHT-BODY: 400; 1313 --FONT-WEIGHT-BODY-BOLD: 500; 1314 1315 --LETTER-SPACING-BODY: 0.0em; 1316 1317 --FONT-STACK-HEADING: Besley, serif; 1318 --FONT-WEIGHT-HEADING: 700; 1319 --FONT-STYLE-HEADING: normal; 1320 1321 --FONT-UPPERCASE-HEADING: uppercase; 1322 --LETTER-SPACING-HEADING: 0.025em; 1323 1324 --FONT-STACK-SUBHEADING: Karla, sans-serif; 1325 --FONT-WEIGHT-SUBHEADING: 400; 1326 --FONT-STYLE-SUBHEADING: normal; 1327 --FONT-SIZE-SUBHEADING-DESKTOP: 14px; 1328 --FONT-SIZE-SUBHEADING-MOBILE: 14px; 1329 1330 --FONT-UPPERCASE-SUBHEADING: uppercase; 1331 --LETTER-SPACING-SUBHEADING: 0.0em; 1332 1333 --FONT-STACK-NAV: "DM Sans", sans-serif; 1334 --FONT-WEIGHT-NAV: 400; 1335 --FONT-WEIGHT-NAV-BOLD: 500; 1336 --FONT-STYLE-NAV: normal; 1337 --FONT-SIZE-NAV: 16px; 1338 1339 1340 --LETTER-SPACING-NAV: 0.0em; 1341 1342 --FONT-SIZE-BASE: 16px; 1343 1344 /* === Parallax ===*/ 1345 --PARALLAX-STRENGTH-MIN: 120.0%; 1346 --PARALLAX-STRENGTH-MAX: 130.0%;--COLUMNS: 4; 1347 --COLUMNS-MEDIUM: 3; 1348 --COLUMNS-SMALL: 2; 1349 --COLUMNS-MOBILE: 1;--LAYOUT-OUTER: 50px; 1350 --LAYOUT-GUTTER: 32px; 1351 --LAYOUT-OUTER-MEDIUM: 30px; 1352 --LAYOUT-GUTTER-MEDIUM: 22px; 1353 --LAYOUT-OUTER-SMALL: 16px; 1354 --LAYOUT-GUTTER-SMALL: 16px;--base-animation-delay: 0ms; 1355 --line-height-normal: 1.375; /* Equals to line-height: normal; */--SIDEBAR-WIDTH: 288px; 1356 --SIDEBAR-WIDTH-MEDIUM: 258px;--DRAWER-WIDTH: 380px;--ICON-STROKE-WIDTH: 1px; 1357 1358 /* === Button General ===*/ 1359 --BTN-FONT-STACK: Karla, sans-serif; 1360 --BTN-FONT-WEIGHT: 400; 1361 --BTN-FONT-STYLE: normal; 1362 --BTN-FONT-SIZE: 14px; 1363 --BTN-SIZE-SMALL: 7px; 1364 --BTN-SIZE-MEDIUM: 9px; 1365 --BTN-SIZE-LARGE: 16px;--BTN-FONT-SIZE-BODY: 0.875rem; 1366 1367 --BTN-LETTER-SPACING: 0.025em; 1368 --BTN-UPPERCASE: uppercase; 1369 --BTN-TEXT-ARROW-OFFSET: -1px; 1370 1371 /* === Button White ===*/ 1372 --COLOR-TEXT-BTN-BG-WHITE: #fff; 1373 --COLOR-TEXT-BTN-BORDER-WHITE: #fff; 1374 --COLOR-TEXT-BTN-WHITE: #000; 1375 --COLOR-TEXT-BTN-WHITE-A70: rgba(255, 255, 255, 0.7); 1376 --COLOR-TEXT-BTN-BG-WHITE-BRIGHTER: #f2f2f2; 1377 1378 /* === Button Black ===*/ 1379 --COLOR-TEXT-BTN-BG-BLACK: #000; 1380 --COLOR-TEXT-BTN-BORDER-BLACK: #000; 1381 --COLOR-TEXT-BTN-BLACK: #fff; 1382 --COLOR-TEXT-BTN-BLACK-A70: rgba(0, 0, 0, 0.7); 1383 --COLOR-TEXT-BTN-BG-BLACK-BRIGHTER: #0d0d0d; 1384 1385 /* === Swatch Size ===*/ 1386 --swatch-size-filters: 1.15rem; 1387 --swatch-size-product: 2.2rem; 1388 } 1389 1390 /* === Backdrop ===*/ 1391 ::backdrop { 1392 --underlay-opacity: 1; 1393 --underlay-bg: rgba(0,0,0,0.4); 1394 } 1395 1396 /* === Gray background on Product grid items ===*/ 1397 1398 1399 *, 1400 *::before, 1401 *::after { 1402 box-sizing: inherit; 1403 } 1404 1405 * { -webkit-font-smoothing: antialiased; } 1406 1407 html { 1408 box-sizing: border-box; 1409 font-size: var(--FONT-SIZE-BASE); 1410 } 1411 1412 html, 1413 body { min-height: 100%; } 1414 1415 body { 1416 position: relative; 1417 min-width: 320px; 1418 font-size: var(--FONT-SIZE-BASE); 1419 text-size-adjust: 100%; 1420 -webkit-text-size-adjust: 100%; 1421 } 1422</style> 1423<link rel="preload" as="font" href="//woodies.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//woodies.com/cdn/fonts/besley/besley_n7.3b530357b83dc2b56556feb4b0101ab81dda4624.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//woodies.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//woodies.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//woodies.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2" type="font/woff2" crossorigin><link href="//woodies.com/cdn/shop/t/35/assets/theme.css?v=105007609395970588771771959277" rel="stylesheet" type="text/css" media="all" /> 1424<link href="//woodies.com/cdn/shop/t/35/assets/swatches.css?v=157844926215047500451771959277" rel="stylesheet" type="text/css" media="all" /> 1425<style data-shopify>.swatches { 1426 --black: #000000;--white: #fafafa;--blank: url(//woodies.com/cdn/shop/files/blank_small.png?v=641);--bronze: #A07636;
1426--silver: #CECBC7; 1427 }</style>
1428<script> 1429 document.documentElement.style.setProperty('--scrollbar-width', `${getScrollbarWidth()}px`); 1430 1431 function getScrollbarWidth() { 1432 // Creating invisible container 1433 const outer = document.createElement('div'); 1434 outer.style.visibility = 'hidden'; 1435 outer.style.overflow = 'scroll'; // forcing scrollbar to appear 1436 outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps 1437 document.documentElement.appendChild(outer); 1438 1439 // Creating inner element and placing it in the container 1440 const inner = document.createElement('div'); 1441 outer.appendChild(inner); 1442 1443 // Calculating difference between container's full width and the child width 1444 const scrollbarWidth = outer.offsetWidth - inner.offsetWidth; 1445 1446 // Removing temporary elements from the DOM 1447 outer.parentNode.removeChild(outer); 1448 1449 return scrollbarWidth; 1450 } 1451 1452 let root = '/'; 1453 if (root[root.length - 1] !== '/') { 1454 root = root + '/'; 1455 } 1456 1457 window.theme = { 1458 routes: { 1459 root: root, 1460 shop_url: 'https://woodies.com', 1461 cart_url: '/cart', 1462 cart_add_url: '/cart/add', 1463 cart_change_url: '/cart/change', 1464 cart_update_url: '/cart/update', 1465 product_recommendations_url: '/recommendations/products', 1466 predictive_search_url: '/search/suggest', 1467 addresses_url: '/account/addresses' 1468 }, 1469 assets: { 1470 photoswipe: '//woodies.com/cdn/shop/t/35/assets/photoswipe.js?v=162613001030112971491771959277', 1471 rellax: '//woodies.com/cdn/shop/t/35/assets/rellax.js?v=4664090443844197101771959277', 1472 smoothscroll: '//woodies.com/cdn/shop/t/35/assets/smoothscroll.js?v=37906625415260927261771959277', 1473 }, 1474 strings: { 1475 addToCart: "Add to cart", 1476 sale: "Sale", 1477 soldOut: "Sold Out", 1478 preOrder: "Pre-order", 1479 subscription: "Subscription", 1480 unavailable: "Unavailable", 1481 unavailable_with_option: `[value] - Unavailable`, 1482 cartAcceptanceError: "You must accept our terms and conditions.", 1483 discount_not_applicable: "Discount not applicable", 1484 discount_already_applied: "Discount already applied", 1485 shippingCalcSubmitButton: "Calculate shipping", 1486 shippingCalcSubmitButtonDisabled: "Calculating...", 1487 oneColor: "color", 1488 otherColor: "colors", 1489 free: "Free", 1490 sku: "SKU", 1491 playVideo: "Play video", 1492 pauseVideo: "Pause video", 1493 }, 1494 settings: { 1495 cartType: "drawer", 1496 customerLoggedIn: null ? true : false, 1497 enableQuickAdd: true, 1498 enableAnimations: true, 1499 collectionSwatchStyle: "limited", 1500 mobileMenuType: null, 1501 atcButtonShowPrice: true, 1502 productPageSticky: false, 1503 }, 1504 sliderArrows: { 1505 prev: '<button type="button" class="slider__button slider__button--prev" data-button-arrow data-button-prev>' + "Previous" + '</button>', 1506 next: '<button type="button" class="slider__button slider__button--next" data-button-arrow data-button-next>' + "Next" + '</button>', 1507 }, 1508 moneyFormat: false ? "${{amount}} USD" : "${{amount}}", 1509 moneyWithoutCurrencyFormat: "${{amount}}", 1510 moneyWithCurrencyFormat: "${{amount}} USD", 1511 subtotal: 0, 1512 info: { 1513 name: 'broadcast', 1514 version: '8.0.0', 1515 role: 'main' 1516 }, 1517 }; 1518 1519 let windowInnerHeight = window.innerHeight; 1520 document.documentElement.style.setProperty('--full-height', `${windowInnerHeight}px`); 1521 document.documentElement.style.setProperty('--three-quarters', `${windowInnerHeight * 0.75}px`); 1522 document.documentElement.style.setProperty('--two-thirds', `${windowInnerHeight * 0.66}px`); 1523 document.documentElement.style.setProperty('--one-half', `${windowInnerHeight * 0.5}px`); 1524 document.documentElement.style.setProperty('--one-third', `${windowInnerHeight * 0.33}px`); 1525 document.documentElement.style.setProperty('--one-fifth', `${windowInnerHeight * 0.2}px`); 1526</script>
1526 1527 1528 1529
1529<script src="//woodies.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" defer="defer"></script>
1529 1530 1531 1532<!-- Theme Javascript ============================================================== -->
1533<script src="//woodies.com/cdn/shop/t/35/assets/vendor.js?v=9664966025159750891771959277" defer="defer"></script>
vendor: 1 bytes, line 1533
1533
1534<script src="//woodies.com/cdn/shop/t/35/assets/theme.js?v=122998032327029019861771959277" defer="defer"></script>
1534<!-- Shopify app scripts =========================================================== -->
1535<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1535<meta name="facebook-domain-verification" content="rcylu960ip828zqfnxgy4rerdpmhr1"> 1536<meta name="facebook-domain-verification" content="cbqth6n5a3jsnsrso7pbtlo2g21t9r"> 1537<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/1624132/digital_wallets/dialog"> 1538<meta id="in-context-paypal-metadata" data-shop-id="1624132" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 1539<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1539<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1539 1540<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1541<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=1624132" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1541
1541
1542<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":1624132,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/1624132","merchantName":"Woodies","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Woodies","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1542
1542
1543<script id="shopify-features" type="application/json">{"accessToken":"83e07c1a60acfecf12724436c97a179b","betas":["rich-media-storefront-analytics"],"domain":"woodies.com","predictiveSearch":true,"shopId":1624132,"locale":"en"}</script>
vendor: 1 bytes, line 1543
1543
1544<script>var Shopify = Shopify || {}; 1545Shopify.shop = "woodies.myshopify.com"; 1546Shopify.locale = "en"; 1547Shopify.currency = {"active":"USD","rate":"1.0"}; 1548Shopify.country = "US"; 1549Shopify.theme = {"name":"Broadcast","id":129381367866,"schema_name":"Broadcast","schema_version":"8.0.0","theme_store_id":868,"role":"main"}; 1550Shopify.theme.handle = "null"; 1551Shopify.theme.style = {"id":null,"handle":null}; 1552Shopify.cdnHost = "woodies.com/cdn"; 1553Shopify.routes = Shopify.routes || {}; 1554Shopify.routes.root = "/"; 1555Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1556Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1557Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1558Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1558
1558
1559<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1559
1559
1560<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 1560
1560
1561<script> 1562 window.ShopifyPay = window.ShopifyPay || {}; 1563 window.ShopifyPay.apiHost = "shop.app\/pay"; 1564 window.ShopifyPay.redirectState = null; 1565</script>
vendor: 1 bytes, line 1565
1565
1566<script> 1567 window.Shopify = window.Shopify || {}; 1568 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1569 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1570 window.Shopify.SignInWithShop.eligible = true; 1571</script>
vendor: 1 bytes, line 1571
1571
1572<script id="shop-js-analytics" type="application/json">{"pageType":"cart"}</script>
vendor: 1 bytes, line 1572
1572
1573<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 1573
1573
1574<script type="module"> 1575 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1576 1577 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1578 1579</script>
vendor: 1 bytes, line 1579
1579
1580<script> 1581 window.Shopify = window.Shopify || {}; 1582 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1583 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"]}; 1584</script>
vendor: 1 bytes, line 1584
1584
1585<script>(function() { 1586 var isLoaded = false; 1587 function asyncLoad() { 1588 if (isLoaded) return; 1589 isLoaded = true; 1590 var urls = ["https:\/\/stickyaddtocartbar.azurewebsites.net\/Scripts\/satcb.min.js?shop=woodies.myshopify.com","https:\/\/woodies.com\/apps\/giraffly-trust\/trust-worker-63f9064b505e8761219a91a2d3249af99db65b8b.js?v=20211112164930\u0026shop=woodies.myshopify.com","https:\/\/connect.facebook.net\/en_US\/fbevents.js?shop=woodies.myshopify.com","https:\/\/raw.githubusercontent.com\/corystout\/woodies-meta-pixel\/main\/purchase-tracking.js?shop=woodies.myshopify.com"]; 1591 for (var i = 0; i < urls.length; i++) { 1592 var s = document.createElement('script'); 1593 s.type = 'text/javascript'; 1594 s.async = true; 1595 s.src = urls[i]; 1596 var x = document.getElementsByTagName('script')[0]; 1597 x.parentNode.insertBefore(s, x); 1598 } 1599 }; 1600 if(window.attachEvent) { 1601 window.attachEvent('onload', asyncLoad); 1602 } else { 1603 window.addEventListener('load', asyncLoad, false); 1604 } 1605})();</script>
vendor: 1 bytes, line 1605
1605
1606<script id="__st">var __st={"a":1624132,"offset":-14400,"reqid":"2389089c-146d-43f9-b329-157ee8b00242-1791063193","pageurl":"woodies.com\/cart","u":"1a4f8924a28c","p":"cart"};</script>
vendor: 1 bytes, line 1606
1606
1607<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1607
1607
1608<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!1)}();</script>
vendor: 1 bytes, line 1608
1608
1609<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//woodies.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1609
1609
1610<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 = "//woodies.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>
1610<script crossorigin="anonymous" defer="defer" src="//woodies.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1610
1610
1611<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 1611
1611
1612<script> 1613 window.Shopify = window.Shopify || {}; 1614 window.Shopify.MCP = window.Shopify.MCP || {}; 1615 window.Shopify.MCP.enabled = true; 1616 window.Shopify.MCP.shop = "woodies.myshopify.com"; 1617 window.Shopify.MCP.mcpEndpoint = "https:\/\/woodies.com\/api\/mcp"; 1618 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"]}}]; 1619</script>
vendor: 1 bytes, line 1619
1619
1620<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("\/\/woodies.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1621</script>
vendor: 1 bytes, line 1621
1621
1622<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://woodies.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1623</script>
vendor: 1 bytes, line 1623
1623
1624<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1625 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); 1626</script>
vendor: 1 bytes, line 1626
1626
1627<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})}})); 1628</script>
1628 1629<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://woodies.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 1630<style id="shopify-accelerated-checkout-cart"> 1631 #shopify-buyer-consent { 1632 margin-top: 1em; 1633 display: inline-block; 1634 width: 100%; 1635} 1636 1637#shopify-buyer-consent.hidden { 1638 display: none; 1639} 1640 1641#shopify-subscription-policy-button { 1642 background: none; 1643 border: none; 1644 padding: 0; 1645 text-decoration: underline; 1646 font-size: inherit; 1647 cursor: pointer; 1648} 1649 1650#shopify-subscription-policy-button::before { 1651 box-shadow: none; 1652} 1653 1654 </style> 1655
1656<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1656 1657 <link rel="alternate" type="text/plain" title="Woodies agent guidance" href="https://woodies-commerce-mcp.woodies-agentic-commerce.workers.dev/llms.txt"> 1658 <link rel="alternate" type="text/markdown" title="Woodies live product catalog" href="https://woodies-commerce-mcp.woodies-agentic-commerce.workers.dev/catalog.md"> 1659 <meta name="mcp-server" content="https://woodies-commerce-mcp.woodies-agentic-commerce.workers.dev/mcp"> 1660 <link href="//woodies.com/cdn/shop/t/35/assets/woodies-custom.css?v=151322923009704829141772066335" rel="stylesheet" type="text/css" media="all" /> 1661 <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1662<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: 1624132,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "cart"};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 1662
1662
1663<script> 1664 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1665</script>
vendor: 1 bytes, line 1665
1665
1666<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}
1666).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: 1624132,storefrontBaseUrl: "https://woodies.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://woodies.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"775651386","configuration":"{\"clickstreamId\":\"2962ad49-0677-41ec-bba1-082747d60e5e\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"dce0ba162d2ca66f441eebf2b9a98ca0","type":"APP","apiClientId":44186959873,"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":"83460154","configuration":"{\"pixel_id\":\"736521909733025\",\"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":"52297786","configuration":"{\"tagID\":\"2620850241861\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"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":[]},"dataSharingState":"optimized"},{"id":"69697594","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"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":"Woodies","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"woodies.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/woodies.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://woodies.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"129381367866","themeStoreId":"868","themePublished":"true","eventMetadataId":"9
166601854c8-a97e-405b-b39b-6a21ab55b4ae","pageType":"cart","shopId":"1624132","storefrontBaseUrl":"https:\/\/woodies.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1666<script> 1667 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1668 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1669 window.ShopifyAnalytics.meta.currency = 'USD'; 1670 var meta = {"page":{"pageType":"cart","requestId":"2389089c-146d-43f9-b329-157ee8b00242-1791063193"}}; 1671 for (var attr in meta) { 1672 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1673 } 1674</script>
vendor: 1 bytes, line 1674
1674
1675<script class="analytics"> 1676 (function () { 1677 var customDocumentWrite = function(content) { 1678 var jquery = null; 1679 1680 if (window.jQuery) { 1681 jquery = window.jQuery; 1682 } else if (window.Checkout && window.Checkout.$) { 1683 jquery = window.Checkout.$; 1684 } 1685 1686 if (jquery) { 1687 jquery('body').append(content); 1688 } 1689 }; 1690 1691 var hasLoggedConversion = function(token) { 1692 if (token) { 1693 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1694 } 1695 return false; 1696 } 1697 1698 var setCookieIfConversion = function(token) { 1699 if (token) { 1700 var twoMonthsFromNow = new Date(Date.now()); 1701 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1702 1703 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1704 } 1705 } 1706 1707 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1708 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1709 if (trekkie.integrations) { 1710 return; 1711 } 1712 trekkie.methods = [ 1713 'identify', 1714 'page', 1715 'ready', 1716 'track', 1717 'trackForm', 1718 'trackLink' 1719 ]; 1720 trekkie.factory = function(method) { 1721 return function() { 1722 var args = Array.prototype.slice.call(arguments); 1723 args.unshift(method); 1724 trekkie.push(args); 1725 if (method == 'track' || method == 'page') { 1726 var pageUrl; 1727 try { 1728 pageUrl = window.location.href; 1729 } catch (e) {} 1730 var pageReferrer; 1731 try { 1732 pageReferrer = document.referrer; 1733 } catch (e) {} 1734 try { 1735 if (window.__TREKKIE_SHIM_QUEUE == null) { 1736 window.__TREKKIE_SHIM_QUEUE = []; 1737 } 1738 window.__TREKKIE_SHIM_QUEUE.push({ 1739 from: 'trekkie-stub', 1740 method: method, 1741 args: args.slice(1), 1742 pageContext: { 1743 url: pageUrl, 1744 referrer: pageReferrer 1745 } 1746 }); 1747 } catch (e) { 1748 // no-op 1749 } 1750 } 1751 return trekkie; 1752 }; 1753 }; 1754 for (var i = 0; i < trekkie.methods.length; i++) { 1755 var key = trekkie.methods[i]; 1756 trekkie[key] = trekkie.factory(key); 1757 } 1758 trekkie.load = function(config) { 1759 trekkie.config = config || {}; 1760 trekkie.config.initialDocumentCookie = document.cookie; 1761 var first = document.getElementsByTagName('script')[0]; 1762var script = document.createElement('script'); 1763script.type = 'text/javascript'; 1764script.onerror = function(e) { 1765 var scriptFallback = document.createElement('script'); 1766 scriptFallback.type = 'text/javascript'; 1767 scriptFallback.onerror = function(error) { 1768 var Monorail = { 1769 produce: function produce(monorailDomain, schemaId, payload) { 1770 var currentMs = new Date().getTime(); 1771 var event = { 1772 schema_id: schemaId, 1773 payload: payload, 1774 metadata: { 1775 event_created_at_ms: currentMs, 1776 event_sent_at_ms: currentMs 1777 } 1778 }; 1779 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1780 }, 1781 sendRequest: function sendRequest(endpointUrl, payload) { 1782 // Try the sendBeacon API 1783 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1784 var blobData = new window.Blob([payload], { 1785 type: 'text/plain' 1786 }); 1787 1788 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1789 return true; 1790 } // sendBeacon was not successful 1791 1792 } // XHR beacon 1793 1794 var xhr = new XMLHttpRequest(); 1795 1796 try { 1797 xhr.open('POST', endpointUrl); 1798 xhr.setRequestHeader('Content-Type', 'text/plain'); 1799 xhr.send(payload); 1800 } catch (e) { 1801 console.log(e); 1802 } 1803 1804 return false; 1805 }, 1806 isIos12: function isIos12() { 1807 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1808 } 1809 }; 1810 Monorail.produce('monorail-edge.shopifysvc.com', 1811 'trekkie_storefront_load_errors/1.1', 1812 {shop_id: 1624132, 1813 theme_id: 129381367866, 1814 app_name: "storefront", 1815 context_url: window.location.href, 1816 source_url: "//woodies.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1817 1818 }; 1819 scriptFallback.async = true; 1820 scriptFallback.src = '//woodies.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1821 first.parentNode.insertBefore(scriptFallback, first); 1822}; 1823script.async = true; 1824script.src = '//woodies.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1825first.parentNode.insertBefore(script, first); 1826 1827 }; 1828 trekkie.load( 1829 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":1624132,"isMerchantRequest":null,"themeId":129381367866,"themeCityHash":"9948256938646036896","contentLanguage":"en","currency":"USD","eventMetadataId":"9
182901854c8-a97e-405b-b39b-6a21ab55b4ae"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1830 ); 1831 1832 var loaded = false; 1833 trekkie.ready(function() { 1834 if (loaded) return; 1835 loaded = true; 1836 1837 window.ShopifyAnalytics.lib = window.trekkie; 1838 1839 var originalDocumentWrite = document.write; 1840 document.write = customDocumentWrite; 1841 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1842 document.write = originalDocumentWrite; 1843 1844 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1845 var token = match? match[1]: undefined; 1846 if (!hasLoggedConversion(token)) { 1847 setCookieIfConversion(token); 1848 1849 } 1850 }); 1851 1852 window.ShopifyAnalytics.lib.page(null,{"pageType":"cart","requestId":"2389089c-146d-43f9-b329-157ee8b00242-1791063193","shopifyEmitted":true}); 1853 1854 var eventsListenerScript = document.createElement('script'); 1855 eventsListenerScript.async = true; 1856 eventsListenerScript.src = "//woodies.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1857 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1858})();</script>
1858 1859
1859<script> 1860 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 1861 window.ga = function ga() { 1862 (window.ga.q = window.ga.q || []).push(arguments); 1863 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1864 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 1865 } 1866 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 1867 }; 1868 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1869 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 1870 } 1871 } 1872</script>
vendor: 1 bytes, line 1872
1872
1873<script 1874 defer 1875 src="https://woodies.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1876 data-application="storefront-renderer" 1877 data-shop-id="1624132" 1878 data-render-region="gcp-us-central1" 1879 data-page-type="cart" 1880 data-theme-instance-id="129381367866" 1881 data-theme-name="Broadcast" 1882 data-theme-version="8.0.0" 1883 data-monorail-region="shop_domain" 1884 data-resource-timing-sampling-rate="10" 1885 data-shs="true" 1886 data-shs-beacon="true" 1887 data-shs-export-with-fetch="true" 1888 data-shs-logs-sample-rate="1" 1889 data-shs-beacon-endpoint="https://woodies.com/api/collect" 1890></script>
1890 1891<meta name="shopify-y" content="64ab49e9-38f4-4e0a-a4a3-d31e4a558dd8" data-expiration="1822620793000"><meta name="shopify-s" content="f3fa8533-7eb7-4568-879a-9b69245f9ac0" data-expiration="1791064993000"><meta name="new-cookie-storage-activated" content="t"> 1892</head> 1893 1894 <body 1895 id="your-shopping-cart" 1896 class="template-cart grid-classic aos-initialized" 1897 data-animations="true" 1898 ><a class="in-page-link visually-hidden skip-link" data-skip-content href="#MainContent">Skip to content</a> 1899 1900 <div class="container" data-site-container> 1901 <div class="header-sections"> 1902 <!-- BEGIN sections: group-header --> 1903<div id="shopify-section-sections--16195835822138__announcement" class="shopify-section shopify-section-group-group-header page-announcement"><style data-shopify>:root { 1904 1905 --ANNOUNCEMENT-HEIGHT-DESKTOP: max(calc(var(--font-body-small) * var(--line-height-normal)), 36px); 1906 --ANNOUNCEMENT-HEIGHT-MOBILE: max(calc(var(--font-body-small) * var(--line-height-normal)), 36px); 1907 }</style>
1907<script src="//woodies.com/cdn/shop/t/35/assets/announcement.js?v=41774303127627989861771959277" defer="defer"></script>
1907 1908
1908<script src="//woodies.com/cdn/shop/t/35/assets/ticker.js?v=110416271335913772181771959277" defer="defer"></script>
1908<div 1909 id="Announcement--sections--16195835822138__announcement" 1910 class="announcement__wrapper announcement__wrapper--top color-scheme-9" 1911 data-announcement-wrapper 1912 data-section-id="sections--16195835822138__announcement" 1913 data-section-type="announcement" 1914 style="--PT: 5px; 1915 --PB: 5px; 1916 1917 --ticker-direction: ticker-rtl;--text-size: var(--font-body-small); 1918 --text-align: center; 1919 --justify-content: center;" 1920><announcement-bar 1921 class="announcement__bar-outer section-padding" 1922 style="--padding-scrolling: 10px;" 1923 ><div class="announcement__bar-holder announcement__bar-holder--slider announcement__bar-holder--arrows"> 1924 <slider-component 1925 class="announcement__slider" 1926 data-slider 1927 data-options='{"fade": true, "pageDots": false, "adaptiveHeight": false, "autoPlay": 5000, "prevNextButtons": true, "draggable": ">1"}' 1928 > 1929 <ticker-bar style="" class="announcement__slide announcement__bar"data-slide="text" 1930 data-block-id="text" 1931 1932> 1933 <div data-ticker-frame class="announcement__message"> 1934 <div data-ticker-scale class="announcement__scale ticker--unloaded"><div data-ticker-text class="announcement__text"> 1935 <div class="body-small"><p>Handcrafted Wood Sunglasses - Venice Beach, CA</p> 1936</div> 1937 </div></div> 1938 </div> 1939 </ticker-bar><ticker-bar style="" class="announcement__slide announcement__bar"data-slide="text-0" 1940 data-block-id="text-0" 1941 1942> 1943 <div data-ticker-frame class="announcement__message"> 1944 <div data-ticker-scale class="announcement__scale ticker--unloaded"><div data-ticker-text class="announcement__text"> 1945 <div class="body-small"><p>Free shipping on orders over $25</p> 1946</div> 1947 </div></div> 1948 </div> 1949 </ticker-bar> 1950 </slider-component> 1951 </div></announcement-bar></div> 1952</div><div id="shopify-section-sections--16195835822138__header" class="shopify-section shopify-section-group-group-header page-header"><style data-shopify>:root { 1953 --HEADER-HEIGHT: 113.0px; 1954 --HEADER-HEIGHT-MEDIUM: 102.0px; 1955 --HEADER-HEIGHT-MOBILE: 96.0px; 1956 1957 1958--icon-add-cart: var(--ICON-ADD-BAG);} 1959 1960 .theme__header { 1961 --PT: 15px; 1962 --PB: 15px; 1963 1964 1965 }.main-content > .shopify-section:first-of-type .backdrop--linear:before { display: none; }</style><header-component 1966 class="header__wrapper" 1967 data-header-wrapper 1968 1969 1970 data-header-style="logo_center_menu_left" 1971 data-section-id="sections--16195835822138__header" 1972 data-section-type="header" 1973> 1974 <header 1975 class="theme__header" 1976 role="banner" 1977 data-header-height 1978 data-aos="fade" 1979 > 1980<div 1981 class="toolbar has-border section-padding toolbar--no-text color-scheme-1" 1982 1983 style="--PT: 5px;--PB: 5px;--border-opacity: 0.2;" 1984 1985 data-header-toolbar 1986 1987 > 1988 <div class="wrapper--full-padded"> 1989 <div class="toolbar__inner desktop"><div class="toolbar__utilities desktop"> 1990 <div class="toolbar__utility"> 1991<ul class="socials socials--thin" 1992 ><li> 1993 <a href="https://instagram.com/woloodies" title="Woodies on Instagram" rel="noopener" target="_blank" class="social-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 24 24"><path d="M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5z" stroke="#000"/><path d="m17.5 6.51.01-.011" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="icon-fallback-text">Instagram</span> 1994 </a> 1995 </li><li> 1996 <a href="https://facebook.com/woodies" title="Woodies on Facebook" rel="noopener" target="_blank" class="social-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 24 24"><path d="M17 2h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3V2z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="icon-fallback-text">Facebook</span> 1997 </a> 1998 </li></ul></div> 1999 2000 </div></div> 2001 </div> 2002 </div> 2003<div class="section-padding"> 2004 <div class="header__mobile"> 2005 <div class="header__mobile__left"> 2006 <div class="header__mobile__button"> 2007 <button class="header__mobile__hamburger" 2008 data-drawer-toggle="hamburger" 2009 aria-label="Show menu" 2010 aria-haspopup="true" 2011 aria-expanded="false" 2012 aria-controls="header-menu"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-menu" viewBox="0 0 24 24">
2012<path d="M3 5h18M3 12h18M3 19h18" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 2013 </div><div class="header__mobile__button"> 2014 <header-search-popdown> 2015 <details> 2016 <summary class="navlink navlink--search" aria-haspopup="dialog" title="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"/></g></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Search</span> 2017 </summary><div class="search-popdown" aria-label="Search" data-popdown> 2018 <div class="wrapper"> 2019 <div class="search-popdown__main"><predictive-search><form 2020 class="search-form" 2021 action="/search" 2022 method="get" 2023 role="search" 2024 > 2025 <input name="options[prefix]" type="hidden" value="last"> 2026 2027 <button class="search-popdown__submit" type="submit" aria-label="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"/></g></svg></button> 2028 2029 <div class="input-holder"> 2030 <label for="SearchInput--mobile" class="visually-hidden">Search</label> 2031 <input 2032 type="search" 2033 id="SearchInput--mobile" 2034 data-predictive-search-input="search-popdown-results" 2035 name="q" 2036 value="" 2037 placeholder="Search" 2038 role="combobox" 2039 aria-label="Search our store" 2040 aria-owns="predictive-search-results" 2041 aria-controls="predictive-search-results" 2042 aria-expanded="false" 2043 aria-haspopup="listbox" 2044 aria-autocomplete="list" 2045 autocorrect="off" 2046 autocomplete="off" 2047 autocapitalize="off" 2048 spellcheck="false" 2049 > 2050 2051 <button 2052 type="reset" 2053 class="search-reset hidden" 2054 aria-label="Reset" 2055 >Clear</button> 2056 </div><div class="predictive-search" tabindex="-1" data-predictive-search-results data-scroll-lock-scrollable> 2057 <div class="predictive-search__loading-state"> 2058 <div class="predictive-search__loader loader"><div class="loader-indeterminate"></div></div> 2059 </div> 2060 </div> 2061 2062 <span 2063 class="predictive-search-status visually-hidden" 2064 role="status" 2065 aria-hidden="true" 2066 data-predictive-search-status 2067 ></span></form></predictive-search><div class="search-popdown__close"> 2068 <button 2069 type="button" 2070 class="search-popdown__close__button" 2071 title="Close" 2072 data-popdown-close 2073 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 2074 </div> 2075 </div> 2076 </div> 2077</div> 2078<span class="underlay" data-popdown-underlay></span> 2079 </details> 2080 </header-search-popdown> 2081 </div></div> 2082 2083 <div class="header__logo"> 2084 <a class="header__logo__link" href="/" data-logo-link><div class="header__logo__text "> 2085 <span>Woodies</span> 2086 </div></a> 2087 </div> 2088 2089 <div class="header__mobile__right"> 2090 2091<div class="header__mobile__button"> 2092 <a href="/account" class="navlink"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-profile-circled" viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/>
2092<path d="M4.271 18.346S6.5 15.5 12 15.5s7.73 2.846 7.73 2.846M12 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Account</span> 2093 </a> 2094 </div><div class="header__mobile__button"> 2095 <a href="/cart" class="navlink navlink--cart navlink--cart--icon" data-cart-toggle> 2096 <div class="navlink__cart__content"> 2097 <span class="visually-hidden">Cart</span> 2098 2099 <span class="header__cart__status__holder"> 2100 <cart-count class="header__cart__status" data-status-separator=": " data-cart-count="0" data-limit="10"> 2101 0 2102 </cart-count><!-- /snippets/social-icon.liquid --> 2103 2104 2105<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag" viewBox="0 0 24 24"><path d="m19.26 9.696 1.385 9A2 2 0 0 1 18.67 21H5.33a2 2 0 0 1-1.977-2.304l1.385-9A2 2 0 0 1 6.716 8h10.568a2 2 0 0 1 1.977 1.696zM14 5a2 2 0 1 0-4 0" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 2106 </div> 2107 </a> 2108 </div> 2109 </div> 2110 </div> 2111 2112 <div class="header__desktop" data-header-desktop><div class="header__desktop__upper header__desktop__upper--reverse" data-takes-space-wrapper> 2113 <div data-child-takes-space class="header__desktop__bar__l"><div class="header__logo"> 2114 <a class="header__logo__link" href="/" data-logo-link><div class="header__logo__text "> 2115 <span>Woodies</span> 2116 </div></a> 2117 </div></div> 2118 2119 <div data-child-takes-space class="header__desktop__bar__c"><nav class="header__menu" style="--highlight: #d02e2e;"> 2120 2121<hover-disclosure 2122 class="menu__item grandparent kids-0 images-2 grandparent--all-images " 2123 2124 aria-haspopup="true" 2125 aria-expanded="false" 2126 aria-controls="dropdown-46d199d89b9c437ec55022299ee56450" 2127 role="button" 2128 2129> 2130 <a 2131 href="/collections/wood-sunglasses" 2132 data-top-link 2133 class="navlink navlink--toplevel" 2134 > 2135 <span class="navtext">Shop All</span> 2136 </a> 2137 2138 <div 2139 class="header__dropdown" 2140 id="dropdown-46d199d89b9c437ec55022299ee56450" 2141 > 2142 <div class="header__dropdown__wrapper"> 2143 <div class="header__dropdown__inner"><div class="menu__blocks" style="--images-space: 2;"> 2144<div 2145 class="menu__block menu__block--narrow" 2146 2147 2148> 2149 <div 2150 class="header__dropdown__image" 2151 2152 style="--text: #fcfbf9;" 2153 2154 data-stagger-first 2155 ><div class="link-over-image"><div class="hero__content__wrapper align--bottom-left"> 2156 <div 2157 class=" 2158 hero__content hero__content--transparent 2159 backdrop--radial 2160 " 2161 ></div> 2162 </div></div><figure class="image-wrapper lazy-image" style="--aspect-ratio: 1;"><svg class="svg-placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> 2163</figure> 2164</div> 2165</div> 2166 2167<div 2168 class="menu__block menu__block--narrow" 2169 2170 2171> 2172 <div 2173 class="header__dropdown__image" 2174 2175 style="--text: #fcfbf9;" 2176 2177 data-stagger-first 2178 ><div class="link-over-image"><div class="hero__content__wrapper align--bottom-left"> 2179 <div 2180 class=" 2181 hero__content hero__content--transparent 2182 backdrop--radial 2183 " 2184 ><h2 class="hero__title heading-mini"> 2185 Shop Gemstone Collection 2186</h2></div> 2187 </div></div><figure class="image-wrapper lazy-image" style="--aspect-ratio: 1;"><svg class="svg-placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> 2188</figure> 2189</div> 2190</div> 2191</div></div> 2192 </div> 2193 </div> 2194 2195</hover-disclosure> 2196 2197 2198<hover-disclosure 2199 class="menu__item parent" 2200 2201 aria-haspopup="true" 2202 aria-expanded="false" 2203 aria-controls="dropdown-c5def821dfbf58aba738a123277e1ce5" 2204 role="button" 2205 2206> 2207 <a 2208 href="https://woodies.com/#" 2209 data-top-link 2210 class="navlink navlink--toplevel" 2211 > 2212 <span class="navtext">Shop by Vibe</span> 2213 </a> 2214 2215 <div 2216 class="header__dropdown" 2217 id="dropdown-c5def821dfbf58aba738a123277e1ce5" 2218 > 2219 <div class="header__dropdown__wrapper"> 2220 <div class="header__dropdown__inner"> 2221 2222<a 2223 href="/collections/beach" 2224 data-stagger 2225 class="navlink navlink--child" 2226 >
2227 <span class="navtext"> 2228 Beach 2229</span> 2230 </a> 2231 2232<a 2233 href="/collections/hiking" 2234 data-stagger 2235 class="navlink navlink--child" 2236 > 2237 <span class="navtext"> 2238 Hiking 2239</span> 2240 </a> 2241 2242<a 2243 href="/collections/fishing" 2244 data-stagger 2245 class="navlink navlink--child" 2246 > 2247 <span class="navtext"> 2248 Fishing 2249</span> 2250 </a> 2251 2252<a 2253 href="/collections/golf" 2254 data-stagger 2255 class="navlink navlink--child" 2256 > 2257 <span class="navtext"> 2258 Golf 2259</span> 2260 </a> 2261 2262<a 2263 href="/collections/driving" 2264 data-stagger 2265 class="navlink navlink--child" 2266 > 2267 <span class="navtext"> 2268 Driving 2269</span> 2270 </a> 2271 2272<a 2273 href="/collections/skating" 2274 data-stagger 2275 class="navlink navlink--child" 2276 > 2277 <span class="navtext"> 2278 Skating 2279</span> 2280 </a> 2281 2282<a 2283 href="/collections/running" 2284 data-stagger 2285 class="navlink navlink--child" 2286 > 2287 <span class="navtext"> 2288 Running 2289</span> 2290 </a> 2291 2292<a 2293 href="/collections/cycling" 2294 data-stagger 2295 class="navlink navlink--child" 2296 > 2297 <span class="navtext"> 2298 Cycling 2299</span> 2300 </a> 2301 2302</div> 2303 </div> 2304 </div> 2305 2306</hover-disclosure> 2307 2308 2309<div 2310 class="menu__item child" 2311 2312> 2313 <a 2314 href="/pages/impact" 2315 data-top-link 2316 class="navlink navlink--toplevel" 2317 > 2318 <span class="navtext">Our Impact</span> 2319 </a> 2320 2321</div> 2322 2323 2324<div 2325 class="menu__item child" 2326 2327> 2328 <a 2329 href="/pages/warranty" 2330 data-top-link 2331 class="navlink navlink--toplevel" 2332 > 2333 <span class="navtext">Woodies Promise</span> 2334 </a> 2335 2336</div> 2337 2338 2339<div 2340 class="menu__item child" 2341 2342> 2343 <a 2344 href="https://woodies.com/pages/custom-sunglasses" 2345 data-top-link 2346 class="navlink navlink--toplevel" 2347 > 2348 <span class="navtext">Custom Orders</span> 2349 </a> 2350 2351</div> 2352 2353 2354<div 2355 class="menu__item child" 2356 2357> 2358 <a 2359 href="https://woodies.com/pages/about" 2360 data-top-link 2361 class="navlink navlink--toplevel" 2362 > 2363 <span class="navtext">About</span> 2364 </a> 2365 2366</div> 2367 2368 2369<div 2370 class="menu__item child" 2371 2372> 2373 <a 2374 href="https://woodies.com/pages/contact" 2375 data-top-link 2376 class="navlink navlink--toplevel" 2377 > 2378 <span class="navtext">Contact</span> 2379 </a> 2380 2381</div> 2382<div class="hover__bar"></div> 2383 2384 <div class="hover__bg"></div> 2385 </nav></div> 2386 2387 <div data-child-takes-space class="header__desktop__bar__r"><div class="header__desktop__buttons header__desktop__buttons--icons"> 2388<div class="header__desktop__button"> 2389 <a href="/account" class="navlink" title="My Account"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-profile-circled" viewBox="0 0 24 24"><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.271 18.346S6.5 15.5 12 15.5s7.73 2.846 7.73 2.846M12 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Account</span> 2390 </a> 2391 </div><div class="header__desktop__button"> 2392 <header-search-popdown> 2393 <details> 2394 <summary class="navlink navlink--search" aria-haspopup="dialog" title="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"/></g></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24">
2394<path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Search</span> 2395 </summary><div class="search-popdown" aria-label="Search" data-popdown> 2396 <div class="wrapper"> 2397 <div class="search-popdown__main"><predictive-search><form 2398 class="search-form" 2399 action="/search" 2400 method="get" 2401 role="search" 2402 > 2403 <input name="options[prefix]" type="hidden" value="last"> 2404 2405 <button class="search-popdown__submit" type="submit" aria-label="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"/></g></svg></button> 2406 2407 <div class="input-holder"> 2408 <label for="SearchInput--desktop" class="visually-hidden">Search</label> 2409 <input 2410 type="search" 2411 id="SearchInput--desktop" 2412 data-predictive-search-input="search-popdown-results" 2413 name="q" 2414 value="" 2415 placeholder="Search" 2416 role="combobox" 2417 aria-label="Search our store" 2418 aria-owns="predictive-search-results" 2419 aria-controls="predictive-search-results" 2420 aria-expanded="false" 2421 aria-haspopup="listbox" 2422 aria-autocomplete="list" 2423 autocorrect="off" 2424 autocomplete="off" 2425 autocapitalize="off" 2426 spellcheck="false" 2427 > 2428 2429 <button 2430 type="reset" 2431 class="search-reset hidden" 2432 aria-label="Reset" 2433 >Clear</button> 2434 </div><div class="predictive-search" tabindex="-1" data-predictive-search-results data-scroll-lock-scrollable> 2435 <div class="predictive-search__loading-state"> 2436 <div class="predictive-search__loader loader"><div class="loader-indeterminate"></div></div> 2437 </div> 2438 </div> 2439 2440 <span 2441 class="predictive-search-status visually-hidden" 2442 role="status" 2443 aria-hidden="true" 2444 data-predictive-search-status 2445 ></span></form></predictive-search><div class="search-popdown__close"> 2446 <button 2447 type="button" 2448 class="search-popdown__close__button" 2449 title="Close" 2450 data-popdown-close 2451 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 2452 </div> 2453 </div> 2454 </div> 2455</div> 2456<span class="underlay" data-popdown-underlay></span> 2457 </details> 2458 </header-search-popdown> 2459 </div><div class="header__desktop__button"> 2460 <a href="/cart" class="navlink navlink--cart navlink--cart--icon" title="Cart" data-cart-toggle> 2461 <div class="navlink__cart__content"> 2462 <span class="visually-hidden">Cart</span> 2463 2464 <span class="header__cart__status__holder"> 2465 <cart-count class="header__cart__status" data-status-separator=": " data-cart-count="0" data-limit="10"> 2466 0 2467 </cart-count><!-- /snippets/social-icon.liquid --> 2468 2469 2470<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag" viewBox="0 0 24 24"><path d="m19.26 9.696 1.385 9A2 2 0 0 1 18.67 21H5.33a2 2 0 0 1-1.977-2.304l1.385-9A2 2 0 0 1 6.716 8h10.568a2 2 0 0 1 1.977 1.696zM14 5a2 2 0 1 0-4 0" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 2471 </div> 2472 </a> 2473 </div> 2474 </div></div> 2475 </div></div> 2476 </div> 2477 </header> 2478</header-component> 2479 2480<div class="header__backfill" data-header-backfill></div> 2481
2482<script type="application/ld+json"> 2483 { 2484 "@context": "http://schema.org", 2485 "@type": "Organization", 2486 "name": "Woodies", 2487 2488 "sameAs": [ 2489 "", 2490 "https:\/\/facebook.com\/woodies", 2491 "https:\/\/instagram.com\/woloodies", 2492 "", 2493 "", 2494 "", 2495 "", 2496 "", 2497 "", 2498 "", 2499 "" 2500 ], 2501 "url": "https:\/\/woodies.com" 2502 } 2503</script>
2503 2504</div><div id="shopify-section-sections--16195835822138__mobile-menu" class="shopify-section shopify-section-group-group-header"><mobile-menu 2505 class="mobile-menu color-scheme-1" 2506 data-section-id="sections--16195835822138__mobile-menu" 2507 data-section-type="mobile-menu" 2508 style="--COLUMNS: 2; --COLUMNS-MEDIUM: 2; --COLUMNS-SMALL: 2; --COLUMNS-MOBILE: 1;" 2509><header-drawer 2510 class="drawer drawer--header" 2511 data-drawer 2512 aria-label="Menu" 2513 id="mobile-menu-sections--16195835822138__mobile-menu" 2514 > 2515 <div class="drawer__inner" data-drawer-inner> 2516 <header class="drawer__head"> 2517 <button 2518 class="drawer__close" 2519 data-drawer-close 2520 aria-label="Show menu" 2521 aria-haspopup="true" 2522 aria-expanded="true" 2523 aria-controls="mobile-menu-sections--16195835822138__mobile-menu" 2524 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button></header> 2525 2526 <div class="drawer__body"> 2527 <div class="drawer__content" data-drawer-content> 2528 <div class="drawer__content__scroll" data-scroll-lock-scrollable> 2529 <div class="mobile-menu__block mobile-menu__block--menu block-padding" 2530 data-mobile-menu-block 2531 2532 style="--bg: transparent;--block-padding-bottom: 14px;"> 2533 <div class="mobile-menu__block-inner" 2534 data-animation="drawer-items-fade" 2535 data-animation-duration="500" 2536 data-animation-delay="250"><nav class="drawer__menu" data-sliderule-pane="0" data-scroll-lock-scrollable style="--highlight: #d02e2e;--icon-size: calc(var(--font-body-x-large) * 1.5);--item-height: 30px;"> 2537 <div class="drawer__main-menu body-x-large"><div class="sliderule__wrapper"> 2538 <div 2539 class="sliderow" 2540 role="button" 2541 data-animates="0" 2542 data-animation="drawer-items-fade" 2543 data-animation-delay="500" 2544 data-animation-duration="500" 2545 > 2546 <a class="sliderow__title" href="/collections/wood-sunglasses"> 2547 <span> 2548 Shop All 2549</span> 2550 </a> 2551 </div></div> 2552<div class="sliderule__wrapper"><mobile-sliderule id="sliderule-9e8a78b8351dc5ba344f4db4ccd35dc4"> 2553 <button 2554 class="sliderow" 2555 type="button" 2556 data-animates="0" 2557 data-animation="drawer-items-fade" 2558 data-animation-delay="550" 2559 data-animation-duration="500" 2560 data-sliderule-open="sliderule-9e8a78b8351dc5ba344f4db4ccd35dc4" 2561 > 2562 <span class="sliderow__title"> 2563 <span> 2564 Shop by Vibe 2565</span> 2566 2567 <span class="sliderule__chevron sliderule__chevron--right"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24"><path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Show menu</span> 2568 </span> 2569 </span> 2570 </button> 2571 2572 <div 2573 class="mobile__menu__dropdown sliderule__panel" 2574 data-sliderule="1" 2575 data-scroll-lock-scrollable 2576 > 2577 <div 2578 class="sliderow sliderow--back" 2579 data-animates="1" 2580 data-animation="drawer-items-fade" 2581 data-animation-delay="150" 2582 data-animation-duration="500" 2583 > 2584 <button class="sliderow__back-button" type="button" data-sliderule-close="sliderule-9e8a78b8351dc5ba344f4db4ccd35dc4"> 2585 <span class="sliderule__chevron sliderule__chevron--left"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24"><path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Exit menu</span> 2586 </span> 2587 </button> 2588 <a class="sliderow__title" href="https://woodies.com/#"> 2589 <span> 2590 Shop by Vibe 2591</span> 2592 </a> 2593 </div> 2594 <div class="sliderow__links" data-links><div class="sliderule__wrapper"> 2595 <div 2596 class="sliderow" 2597 role="button" 2598 data-animates="1"
2599 data-animation="drawer-items-fade" 2600 data-animation-delay="250" 2601 data-animation-duration="500" 2602 > 2603 <a class="sliderow__title" href="/collections/beach"> 2604 <span> 2605 Beach 2606</span> 2607 </a> 2608 </div></div> 2609<div class="sliderule__wrapper"> 2610 <div 2611 class="sliderow" 2612 role="button" 2613 data-animates="1" 2614 data-animation="drawer-items-fade" 2615 data-animation-delay="300" 2616 data-animation-duration="500" 2617 > 2618 <a class="sliderow__title" href="/collections/hiking"> 2619 <span> 2620 Hiking 2621</span> 2622 </a> 2623 </div></div> 2624<div class="sliderule__wrapper"> 2625 <div 2626 class="sliderow" 2627 role="button" 2628 data-animates="1" 2629 data-animation="drawer-items-fade" 2630 data-animation-delay="350" 2631 data-animation-duration="500" 2632 > 2633 <a class="sliderow__title" href="/collections/fishing"> 2634 <span> 2635 Fishing 2636</span> 2637 </a> 2638 </div></div> 2639<div class="sliderule__wrapper"> 2640 <div 2641 class="sliderow" 2642 role="button" 2643 data-animates="1" 2644 data-animation="drawer-items-fade" 2645 data-animation-delay="400" 2646 data-animation-duration="500" 2647 > 2648 <a class="sliderow__title" href="/collections/golf"> 2649 <span> 2650 Golf 2651</span> 2652 </a> 2653 </div></div> 2654<div class="sliderule__wrapper"> 2655 <div 2656 class="sliderow" 2657 role="button" 2658 data-animates="1" 2659 data-animation="drawer-items-fade" 2660 data-animation-delay="450" 2661 data-animation-duration="500" 2662 > 2663 <a class="sliderow__title" href="/collections/driving"> 2664 <span> 2665 Driving 2666</span> 2667 </a> 2668 </div></div> 2669<div class="sliderule__wrapper"> 2670 <div 2671 class="sliderow" 2672 role="button" 2673 data-animates="1" 2674 data-animation="drawer-items-fade" 2675 data-animation-delay="500" 2676 data-animation-duration="500" 2677 > 2678 <a class="sliderow__title" href="/collections/skating"> 2679 <span> 2680 Skating 2681</span> 2682 </a> 2683 </div></div> 2684<div class="sliderule__wrapper"> 2685 <div 2686 class="sliderow" 2687 role="button" 2688 data-animates="1" 2689 data-animation="drawer-items-fade" 2690 data-animation-delay="550" 2691 data-animation-duration="500" 2692 > 2693 <a class="sliderow__title" href="/collections/running"> 2694 <span> 2695 Running 2696</span> 2697 </a> 2698 </div></div> 2699<div class="sliderule__wrapper"> 2700 <div 2701 class="sliderow" 2702 role="button" 2703 data-animates="1" 2704 data-animation="drawer-items-fade" 2705 data-animation-delay="600" 2706 data-animation-duration="500" 2707 > 2708 <a class="sliderow__title" href="/collections/cycling"> 2709 <span> 2710 Cycling 2711</span> 2712 </a> 2713 </div></div> 2714 2715</div> 2716 </div> 2717 </mobile-sliderule></div> 2718<div class="sliderule__wrapper"> 2719 <div 2720 class="sliderow" 2721 role="button" 2722 data-animates="0" 2723 data-animation="drawer-items-fade" 2724 data-animation-delay="600" 2725 data-animation-duration="500" 2726 > 2727 <a class="sliderow__title" href="/pages/impact"> 2728 <span> 2729 Our Impact 2730</span> 2731 </a> 2732 </div></div> 2733<div class="sliderule__wrapper"> 2734 <div 2735 class="sliderow" 2736 role="button" 2737 data-animates="0" 2738 data-animation="drawer-items-fade" 2739 data-animation-delay="650" 2740 data-animation-duration="500" 2741 > 2742 <a class="sliderow__title" href="/pages/warranty"> 2743 <span> 2744 Woodies Promise 2745</span> 2746 </a> 2747 </div></div> 2748<div class="sliderule__wrapper"> 2749 <div 2750 class="sliderow" 2751 role="button" 2752 data-animates="0" 2753 data-animation="drawer-items-fade" 2754 data-animation-delay="700" 2755 data-animation-duration="500" 2756 > 2757 <a class="sliderow__title" href="https://woodies.com/pages/custom-sunglasses"> 2758 <span> 2759 Custom Orders 2760</span> 2761 </a> 2762 </div></div> 2763<div class="sliderule__wrapper"> 2764 <div 2765 class="sliderow" 2766 role="button" 2767 data-animates="0" 2768 data-animation="drawer-items-fade" 2769 data-animation-delay="750" 2770 data-animation-duration="500" 2771 > 2772 <a class="sliderow__title" href="https://woodies.com/pages/about">
2773 <span> 2774 About 2775</span> 2776 </a> 2777 </div></div> 2778<div class="sliderule__wrapper"> 2779 <div 2780 class="sliderow" 2781 role="button" 2782 data-animates="0" 2783 data-animation="drawer-items-fade" 2784 data-animation-delay="800" 2785 data-animation-duration="500" 2786 > 2787 <a class="sliderow__title" href="https://woodies.com/pages/contact"> 2788 <span> 2789 Contact 2790</span> 2791 </a> 2792 </div></div> 2793</div> 2794 </nav></div> 2795 </div><div class="mobile-menu__block mobile-menu__block--divider block-padding" 2796 data-mobile-menu-block 2797 2798 style="--bg: transparent;--block-padding-bottom: 8px;"> 2799 <div class="mobile-menu__block-inner" 2800 data-animation="drawer-items-fade" 2801 data-animation-duration="500" 2802 data-animation-delay="300"> 2803<div 2804 class="divider-holder block-padding" 2805 2806 2807 style="--block-padding-bottom:8px;" 2808><hr class="divider"></div></div> 2809 </div><div class="mobile-menu__block mobile-menu__block--text block-padding" 2810 data-mobile-menu-block 2811 2812 style="--bg: transparent;--block-padding-bottom: 14px;"> 2813 <div class="mobile-menu__block-inner" 2814 data-animation="drawer-items-fade" 2815 data-animation-duration="500" 2816 data-animation-delay="350"><p class="drawer__text text-left body-medium"> 2817 Shop our new arrivals: 2818 </p></div> 2819 </div><div class="mobile-menu__block mobile-menu__block--product block-padding" 2820 data-mobile-menu-block 2821 2822 style="--bg: transparent;--image-size: 15%;--block-padding-bottom: 14px;"> 2823 <div class="mobile-menu__block-inner" 2824 data-animation="drawer-items-fade" 2825 data-animation-duration="500" 2826 data-animation-delay="400"><a href="#!" class="mobile-menu__image-link"> 2827 <div class="mobile-menu__image"><figure class="image-wrapper lazy-image" style="--aspect-ratio: 1;"><svg class="svg-placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> 2828</figure> 2829</div> 2830 2831 <div class="mobile-menu__title body-small"> 2832 Product Title 2833 </div> 2834 </a></div> 2835 </div><div class="mobile-menu__block mobile-menu__block--product block-padding" 2836 data-mobile-menu-block 2837 2838 style="--bg: transparent;--image-size: 15%;--block-padding-bottom: 14px;"> 2839 <div class="mobile-menu__block-inner" 2840 data-animation="drawer-items-fade" 2841 data-animation-duration="500" 2842 data-animation-delay="450"><a href="#!" class="mobile-menu__image-link"> 2843 <div class="mobile-menu__image"><figure class="image-wrapper lazy-image" style="--aspect-ratio: 1;"><svg class="svg-placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> 2844</figure> 2845</div> 2846 2847 <div class="mobile-menu__title body-small"> 2848 Product Title 2849 </div> 2850 </a></div> 2851 </div><div class="mobile-menu__block mobile-menu__block--divider block-padding" 2852 data-mobile-menu-block 2853 2854 style="--bg: transparent;--block-padding-bottom: 8px;"> 2855 <div class="mobile-menu__block-inner"
2856 data-animation="drawer-items-fade" 2857 data-animation-duration="500" 2858 data-animation-delay="500"> 2859<div 2860 class="divider-holder block-padding" 2861 2862 2863 style="--block-padding-bottom:8px;" 2864><hr class="divider"></div></div> 2865 </div><div class="mobile-menu__block mobile-menu__block--socials block-padding" 2866 data-mobile-menu-block 2867 2868 style="--bg: transparent;--block-padding-bottom: 10px;"> 2869 <div class="mobile-menu__block-inner" 2870 data-animation="drawer-items-fade" 2871 data-animation-duration="500" 2872 data-animation-delay="550"> 2873<ul class="socials socials--mobile-menu socials--thin" 2874 ><li> 2875 <a href="https://instagram.com/woloodies" title="Woodies on Instagram" rel="noopener" target="_blank" class="social-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 24 24"><path d="M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5z" stroke="#000"/><path d="m17.5 6.51.01-.011" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="icon-fallback-text">Instagram</span> 2876 </a> 2877 </li><li> 2878 <a href="https://facebook.com/woodies" title="Woodies on Facebook" rel="noopener" target="_blank" class="social-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 24 24"><path d="M17 2h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3V2z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="icon-fallback-text">Facebook</span> 2879 </a> 2880 </li></ul></div> 2881 </div><div class="mobile-menu__block mobile-menu__block--divider block-padding" 2882 data-mobile-menu-block 2883 2884 style="--bg: transparent;--block-padding-bottom: 14px;"> 2885 <div class="mobile-menu__block-inner" 2886 data-animation="drawer-items-fade" 2887 data-animation-duration="500" 2888 data-animation-delay="600"> 2889<div 2890 class="divider-holder block-padding" 2891 2892 2893 style="--block-padding-bottom:14px;" 2894><hr class="divider"></div></div> 2895 </div> 2896 </div> 2897 </div> 2898 </div><div 2899 class="drawer__foot" 2900 style="--base-animation-delay: 450ms;" 2901 > 2902 <div class="drawer__foot__scroll" data-scroll-lock-scrollable> 2903 <div class="mobile-menu__block mobile-menu__block--localization block-padding" 2904 data-mobile-menu-block 2905 2906 style="--bg: transparent;--block-padding-bottom: 14px;"> 2907 <div class="mobile-menu__block-inner" 2908 data-animation="drawer-items-fade" 2909 data-animation-duration="500" 2910 data-animation-delay="250"><div class="mobile-menu__block-localization"><!-- /snippets/localization.liquid --> 2911 2912</div></div> 2913 </div> 2914 </div> 2915 </div></div> 2916 2917 <span class="underlay drawer__underlay" data-drawer-underlay></span> 2918 </header-drawer> 2919</mobile-menu> 2920 2921 2922</div> 2923<!-- END sections: group-header --> 2924 </div> 2925 2926 <!-- BEGIN sections: group-overlay --> 2927<div id="shopify-section-sections--16195835854906__cart-drawer" class="shopify-section shopify-section-group-group-overlay"> 2928</div> 2929<!-- END sections: group-overlay --> 2930 2931 <!-- CONTENT --> 2932 <main role="main" id="MainContent" class="main-content"> 2933 <div id="shopify-section-template--16195835068474__cart" class="shopify-section"><!-- /templates/cart.liquid --><style data-shopify>.cart { 2934 --PT: 80px; 2935 --PB: 50px; 2936 }</style><div class="cart-holder color-scheme-1"> 2937 <div 2938 class="cart section-padding is-empty" 2939 data-section-id="template--16195835068474__cart" 2940 data-section-type="cart" 2941 data-cart-page 2942 > 2943 <div class="cart__empty" data-cart-empty> 2944 <h1 2945 class="cart__title body-medium" 2946 data-animation="cart-items-fade" 2947 data-animation-duration="500" 2948 data-animation-delay="100">Cart</h1> 2949 2950 <p 2951 data-animation="cart-items-fade" 2952 data-animation-duration="500" 2953 data-animation-delay="150">Your Cart is Empty</p><div class="cart__empty__buttons"><div 2954 class="cart__empty__item" 2955 data-animation="cart-items-fade" 2956 data-animation-duration="500" 2957 data-animation-delay="200"> 2958 <a href="/collections/wood-sunglasses" class="btn btn--outline btn--primary">Shop All</a> 2959 </div><div 2960 class="cart__empty__item" 2961 data-animation="cart-items-fade" 2962 data-animation-duration="500" 2963 data-animation-delay="250">
2964 <a href="https://woodies.com/#" class="btn btn--outline btn--primary">Shop by Vibe</a> 2965 </div><div 2966 class="cart__empty__item" 2967 data-animation="cart-items-fade" 2968 data-animation-duration="500" 2969 data-animation-delay="300"> 2970 <a href="/pages/impact" class="btn btn--outline btn--primary">Our Impact</a> 2971 </div><div 2972 class="cart__empty__item" 2973 data-animation="cart-items-fade" 2974 data-animation-duration="500" 2975 data-animation-delay="350"> 2976 <a href="/pages/warranty" class="btn btn--outline btn--primary">Woodies Promise</a> 2977 </div><div 2978 class="cart__empty__item" 2979 data-animation="cart-items-fade" 2980 data-animation-duration="500" 2981 data-animation-delay="400"> 2982 <a href="https://woodies.com/pages/custom-sunglasses" class="btn btn--outline btn--primary">Custom Orders</a> 2983 </div><div 2984 class="cart__empty__item" 2985 data-animation="cart-items-fade" 2986 data-animation-duration="500" 2987 data-animation-delay="450"> 2988 <a href="https://woodies.com/pages/about" class="btn btn--outline btn--primary">About</a> 2989 </div><div 2990 class="cart__empty__item" 2991 data-animation="cart-items-fade" 2992 data-animation-duration="500" 2993 data-animation-delay="500"> 2994 <a href="https://woodies.com/pages/contact" class="btn btn--outline btn--primary">Contact</a> 2995 </div></div>
2995<script src="//woodies.com/cdn/shop/t/35/assets/recently-viewed.js?v=65653390500397507271771959277" defer="defer"></script>
2995 2996 2997 <recently-viewed 2998 class="cart__empty__product product__upsell--stacked hidden" 2999 id="recently-viewed-products-cart" 3000 data-limit="3" 3001 data-target="api-upsell-product" 3002 data-animation="cart-items-fade" 3003 data-animation-duration="500" 3004 data-animation-delay="550" 3005 ></recently-viewed></div> 3006 3007 <form id="cartForm" class="cart__form" action="/cart" method="post" novalidate data-cart-form> 3008 3009 3010 <div class="cart__inner"> 3011 <div class="cart__content"> 3012 <h1 3013 class="cart__title body-medium" 3014 data-animation="cart-items-fade" 3015 data-animation-duration="500" 3016 data-animation-delay="100"> 3017 Cart 3018 3019 <cart-count class="cart__items-count" data-cart-count="0">0</cart-count> 3020 </h1> 3021 3022 <div 3023 class="cart__button-continue" 3024 data-animation="cart-items-fade" 3025 data-animation-duration="500" 3026 data-animation-delay="150"> 3027 <a class="btn btn--outline btn--primary" href="/collections/all"> 3028 <span>Continue Shopping</span> 3029 </a> 3030 </div> 3031 3032 <div class="cart__errors" data-cart-errors> 3033 <div class="cart__errors__inner"> 3034 <h5 class="cart__errors__heading">Sorry, looks like we don't have enough of this product.</h5> 3035 3036 <p class="cart__errors__content" data-error-message></p> 3037 3038 <button 3039 class="cart__errors__close" 3040 type="button" 3041 data-cart-error-close 3042 aria-label="Close Cart" 3043 ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 3044 </div> 3045 </div> 3046 3047 <cart-items 3048 class="cart__items body-medium" 3049 data-items-holder 3050 data-animation="cart-items-fade" 3051 data-animation-duration="500" 3052 data-animation-delay="200" 3053 ></cart-items> 3054 </div> 3055 3056 <div class="cart__aside" data-checkout-buttons><div 3057 class="cart-block body-medium" 3058 data-animation="cart-items-fade" 3059 data-animation-duration="500" 3060 data-animation-delay="100" 3061 3062 > 3063<div 3064 class="cart__message free-shipping" 3065 data-free-shipping="true" 3066 data-free-shipping-limit="25" 3067 ><span class="free-shipping__success-message">Congratulations! Your order qualifies for free shipping</span><span class="free-shipping__default-message"> 3068 You are <span data-left-to-spend>$25</span> away from free shipping. 3069 </span><progress 3070 class="free-shipping__progress-bar" 3071 data-progress-bar 3072 value="0" 3073 max="100" 3074 ></progress><div class="confetti"> 3075 <span class="confetti__dot confetti__dot--1"></span> 3076 <span class="confetti__dot confetti__dot--2"></span> 3077 <span class="confetti__dot confetti__dot--3"></span> 3078 <span class="confetti__dot confetti__dot--4"></span> 3079 <span class="confetti__dot confetti__dot--5"></span> 3080 <span class="confetti__dot confetti__dot--6"></span> 3081 </div> 3082 </div></div><div 3083 class="cart__price__holder" 3084 data-cart-price-holder 3085 data-animation="cart-items-fade" 3086 data-animation-duration="500" 3087 data-animation-delay="150" 3088 ><div class="cart__total"> 3089 <span class="cart__total__label">Subtotal</span> 3090 3091 <span class="cart__total__price cart__total__price--animated" data-cart-total="0">Free 3092</span> 3093 3094 <div class="cart__price__loader loader"><div class="loader-indeterminate"></div></div> 3095</div> 3096</div> 3097 3098 <collapsible-elements single="true"><div 3099 class="cart-block body-medium" 3100 data-animation="cart-items-fade" 3101 data-animation-duration="500" 3102 data-animation-delay="150" 3103 3104 ></div><div 3105 class="cart-block " 3106 data-animation="cart-items-fade" 3107 data-animation-duration="500" 3108 data-animation-delay="200" 3109 3110 > 3111 3112<details 3113 class="cart__widget accordion" 3114 data-collapsible 3115> 3116 <summary class="cart__widget__title" data-collapsible-trigger>Is this a gift?<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewB
3116ox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary> 3117 3118 <div class="cart__widget__content" data-collapsible-body> 3119 <div class="cart__widget__content__inner" data-collapsible-content><label for="gift-note">Leave a note about your order</label> 3120 <textarea 3121 id="gift-note" 3122 name="attributes[Gift note]" 3123 class="cart__field cart__field--textarea" 3124 form="cartForm" 3125 aria-label="Leave a note about your order" 3126 ></textarea> 3127 </div> 3128 </div> 3129</details> 3130</div><div 3131 class="cart-block body-x-small" 3132 data-animation="cart-items-fade" 3133 data-animation-duration="500" 3134 data-animation-delay="250" 3135 3136 ><div 3137 class="cart__message cart__message--custom text-left" 3138 style="" 3139 > 3140 <p>Use coupon code <strong>WELCOME10</strong> for 10% off your first order.</p> 3141 </div></div><div 3142 class="cart-block " 3143 data-animation="cart-items-fade" 3144 data-animation-duration="500" 3145 data-animation-delay="300" 3146 3147 ><div class="cart__foot__inner"> 3148 <div class="cart__buttons-wrapper"><div 3149 class="cart__buttons" 3150 data-cart-checkout-buttons 3151 > 3152 <fieldset class="cart__buttons__fieldset" data-cart-checkout-button> 3153 <button 3154 type="submit" 3155 name="checkout" 3156 class="btn btn--full btn--primary btn--solid cart__checkout" 3157 ><!-- /snippets/animated-icon.liquid --> 3158 3159 3160<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-lock" viewBox="0 0 24 24"><path d="M16 12h1.4a.6.6 0 0 1 .6.6v6.8a.6.6 0 0 1-.6.6H6.6a.6.6 0 0 1-.6-.6v-6.8a.6.6 0 0 1 .6-.6H8m8 0V8c0-1.333-.8-4-4-4S8 6.667 8 8v4m8 0H8" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg>Check Out</button></fieldset> 3161 </div> 3162 </div> 3163 3164 <em class="cart__note">Shipping, taxes, and discount codes are calculated at checkout</em> 3165 </div></div><div 3166 class="cart-block " 3167 data-animation="cart-items-fade" 3168 data-animation-duration="500" 3169 data-animation-delay="350" 3170 3171 > 3172<details 3173 class="cart__widget cart__widget--products accordion" 3174 3175 data-collapsible 3176 3177 data-upsell-widget 3178 3179 3180 data-upsell-auto-open 3181 3182 > 3183 <summary class="cart__widget__title" data-collapsible-trigger>Pair with<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary> 3184 3185 <div 3186 class="cart__widget__content" 3187 3188 data-collapsible-body 3189 > 3190 <div class="cart__widget__content__inner" data-collapsible-content> 3191 <div 3192 class="cart__widget__products" 3193 3194 data-upsell-products 3195 3196 3197 > 3198</div> 3199 </div> 3200 </div> 3201 </details></div></collapsible-elements> 3202 </div> 3203 </div> 3204 </form> 3205 </div> 3206</div> 3207 3208 3209</div> 3210 </main> 3211 </div> 3212 3213 <!-- BEGIN sections: group-pre-footer --> 3214<div id="shopify-section-sections--16195835887674__section-newsletter" class="shopify-section shopify-section-group-group-pre-footer"><!-- /sections/newsletter.liquid --> 3215</div> 3216<!-- END sections: group-pre-footer --> 3217 3218 <footer class="footer-sections"> 3219 <!-- BEGIN sections: group-footer --> 3220<div id="shopify-section-sections--16195835789370__footer" class="shopify-section shopify-section-group-group-footer"><!-- /sections/footer.liquid --><style data-shopify>.site-footer-wrapper { 3221 --PT: 75px; 3222 --PB: 30px; 3223 --item-count: 3; 3224 } 3225 3226 3227 .shopify-section-group-group-footer { --border: #212121; } 3228 .shopify-section-group-group-footer .field { --border: #212121; } 3229 3230</style><footer 3231 class="site-footer-wrapper section-padding color-scheme-8" 3232 data-section-id="sections--16195835789370__footer" 3233 data-section-type="footer" 3234> 3235 <div class="site-footer wrapper--full-padded"><collapsible-elements> 3236 <div class="footer__blocks"> 3237<details class="footer__block footer__block--social" style="--desktop-width: 25%;" data-collapsible desktop="false" mobile="false"> 3238 <summary class="h3 footer__block__title heading-x-small" data-collapsible-trigger>WOODIES 3239<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewB
3239ox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary> 3240 3241 <div data-collapsible-body> 3242 <div class="" data-collapsible-content><div class="rte footer__social__text"><p>Handcrafted Wood Sunglasses<br>Venice Beach, CA</p></div> 3243<ul class="socials socials--thin" 3244 ><li> 3245 <a href="https://instagram.com/woloodies" title="Woodies on Instagram" rel="noopener" target="_blank" class="social-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 24 24"><path d="M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5z" stroke="#000"/><path d="m17.5 6.51.01-.011" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="icon-fallback-text">Instagram</span> 3246 </a> 3247 </li><li> 3248 <a href="https://facebook.com/woodies" title="Woodies on Facebook" rel="noopener" target="_blank" class="social-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 24 24"><path d="M17 2h-3a5 5 0 0 0-5 5v3H6v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3V2z" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="icon-fallback-text">Facebook</span> 3249 </a> 3250 </li></ul></div> 3251 </div> 3252 </details> 3253<details class="footer__block footer__block--menu" style="--desktop-width: 20%;" data-collapsible desktop="false" mobile="false"> 3254 <summary class="h3 footer__block__title heading-x-small" data-collapsible-trigger>Customer Care 3255<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary></details> 3256<details class="footer__block footer__block--menu" style="--desktop-width: 20%;" data-collapsible desktop="false" mobile="false"> 3257 <summary class="h3 footer__block__title heading-x-small" data-collapsible-trigger>Quick Links 3258<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg></summary></details></div> 3259 </collapsible-elements></div> 3260</footer> 3261 3262 3263</div><div id="shopify-section-sections--16195835789370__section-anchor-logo" class="shopify-section shopify-section-group-group-footer"><!-- /sections/section-anchor-logo.liquid --><style data-shopify>#AnchorLogo--sections--16195835789370__section-anchor-logo { 3264 --PT: 30px; 3265 --PB: 30px; 3266 }</style><section 3267 id="AnchorLogo--sections--16195835789370__section-anchor-logo" 3268 class="anchor-logo section-padding color-scheme-8" 3269 data-section-id="sections--16195835789370__section-anchor-logo" 3270 data-section-type="anchor-logo" 3271> 3272 <div class="wrapper--full-padded"> 3273 <a 3274 href="/" 3275 class="anchor-logo__link" 3276 data-aos="hero" 3277 data-aos-duration="500" 3278 data-aos-easing="ease-out-quart" 3279 ><svg class="svg-placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 158.3 158.3"><path d="M50.7 83.8H43v-17c0-.3-.3-.6-.6-.6h-2.8c-.3 0-.6.3-.6.6v20.1c0 .3.2.6.6.6h11.1c.3 0 .6-.3.6-.6v-2.5c-.1-.4-.3-.6-.6-.6zm12.7-17.9c-6.1 0-10.9 4.9-10.9 10.9 0 6.1 4.8 10.9 10.9 10.9 6.1 0 10.9-4.8 10.9-10.9 0-6-4.8-10.9-10.9-10.9zm0 17.9c-3.8 0-6.9-3.1-6.9-6.9 0-3.8 3.1-7 6.9-7s7 3.2 7 7c0 3.7-3.2 6.9-7 6.9zm31.7-6.9h-5.8c-.3 0-.6.2-.6.6v2.4c0 .3.2.5.6.5h2.4V83c-.6.2-1.9.8-3.6.8-3.8 0-6.8-3.2-6.8-6.9 0-3.8 3-7 6.8-7 1.7 0 3.3.6 4.6 1.8.3.2.5.2.8 0l1.9-2c.2-.2.2-.6 0-.8-2.1-1.8-4.7-2.8-7.4-2.8-6 0-10.9 4.9-10.9 10.9 0 6.1 4.8 10.8 10.9 10.8 4.4 0 7.5-2 7.5-2 .1-.1.2-.2.2-.5v-7.8c-.1-.3-.3-.6-.6-.6zm14.5-11c-6.1 0-10.9 4.9-10.9 10.9 0 6.1 4.8 10.9 10.9 10.9 6.1 0 10.9-4.8 10.9-10.9 0-6-4.8-10.9-10.9-10.9zm0 17.9c-3.8 0-6.9-3.1-6.9-6.9 0-3.8 3.1-7 6.9-7s7 3.2 7 7c0 3.7-3.2 6.9-7 6.9z"/></svg> 3280</a> 3281 </div> 3282</section> 3283 3284 3285</div><div id="shopify-section-sections--16195835789370__section-supporting-menu" class="shopify-section shopify-section-group-group-footer"><!-- /sections/section-supporting-menu.liquid --><style data-shopify>#SupportingMenu--sections--16195835789370__section-supporting-menu { 3286 --PT: 30px; 3287 --PB: 30px; 3288 }</style><section 3289 id="SupportingMenu--sections--16195835789370__section-supporting-menu" 3290 class="supporting-menu section-padding color-scheme-8" 3291 data-section-id="sections--16195835789370__section-supporting-menu" 3292 data-section-type="supporting-menu" 3293> 3294 <div class="supporting-menu__inner wrapper--full-padded"><div class="supporting-menu__item supporting-menu__item--copyright"> 3295 <ul class="supporting-menu__copyright inline-list body-small"> 3296 <li> 3297 <a href="https://woodies.com" 3298 >© Woodies 3299 2026</a> 3300 </li> 3301 3302 3303 <!-- The following lines fix Lighthouse security warnings on the Shopify link. --><!-- Remove the following line to delete 'Powered by Shopify' from your footer --> 3304 <li data-powered-link><a rel="noopener" target="_blank" href="https://www.shopify.com?utm_campaign=p
3304oweredby&utm_medium=shopify&utm_source=onlinestore">Ecommerce Software by Shopify</a></li> 3305 <!-- Do not delete below this line --> 3306 </ul> 3307 </div></div> 3308</section> 3309 3310 3311</div> 3312<!-- END sections: group-footer --> 3313 </footer> 3314 3315 <!-- Root element of PhotoSwipe. Must have class pswp. --> 3316<div class="pswp pswp--custom-loader" tabindex="-1" role="dialog" aria-hidden="true"> 3317 <!-- Background of PhotoSwipe. 3318 It's a separate element as animating opacity is faster than rgba(). --> 3319 <div class="pswp__bg"></div> 3320 3321 <!-- Slides wrapper with overflow:hidden. --> 3322 <div class="pswp__scroll-wrap"> 3323 <!-- Container that holds slides. 3324 PhotoSwipe keeps only 3 of them in the DOM to save memory. 3325 Don't modify these 3 pswp__item elements, data is added later on. --> 3326 <div class="pswp__container"> 3327 <div class="pswp__item"></div> 3328 <div class="pswp__item"></div> 3329 <div class="pswp__item"></div> 3330 </div> 3331 3332 <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> 3333 <div class="pswp__ui pswp__ui--hidden"> 3334 <div class="pswp__top-bar"> 3335 <!-- Controls are self-explanatory. Order can be changed. --> 3336 3337 <div class="pswp__counter"></div> 3338 3339 <button class="pswp__button pswp__button--close pswp__custom-close pswp__ui-over-close" title="Close (Esc)"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg></button> 3340 3341 <!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR --> 3342 <!-- element will get class pswp__preloader--active when preloader is running --> 3343 <div class="pswp__preloader"> 3344 <div class="pswp__preloader__icn"> 3345 <div class="pswp__preloader__cut"> 3346 <div class="pswp__preloader__donut"></div> 3347 </div> 3348 </div> 3349 </div> 3350 </div> 3351 3352 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 3353 <div class="pswp__share-tooltip"></div> 3354 </div> 3355 3356 <button class="pswp__button pswp__button--arrow--left" title="Previous"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24"><path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Previous</span> 3357 </button> 3358 3359 <button class="pswp__button pswp__button--arrow--right" title="Next"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24"><path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Next</span> 3360 </button> 3361 3362 <div class="pswp__thumbs"></div> 3363 3364 <div class="pswp__caption"> 3365 <div class="pswp__caption__center"></div> 3366 3367 <a href="#" class="pswp__caption-close"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24"><path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="visually-hidden">Close</span> 3368 </a> 3369 </div> 3370 </div> 3371 </div> 3372</div> 3373 3374<!-- Paste marketing code or third party scripts below this comment line ============== --> 3375 3376 <!-- And above this comment line ================================================== --> 3377 3378
3379<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3379 3380</body> 3381</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.