PageSourceSearch

https://bkconnection.com/

html bkconnection.com collected 2026-10-01 07:30:30 UTC 1,822,329 bytes, 28,534 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3  <head>
4		
5		
6    <meta charset="utf-8">
7    <meta http-equiv="X-UA-Compatible" content="IE=edge">
8    <meta name="viewport" content="width=device-width, initial-scale=1.0">
9    <meta name="theme-color" content="">
10    
11      <link rel="canonical" href="https://bkconnection.com/">
12    
13<link rel="icon" type="image/png" href="//bkconnection.com/cdn/shop/files/logo_submark_final.png?crop=center&height=32&v=1753389391&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
14      Berrett-Koehler Publishers | Books for a Better World
15</title>
16      
16<script type="application/ld+json">
17        {
18          "@context": "http://schema.org",
19          "@type": "OnlineStore",
20          "name": "Berrett-Koehler Publishers",
21          "description": "Empowering readers through bold ideas and transformative books—Berrett-Koehler connects people and ideas to create a more equitable, inclusive, and sustainable world.",
22          
23          "logo": "https:\/\/bkconnection.com\/cdn\/shop\/files\/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701\u0026width=112",
24          
25          "telephone": "15108172277",
26          "address": [{
27            "@type": "PostalAddress",
28            "streetAddress": "1333 Broadway",
29            "addressLocality": " Suite P100",
30            "addressRegion": " Oakland",
31            "postalCode": " CA 94612",
32            "addressCountry": " US"
33          },{
34            "streetAddress": "",
35            "addressLocality": "",
36            "addressRegion": "",
37            "postalCode": "",
38            "addressCountry": ""
39          }],
40          "email": "[email protected]"
41        }
42      </script>
42
43    
44      <meta name="description" content="Empowering readers through bold ideas and transformative books—Berrett-Koehler connects people and ideas to create a more equitable, inclusive, and sustainable world.">
45    
46    <link rel="preload" href="//bkconnection.com/cdn/shop/t/4/assets/theme.css?v=91687875800249173261747335395" as="style" crossorigin="anonymous" />
47    <link rel="preload" href="//bkconnection.com/cdn/fonts/amiri/amiri_n4.fee8c3379b68ea3b9c7241a63b8a252071faad52.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
48    
49    
50
51<meta property="og:site_name" content="Berrett-Koehler Publishers">
52<meta property="og:url" content="https://bkconnection.com/">
53<meta property="og:title" content="Berrett-Koehler Publishers | Books for a Better World">
54<meta property="og:type" content="website">
55<meta property="og:description" content="Empowering readers through bold ideas and transformative books—Berrett-Koehler connects people and ideas to create a more equitable, inclusive, and sustainable world."><meta property="og:image" content="http://bkconnection.com/cdn/shop/files/Social_Sharing_Image_1.png?v=1749061221">
56  <meta property="og:image:secure_url" content="https://bkconnection.com/cdn/shop/files/Social_Sharing_Image_1.png?v=1749061221">
57  <meta property="og:image:width" content="1200">
58  <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image">
59<meta name="twitter:title" content="Berrett-Koehler Publishers | Books for a Better World">
60<meta name="twitter:description" content="Empowering readers through bold ideas and transformative books—Berrett-Koehler connects people and ideas to create a more equitable, inclusive, and sustainable world.">
61<style data-shopify>@font-face {
62  font-family: Karla;
63  font-weight: 400;
64  font-style: normal;
65  font-display: swap;
66  src: url("//bkconnection.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2") format("woff2"),
67       url("//bkconnection.com/cdn/fonts/karla/karla_n4.e9f6f9de321061073c6bfe03c28976ba8ce6ee18.woff") format("woff");
68}
69
70  @font-face {
71  font-family: Amiri;
72  font-weight: 400;
73  font-style: normal;
74  font-display: swap;
75  src: url("//bkconnection.com/cdn/fonts/amiri/amiri_n4.fee8c3379b68ea3b9c7241a63b8a252071faad52.woff2") format("woff2"),
76       url("//bkconnection.com/cdn/fonts/amiri/amiri_n4.94cde4e18ec8ae53bf8f7240b84e1f76ce23772d.woff") format("woff");
77}
78
79  @font-face {
80  font-family: Karla;
81  font-weight: 400;
82  font-style: normal;
83  font-display: swap;
84  src: url("//bkconnection.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2") format("woff2"),
85       url("//bkconnection.com/cdn/fonts/karla/karla_n4.e9f6f9de321061073c6bfe03c28976ba8ce6ee18.woff") format("woff");
86}
87
88  @font-face {
89  font-family: Karla;
90  font-weight: 700;
91  font-style: normal;
92  font-display: swap;
93  src: url("//bkconnection.com/cdn/fonts/karla/karla_n7.4358a847d4875593d69cfc3f8cc0b44c17b3ed03.woff2") format("woff2"),
94       url("//bkconnection.com/cdn/fonts/karla/karla_n7.96e322f6d76ce794f25fa29e55d6997c3fb656b6.woff") format("woff");
95}
96
97  @font-face {
98  font-family: Karla;
99  font-weight: 700;
100  font-style: normal;
101  font-display: swap;
102  src: url("//bkconnection.com/cdn/fonts/karla/karla_n7.4358a847d4875593d69cfc3f8cc0b44c17b3ed03.woff2") format("woff2"),
103       url("//bkconnection.com/cdn/fonts/karla/karla_n7.96e322f6d76ce794f25fa29e55d6997c3fb656b6.woff") format("woff");
104}
105
106
107  @font-face {
108  font-family: Amiri;
109  font-weight: 700;
110  font-style: normal;
111  font-display: swap;
112  src: url("//bkconnection.com/cdn/fonts/amiri/amiri_n7.18bdf9995a65958ebe1ecc6a8e58369f2e5fde36.woff2") format("woff2"),
113       url("//bkconnection.com/cdn/fonts/amiri/amiri_n7.4018e09897bebe29690de457ff22ede457913518.woff") format("woff");
114}
115
116  @font-face {
117  font-family: Amiri;
118  font-weight: 400;
119  font-style: italic;
120  font-display: swap;
121  src: url("//bkconnection.com/cdn/fonts/amiri/amiri_i4.95beacf234505f7529ea2b9b84305503763d41e2.woff2") format("woff2"),
122       url("//bkconnection.com/cdn/fonts/amiri/amiri_i4.8d0b215ae13ef2acc52deb9eff6cd2c66724cd2c.woff") format("woff");
123}
124
125  @font-face {
126  font-family: Amiri;
127  font-weight: 700;
128  font-style: italic;
129  font-display: swap;
130  src: url("//bkconnection.com/cdn/fonts/amiri/amiri_i7.d86700268b4250b5d5dd87a772497e6709d54e11.woff2") format("woff2"),
131       url("//bkconnection.com/cdn/fonts/amiri/amiri_i7.cb7296b13edcdeb3c0aa02998d8a90203078f1a1.woff") format("woff");
132}
133�</style><link href="//bkconnection.com/cdn/shop/t/4/assets/theme.css?v=91687875800249173261747335395" rel="stylesheet" type="text/css" media="all" />
134<style data-shopify>:root,
135  *:before {
136    --base-font-size: 0.875rem;
137    --font-size-medium-mobile: 0.9rem;
138    --font-size-medium: 1.0rem;
139    --font-size-small: 0.625rem;
140    --font-size-small-mobile: 0.5625rem;
141    --font-size-normal: 0.75rem;
142    --font-size-normal-mobile: 0.675rem;
143    --font-size-large: 1.25rem;
144    --font-size-large-mobile: 1.125rem;
145    --heading-highlight-font-size: 100%;
146    --h1-font-size: 3.825rem;
147    --h2-font-size: 2.25rem;
148    --h3-font-size: 1.35rem;
149    --h4-font-size: 1.2375rem;
150    --h5-font-size: 1.125rem;
151    --h6-font-size: 1.0125rem;
152    --base-font-size-mobile: 0.7875rem;
153    --h1-font-size-mobile: 1.9125rem;
154    --h2-font-size-mobile: 1.35rem;
155    --h3-font-size-mobile: 0.945rem;
156    --h4-font-size-mobile: 0.86625rem;
157    --h5-font-size-mobile: 0.7875rem;
158    --h6-font-size-mobile: 0.70875rem;
159    --rating-star-size: 0.7rem;
160    --border-radius: 6px;
161    --page-width: 1200px;
162    --width-countdown: 7.875rem;
163    --font-menu: Karla, sans-serif;
164    --font-menu-weight: 400;
165    --font-menu-style: normal;
166    --font-button: Karla, sans-serif;
167    --font-button-weight: 700;
168    --font-button-style: normal;
169    --font-body-family: Amiri, serif;
170    --font-body-style: normal;
171    --font-body-weight: 400;
172    --font-heading-family: Karla, sans-serif;
173    --font-heading-highlight: Karla, sans-serif;
174    --font-heading-highlight-style: normal;
175    --font-heading-highlight-weight: 700;
176    --font-heading-style: normal;
177    --font-heading-weight: 400;
178    --heading-text-tranform: uppercase;
179    --advanced-sections-spacing: 40px;
180    --divider-spacing: -40;
181
182    --colors-pulse-speech: 104, 102, 72;
183    --image-treatment-overlay: 0, 0, 0;
184    --image-treatment-text: 255, 255, 255;
185    --colors-line-and-border: 200, 184, 159;
186    --colors-line-and-border-base: 200, 184, 159;
187    --colors-line-header: 248, 192, 0;
188    --colors-line-footer: 192, 192, 192;
189    --colors-background: 255, 255, 255;
190    --colors-text: 77, 74, 75;
191    --colors-heading: 77, 74, 75;
192    --colors-heading-base: 77, 74, 75;
193    --colors-background-secondary: 221, 231, 241;
194    --colors-text-secondary: 77, 74, 75;
195    --colors-heading-secondary: 77, 99, 145;
196    --colors-text-link: 77, 99, 145;
197    --background-color:  255, 255, 255;
198    --background-color-header: 255, 255, 255;
199    --colors-text-header: 77, 74, 75;
200    --background-color-footer: 77, 74, 75;
201    --colors-text-footer: 255, 255, 255;
202    --colors-heading-footer: 192, 192, 192;
203    --colors-text-link-footer: 255, 255, 255;
204    --color-error: 169, 0, 0;
205    --color-success: 77, 99, 145;
206    --colors-price: 77, 74, 75;
207    --colors-price-sale: 169, 0, 0;
208    --colors-button-text: 255, 255, 255;
209    --colors-button: 77, 99, 145;
210    --colors-button-text-hover: 255, 255, 255;
211    --colors-secondary-button: 77, 99, 145;
212    --colors-button-hover: rgb(77, 74, 75);
213    --colors-cart: 169, 0, 0;
214    --colors-cart-text: 255, 255, 255;
215    --colors-icon-rating: 248, 192, 0;
216    --colors-transition-arrows: 0, 0, 0;
217    --color-highlight: #4d6391;
218    --background-pagination-slideshow: 32, 32, 32;
219    --text-color-pagination-slideshow: 255, 255, 255;
220    
221      --background-secondary-button: transparent;
222      --colors-line-secondary-button: 77, 99, 145;
223    
224    
225      --button-width: 120%;
226      --button-height: 100%;
227      --button-transform: rotate3d(0,0,1,10deg) translate3d(-1.2em,110%,0);
228      --button-transform-origin: 0% 100%;
229    
230    
231      --height-parallax: 110%;
232    
233    
234      --image-zoom: 1.05;
235    
236    --card-product-bg: rgba(0,0,0,0);
237    --card-product-padding: 20px;
238    --card-product-padding-mobile: 5px;
239    --card-product-alignment: center;
240    
241    --width-scrollbar: 0;
242    --card-product-ratio: 150.0%;
243    --card-product-img-position:  absolute;
244    --card-product-img-height:  0;
245    --card-product-img-zoom:  scale(1.1);
246    --height-header: 0px;
247    --transition-card-loading: 600ms;
248    --transition-card-image-hover: 500ms;
249    --transition-slideshow: 600ms;
250    --transition-image-hover: 600ms;
251  }
252  .dark,
253  .dark *:before {
254    --image-treatment-overlay: 32, 32, 32;
255    --image-treatment-text: 255, 255, 255;
256    --colors-line-and-border: 49, 49, 49;
257    --colors-line-and-border-base: 49, 49, 49;
258    --colors-line-header: 49, 49, 49;
259    --colors-line-footer: 82, 80, 81;
260    --colors-background: 32, 32, 32;
261    --colors-text: 255, 255, 255;
262    --colors-heading: 255, 255, 255;
263    --colors-heading-base: 255, 255, 255;
264    --background-color: 32, 32, 32;
265    --colors-text-link: 77, 99, 145;
266    --color-error: 169, 0, 0;
267    --color-success: 66, 162, 70;
268    --background-color-header: 32, 32, 32;
269    --colors-text-header: 255, 255, 255;
270    --background-color-footer: 41, 41, 41;
271    --colors-text-footer: 137, 137, 137;
272    --colors-heading-footer: 255, 255, 255;
273    --colors-text-link-footer: 107, 112, 80;
274    --colors-price: 195, 195, 195;
275    --colors-price-sale: 169, 0, 0;
276    --colors-button-text: 40, 41, 40;
277    --colors-button: 77, 99, 145;
278    --colors-button-text-hover: 36, 36, 36;
279    --colors-secondary-button: 255, 255, 255;
280    --colors-button-hover: rgb(77, 99, 145);
281    --colors-cart: 107, 112, 80;
282    --colors-cart-text: 255, 255, 255;
283    --colors-background-secondary: 77, 74, 75;
284    --colors-text-secondary: 225, 227, 225;
285    --colors-heading-secondary: 255, 255, 255;
286    --colors-icon-rating: 200, 184, 159;
287    --colors-pulse-speech: 104, 102, 72;
288    --colors-transition-arrows: 0, 0, 0;
289    --color-highlight: #4d6391;
290    
291      --background-secondary-button: transparent;
292      --colors-line-secondary-button: 255, 255, 255;
293    
294    --card-product-bg: rgba(0,0,0,0);
295  }
296  shopify-accelerated-checkout {
297    --shopify-accelerated-checkout-button-border-radius: 6px;
298  }
299  shopify-accelerated-checkout-cart {
300    --shopify-accelerated-checkout-button-border-radius: 6px;
301    --shopify-accelerated-checkout-inline-alignment: end;
302    --shopify-accelerated-checkout-button-block-size: 48px;
303    --shopify-accelerated-checkout-button-inline-size: 48px;
304  }
305  
306    [role="button"],
307    [type="button"],
308    .button {
309      color: rgb(var(--colors-button-text));
310    }
311    button.button-solid,
312    .button.button-solid {
313      border: none;
314      background-color: rgba(var(--colors-button));
315    }
316    button.button-disable-effect,
317    .button.button-disable-effect,
318    .payment-button .shopify-payment-button__button--unbranded {
319      color: rgb(var(--colors-button-text));
320      background-color: rgba(var(--colors-button));
321    }
322    .button-action {
323      border: none;
324      color: rgb(var(--colors-button-text));
325      background-color: rgba(var(--colors-button));
326    }
327  
328  [role="button"],
329  [type="button"],
330  .button {
331    direction: ltr;
332  }
333  .header, .header *::before {
334    --colors-text: var(--colors-text-header);
335    --colors-heading: var(--colors-text-header);
336    --colors-price: var(--colors-text-header);
337    --colors-line-and-border: var(--colors-line-header);
338  }
339  #sticky-header-content .divider {
340    --colors-line-and-border: var(--colors-line-header);
341  }
342  .paginate-slide-image {
343    background: rgba(var(--background-pagination-slideshow));
344    color: rgba(var(--text-color-pagination-slideshow));
345  }
346
347  @media (min-width: 1024px) {
348    .paginate-slide-image {
349      color: rgba(var(--text-color-pagination-slideshow));
350    }
351    .paginate-slide-image:hover {
352      color: rgba(var(--text-color-pagination-slideshow));
353    }
354  }
355
356  .section-quick-links,
357  .section-quick-links *::before,
358  .section-footer,
359  .section-footer *::before {
360    --colors-text: var(--colors-text-footer);
361    --colors-heading: var(--colors-heading-footer);
362    --colors-text-link: var(--colors-text-link-footer);
363    --colors-line-and-border: var(--colors-line-footer);
364  }
365  .sticky-header {
366    --font-body-weight: 700;
367  }
368
369  .scrollbar-horizontal {
370    position: relative;
371    -ms-overflow-style: none;
372  }
373  .scrollbar-horizontal::-webkit-scrollbar-track {
374    background-color: #ececec;
375  }
376  .scrollbar-horizontal::-webkit-scrollbar {
377    height: 3px;
378  }
379
380  .scrollbar-horizontal::-webkit-scrollbar-track {
381    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
382  }
383
384  .scrollbar-horizontal::-webkit-scrollbar-thumb {
385    visibility: visible;
386    background-color: #747474;
387  }
388
389  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
390    background-color: #747474;
391  }
392  body.scrollbar-body::-webkit-scrollbar{
393    width: 5px;
394  }
395  .scrollbar-body::-webkit-scrollbar-track{
396    background: #ececec;
397  }
398  .scrollbar-horizontal {
399    position: relative;
400    -ms-overflow-style: none;
401  }
402  .scrollbar-horizontal::-webkit-scrollbar-track {
403    background-color: #ececec;
404  }
405  .scrollbar-horizontal::-webkit-scrollbar {
406    height: 3px;
407  }
408
409  .scrollbar-horizontal::-webkit-scrollbar-track {
410    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
411  }
412
413  .scrollbar-horizontal::-webkit-scrollbar-thumb {
414    visibility: visible;
415    background-color: #747474;
416  }
417
418  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
419    background-color: #747474;
420  }
421  .scrollbar-body::-webkit-scrollbar{
422    width: 3px;
423  }
424  .scrollbar-body::-webkit-scrollbar-track{
425    background: #ececec;
426  }
427  .scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb,
428  .scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb,
429  .scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb {
430    background: #747474;
431    visibility: visible;
432  }
433  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-track{
434    background: transparent;
435  }
436  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb{
437    background: transparent;
438    visibility: visible;
439  }
440  .scrollbar-body::-webkit-scrollbar-thumb{
441    background: #747474;
442  }
443  .animate-scroll-banner {
444    animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
445  }
446  .padding-scrollbar, .padding-scrollbar-header {
447    padding-right: min(var(--width-scrollbar), 20px);
448  }
449  .rtl .padding-scrollbar-header {
450    padding-left: min(var(--width-scrollbar), 20px);
451    padding-right: 0;
452  }
453  
454  
455  .des-block iframe {
456    width: 100%;
457    height: 100%;
458  }
459  .toggle-compare  + label span:first-child,
460  .toggle-compare:checked + label span:last-child {
461    display: block
462  }
463  .toggle-compare  + label span:last-child,
464  .toggle-compare:checked + label span:first-child {
465    display: none;
466  }
467  .card-product:not(.recommendations) {}
468  .dark .card-product:not(.recommendations) {background: transparent;}
469  .card-product:not(.recommendations) .card-info,
470  .card-product:not(.recommendations) .x-variants-data {
471    padding-left: 5px;
472    padding-right: 5px;
473  }
474  .card-product:not(.recommendations) .card-info .x-variants-data
475  {
476    padding-left: 0;
477    padding-right: 0;
478  }
479  .card-product-slideshow {
480      background: #dde7f1;}
481  .dark .card-product-slideshow {
482      background: #4d4a4b;}
483  button[class*='shopify-payment-button__more-options'] {
484    color: rgba(var(--colors-text));
485  }
486  .group-discount:before,.group-discount:after {
487    background-color: rgba(var(--colors-price-sale), 5%);
488    content: "";
489    position: absolute;
490    right: 100%;
491    height: 100%;
492    top: 0;
493    width: 1.25rem;
494  }
495  .shipping_insurance.group-discount:before,.shipping_insurance.group-discount:after {
496    background-color: rgb(var(--colors-background-secondary));
497  }
498  .group-discount:after {
499    left: 100%;
500    right: auto;
501  }
502  @media (min-width: 768px){
503    .list-layout .card-product:not(.recommendations) {
504      padding-bottom: 0;
505    }
506    .list-layout .card-product:not(.recommendations) .card-info,
507    .list-layout .card-product:not(.recommendations) .x-variants-data{
508      padding-left: 0;
509      padding-right: 0;
510    }
511    shopify-accelerated-checkout-cart {
512    --shopify-accelerated-checkout-button-block-size: 46px;
513    --shopify-accelerated-checkout-button-inline-size: 46px;
514  }
515  }
516  @media (min-width: 1024px){
517    .group-discount:before,.group-discount:after {
518       width: 0;
519    }
520    .payment-button .shopify-payment-button__button--unbranded {
521      color: rgb(var(--colors-button-text));
522      background: rgba(var(--colors-button));
523    }
524    .card-product:not(.recommendations) .card-info,
525    .card-product:not(.recommendations) .x-variants-data {
526      padding-left: 20px;
527      padding-right: 20px;
528    }
529    [role="button"],
530    [type="button"],
531    .button {
532      color: rgba(var(--colors-button-text));
533    }
534    button.button-solid,
535    .button.button-solid {
536      border: none;
537      box-shadow: none;
538      color: rgb(var(--colors-button-text));
539      background-color: rgba(var(--colors-button));
540      overflow: hidden;
541      background-origin: border-box;
542    }
543    button.button-solid:hover,
544    .button.button-solid:hover {
545      
546      transition-delay: 0.5s;
547      
548      transition-property: background-color;
549      background-color: var(--colors-button-hover);
550      color: rgba(var(--colors-button-text-hover));
551      background-origin: border-box;
552    }
553    .button-action {
554      border: none;
555      color: rgba(var(--colors-button-text-hover));
556      background-color: var(--colors-button-hover);
557    }
558    button.button-disable-effect,
559    .button.button-disable-effect {
560      color: rgb(var(--colors-button-text));
561      background-color: rgba(var(--colors-button));
562    }
563    button.button-disable-effect:hover,
564    .button.button-disable-effect:hover {
565      color: rgba(var(--colors-button-text-hover));
566      background-color: var(--colors-button-hover);
567    }
568    
569      button.button-solid:before,
570      .button.button-solid:before {
571        content: "";
572        z-index: -1;
573        position: absolute;
574        top: 0;
575        right: 0;
576        bottom: 0;
577        left: 0;
578        width: var(--button-width);
579        height: var(--button-height);
580        background-color: var(--colors-button-hover);
581        backface-visibility: hidden;
582        will-change: transform;
583        transform: var(--button-transform);
584        transform-origin: var(--button-transform-origin);
585        transition: transform 0.5s ease;
586      }
587      button.button-solid:hover:before,
588      .button.button-solid:hover:before {
589        transform: rotate3d(0,0,1,0) translateZ(0);
590      }
591    
592    
593  }
594  .inventory-low-stock-status {
595    
596      --stock-color: #BF122A;
597    
598      color: var(--stock-color);
599    }
600  .dark .inventory-low-stock-status {
601    
602      --stock-color: #BF122A;
603    
604  }
605  .inventory-in-stock-status {
606    
607      --stock-color: #6b762d;
608    
609      color: var(--stock-color);
610  }
611  .dark .inventory-in-stock-status {
612    
613      --stock-color: #858F4D;
614    
615  }
616  .inventory-out-of-stock-status {
617    
618      --stock-color: #767474;
619    
620      color: var(--stock-color);
621  }
622  .dark .inventory-out-of-stock-status {
623    
624      --stock-color: #867F7F;
625    
626  }
627  .inventory-status {
628    background-color: var(--stock-color);
629  }
630  .card-testimonial {
631      background: #dde7f1;}
632  .dark .card-testimonial {
633      background: #4d4a4b;}/* App Shopify Subscription */
634  .shopify_subscriptions_app_policy a {
635    position: relative;
636    margin-top: .5rem;
637    margin-bottom: .5rem;
638    color: rgba(var(--colors-text-link)) !important;
639    text-decoration-thickness: 1px;
640    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
641    background-size: 100% 0.1em, 0 0.1em;
642    background-position: 100% 100%,100% 100%;
643    background-repeat: no-repeat;
644    transition: background-size 250ms;
645  }
646  .shopify_subscriptions_app_policy:after {
647    clear: both;
648    content: var(--tw-content);
649    display: block;
650  }
651  @media (min-width: 1024px) {
652    .shopify_subscriptions_app_policy a:hover {
653      background-size: 0 .1em, 100% .1em;
654      background-position: 100% 100%, 0% 100%;
655    }
656  }
657
658  /* Recurpay Subscription App */
659  #recurpay-account-widget {
660    margin-top: 1rem;
661  }
662  .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title {
663    padding-right: 10px;
664    right: 0.25rem;
665  }
666  .rtl .recurpay__widget .recurpay__group_title {
667    text-align: right;
668    margin-right: 0;
669    margin-left: 0.5em;
670  }
671  .rtl .recurpay__widget .recurpay__group_subtitle {
672    text-align: right;
673  }
674  .rtl .recurpay__widget .recurpay__description {
675    text-align: right;
676  }
677  .rtl .recurpay__widget .recurpay__radio_group {
678    margin-right: 0;
679    margin-left: 10px;
680  }
681  .rtl .recurpay__widget .recurpay__offer_saving_message {
682    padding-right: 10px;
683    padding-left: 0;
684  }
685  .rtl .recurpay__widget .recurpay__offer_wrapper svg {
686    margin-right: 0;
687    margin-left: 10px;
688  }
689  .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title:before {
690    left: 0.5em;
691    margin-right: -50%;
692    right: auto;
693    margin-left: 0
694  }
695  .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title:after {
696    right: 0.5em;
697    left: auto;
698    margin-left: 0;
699  }
700  .rtl .upgrade-subscription-cart .upgrade-icon-wrapper {
701    text-align: right;
702  }
703
704  /* Seal Subscriptions */
705  .sls-widget-branding {
706    z-index: 20 !important;
707  }
708  .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element {
709    display: none !important;
710  }
711  .seal-portal-link a {
712    position: relative;
713    margin-top: .5rem;
714    margin-bottom: .5rem;
715    color: rgba(var(--colors-text-link)) !important;
716    text-decoration-thickness: 1px;
717    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
718    background-size: 100% 0.1em, 0 0.1em;
719    background-position: 100% 100%,100% 100%;
720    background-repeat: no-repeat;
721    transition: background-size 250ms;
722  }
723  .seal-portal-link:after {
724    clear: both;
725    content: var(--tw-content);
726    display: block;
727  }
728  @media (min-width: 1024px) {
729    .seal-portal-link a:hover {
730      background-size: 0 .1em, 100% .1em;
731      background-position: 100% 100%, 0% 100%;
732    }
733  }
734  .rtl .sealsubs-container {
735    text-align: right;
736  }
737  .x-card-title {
738    font-size: 0.9rem;
739  }
740  .x-card-price {
741    font-size: 0.9rem;
742    font-family: var(--font-body-family)
743  }
744  @media (min-width: 768px) {
745    .x-card-title {
746      font-size: 1.0rem;
747    }
748    .x-card-price {
749      font-size: 1.0rem;
750    }
751  }
752  .back{
753    position: absolute;
754    top: 50%;
755    left: 50%;
756    white-space: nowrap;
757    opacity: 0;
758    transform: translate(-50%, -50%) translateY(100%) translateZ(0);
759    transition-behavior: normal, normal;
760    transition-duration: 0.6s, 0.6s;
761    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
762    transition-delay: 0s, 0s;
763    transition-property: transform, opacity;
764  }
765  .front{
766    transform: translateZ(0);
767    transition-behavior: normal, normal;
768    transition-duration: 0.6s, 0.6s;
769    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
770    transition-delay: 0s, 0s;
771    transition-property: transform, opacity;
772    border-bottom: 1px solid transparent;
773  }
774  .flip-container:hover .front{
775    opacity: 0;
776    transform: translateY(-100%) translateZ(0);
777  }
778  .flip-container:hover .back{
779    opacity: 1;
780    transform: translate(-50%, -50%) translateY(0%) translateZ(0);
781    border-bottom: 1px solid rgba(var(--colors-text-link));
782  }
783  .dbtap-overlay{
784    display: none
785  }
786  @media (max-width: 1024px) and (pointer: coarse) and (hover: none) {
787    .dbtap-overlay{
788      display: block
789    }
790  }</style>
791    
792    
792<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
792<meta name="google-site-verification" content="2rcXofSMnheShuFkN3nT8fU8nHWWPfRpBSxjv_JjVmw">
793<meta name="facebook-domain-verification" content="rdupdxovmxxzjf59ued60dya8oeg1m">
794<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/89993085291/digital_wallets/dialog">
795<meta id="in-context-paypal-metadata" data-shop-id="89993085291" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
796<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
796<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
796
797<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
798<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=89993085291" crossorigin="anonymous"></script>
vendor: 1 bytes, line 798
798
799<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":89993085291,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/89993085291","merchantName":"Berrett-Koehler Publishers","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Berrett-Koehler Publishers","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 799
799
800<script id="shopify-features" type="application/json">{"accessToken":"5056ea026a367ec2e7cb8254f7355f60","betas":["rich-media-storefront-analytics"],"domain":"bkconnection.com","predictiveSearch":true,"shopId":89993085291,"locale":"en"}</script>
vendor: 1 bytes, line 800
800
801<script>var Shopify = Shopify || {};
802Shopify.shop = "berrett-koehler-publishing.myshopify.com";
803Shopify.locale = "en";
804Shopify.currency = {"active":"USD","rate":"1.0"};
805Shopify.country = "US";
806Shopify.theme = {"name":"Eurus","id":177306042731,"schema_name":"Eurus","schema_version":"8.7.0","theme_store_id":2048,"role":"main"};
807Shopify.theme.handle = "null";
808Shopify.theme.style = {"id":null,"handle":null};
809Shopify.cdnHost = "bkconnection.com/cdn";
810Shopify.routes = Shopify.routes || {};
811Shopify.routes.root = "/";
812Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
813Shopify.SignInWithShop = Shopify.SignInWithShop || {};
814Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
815Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 815
815
816<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 816
816
817<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 817
817
818<script>
819  window.ShopifyPay = window.ShopifyPay || {};
820  window.ShopifyPay.apiHost = "shop.app\/pay";
821  window.ShopifyPay.redirectState = null;
822</script>
vendor: 1 bytes, line 822
822
823<script>
824  window.Shopify = window.Shopify || {};
825  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
826  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
827  window.Shopify.SignInWithShop.eligible = true;
828</script>
vendor: 1 bytes, line 828
828
829<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 829
829
830<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 830
830
831<script type="module">
832  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
833
834  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
835
836</script>
vendor: 1 bytes, line 836
836
837<script>
838  window.Shopify = window.Shopify || {};
839  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
840  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"]};
841</script>
vendor: 1 bytes, line 841
841
842<script>(function() {
843  var isLoaded = false;
844  function asyncLoad() {
845    if (isLoaded) return;
846    isLoaded = true;
847    var urls = ["https:\/\/api-na1.hubapi.com\/scriptloader\/v1\/2998717.js?shop=berrett-koehler-publishing.myshopify.com"];
848    for (var i = 0; i < urls.length; i++) {
849      var s = document.createElement('script');
850      s.type = 'text/javascript';
851      s.async = true;
852      s.src = urls[i];
853      var x = document.getElementsByTagName('script')[0];
854      x.parentNode.insertBefore(s, x);
855    }
856  };
857  if(window.attachEvent) {
858    window.attachEvent('onload', asyncLoad);
859  } else {
860    window.addEventListener('load', asyncLoad, false);
861  }
862})();</script>
vendor: 1 bytes, line 862
862
863<script id="__st">var __st={"a":89993085291,"offset":-14400,"reqid":"cf1975b1-b686-47c7-9b39-6dfc9a049b88-1790837341","pageurl":"bkconnection.com\/","u":"6c3fb65b1dc2","p":"home"};</script>
vendor: 1 bytes, line 863
863
864<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 864
864
865<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 865
865
866<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//bkconnection.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 866
866
867<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 = "//bkconnection.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>
867<script crossorigin="anonymous" defer="defer" src="//bkconnection.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 867
867
868<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 868
868
869<script>
870  window.Shopify = window.Shopify || {};
871  window.Shopify.MCP = window.Shopify.MCP || {};
872  window.Shopify.MCP.enabled = true;
873  window.Shopify.MCP.shop = "berrett-koehler-publishing.myshopify.com";
874  window.Shopify.MCP.mcpEndpoint = "https:\/\/bkconnection.com\/api\/mcp";
875  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"]}}];
876</script>
vendor: 1 bytes, line 876
876
877<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("\/\/bkconnection.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
878</script>
vendor: 1 bytes, line 878
878
879<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://bkconnection.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
880</script>
vendor: 1 bytes, line 880
880
881<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
882  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);
883</script>
vendor: 1 bytes, line 883
883
884<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})}}));
885</script>
885
886<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://bkconnection.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
887<style id="shopify-accelerated-checkout-cart">
888        #shopify-buyer-consent {
889  margin-top: 1em;
890  display: inline-block;
891  width: 100%;
892}
893
894#shopify-buyer-consent.hidden {
895  display: none;
896}
897
898#shopify-subscription-policy-button {
899  background: none;
900  border: none;
901  padding: 0;
902  text-decoration: underline;
903  font-size: inherit;
904  cursor: pointer;
905}
906
907#shopify-subscription-policy-button::before {
908  box-shadow: none;
909}
910
911      </style>
912
913<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
913
914    <style>
915  /* Style links in blog/article content areas */
916  .article__content a,
917  .rte a,
918  .blog-post a,
919  article a,
920  [data-section-type="article"] a,
921  .article-body a,
922  .post-body a,
923  .content a {
924    color: #4D6391 !important;
925    text-decoration: underline !important;
926  }
927  
928  .article__content a:visited,
929  .rte a:visited,
930  .blog-post a:visited,
931  article a:visited,
932  [data-section-type="article"] a:visited,
933  .article-body a:visited,
934  .post-body a:visited,
935  .content a:visited {
936    color: #4D6391 !important;
937  }
938  
939  .article__content a:hover,
940  .rte a:hover,
941  .blog-post a:hover,
942  article a:hover,
943  [data-section-type="article"] a:hover,
944  .article-body a:hover,
945  .post-body a:hover,
946  .content a:hover {
947    color: #4D6391 !important;
948  }
949  
950  .article__content a:active,
951  .rte a:active,
952  .blog-post a:active,
953  article a:active,
954  [data-section-type="article"] a:active,
955  .article-body a:active,
956  .post-body a:active,
957  .content a:active {
958    color: #4D6391 !important;
959  }
960  
961  /* Explicitly exclude header and nav links from styling */
962  header a,
963  nav a,
964  .header a,
965  .navbar a,
966  .navigation a {
967    color: inherit !important;
968    text-decoration: none !important;
969  }
970
971  /* Reduce H1 font size in text_KnC9gL block to match H3 styling */
972  [data-block-id="text_KnC9gL"] h1 {
973    font-size: 0.75em;
974  }
975
976  /* Hide header, announcement bar, and mobile navigation on the-art-of-the-steal page */
977  /* Using Shopify's page handle body class format: page-handle--{handle} */
978  body.page-handle--the-art-of-the-steal #shopify-section-sections--24498229674347__announcement-bar,
979  body.page-handle--the-art-of-the-steal #shopify-section-sections--24498229674347__header,
980  body.page-handle--the-art-of-the-steal #shopify-section-sections--24498229674347__mobile-navigation,
981  /* Alternative: using data attributes */
982  body.page-handle--the-art-of-the-steal [data-section-id="sections--24498229674347__announcement-bar"],
983  body.page-handle--the-art-of-the-steal [data-section-id="sections--24498229674347__header"],
984  body.page-handle--the-art-of-the-steal [data-section-id="sections--24498229674347__mobile-navigation"],
985  /* Fallback: generic selectors */
986  body.page-handle--the-art-of-the-steal .shopify-section[data-section-type="announcement-bar"],
987  body.page-handle--the-art-of-the-steal .shopify-section[data-section-type="header"],
988  body.page-handle--the-art-of-the-steal .shopify-section[data-section-type="mobile-navigation"] {
989    display: none !important;
990    visibility: hidden !important;
991    height: 0 !important;
992    overflow: hidden !important;
993    margin: 0 !important;
994    padding: 0 !important;
995  }
996</style>
997
998    
999
1000    <style data-shopify>
1001      body {
1002        /* INP mobile */
1003        touch-action: manipulation;
1004      }
1005      @font-face {
1006  font-family: Karla;
1007  font-weight: 400;
1008  font-style: normal;
1009  font-display: swap;
1010  src: url("//bkconnection.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2") format("woff2"),
1011       url("//bkconnection.com/cdn/fonts/karla/karla_n4.e9f6f9de321061073c6bfe03c28976ba8ce6ee18.woff") format("woff");
1012}
1013
1014    </style>
1015
1016    
1017
1018  <!-- BEGIN app block: shopify://apps/supadu-blocks-berrett-koehler/blocks/app-embed/2614fd4f-7b4b-4395-bbf5-cebedcc664e5 -->
1019
1020
1021
1022
1023
1024<script
1025  type="application/json"
1026  id="sf-app-embed"
1027  data-settings='{"catalog_id":"berrett-koehler-publishing-uk","data_source":"v3","catalog_api_key":"","enable_search":false,"search_type":"typesense","typesense_catalog":"","typesense_api_key":"","typesense_host":"","typesense_preset":"supadu-main","algolia_search_api_key":"","algolia_application_id":"","algolia_index_name":"","sort_by_index_values":"","search_bar_mobile_layout":"detached","pinned_products_enabled":false,"pinned_products":"","enable_query_suggestions":false,"contributor_enabled":true,"format_enabled":false,"price_enabled":true,"enable_buy_button":true,"buy_button_use_availability":true,"buy_button_request_url":"https:\/\/add-to-cart.supadu.com\/add-to-cart","buy_button_show_external_link":false,"buy_button_external_link_label":"Add to Cart","buy_button_external_link_url":"","buy_button_show_digital_link":true,"buy_button_digital_link_label":"You Own This Book – Read It Now!","buy_button_show_digital_login_message":false,"buy_button_digital_login_message_text":"[Login] to avoid duplicate purchases for digital products."}'
1028  data-customer-id=''
1029  
1030></script>
1030
1031
1032
1033  
1034
1035  
1036
1037
1038
1039
1040<!-- END app block --><!-- BEGIN app block: shopify://apps/seolab-seo-optimizer/blocks/app_embed/faf700f6-3b71-45c3-86d4-83ea9f7d9216 -->
1041
1042<script type="application/ld+json">
1043    [
1044        
1045        
1046        
1047        
1048        
1049        
1050        
1051        
1052        
1053        
1054        
1055        
1056        
1057        
1058        
1059        
1060        
1061        
1062            
1063            
1064            {
1065                "@context": "http://www.schema.org",
1066                "@id": "https://bkconnection.com/#organization",
1067                "@type": "Organization",
1068                "url": "https://bkconnection.com",
1069                "name": "Berrett-Koehler Publishers",
1070                "address": {
1071                    "@type": "PostalAddress",
1072                    "streetAddress": "1333 Broadway, P100",
1073                    "addressLocality": "Oakland",
1074                    "addressRegion": "California",
1075                    "addressCountry": "US",
1076                    "postalCode": "94612"
1077                },
1078                "description": "Empowering readers through bold ideas and transformative books—Berrett-Koehler connects people and ideas to create a more equitable, inclusive, and sustainable world.",
1079                "telephone": "800-929-2929 ",
1080                "contactPoint": [
1081                    {
1082                        "@type": "ContactPoint",
1083                        "telephone": "800-929-2929 ",
1084                        "contactType": "technical support",
1085                        "contactOption": "TollFree"
1086                    },
1087                    {
1088                        "@type": "ContactPoint",
1089                        "telephone": "800-929-2929 ",
1090                        "contactType": "customer support",
1091                        "contactOption": "TollFree"
1092                    },
1093                    {
1094                        "@type": "ContactPoint",
1095                        "telephone": "800-929-2929 ",
1096                        "contactType": "sales",
1097                        "contactOption": "TollFree"
1098                    }
1099                ],
1100                "logo": "https://nbg1.your-objectstorage.com/seolab/jsonld-images/6C5IMIDNF5w2bbVyaA1fUNe1lRO5TYarK7GRDwi8.png",
1101                "image": "https://nbg1.your-objectstorage.com/seolab/jsonld-images/6C5IMIDNF5w2bbVyaA1fUNe1lRO5TYarK7GRDwi8.png"
1102                
1103                ,"sameAs": ["https://www.youtube.com/berrettkoehler","https://www.facebook.com/BerrettKoehler/","https://www.linkedin.com/company/berrett-koehler-publishers/","https://www.instagram.com/bkpub"]
1104                
1105            }
1106            
1107        
1108        
1109        
1110    ]
1111</script>
1111
1112
1113
1114
1115<script type="text/javascript">
1116    document.addEventListener("DOMContentLoaded",function(e){var n=window.location.href;if(n.indexOf("#seotid")>-1){var t=n.split("#seotid");let p=new Headers;p.append("Content-Type","application/json");let o=new FormData;o.append("shop","berrett-koehler-publishing.myshopify.com"),o.append("tid",t[1]),o.append("type","add_traffic"),fetch("/apps/seo-lab",{method:"POST",headers:{Accept:"application/json"},body:o}).then(e=>e.json()).then(e=>{window.history.replaceState({}, '', t[0])})}else fetch(n,{method:"HEAD"}).then(e=>{if(404===e.status){var t=n.split(window.location.origin);let p=new FormData;p.append("shop","berrett-koehler-publishing.myshopify.com"),p.append("url",t[1]),p.append("type","unresolve_url_recieve"),fetch("/apps/seo-lab",{method:"POST",headers:{Accept:"application/json"},body:p}).then(e=>e.json()).then(e=>{e.success&&console.log("Added")})}})});
1117</script>
1117
1118
1119
1120
1121
1122
1123<script type="text/javascript">
1124    !function(){if(!window.__SC_IMAGE_LAZY_LOADING_LOADED__){window.__SC_IMAGE_LAZY_LOADING_LOADED__=!0;var e={viewportBuffer:300,skipFirstVisibleImages:2,mutationDelay:150},t="header,.shopify-section-header,.announcement-bar,.hero,.banner,.slideshow,.slide,.slider,.swiper,.splide,.product__media,.product-media,.product-gallery,.media-gallery,.cart,.cart-drawer,.drawer,[data-no-lazy],[data-sc-lazy-ignore]";"loading"===document.readyState?document.addEventListener("DOMContentLoaded",n):n()}function a(e,t){return e.className&&String(e.className).toLowerCase().indexOf(t)>-1}function r(){var r=Array.prototype.slice.call(document.images||[]),i=0;r.forEach(function(r){if(!function e(r){if(!(i=r)||!i.tagName||"img"!==i.tagName.toLowerCase()||"true"===r.dataset.scLazyHandled||r.closest("template, noscript")||r.closest(t)||a(r,"lazyload")||a(r,"lazyloaded")||a(r,"lazypreload")||r.hasAttribute("data-src")||r.hasAttribute("data-srcset")||"eager"===(r.getAttribute("loading")||"").toLowerCase()||"high"===(r.getAttribute("fetchpriority")||"").toLowerCase())return!0;var i,n=r.getAttribute("src")||"";return!n||0===n.indexOf("data:")||0===n.indexOf("blob:")}(r)){if((o=(n=r).getBoundingClientRect()).top<window.innerHeight+e.viewportBuffer&&o.bottom>-e.viewportBuffer&&++i<=e.skipFirstVisibleImages){r.hasAttribute("decoding")||r.setAttribute("decoding","async"),r.dataset.scLazyHandled="true";return}var n,o,s=(r.getAttribute("loading")||"").toLowerCase();s&&"auto"!==s||r.setAttribute("loading","lazy"),r.hasAttribute("decoding")||r.setAttribute("decoding","async"),r.dataset.scLazyHandled="true"}})}function i(e){"requestIdleCallback"in window?window.requestIdleCallback(e,{timeout:1500}):setTimeout(e,1)}function n(){var t;i(r),new MutationObserver(function(){clearTimeout(t),t=setTimeout(function(){i(r)},e.mutationDelay)}).observe(document.documentElement,{childList:!0,subtree:!0})}}();
1125</script>
1125
1126
1127
1128
1129<script type="text/javascript">
1130    !function(){var e;e=function(){const e=document.querySelectorAll('iframe[class*="lazyVdHide"], video[class*="lazyVdHide"]');function t(e,t="iframe"){if(e.className.includes("lazyVdHide")){if("iframe"===t)e.src=e.dataset.src;else{const t=e.querySelectorAll("source[data-src]");t.length>0?t.forEach((function(e){e.dataset.src&&(e.src=e.dataset.src)})):e.dataset.src&&(e.src=e.dataset.src),e.load()}e.classList.remove("lazyVdHide"),e.classList.add("lazyVdShow")}}if("MutationObserver"in window&&new MutationObserver((e=>{for(const n of e)for(const e of n.addedNodes){if(1!==e.nodeType)continue;const n=e.tagName;"VIDEO"!==n&&"IFRAME"!==n||t(e,"VIDEO"===n?"video":"iframe")}})).observe(document.body,{childList:!0,subtree:!0}),"IntersectionObserver"in window){const n=new IntersectionObserver((function(e,n){e.forEach((function(e){if(e.isIntersecting){const o=e.target;t(o,"VIDEO"===o.tagName?"video":"iframe"),n.unobserve(o)}}))}),{rootMargin:"0px 0px 200px 0px"});e.forEach((function(e){n.observe(e)}))}else{const n=function(){e.forEach((function(e){const n=e.getBoundingClientRect();n.top<window.innerHeight+200&&n.bottom>-200&&t(e,"VIDEO"===e.tagName?"video":"iframe")}))};window.addEventListener("scroll",n),window.addEventListener("resize",n),window.addEventListener("orientationchange",n),n()}},"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}();
1131</script>
1131
1132
1133
1134<!-- END app block --><!-- BEGIN app block: shopify://apps/amazon-reviews/blocks/product-rating-snippet-embed/88ab28f3-a438-4eb3-a83e-f1a9c62c5069 -->
1135
1136
1137
1138<!-- END app block --><!-- BEGIN app block: shopify://apps/inbox/blocks/chat/841fc607-4181-4ad1-842d-e24d7f8bad6b --><link rel='modulepreload' href='https://cdn.shopify.com/storefront/web-components/chat.js' crossorigin fetchpriority='low'>
1139
1140<script id='shopify-chat-app-embed-data' type='application/json'>
1141  {
1142    "settings": {
1143      "invertActivatorColors": true,
1144      "greetingMessage": "Hi there, and welcome to Berrett-Koehler! I'm an automated assistant, and I'm still learning, so I may not have every answer yet. Looking for a book, need help with an order, or curious about bulk pricing? Type your question below to get started.",
1145      "showFeaturedProducts": true,
1146      "featuredProducts": [],
1147      "horizontalPosition": "bottom_right",
1148      "icon": "email",
1149      "buttonLabel": "Contact"
1150    }
1151  }
1152</script>
1152
1153
1154<style data-shopify>
1155  
1156    @font-face {
1157  font-family: Amiri;
1158  font-weight: 400;
1159  font-style: normal;
1160  font-display: swap;
1161  src: url("//bkconnection.com/cdn/fonts/amiri/amiri_n4.fee8c3379b68ea3b9c7241a63b8a252071faad52.woff2") format("woff2"),
1162       url("//bkconnection.com/cdn/fonts/amiri/amiri_n4.94cde4e18ec8ae53bf8f7240b84e1f76ce23772d.woff") format("woff");
1163}
1164
1165    @font-face {
1166  font-family: Amiri;
1167  font-weight: 700;
1168  font-style: normal;
1169  font-display: swap;
1170  src: url("//bkconnection.com/cdn/fonts/amiri/amiri_n7.18bdf9995a65958ebe1ecc6a8e58369f2e5fde36.woff2") format("woff2"),
1171       url("//bkconnection.com/cdn/fonts/amiri/amiri_n7.4018e09897bebe29690de457ff22ede457913518.woff") format("woff");
1172}
1173
1174    @font-face {
1175  font-family: Amiri;
1176  font-weight: 400;
1177  font-style: italic;
1178  font-display: swap;
1179  src: url("//bkconnection.com/cdn/fonts/amiri/amiri_i4.95beacf234505f7529ea2b9b84305503763d41e2.woff2") format("woff2"),
1180       url("//bkconnection.com/cdn/fonts/amiri/amiri_i4.8d0b215ae13ef2acc52deb9eff6cd2c66724cd2c.woff") format("woff");
1181}
1182
1183    @font-face {
1184  font-family: Amiri;
1185  font-weight: 400;
1186  font-style: italic;
1187  font-display: swap;
1188  src: url("//bkconnection.com/cdn/fonts/amiri/amiri_i4.95beacf234505f7529ea2b9b84305503763d41e2.woff2") format("woff2"),
1189       url("//bkconnection.com/cdn/fonts/amiri/amiri_i4.8d0b215ae13ef2acc52deb9eff6cd2c66724cd2c.woff") format("woff");
1190}
1191
1192  
1193
1194  /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */
1195  shopify-chat:defined:empty {
1196    display: grid;
1197  }
1198
1199  :root {
1200    --shopify-chat-bg-color: #ffffff;
1201    --shopify-chat-text-color: #4d4a4b;
1202    --shopify-chat-accent-bg-color: #4d4a4b;
1203    --shopify-chat-accent-text-color: #ffffff;
1204    --shopify-chat-activator-offset: 120px;
1205
1206    
1207      --shopify-chat-heading-font-family: Amiri, serif;
1208      --shopify-chat-body-font-family: Amiri, serif;
1209      --shopify-chat-font-size: 18px;
1210    
1211
1212    --shopify-chat-activator-font-size: 20px;
1213    --shopify-chat-border-radius: 15px;
1214  }
1215
1216  
1217    shopify-chat {
1218      font-weight: 400;
1219      font-style: normal;
1220    }
1221  
1222</style>
1223
1224<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
1224
1225
1226
1227<!-- END app block -->
1227<script src="https://cdn.shopify.com/extensions/01a0ce4b-1d68-7554-904b-219737f14408/supadu-blocks-berrett-koehler-76/assets/loader.min.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1227
1227
1228<script src="https://cdn.shopify.com/extensions/01a0a94d-acd3-7100-977e-e11794a9993f/simplee-memberships-131/assets/simplee-app.js" type="text/javascript" defer="defer"></script>
1228
1229<link href="https://cdn.shopify.com/extensions/01a0a94d-acd3-7100-977e-e11794a9993f/simplee-memberships-131/assets/simplee-app.css" rel="stylesheet" type="text/css" media="all">
1230<script src="https://cdn.shopify.com/extensions/01a0f31a-d643-731f-a391-f78e428ce1be/forms-2604/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
1230
1231<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1232<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: 89993085291,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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 1232
1232
1233<script>
1234  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1235</script>
vendor: 1 bytes, line 1235
1235
1236<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}
1236).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: 89993085291,storefrontBaseUrl: "https://bkconnection.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://bkconnection.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2129953131","configuration":"{\"pixel_id\":\"1726996410943377\",\"pixel_type\":\"facebook_pixel\"}","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"]}
1236,{"id":"1301348715","configuration":"{\"accountID\":\"berrett-koehler-publishing\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1d4c781273105676f6b02a329648437f","type":"APP","apiClientId":32196493313,"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","enabledFlags":["9a3ed68a"]},{"id":"1175126379","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-CG94DVD68N\\\",\\\"GT-TNLHRN2W\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-CG94DVD68N\\\",\\\"MC-9WPTNVWBQE\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-CG94DVD68N\\\",\\\"MC-9WPTNVWBQE\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-CG94DVD68N\\\",\\\"MC-9WPTNVWBQE\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"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":"Berrett-Koehler Publishers","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"berrett-koehler-publishing.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/bkconnection.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"14945864057195","handle":"9798890572189_trauma-stewardship-revised-and-updated","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717751147","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863369067","handle":"9798890572554_the-art-of-the-steal","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717423467","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863074155","handle":"9798890572004_on-the-brink-of-everything-revised-and-updated","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717128555","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863237995","handle":"9798890572318_the-impact-entrepreneur-breakthrough","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717292395","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1236,{"id":"14878849007979","handle":"9798890572639_who-killed-the-american-dream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52775018332523","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14854886031723","handle":"9798890572103_culture-blooming","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52653074645355","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14854885998955","handle":"9798890571960_what-your-team-wont-tell-you","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52653074612587","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14854885966187","handle":"9798890572035_the-4-stages-of-psychological-safety-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52653074579819","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734982054251","handle":"9798890571724_bust-those-management-myths","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185258230123","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863008619","handle":"9798890572592_healing-black-fatigue","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717095787","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863139691","handle":"9798890572523_perseverance-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717259627","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863401835","handle":"9798890572479_the-hero-trap","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717456235","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863532907","handle":"9798890572394_make-workwork","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717718379","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863565675","handle":"9798890572301_the-generous-leader","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717587307","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863696747","handle":"9798890572431_the-persuasive-leader","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717849451","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863827819","handle":"9798890572219_the-little-book-of-trust-and-money","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717980523","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863926123","handle":"9798890572677_disciplines-of-hope","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075718111595","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945864024427","handle":"9798890572714_please-do-disturb","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075718209899","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1236,{"id":"15149881393515","handle":"9798890573179_for-our-freedom","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53627259093355","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15149987037547","handle":"9798890571656_relational-energy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53627685077355","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15149987955051","handle":"9798890572790_conflict-without-casualties-third-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53627686748523","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15149988053355","handle":"9798890573018_when-life-disrupts-work","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53627687076203","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15150288404843","handle":"9798890573131_defiant-hope","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53628191375723","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15150288437611","handle":"9798890573216_capacity-under-pressure","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53628191441259","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15153623171435","handle":"9798890573254_directing-intelligence","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53633766523243","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734979400043","handle":"9798890570321_leaders-make-the-future-third-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185262227819","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734978285931","handle":"9798890570192_the-art-of-community-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185261048171","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734969110891","handle":"9798890571052_get-to-the-point-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185248825707","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734967538027","handle":"9798890570895_the-introverted-leader-3rd-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185247220075","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734967177579","handle":"9798890570925_eat-that-frog-fourth-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185246794091","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734964949355","handle":"9798890571571_the-anatomy-of-peace-fifth-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185246466411","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734962065771","handle":"9798890570987_negotiating-the-impossible-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185241321835","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1236,{"id":"14734961738091","handle":"9781609948221_stewardship","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185242206571","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719290278251","handle":"9781523089352_love-em-or-lose-em-sixth-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114838880619","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719289721195","handle":"9781523006564_leadership-and-self-deception-fourth-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114838356331","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719289557355","handle":"9798890570437_goals-third-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114838126955","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719289360747","handle":"9798890570253_help-them-grow-or-watch-them-go-third-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114837897579","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719289262443","handle":"9781523091416_decolonizing-wealth-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114837799275","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719289164139","handle":"9781523006960_the-power-of-purpose-4th-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114837700971","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719288934763","handle":"9798890570222_the-long-distance-leader-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114837504363","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14717223108971","handle":"9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52108542837099","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14717223076203","handle":"9781523004737_who-do-we-choose-to-be-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52108542804331","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14717222224235","handle":"9781523006311_we-cant-talk-about-that-at-work-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52108541919595","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14717222158699","handle":"9781523004348_subtle-acts-of-exclusion-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52108541985131","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14717221962091","handle":"9781523001897_confessions-of-an-economic-hit-man-3rd-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52108541722987","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734973469035","handle":"9798890571847_the-last-american-president","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185249644907","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1236,{"id":"14716828713323","handle":"9781523002320_the-hidden-history-of-neoliberalism","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52107726913899","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734977630571","handle":"9781626560604_fit-at-last","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185256755563","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734977106283","handle":"9798890571083_trust-at-a-distance","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185255936363","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14717222682987","handle":"9781523006113_simple-truths-of-leadership-playbook","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52108542378347","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14735304917355","handle":"berrett-koehler-publishers-gift-card","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52187461714283","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://bkconnection.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"177306042731","themeStoreId":"2048","themePublished":"true","eventMetadataId":"ad7a744f-8e8d-4d1d-afdf-47e85c0fbabf","pageType":"home","shopId":"89993085291","storefrontBaseUrl":"https:\/\/bkconnection.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>
1236<script>
1237  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1238  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1239  window.ShopifyAnalytics.meta.currency = 'USD';
1240  var meta = {"page":{"pageType":"home","requestId":"cf1975b1-b686-47c7-9b39-6dfc9a049b88-1790837341"}};
1241  for (var attr in meta) {
1242    window.ShopifyAnalytics.meta[attr] = meta[attr];
1243  }
1244</script>
vendor: 1 bytes, line 1244
1244
1245<script class="analytics">
1246  (function () {
1247    var customDocumentWrite = function(content) {
1248      var jquery = null;
1249
1250      if (window.jQuery) {
1251        jquery = window.jQuery;
1252      } else if (window.Checkout && window.Checkout.$) {
1253        jquery = window.Checkout.$;
1254      }
1255
1256      if (jquery) {
1257        jquery('body').append(content);
1258      }
1259    };
1260
1261    var hasLoggedConversion = function(token) {
1262      if (token) {
1263        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1264      }
1265      return false;
1266    }
1267
1268    var setCookieIfConversion = function(token) {
1269      if (token) {
1270        var twoMonthsFromNow = new Date(Date.now());
1271        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1272
1273        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1274      }
1275    }
1276
1277    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1278    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1279    if (trekkie.integrations) {
1280      return;
1281    }
1282    trekkie.methods = [
1283      'identify',
1284      'page',
1285      'ready',
1286      'track',
1287      'trackForm',
1288      'trackLink'
1289    ];
1290    trekkie.factory = function(method) {
1291      return function() {
1292        var args = Array.prototype.slice.call(arguments);
1293        args.unshift(method);
1294        trekkie.push(args);
1295        if (method == 'track' || method == 'page') {
1296          var pageUrl;
1297          try {
1298            pageUrl = window.location.href;
1299          } catch (e) {}
1300          var pageReferrer;
1301          try {
1302            pageReferrer = document.referrer;
1303          } catch (e) {}
1304          try {
1305            if (window.__TREKKIE_SHIM_QUEUE == null) {
1306              window.__TREKKIE_SHIM_QUEUE = [];
1307            }
1308            window.__TREKKIE_SHIM_QUEUE.push({
1309              from: 'trekkie-stub',
1310              method: method,
1311              args: args.slice(1),
1312              pageContext: {
1313                url: pageUrl,
1314                referrer: pageReferrer
1315              }
1316            });
1317          } catch (e) {
1318            // no-op
1319          }
1320        }
1321        return trekkie;
1322      };
1323    };
1324    for (var i = 0; i < trekkie.methods.length; i++) {
1325      var key = trekkie.methods[i];
1326      trekkie[key] = trekkie.factory(key);
1327    }
1328    trekkie.load = function(config) {
1329      trekkie.config = config || {};
1330      trekkie.config.initialDocumentCookie = document.cookie;
1331      var first = document.getElementsByTagName('script')[0];
1332var script = document.createElement('script');
1333script.type = 'text/javascript';
1334script.onerror = function(e) {
1335  var scriptFallback = document.createElement('script');
1336  scriptFallback.type = 'text/javascript';
1337  scriptFallback.onerror = function(error) {
1338          var Monorail = {
1339      produce: function produce(monorailDomain, schemaId, payload) {
1340        var currentMs = new Date().getTime();
1341        var event = {
1342          schema_id: schemaId,
1343          payload: payload,
1344          metadata: {
1345            event_created_at_ms: currentMs,
1346            event_sent_at_ms: currentMs
1347          }
1348        };
1349        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1350      },
1351      sendRequest: function sendRequest(endpointUrl, payload) {
1352        // Try the sendBeacon API
1353        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1354          var blobData = new window.Blob([payload], {
1355            type: 'text/plain'
1356          });
1357
1358          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1359            return true;
1360          } // sendBeacon was not successful
1361
1362        } // XHR beacon
1363
1364        var xhr = new XMLHttpRequest();
1365
1366        try {
1367          xhr.open('POST', endpointUrl);
1368          xhr.setRequestHeader('Content-Type', 'text/plain');
1369          xhr.send(payload);
1370        } catch (e) {
1371          console.log(e);
1372        }
1373
1374        return false;
1375      },
1376      isIos12: function isIos12() {
1377        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1378      }
1379    };
1380    Monorail.produce('monorail-edge.shopifysvc.com',
1381      'trekkie_storefront_load_errors/1.1',
1382      {shop_id: 89993085291,
1383      theme_id: 177306042731,
1384      app_name: "storefront",
1385      context_url: window.location.href,
1386      source_url: "//bkconnection.com/cdn/s/trekkie.storefront.8fbb7598bfc52f7298fce09b15942db7f0f927c3.min.js"});
1387
1388  };
1389  scriptFallback.async = true;
1390  scriptFallback.src = '//bkconnection.com/cdn/s/trekkie.storefront.8fbb7598bfc52f7298fce09b15942db7f0f927c3.min.js';
1391  first.parentNode.insertBefore(scriptFallback, first);
1392};
1393script.async = true;
1394script.src = '//bkconnection.com/cdn/s/trekkie.storefront.8fbb7598bfc52f7298fce09b15942db7f0f927c3.min.js';
1395first.parentNode.insertBefore(script, first);
1396
1397    };
1398    trekkie.load(
1399      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":89993085291,"isMerchantRequest":null,"themeId":177306042731,"themeCityHash":"11249351944727281660","contentLanguage":"en","currency":"USD","eventMetadataId":"ad7a744f-8e8d-4d1d-afdf-47e85c0fbabf"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1400    );
1401
1402    var loaded = false;
1403    trekkie.ready(function() {
1404      if (loaded) return;
1405      loaded = true;
1406
1407      window.ShopifyAnalytics.lib = window.trekkie;
1408
1409      var originalDocumentWrite = document.write;
1410      document.write = customDocumentWrite;
1411      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1412      document.write = originalDocumentWrite;
1413
1414      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1415      var token = match? match[1]: undefined;
1416      if (!hasLoggedConversion(token)) {
1417        setCookieIfConversion(token);
1418        
1419      }
1420    });
1421
1422    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"cf1975b1-b686-47c7-9b39-6dfc9a049b88-1790837341","shopifyEmitted":true});
1423
1424    var eventsListenerScript = document.createElement('script');
1425    eventsListenerScript.async = true;
1426    eventsListenerScript.src = "//bkconnection.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1427    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1428})();</script>
vendor: 1 bytes, line 1428
1428
1429<script
1430  defer
1431  src="https://bkconnection.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1432  data-application="storefront-renderer"
1433  data-shop-id="89993085291"
1434  data-render-region="gcp-europe-west1"
1435  data-page-type="index"
1436  data-theme-instance-id="177306042731"
1437  data-theme-name="Eurus"
1438  data-theme-version="8.7.0"
1439  data-monorail-region="shop_domain"
1440  data-resource-timing-sampling-rate="10"
1441  data-shs="true"
1442  data-shs-beacon="true"
1443  data-shs-export-with-fetch="true"
1444  data-shs-logs-sample-rate="1"
1445  data-shs-beacon-endpoint="https://bkconnection.com/api/collect"
1446></script>
vendor: 1 bytes, line 1446
1446
1447<script id="shopify-chat-page-data" type="application/json">{"greetingMessage":"Welcome to Berrett-Koehler Publishers. How can I help?","customerServiceEmail":"[email protected]","onlineStorePasswordProtected":false,"continueAsChip":false,"translations":[{"key":"agent_chat.panel.open_chat","value":"Open chat"},{"key":"agent_chat.panel.ask_anything","value":"Ask anything"},{"key":"agent_chat.panel.title","value":"Storekick"},{"key":"agent_chat.panel.unread_replies","value":"Unread replies"},{"key":"agent_chat.panel.back_to_chat","value":"Back to chat"},{"key":"agent_chat.panel.see_history","value":"See chat history"},{"key":"agent_chat.panel.new_chat","value":"Create a new chat"},{"key":"agent_chat.panel.close","value":"Close chat"},{"key":"agent_chat.panel.undock","value":"Undock chat"},{"key":"agent_chat.panel.dock","value":"Dock chat"},{"key":"agent_chat.panel.expand","value":"Expand chat"},{"key":"agent_chat.panel.contract","value":"Contract chat"},{"key":"agent_chat.panel.jump_to_latest","value":"Jump to latest"},{"key":"agent_chat.panel.loading_chat","value":"Loading chat"},{"key":"agent_chat.input.label","value":"Type your message"},{"key":"agent_chat.input.placeholder","value":"Ask anything..."},{"key":"agent_chat.input.send","value":"Send"},{"key":"agent_chat.input.stop","value":"Stop generating"},{"key":"agent_chat.thinking","value":"Thinking..."},{"key":"agent_chat.first_response_delayed","value":"Agent is taking longer to respond…"},{"key":"agent_chat.searching","value":"Searching..."},{"key":"agent_chat.message.sent_timestamp","value":"Sent · {{time}}"},{"key":"agent_chat.message.automated_label","value":"Automated"},{"key":"agent_chat.message.automated_timestamp","value":"Automated · {{time}}"},{"key":"agent_chat.liveAgentHandoff","value":"Someone from our team will be with you shortly"},{"key":"agent_chat.human_handoff.action","value":"Chat with our team"},{"key":"agent_chat.human_handoff.request","value":"I’d like to talk to someone from your team"},{"key":"agent_chat.human_handoff.ai_assistant","value":"AI assistant"},{"key":"agent_chat.greeting.default","value":"Hi there!"},{"key":"agent_chat.greeting.with_name","value":"Hi {{name}}!"},{"key":"agent_chat.greeting.welcome","value":"You can ask questions about shopping, sizing\/dimensions, shipping, returns, or order status."},{"key":"agent_chat.greeting.welcome_back","value":"Welcome back to %{shop_name}! How can I help?"},{"key":"agent_chat.greeting.welcome_back_no_shop","value":"Welcome back! How can I help?"},{"key":"agent_chat.greeting.welcome_to_shop","value":"Welcome to %{shop_name}. How can I help?"},{"key":"agent_chat.greeting.generic","value":"How can I help?"},{"key":"agent_chat.disclaimer.text","value":"This chat is powered by AI from Shopify and may make mistakes. Your messages are visible to {{shop_name}}. See"},{"key":"agent_chat.disclaimer.text_human","value":"Your messages are visible to {{shop_name}} and to Shopify for the provision and improvement of the services. See"},{"key":"agent_chat.disclaimer.link_text","value":"privacy policy"},{"key":"agent_chat.error.response_unavailable","value":"Response unavailable"},{"key":"agent_chat.error.generic","value":"Something went wrong."},{"key":"agent_chat.error.response_failed","value":"Couldn’t load this message"},{"key":"agent_chat.error.message_send_failed","value":"Your message couldn’t be sent"},{"key":"agent_chat.error.attachment_upload_failed","value":"Your attachment didn’t upload"},{"key":"agent_chat.error.first_response_stalled","value":"Agent couldn’t respond"},{"key":"agent_chat.error.try_again","value":"Try again"},{"key":"agent_chat.error.unavailable","value":"Chat isn't available right now - try again later"},{"key":"agent_chat.error.usage_limit","value":"Message limit reached — try again later or email us at {{email}}"},{"key":"agent_chat.error.usage_limit_no_email","value":"Message limit reached — try again later"},{"key":"agent_chat.error.cost_quota_unhandled","value":"Chat isn’t available right now—email us at {{email}}"},{"key":"agent_chat.error.cost_quota_unhandled_no_email","value":"Chat isn’t available right now"},{"key":"agent_chat.error.cost_quota_handover","value":"AI assistant isn’t available right now — our team will reply shortly"},{"key":"agent_chat.history.heading","value":"Chat history"},{"key":"agent_chat.history.loading","value":"Loading conversation history"},{"key":"agent_chat.history.aria_label","value":"Conversation history"},{"key":"agent_chat.history.no_conversations","value":"No conversations"},{"key":"agent_chat.history.conversation.one","value":"conversation"},{"key":"agent_chat.history.conversation.other","value":"conversations"},{"key":"agent_chat.history.error_message","value":"Something went wrong."},{"key":"agent_chat.history.try_again","value":"Try again"},{"key":"agent_chat.history.no_past","value":"No past conversations"},{"key":"agent_chat.history.start_new","value":"Start a new chat"},{"key":"agent_chat.history.untitled","value":"Untitled conversation"},{"key":"agent_chat.history.resume","value":"Resume: {{title}}"},{"key":"agent_chat.history.resume_with_time","value":"Resume: {{title}}, {{time}}"},{"key":"agent_chat.history.delete","value":"Delete conversation: {{title}}"},{"key":"agent_chat.history.delete_failed","value":"Could not delete conversation"},{"key":"agent_chat.feedback.group_label","value":"Message feedback"},{"key":"agent_chat.feedback.thumbs_up","value":"Thumbs up"},{"key":"agent_chat.feedback.thumbs_down","value":"Thumbs down"},{"key":"agent_chat.feedback.add_comment","value":"Add comment"},{"key":"agent_chat.feedback.thanks","value":"Thanks for your feedback"},{"key":"agent_chat.feedback.placeholder_up","value":"Tell us what went well"},{"key":"agent_chat.feedback.placeholder_down","value":"Tell us what could have been better"},{"key":"agent_chat.feedback.comment_label","value":"Feedback comment"},{"key":"agent_chat.feedback.cancel","value":"Cancel"},{"key":"agent_chat.feedback.submit","value":"Submit"},{"key":"agent_chat.feedback.character_count","value":"{{current}}\/{{max}}"},{"key":"agent_chat.feedback.character_limit_reached","value":"Maximum length reached. Feedback is limited to {{max}} characters."},{"key":"agent_chat.buyer_profile.button.open","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.title","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.empty","value":"No buyer profile available."},{"key":"agent_chat.buyer_profile.close","value":"Close"},{"key":"agent_chat.suggestions.empty_state_label","value":"Suggested questions"},{"key":"agent_chat.suggestions.quick_reply_label","value":"Suggested replies"},{"key":"agent_chat.auth.sign_in_to_continue","value":"Sign in to continue"},{"key":"agent_chat.auth.sign_in","value":"Sign in"},{"key":"agent_chat.auth.skip_and_chat","value":"Skip and start chatting"},{"key":"agent_chat.auth.pre_chat_title","value":"Sign in to personalize and save your chats"},{"key":"agent_chat.auth.pre_chat_subtitle","value":"Sign in or create an account"},{"key":"agent_chat.auth.staff_chat_required_title","value":"Don't miss a reply"},{"key":"agent_chat.auth.staff_chat_required_subtitle","value":"Sign in to chat with our team. We'll email you if you leave the chat."},{"key":"agent_chat.auth.share_disclaimer","value":"By continuing, Shop will share your name and email with this store. See their {{terms_link}} and {{privacy_link}}"},{"key":"agent_chat.auth.terms_link","value":"terms"},{"key":"agent_chat.auth.privacy_link","value":"privacy policy"},{"key":"agent_chat.auth.declined_pre_chat","value":"I can’t connect you with the store unless you sign in."},{"key":"agent_chat.reply_by_email.continuation_prompt","value":"If you leave the chat, we’ll email you when there’s a reply."},{"key":"agent_chat.reply_by_email.sign_in_prompt","value":"Sign in to get emailed when there’s a reply."},{"key":"agent_chat.order_lookup.track_order","value":"Track my order"},{"key":"agent_chat.order_lookup.track_another_order","value":"Track another order"},{"key":"agent_chat.order_lookup.new_conversation","value":"New conversation"},{"key":"agent_chat.order_lookup.follow_up_label","value":"Order lookup actions"},{"key":"agent_chat.order_lookup.enter_order_information","value":"Enter order information"},{"key":"agent_chat.order_lookup.prompt","value":"To see your order status, please provide your order details."},{"key":"agent_chat.order_lookup.form_title","value":"Track my order"},{"key":"agent_chat.order_lookup.form_subtitle","value":"Please provide your information."},{"key":"agent_chat.order_lookup.order_number_label","value":"Order number"},{"key":"agent_chat.order_lookup.email_label","value":"Email address"},{"key":"agent_chat.order_lookup.submit","value":"Track my order"},{"key":"agent_chat.order_lookup.cancel","value":"Cancel"},{"key":"agent_chat.order_lookup.invalid_order_number","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_order_number_whitespace","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_email","value":"Please enter a valid email address"},{"key":"agent_chat.order_lookup.generic_error","value":"There was a problem looking up your order. Please try again."},{"key":"agent_chat.order_lookup.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.order_lookup.locked_composer_status","value":"Order lookup is in progress. Start a new conversation to ask something else."},{"key":"agent_chat.legacy_contact.form_title","value":"Before we get started"},{"key":"agent_chat.legacy_contact.form_subtitle","value":"Please provide your information so we can reply to you if you leave the chat."},{"key":"agent_chat.legacy_contact.first_name_label","value":"First name"},{"key":"agent_chat.legacy_contact.last_name_label","value":"Last name"},{"key":"agent_chat.legacy_contact.email_label","value":"Email"},{"key":"agent_chat.legacy_contact.marketing_opt_in","value":"Email me with news and offers"},{"key":"agent_chat.legacy_contact.submit","value":"Start chat"},{"key":"agent_chat.legacy_contact.cancel","value":"Cancel"}
1447,{"key":"agent_chat.legacy_contact.invalid_first_name","value":"Enter a valid first name."},{"key":"agent_chat.legacy_contact.invalid_last_name","value":"Enter a valid last name."},{"key":"agent_chat.legacy_contact.invalid_email","value":"Enter a valid email address."},{"key":"agent_chat.legacy_contact.invalid_email_length","value":"Email address is too long."},{"key":"agent_chat.legacy_contact.generic_error","value":"Something went wrong."},{"key":"agent_chat.legacy_contact.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.discountCard.useDiscount","value":"Use discount"},{"key":"agent_chat.discountCard.discountApplicationContext","value":"Applies automatically at checkout"},{"key":"agent_chat.cart.checkout","value":"Checkout"},{"key":"agent_chat.product.add_to_cart","value":"Add to cart"},{"key":"agent_chat.product.view_details","value":"View details"},{"key":"agent_chat.product.out_of_stock","value":"Out of stock"},{"key":"agent_chat.product.compare_suggestions","value":"Compare suggestions"},{"key":"agent_chat.product.hide_suggestions","value":"Hide suggestions"},{"key":"agent_chat.product.sold_out","value":"Sold out"},{"key":"agent_chat.order.item.one","value":"item"},{"key":"agent_chat.order.item.other","value":"items"},{"key":"agent_chat.order.less_items.one","value":"- hide {{count}} item"},{"key":"agent_chat.order.less_items.other","value":"- hide {{count}} items"},{"key":"agent_chat.order.more_items.one","value":"+ {{count}} more item"},{"key":"agent_chat.order.more_items.other","value":"+ {{count}} more items"},{"key":"agent_chat.order.view_order","value":"View order {{orderId}}"},{"key":"agent_chat.order.track_shipment","value":"Track shipment"},{"key":"agent_chat.order.of_total","value":"{{index}} of {{total}}"},{"key":"agent_chat.order.label","value":"Order {{number}}"},{"key":"agent_chat.order.count.one","value":"{{count}} Order"},{"key":"agent_chat.order.count.other","value":"{{count}} Orders"},{"key":"agent_chat.order.ordered_on","value":"Ordered {{date}}"},{"key":"agent_chat.order.select","value":"Select order {{number}}"},{"key":"agent_chat.return.heading","value":"Select items to return"},{"key":"agent_chat.return.toggle_item","value":"Select {{name}}"},{"key":"agent_chat.return.select_item_non_returnable","value":"{{name}}, not returnable"},{"key":"agent_chat.return.quantity_label","value":"Return quantity"},{"key":"agent_chat.return.reason_label","value":"Reason for return"},{"key":"agent_chat.return.reason_placeholder","value":"Select a reason"},{"key":"agent_chat.return.confirm","value":"Request return"},{"key":"agent_chat.return.confirmed","value":"Return requested"},{"key":"agent_chat.return.reason.size_too_small","value":"Size too small"},{"key":"agent_chat.return.reason.size_too_large","value":"Size too large"},{"key":"agent_chat.return.reason.unwanted","value":"Unwanted"},{"key":"agent_chat.return.reason.not_as_described","value":"Not as described"},{"key":"agent_chat.return.reason.wrong_item","value":"Wrong item"},{"key":"agent_chat.return.reason.defective","value":"Defective"},{"key":"agent_chat.return.reason.style","value":"Style"},{"key":"agent_chat.return.reason.color","value":"Color"},{"key":"agent_chat.return.reason.other_reason","value":"Other"},{"key":"agent_chat.scroll.previous","value":"Previous"},{"key":"agent_chat.scroll.next","value":"Next"}]}</script>
vendor: 1 bytes, line 1447
1447
1448<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"89993085291","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
1448
1449<meta name="shopify-y" content="5f89b6cb-2c09-4d21-81b8-3b02ef608736" data-expiration="1822397399000"><meta name="shopify-s" content="a80c7ff9-be58-4a55-b2ef-558eb9d02d47" data-expiration="1790841599000"><meta name="new-cookie-storage-activated" content="t">
1450</head>
1451  <body 
1452    class="gradient scrollbar-body overflow-x-hidden text-[0.7875rem] md:text-[0.875rem]" 
1453    x-data="{ runDispatch: true }"
1454    :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 
1455    x-init="$store.xPopup.setWidthScrollbar();"
1456    x-on:mouseover="if (runDispatch) { $dispatch('init-run'); runDispatch = false; }"
1457    x-on:touchstart="if (runDispatch) { 
1458      if (event.target.parentNode.parentNode.id == 'SearchOpen' || event.target.parentNode.id == 'SearchOpen') { setTimeout(() => {  document.querySelector('#SearchOpen').click() }, 200) }
1459      if (event.target.parentNode.parentNode.id == 'cart-icon' || event.target.parentNode.id == 'cart-icon') { setTimeout(() => {  document.querySelector('#cart-icon').click() }, 200) }
1460      if (event.target.parentNode.id == 'mobile-navigation' || event.target.id == 'mobile-navigation') { setTimeout(() => {  document.querySelector('#mobile-navigation').click() }, 200) }
1461      $dispatch('init-run'); runDispatch = false;
1462    }"
1463  ><div
1464          class="hidden" 
1465          x-data='xTabAttention({
1466            message1: "📚 Psst...", 
1467            message2: "Don’t forget your books!", 
1468            delay: 3
1469          })'
1470        >
1471        </div>
1472        
1472<script src="//bkconnection.com/cdn/shop/t/4/assets/tab-attention.js?v=135415189931050011531747335364" defer></script>
1472<div
1473        x-data="{ loading: true }" 
1474        x-intersect=
1475        "
1476          window.onload = () => { 
1477            loading = false; 
1478            setTimeout(() => {
1479              $el.remove();
1480            }, 1000); 
1481          }
1482        "
1483        x-show="loading"
1484        x-transition:leave="transition-all ease-in-out duration-1000"
1485        x-transition:leave-start="opacity-100"
1486        x-transition:leave-end="opacity-0"
1487        class="fixed top-0 left-0 w-full h-full bg-black z-[9999]"
1488      ></div><div class="main-container flex flex-col min-h-screen relative">
1489      <a class="skip-to-content absolute -z-10 button button-solid hidden lg:block pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 mt-0.5 ml-0.5 leading-normal justify-center cursor-pointer focus-visible:z-60" href="#MainContent">
1490        Skip to content
1491      </a>
1492
1493      
1494          <!-- BEGIN sections: header-group-puff -->
1495<div id="shopify-section-sections--24498229674347__announcement-bar" class="shopify-section shopify-section-group-header-group-puff section-announcement"><style data-shopify>#x-announcement-bar .arrow {
1496    background: transparent;
1497    border: 0;
1498    box-shadow: none;
1499    color: #ffffff;
1500  }
1501  .dark #x-announcement-bar .arrow {
1502    color: #ffffff;
1503  }
1504  .announcement-bar_container-sections--24498229674347__announcement-bar {
1505    
1506      background: #4e628c;
1507    
1508    
1509      --colors-text-link: 255,255,255;
1510    
1511  }
1512  .dark .announcement-bar_container-sections--24498229674347__announcement-bar {
1513    
1514      background: #ffffff;
1515    
1516--colors-text-link: 255,255,255;
1517    
1518  }
1519  .announcement-bar_text {
1520    
1521      color: #ffffff;
1522      --colors-line-and-border: 255,255,255;
1523    
1524  }
1525  .dark .announcement-bar_text {
1526    
1527      color: #ffffff;
1528      --colors-line-and-border: 255,255,255;
1529    
1530  }
1531  
1532    .section-announcement {
1533      position: sticky;
1534      top: 0;
1535      z-index: 30;
1536    }
1537  
1538</style><div 
1539    id="x-announcement" 
1540    class="announcement-bar_container-sections--24498229674347__announcement-bar ltr mx-auto flex items-center lg:pl-5 lg:pr-5"
1541    
1542      data-is-sticky="true"
1543      x-init='$store.xHeaderMenu.setVariableHeightHeader(true);document.documentElement.style.setProperty("--top-cart-noti", $el.offsetHeight + "px")'
1544    
1545  >
1546        
1547          <div id="x-slide-announcement-bar" class="disable-effect-hover grow flex-1 x-splide splide has-toolbar:lg:pr-5 has-toolbar:lg:pl-5 overflow-hidden visible relative">
1548            <div class="splide__track x-pgw page-width mx-auto pl-0 pr-0">
1549              <div class="splide__list w-full flex  md:block"><style data-shopify>.text--promo_code_LtceAD .width-countdown {
1550                    width: 7.875rem;
1551                  }.text--promo_code_LtceAD,
1552                    .btn--promo_code_LtceAD {
1553                      font-size: 0.7875rem;
1554                    }
1555                    @media (min-width: 768px) {
1556                      .text--promo_code_LtceAD,
1557                      .btn--promo_code_LtceAD {
1558                        font-size: 0.875rem;
1559                      }
1560                    }.icon--promo_code_LtceAD {
1561                    width: 0.875rem;
1562                    height: 0.875rem;
1563                  }
1564                  .button.text_button_announ--promo_code_LtceAD {
1565                    
1566                      color: ;
1567                    
1568                    
1569                      background: ;
1570                    
1571                  }
1572                  .dark .button.text_button_announ--promo_code_LtceAD {
1573                    
1574                      color: ;
1575                    
1576                    
1577                      background: ;
1578                    
1579                  } 
1580                  @media(min-width: 768px){
1581                    .button.text_button_announ--promo_code_LtceAD {
1582                      
1583                        color: ;
1584                      
1585                      
1586                        background: ;
1587                      
1588                    }
1589                    .dark .button.text_button_announ--promo_code_LtceAD {
1590                      
1591                        color: ;
1592                      
1593                      
1594                        background: ;
1595                      
1596                    } 
1597                  }
1598                  .text-link-with-arrow--promo_code_LtceAD {
1599                    
1600                      color: ;
1601                    
1602                  }
1603                  .dark .text-link-with-arrow--promo_code_LtceAD {
1604                    
1605                      color: ;
1606                    
1607                  }
1608                  .hyperlink-circle-color--promo_code_LtceAD {
1609                    
1610                      background-color: ;
1611                    
1612                  }
1613                  .dark .hyperlink-circle-color--promo_code_LtceAD {
1614                    
1615                      background-color: ;
1616                    
1617                  }</style><div x-slide-index="0" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center py-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div 
1618                      
1619                      class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
1620                      
1621                      <div class="text--promo_code_LtceAD announcement-bar_text flex">
1622                            <div class="flex items-center mr-2 md:mr-3">
1623                              <span class="inline-block icon--promo_code_LtceAD">
1624                                
1625                                  
1626                                    <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
1627    
1628        <path d="M82.014 81.4682C82.9266 81.4249 83.7816 81.3819 84.5788 81.3392C89.4574 81.0791 93.3634 77.4062 93.8209 72.5421C94.3446 66.9748 94.9026 58.806 94.9883 48.7181C95.0031 46.9622 94.6465 45.2166 93.8269 43.6637C91.7033 39.6399 86.7368 31.4649 79.2625 26.5346C77.6811 25.4914 75.8067 25.0363 73.9135 24.9726C68.4795 24.7899 62.4917 24.654 56.4004 24.5537" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
1629        <path d="M5.03186 52.1426C5.01116 53.301 5 54.4714 5 55.6483C5 63.1393 5.45204 69.0527 5.94076 73.257C6.46807 77.7934 10.1829 81.0538 14.7429 81.3049C15.7279 81.3592 16.8088 81.4149 17.9856 81.4706" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
1630        <path fill-rule="evenodd" clip-rule="evenodd" d="M72.1487 35.3834C76.8229 38.0336 80.2299 43.139 82.2236 46.8425C83.4471 49.1154 82.0562 51.7756 79.4846 51.9976C75.9714 52.3008 72.7507 52.0781 70.4809 51.7979C68.5095 51.5542 67.1426 49.8378 67.1426 47.8514V38.4697C67.1426 36.5534 68.6959 35 70.6123 35C71.1489 35 71.6818 35.1187 72.1487 35.3834Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
1631        <path d="M56.4286 52.1429H30.7143H5V28.5714C5 22.1924 5.20179 17.2929 5.44154 13.7231C5.74799 9.15986 9.26649 5.71865 13.8318 5.44458C17.7758 5.20779 23.3384 5 30.7143 5C38.0902 5 43.6526 5.20779 47.5968 5.44458C52.1621 5.71865 55.6805 9.15986 55.9869 13.7231C56.2267 17.2929 56.4286 22.1924 56.4286 28.5714V52.1429Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
1632        <path d="M41.3779 82.1011C44.0901 82.1283 46.9641 82.1437 50.0001 82.1437C53.0372 82.1437 55.9121 82.1283 58.6251 82.1011" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
1633        <path d="M58.5713 83.2144C58.5713 89.7236 63.8479 95.0001 70.357 95.0001C76.8661 95.0001 82.1427 89.7236 82.1427 83.2144C82.1427 76.7053 76.8661 71.4287 70.357 71.4287C63.8479 71.4287 58.5713 76.7053 58.5713 83.2144Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
1634        <path d="M17.8564 83.2144C17.8564 89.7236 23.133 95.0001 29.6422 95.0001C36.1513 95.0001 41.4279 89.7236 41.4279 83.2144C41.4279 76.7053 36.1513 71.4287 29.6422 71.4287C23.133 71.4287 17.8564 76.7053 17.8564 83.2144Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
1635      
1636  </svg>
1637
1638                                  
1639                                
1640                              </span>
1641                            </div>
1642                          
1643
1644<p class="x-announcement-bar-block-data leading-[initial]">FREE shipping on orders over $65!</p></div>
1645                            <style data-shopify>
1646                            .button-coupon--promo_code_LtceAD {color: #ffffff;
1647                                border-color: #ffffff;
1648                              }
1649                            .dark .button-coupon--promo_code_LtceAD {  
1650                                color: var(--colors-button-hover);
1651                                border-color: var(--colors-button-hover);                      
1652                              
1653                            }
1654                            </style>
1655                            <div>
1656                              <button :title="copySuccess?'Copied':'Copy code'" x-data='xCouponCode' x-on:click="copyCode()" class="button-coupon--promo_code_LtceAD border rounded-full border-dashed overflow-hidden items-center flex btn--promo_code_LtceAD none_transition empty:hidden center pl-2 pr-2 pt-1 pb-1 md:pl-3 md:pr-2.5">
1657                                <p x-ref="code_value">
1658                                  FREESHIP
1659                                </p>
1660                                <div class="md:ml-4 ml-3 flex items-center">
1661                                  <span class="icon--promo_code_LtceAD inline-block" x-show="!copySuccess"
1662                                    x-transition:enter="transition-all absolute ease-in-out duration-300"
1663                                    x-transition:enter-start="opacity-0 absolute transform translate-y-full"
1664                                    x-transition:enter-end="opacity-100 absolute transform translate-y-0"
1665                                    x-transition:leave="transition-all absolute ease-in-out duration-300"
1666                                    x-transition:leave-end="opacity-0 transform absolute -translate-y-full">
1667                                  <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
1668        <path d="M16.6154 2H3.53846C2.68879 2 2 2.68879 2 3.53846V16.6154C2 17.4651 2.68879 18.1538 3.53846 18.1538H16.6154C17.4651 18.1538 18.1538 17.4651 18.1538 16.6154V3.53846C18.1538 2.68879 17.4651 2 16.6154 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1669        <path d="M22 6.61536V20.4615C22 20.8695 21.8378 21.2609 21.5494 21.5494C21.2609 21.8378 20.8695 22 20.4615 22H6.61536" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1670      </svg>
1671
1672                                  </span>
1673                                  <span class="icon--promo_code_LtceAD inline-block" x-show="copySuccess" x-cloak
1674                                    x-transition:enter="transition-all ease-in-out duration-300"
1675                                    x-transition:enter-start="opacity-0 transform translate-y-full"
1676                                    x-transition:enter-end="opacity-100 transform translate-y-0"
1677                                    x-transition:leave="transition ease-in-out duration-300"
1678                                    x-transition:leave-end="opacity-0 transform -translate-y-full">
1679                                    <svg width="100%" height="100%" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1680    <g clip-path="url(#clip0_1602_2141)">
1681    <path fill="none" d="M20.3232 6.71851L9.32324 17.7185L4.32324 12.7185" stroke="currentcolor" stroke-width="5" stroke-linecap="square" stroke-linejoin="round"/>
1682    </g>
1683  </svg>
1684
1685                                  </span>
1686                                </div>
1687                              </button>
1688                            </div>
1689                            
1689<script src="//bkconnection.com/cdn/shop/t/4/assets/coupon-code.js?v=99683073096863989621747335364" defer></script>
1689
1690                          
1691</div></div></div>
1692            </div></div>
1693        
1694
1695</div>
1696</div><div id="shopify-section-sections--24498229674347__header" class="shopify-section shopify-section-group-header-group-puff section-header">
1697
1698<style data-shopify>
1699.logo-name {
1700    font-size: 1.125rem;
1701  }
1702  .transparent-header .logo-name,
1703  .transparent-header header {
1704    
1705      color: #ffffff;
1706    
1707  }
1708  .dark .transparent-header .logo-name,
1709  .dark .transparent-header header {
1710    
1711      color: #ffffff;
1712    
1713    
1714  }
1715  
1716  header {
1717    grid-template-areas: "drawer heading icons";
1718    
1719  }
1720  @media (min-width: 1024px) {
1721    header {
1722      grid-template-areas: "heading navigation icons" ". . .";
1723      grid-template-columns: 1fr 4fr 1fr;
1724    } 
1725    .logo-name {
1726      font-size: 2.25rem;
1727    }
1728    .pt-header {
1729      padding-top: 12px;
1730    }
1731    .pb-header {
1732      padding-bottom: 12px;
1733    }
1734  }</style><div x-show="$store.xHeaderMenu.overlay" 
1735  x-transition:enter="ease-in-out duration-300"
1736  x-transition:enter-start="opacity-0"
1737  x-transition:enter-end="opacity-100"
1738  x-transition:leave="transition-all ease-in-out duration-300"
1739  x-transition:leave-end="opacity-0"
1740  class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0 z-20" x-cloak>
1741</div>
1742<div
1743  id="x-header-container"
1744  class="relative text-[rgb(var(--colors-text-header))] z-50"
1745  x-init='$store.xHeaderMenu.removeStickyHeader();$store.xHeaderMenu.initSticky($el, "shopify-section-sections--24498229674347__header", "always", false); $store.xHeaderMenu.mobileHeaderLayout="center-left";'
1746  
1747    x-intersect:leave="$store.xHeaderMenu.handleAlwaysSticky()"
1748    data-is-sticky="true"
1749    :class="$store.xMiniCart.open && 'z-[60]'"
1750  
1751  @click.away="$store.xHeaderMenu.openHamburgerMenu = false;"
1752  
1753>
1754  <div id="sticky-header" class="shopify-header text-[rgb(var(--colors-text-header))] background-header"
1755    x-intersect="$store.xHeaderMenu.setVariableHeightHeader(true)"
1756  >
1757    <div
1758      id="sticky-header-content"
1759      class="sticky-header-content z-20 w-full top-0
1760       header-full-width"
1761      :class="{ 'background-header sticky-header-active': ($store.xHeaderMenu.isSticky || $store.xHeaderMenu.overlay), 'padding-scrollbar-header': $store.xHeaderMenu.isSticky && ($store.xPopup.open || $store.xPopup.openVideoShopping), 'static': $store.xHeaderMenu.overlay, 'relative': !$store.xHeaderMenu.overlay}"
1762      
1763      x-intersect.once="$store.xHeaderMenu.setTopStickyHeader()"
1764    >
1765      <header 
1766        class="header lg:pb-0 pt-[16px] pb-[16px] pt-header lg:pb-0 full-width grid lg:mx-auto gap-x-2" :class="{ ' lg:pt-5': !$store.xHeaderMenu.isSticky, 'open-menu': $store.xHeaderMenu.overlay }"
1767        
1768      >
1769        <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full">
1770          
1771          
1772          <style data-shopify>
1773            .mobile-navigation-modern-icon-bg{
1774              background: rgba(var(--colors-line-header),1)
1775            }
1776          </style>
1777          <div 
1778            id="mobile-navigation"
1779            @click="setTimeout(() => { $store.xMobileNav.open() }, 0)"
1780            class="relative  p-2 mobile-navigation-modern-icon-bg  rounded-full cursor-pointer "
1781          > 
1782            <div class="w-5 h-5"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
1783        <path d="M4 8H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1784        <path d="M4 16H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1785      </svg>
1786</div>            
1787          </div>
1788        </div>
1789          <h1 class="flex logo-name p-break-words lg:order-2 top-4 text-center [grid-area:heading] mx-auto justify-center pb-header flex items-center  lg:justify-left lg:relative lg:left-0 lg:translate-x-0 lg:mt-0 lg:top-0 lg:[grid-area:auto] lg:ml-0"
1790          >
1791        
1792          
1793
1794<div class="flex">
1795  <a href="/" class="w-[150px] md:w-[200px] h-auto disable-effect inline-block"><span class="hidden dark:block h-0 dark:h-auto mx-auto md:ml-0">Berrett-Koehler Publishers</span><img
1796        src="//bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=2400"
1797        alt="Berrett-Koehler Publishers"
1798        sizes="(min-width: 768px) 200px, 150px"
1799        srcset="//bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=50 50w,
1800          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=100 100w,
1801          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=150 150w,
1802          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=200 200w,
1803          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=250 250w,
1804          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=300 300w,
1805          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=400 400w,
1806          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=500 500w,
1807          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=600 600w"
1808        width="2400"
1809        height="600"
1810        class="header-logo block dark:hidden dark:absolute mx-auto md:ml-0"
1811        loading="eager"
1812        fetchpriority="high"
1813        decoding="sync"
1814      /></a>
1815</div>
1816</h1>
1817        <div
1818          class="x-container-header-icons justify-end lg:order-4 [grid-area:icons] lg:[grid-area:auto] pb-header flex"
1819        >
1820          <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3"></div><style data-shopify>
1821              
1822                @media (max-width: 767px) {
1823                  .mobile-center-left #SearchOpen {
1824                    left: 3.5rem;
1825                  }
1826                  .mobile-center-right #SearchOpen {
1827                    right: 3.5rem;
1828                  }
1829                }
1830              
1831            </style>
1832            <div class="x-header-icon-search  flex items-center justify-center mobile-center-left" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'header-search-block', '#ajax-loading-header-search');">
1833              <a 
1834                id="SearchOpen"
1835                href="/search" 
1836                aria-label="search"
1837                class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 
1838                @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)">
1839                <span class="w-11 h-10 px-3 pt-2.5 pb-2"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
1840        <path d="M11.4545 19.6364C15.9732 19.6364 19.6363 15.9732 19.6363 11.4545C19.6363 6.93585 15.9732 3.27273 11.4545 3.27273C6.93583 3.27273 3.27271 6.93585 3.27271 11.4545C3.27271 15.9732 6.93583 19.6364 11.4545 19.6364Z" stroke="currentColor" stroke-width="2"/>
1841        <path d="M17 18L21 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1842      </svg>        
1843    
1844</span>
1845              </a>
1846            </div>
1847            <a href="/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full&region_country=US"
1848              aria-label="Log in"
1849              class="header-icon-account hidden lg:flex relative items-center justify-center">
1850              <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2">
1851                <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
1852        <path d="M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1715C18.0783 15.4214 17.0609 15 16 15H7.99999C6.93913 15 5.92171 15.4214 5.17157 16.1715C4.42142 16.9217 4 17.9391 4 19V21" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1853        <path d="M12 11C14.2092 11 16.0001 9.20914 16.0001 7C16.0001 4.79086 14.2092 3 12 3C9.79093 3 8.00006 4.79086 8.00006 7C8.00006 9.20914 9.79093 11 12 11Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1854      </svg>
1855
1856              </span>
1857            </a><div class="header-icon-cart cursor-pointer relative flex items-center">
1858              <a 
1859                id="cart-icon"
1860                href="/cart"
1861                class="relative flex items-center"   
1862                           
1863                  @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)"
1864                  :class="$store.xMiniCart.open && 'pointer-events-none'"
1865                
1866                aria-controls="CartDrawer"
1867                aria-expanded="false"
1868                aria-label="icon-cart"
1869              >
1870                <span class="w-11 h-10 md:pl-3 inline-block pl-3 pr-0 md:pr-2.5 pt-2.5 pb-2">
1871                  <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill:none;">
1872    <path d="M20.1417 19.463C20.1636 19.6573 20.1439 19.8539 20.0842 20.0401C20.0246 20.2262 19.9263 20.3976 19.7956 20.543C19.6646 20.6881 19.5042 20.804 19.3253 20.8827C19.1463 20.9615 18.9526 21.0015 18.7571 21H5.24324C5.04769 21.0015 4.85405 20.9615 4.67506 20.8827C4.49607 20.804 4.33578 20.6881 4.20477 20.543C4.07411 20.3976 3.97571 20.2262 3.91605 20.0401C3.85639 19.8539 3.83681 19.6573 3.85862 19.463L5.07708 8.5384H18.9232L20.1417 19.463Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1873    <path d="M8.53864 8.53847V6.46154C8.53864 5.54349 8.90333 4.66302 9.55249 4.01386C10.2017 3.3647 11.0821 3 12.0002 3C12.9182 3 13.7987 3.3647 14.4479 4.01386C15.097 4.66302 15.4617 5.54349 15.4617 6.46154V8.53847" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1874  </svg>
1875                </span>
1876                <div id="cart-icon-bubble" class="count_item absolute -top-0.5
1877                -right-1.5
1878                   md:right-0 " data-value="0">
1879                  <div class="bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-5 w-5 rounded-full text-[10px] hidden"><span class="h-full flex items-center justify-center mt-[1px]" aria-hidden="true">0</span></div>
1880                </div>
1881              </a>
1882            </div></div>
1883
1884        
1885
1886        
1887
1888<style data-shopify>
1889    .svg-highlight-sections--24498229674347__header {
1890    
1891      --color-highlight: #f8c000;
1892    
1893    }
1894    .dark .svg-highlight-sections--24498229674347__header {
1895      
1896        --color-highlight: #4d6391;
1897      
1898    }
1899  
1900  .x-icon-caret svg {
1901    color: var(--colors-text-header);
1902    --tw-rotate: 0deg;
1903    transform: rotate(var(--tw-rotate));
1904    transition: transform 0.5s ease 0.1s;
1905  }
1906  
1907    .clicked .x-icon-caret svg {
1908      color: var(--colors-text-link);
1909      --tw-rotate: 180deg;
1910    }
1911  
1912</style><nav x-on:click.away="$store.xHeaderMenu.hideMenu($el)" class="x-container-header-nav [grid-area:navigation] w-full pb-header lg:[grid-area:auto] order-3 hidden header__inline-menu lg:flex items-center justify-center">
1913  <ul class="duration-500 list-menu inline-flex flex-wrap items-center justify-center">
1914<li x-data='{ active: false }' 
1915                class="pr-5 simple_menu pl-5 has-dropdown" 
1916                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
1917                
1918                  
1919                  x-on:mouseover="$el.classList.add('is-focus');"
1920                  @mouseleave="$el.classList.remove('is-focus');"
1921                  @focusin="$el.classList.add('is-focus');"
1922                  @focusout="$el.classList.remove('is-focus');"
1923                
1924              >
1925                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active"
1926                  
1927                    
1928                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
1929                    
1930                  
1931                >
1932                  <div class=" flex items-center">
1933                    <div class="relative">
1934                      <a href="#"
1935                        class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
1936                      >
1937                        
1938          
1939          
1940            
1941            
1942              <span>Shop</span>
1943            
1944          
1945        
1946                      </a>
1947                      
1948                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
1949    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1950  </svg>
1951</span></div>
1952                </div><div id="menu-1"></div></li>
1953<li x-data='{ active: false }' 
1954                class="pr-5 tabbed_menu pl-5 has-dropdown" 
1955                
1956                  
1957                  x-on:mouseover="$el.classList.add('is-focus');"
1958                  @mouseleave="$el.classList.remove('is-focus');"
1959                  @focusin="$el.classList.add('is-focus');"
1960                  @focusout="$el.classList.remove('is-focus');"
1961                
1962              >
1963                <div class="tabbed_menu_item cursor-pointer relative hover-text-link flex items-center is-focus:link-active"
1964                  
1965                    
1966                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
1967                    
1968                  
1969                >
1970                  <div class=" flex items-center">
1971                    <div class="relative">
1972                      <a href="#"
1973                        class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
1974                        
1975                      >
1976                        
1977          
1978          
1979            
1980            
1981              <span>Offers</span>
1982            
1983          
1984        
1985                      </a>
1986                      
1987                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
1988    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1989  </svg>
1990</span></div>
1991                </div>
1992                
1993                  <div id="menu-2"></div>
1994                
1995              </li>
1996<li
1997              id="tree_menu_qnqE8m"
1998              class="pr-5 tree-menu pl-5 relative has-dropdown"
1999              
2000                
2001                x-on:mouseover="$el.classList.add('is-focus');"
2002                @mouseleave="$el.classList.remove('is-focus');"
2003                @focusin="$el.classList.add('is-focus');"
2004                @focusout="$el.classList.remove('is-focus');"
2005              
2006            >
2007              <div class="relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative duration-200 transition hover-text-link is-focus:link-active" x-data='{ active: false }' 
2008                
2009                  
2010                    @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2011                  
2012                
2013              >
2014                <div class=" flex items-center">
2015                  <div class="relative">
2016                    <a
2017                      href="/pages/author-services"
2018                      class=" cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative duration-200 transition hover-text-link is-focus:link-active" 
2019                      
2020                    > 
2021                      
2022          
2023          
2024            
2025            
2026              <span>Services</span>
2027            
2028          
2029        
2030                    </a></div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2031    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2032  </svg>
2033</span></div>
2034              </div><div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" >
2035                  <div class="tree-menu-nav" id="menu-3"> </div>
2036                </div></li>
2037<li
2038              id="tree_menu_4jytzF"
2039              class="pr-5 tree-menu pl-5 relative has-dropdown"
2040              
2041                
2042                x-on:mouseover="$el.classList.add('is-focus');"
2043                @mouseleave="$el.classList.remove('is-focus');"
2044                @focusin="$el.classList.add('is-focus');"
2045                @focusout="$el.classList.remove('is-focus');"
2046              
2047            >
2048              <div class="relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative duration-200 transition hover-text-link 
2048is-focus:link-active" x-data='{ active: false }' 
2049                
2050                  
2051                    @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2052                  
2053                
2054              >
2055                <div class=" flex items-center">
2056                  <div class="relative">
2057                    <a
2058                      href="#"
2059                      class=" cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative duration-200 transition hover-text-link is-focus:link-active" 
2060                      
2061                    > 
2062                      
2063          
2064          
2065            
2066            
2067              <span>Get Published</span>
2068            
2069          
2070        
2071                    </a></div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2072    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2073  </svg>
2074</span></div>
2075              </div><div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" >
2076                  <div class="tree-menu-nav" id="menu-4"> </div>
2077                </div></li>
2078<li x-data='{ active: false }' 
2079                class="pr-5 simple_menu pl-5 has-dropdown" 
2080                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
2081                
2082                  
2083                  x-on:mouseover="$el.classList.add('is-focus');"
2084                  @mouseleave="$el.classList.remove('is-focus');"
2085                  @focusin="$el.classList.add('is-focus');"
2086                  @focusout="$el.classList.remove('is-focus');"
2087                
2088              >
2089                <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active"
2090                  
2091                    
2092                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2093                    
2094                  
2095                >
2096                  <div class=" flex items-center">
2097                    <div class="relative">
2098                      <a href="#"
2099                        class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 
2100                      >
2101                        
2102          
2103          
2104            
2105            
2106              
2107
2108
2109<span 
2110  class="highlight relative inline-block" 
2111  x-data="{ isIntersecting: false }" 
2112  x-intersect.once="isIntersecting = true"
2113  :class="isIntersecting && 'highlight-anm-start'"
2114>
2115  Members
2116  
2117  
2118    <svg class="svg-highlight svg-highlight-sections--24498229674347__header svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none">
2119      <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight)" stroke-width="2.5px"/>
2120    </svg>
2121  
2122
2123</span>
2124            
2125          
2126        
2127                      </a>
2128                      
2129                    </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2130    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2131  </svg>
2132</span></div>
2133                </div><div id="menu-5"></div></li>
2134<li
2135              id="tree_menu_Kz4jcQ"
2136              class="pr-5 tree-menu pl-5 relative has-dropdown"
2137              
2138                
2139                x-on:mouseover="$el.classList.add('is-focus');"
2140                @mouseleave="$el.classList.remove('is-focus');"
2141                @focusin="$el.classList.add('is-focus');"
2142                @focusout="$el.classList.remove('is-focus');"
2143              
2144            >
2145              <div class="relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative duration-200 transition hover-text-link 
2145is-focus:link-active" x-data='{ active: false }' 
2146                
2147                  
2148                    @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2149                  
2150                
2151              >
2152                <div class=" flex items-center">
2153                  <div class="relative">
2154                    <a
2155                      href="#"
2156                      class=" cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative duration-200 transition hover-text-link is-focus:link-active" 
2157                      
2158                    > 
2159                      
2160          
2161          
2162            
2163            
2164              <span>About</span>
2165            
2166          
2167        
2168                    </a></div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2169    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2170  </svg>
2171</span></div>
2172              </div><div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" >
2173                  <div class="tree-menu-nav" id="menu-6"> </div>
2174                </div></li>
2175<template x-teleport="#menu-1">
2176<template x-if="!runDispatch">  
2177      <div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] mega-menu-horizontal main-nav-child-right is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
2178        <div>
2179          <div class="x-pgw page-width mx-auto flex promotion-horizontal image-count-1 md:max-h-[80vh]"><ul class="mega-nav order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-4/5 top-full"><li class="relative w-24 lg:w-48">
2180                    <div class="font-semibold">
2181<a href="/collections/books" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3">
2182                        Subjects
2183                      </a>
2184                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2185<span class="flex-1">
2186                              <a href="/collections/leadership" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2187                                Leadership
2188                              </a>
2189                            </span>
2190                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2191<span class="flex-1">
2192                              <a href="/collections/professional-development" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2193                                Professional Development
2194                              </a>
2195                            </span>
2196                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2197<span class="flex-1">
2198                              <a href="/collections/workplace-culture" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2199                                Workplace Culture
2200                              </a>
2201                            </span>
2202                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2203<span class="flex-1">
2204                              <a href="/collections/diversity-inclusion" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2205                                Diversity &amp; Inclusion
2206                              </a>
2207                            </span>
2208                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2209<span class="flex-1">
2210                              <a href="/collections/personal-growth" class="nav-link relative transition duration-200 p-break-words hover-text-link 
2210inline-block">
2211                                Personal Growth
2212                              </a>
2213                            </span>
2214                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2215<span class="flex-1">
2216                              <a href="/collections/social-change" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2217                                Social Change
2218                              </a>
2219                            </span>
2220                          </li></ul></li><li class="relative w-24 lg:w-48">
2221                    <div class="font-semibold">
2222<a href="/collections" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3">
2223                        Curations
2224                      </a>
2225                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2226<span class="flex-1">
2227                              <a href="/collections/new-releases" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2228                                New Releases
2229                              </a>
2230                            </span>
2231                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2232<span class="flex-1">
2233                              <a href="/collections/coming-soon" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2234                                Coming Soon
2235                              </a>
2236                            </span>
2237                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2238<span class="flex-1">
2239                              <a href="/collections/bestsellers" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2240                                Bestsellers
2241                              </a>
2242                            </span>
2243                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2244<span class="flex-1">
2245                              <a href="/collections/award-winners" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2246                                Award Winners
2247                              </a>
2248                            </span>
2249                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2250<span class="flex-1">
2251                              <a href="/collections/higher-education" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2252                                Higher Education
2253                              </a>
2254                            </span>
2255                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2256<span class="flex-1">
2257                              <a href="/collections/essential-workbooks" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2258                                Essential Workbooks
2259                              </a>
2260                            </span>
2261                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2262<span class="flex-1">
2263                              <a href="/collections/companion-card-decks" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2264                                Companion Card Decks
2265                              </a>
2266                            </span>
2267                          </li></ul></li><li class="relative w-24 lg:w-48">
2268                    <div class="font-semibold">
2269<a href="/collections" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3">
2270                        Signature Collections
2271                      </a>
2272                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2273<span class="flex-1">
2274                              <a href="/collections/no-kings-library" class="nav-link relative transition duration-200 p-break-words hover-text-link 
2274inline-block">
2275                                No Kings Library
2276                              </a>
2277                            </span>
2278                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2279<span class="flex-1">
2280                              <a href="/collections/the-hidden-history-series" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2281                                The Hidden History Series
2282                              </a>
2283                            </span>
2284                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2285<span class="flex-1">
2286                              <a href="/collections/the-ken-blanchard-library" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2287                                The Ken Blanchard Library
2288                              </a>
2289                            </span>
2290                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2291<span class="flex-1">
2292                              <a href="/collections/the-remote-work-collection-1" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2293                                The Remote Work Collection
2294                              </a>
2295                            </span>
2296                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2297<span class="flex-1">
2298                              <a href="/collections/black-history-collection" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2299                                Black History Collection
2300                              </a>
2301                            </span>
2302                          </li></ul></li></ul><div class="relative float-right md:right-5 lg:right-0 pt-8 pb-8 w-1/5 order-4"> 
2303                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex gap-5"><style data-shopify>
2304                      .image-simple_menu_qVN9bW-1 {
2305                        height: 150px;
2306                      }
2307                    </style>
2308                    
2309                    <div class="mega-menu-card w-full group relative background-color-simple_menu_qVN9bW-1 ltr rounded-[10px]">
2310                      
2311<style data-shopify>.title-color-simple_menu_qVN9bW-1 {
2312      color: ;
2313      --colors-heading: , , ;
2314    }.text-simple_menu_qVN9bW-1 {
2315    font-size: 0.7875rem;
2316  }
2317  .sub-heading-simple_menu_qVN9bW-1 {
2318    font-size: 1.125rem;
2319  }
2320  .heading-simple_menu_qVN9bW-1 {
2321    font-size: 1.575rem;
2322  }
2323  @media (min-width: 768px) {
2324    .sub-heading-simple_menu_qVN9bW-1 {
2325      font-size: 1.305rem;
2326    }
2327    .heading-simple_menu_qVN9bW-1 {
2328      font-size: 2.25rem; 
2329    }
2330    .text-simple_menu_qVN9bW-1 {
2331      font-size: 0.875rem;
2332    }
2333  }.button--simple_menu_qVN9bW-1.button-solid,
2334    .button--simple_menu_qVN9bW-1.button-solid:before {--colors-line-and-border: var(--colors-button);}.button--simple_menu_qVN9bW-1.button-outline {}
2335  
2336</style><div 
2337    
2338    class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_qVN9bW-1 pb-[%] rounded-[10px] overflow-hidden"
2339    
2340  >
2341    
2342    
2343    
2344      <div 
2345        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
2346      >
2347    
2348      <img
2349        srcset="//bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=225 225w,
2350        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=375 375w,
2351        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=450 450w,
2352        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=750 750w,
2353        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=900 900w,
2354        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=1100 1100w,
2355        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=1500 1500w,
2356        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=1780 1780w"
2357        src="//bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=1780"
2358        
2359          loading="lazy"
2360         
2361        sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw"
2362        alt=""
2363        width="750"
2364        height="500.0"
2365        style="object-position: 50.0% 50.0%;"
2366        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
2367        onload="this?.classList.add('active'); 
2368          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
2369          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
2370        "
2371      />
2372    </div>
2373  
2374  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div><div class="promotion-content background-color-simple_menu_qVN9bW-1 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] left-0 right-0 grow"><a href="/products/berrett-koehler-publishers-gift-card" class="button button-solid mt-2 lg:mt-2.5 button--simple_menu_qVN9bW-1 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
2375        
2376
2377  
2378    <span class="button-text  is-focus-button:opacity-0">BK Gift Cards</span>
2379  
2380
2381
2382      </a>
2383    
2384  </div>
2385
2386
2387                    </div></div>
2388              </div></div>
2389          
2390        </div>
2391      </div>
2392    </template></template>
2393          
2394
2395
2396                  <template x-teleport="#menu-2">
2397<template x-if="!runDispatch">
2398      <div class="toggle-menu toggle-menu-hidden is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md overflow-hidden">
2399        <div class="flex gap-x-8 mx-auto x-pgw page-width pb-5 pt-8 pb-8"><div class="mega-menu-card group section--sections--24498229674347__header w-full flex relative overflow-hidden h-[300px]">
2400              
2401              
2402<style data-shopify>.text-color-banner_menu_8rp4Xy-1 {
2403      color: #ffffff;
2404      --colors-text: 255, 255, 255;
2405      --colors-heading: 255, 255, 255;
2406    }.title-color-banner_menu_8rp4Xy-1 {
2407      color: ;
2408      --colors-heading: , , ;
2409    }.text-banner_menu_8rp4Xy-1 {
2410    font-size: 0.7875rem;
2411  }
2412  .sub-heading-banner_menu_8rp4Xy-1 {
2413    font-size: 1.125rem;
2414  }
2415  .heading-banner_menu_8rp4Xy-1 {
2416    font-size: 1.575rem;
2417  }
2418  @media (min-width: 768px) {
2419    .sub-heading-banner_menu_8rp4Xy-1 {
2420      font-size: 1.305rem;
2421    }
2422    .heading-banner_menu_8rp4Xy-1 {
2423      font-size: 2.25rem; 
2424    }
2425    .text-banner_menu_8rp4Xy-1 {
2426      font-size: 0.875rem;
2427    }
2428  }.button--banner_menu_8rp4Xy-1.button-solid,
2429    .button--banner_menu_8rp4Xy-1.button-solid:before {--colors-line-and-border: var(--colors-button);--colors-button-text: 255, 255, 255;--colors-button-text-hover: 255, 255, 255;}.button--banner_menu_8rp4Xy-1.button-outline {--colors-secondary-button: 255, 255, 255; 
2430      --colors-line-secondary-button: 255, 255, 255;
2431      --background-secondary-button: transparent;}
2432  
2433    .button--banner_menu_8rp4Xy-1.button-text-link, .button--banner_menu_8rp4Xy-1.button-text-link::after, .button--banner_menu_8rp4Xy-1.button-text-link::before {
2434      --colors-text-link: 255, 255, 255;
2435    }
2436  
2437</style><div 
2438    
2439    class="group w-full relative text-center image-banner_menu_8rp4Xy-1 overflow-hidden promotion-header overflow-hidden rounded-[10px] overflow-hidden">
2440    
2441    
2442    
2443      <div 
2444        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]"
2445      >
2446    
2447      <img
2448        srcset="//bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=225 225w,
2449        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=375 375w,
2450        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=450 450w,
2451        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=750 750w,
2452        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=900 900w,
2453        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=1100 1100w,
2454        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=1500 1500w,
2455        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=1780 1780w"
2456        src="//bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=1780"
2457        
2458          loading="lazy"
2459         
2460        sizes="(min-width: 1200px) 400px, (min-width: 768px) calc(100vw/3), 100vw"
2461        alt=""
2462        width="2250"
2463        height="1500.0"
2464        style="object-position: 50.0% 50.0%;"
2465        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
2466        onload="this?.classList.add('active'); 
2467          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
2468          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
2469        "
2470      />
2471    </div>
2472  
2473  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-60 rounded-[10px]"></span><div class="promotion-content background-color-banner_menu_8rp4Xy-1 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] mt-2 absolute left-0 right-0 promotion-content-center mb-2 pointer-events-none text-overlay ml-2 mr-2 top-1/2 -translate-y-1/2"><div class="mb-1 leading-tight rte text-color-banner_menu_8rp4Xy-1 text-banner_menu_8rp4Xy-1 p-break-words pointer-events-auto"><p><strong>Free bookmark when you buy </strong><em><strong>Catch People Doing Things Right </strong></em>from any retailer!</p></div><a href="https://ideas.bkconnection.com/catch-people-doing-things-right-gifts" target="_blank" class="button button-solid mt-2 lg:mt-2.5 button--banner_menu_8rp4Xy-1 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
2474        
2475
2476  
2477    <span class="button-text  is-focus-button:opacity-0">Learn More</span>
2478  
2479
2480
2481      </a>
2482    
2483  </div>
2484
2485</div>
2486            </div>
2487          
2488
2489            <div class="mega-menu-card group section--sections--24498229674347__header w-full flex relative overflow-hidden h-[300px]">
2490              
2491<style data-shopify>.text-color-banner_menu_8rp4Xy-2 {
2492      color: #ffffff;
2493      --colors-text: 255, 255, 255;
2494      --colors-heading: 255, 255, 255;
2495    }.title-color-banner_menu_8rp4Xy-2 {
2496      color: ;
2497      --colors-heading: , , ;
2498    }.text-banner_menu_8rp4Xy-2 {
2499    font-size: 0.7875rem;
2500  }
2501  .sub-heading-banner_menu_8rp4Xy-2 {
2502    font-size: 1.125rem;
2503  }
2504  .heading-banner_menu_8rp4Xy-2 {
2505    font-size: 1.575rem;
2506  }
2507  @media (min-width: 768px) {
2508    .sub-heading-banner_menu_8rp4Xy-2 {
2509      font-size: 1.305rem;
2510    }
2511    .heading-banner_menu_8rp4Xy-2 {
2512      font-size: 2.25rem; 
2513    }
2514    .text-banner_menu_8rp4Xy-2 {
2515      font-size: 0.875rem;
2516    }
2517  }.button--banner_menu_8rp4Xy-2.button-solid,
2518    .button--banner_menu_8rp4Xy-2.button-solid:before {--colors-line-and-border: var(--colors-button);--colors-button-text: 255, 255, 255;--colors-button-text-hover: 255, 255, 255;}.button--banner_menu_8rp4Xy-2.button-outline {--colors-secondary-button: 255, 255, 255; 
2519      --colors-line-secondary-button: 255, 255, 255;
2520      --background-secondary-button: transparent;}
2521  
2522    .button--banner_menu_8rp4Xy-2.button-text-link, .button--banner_menu_8rp4Xy-2.button-text-link::after, .button--banner_menu_8rp4Xy-2.button-text-link::before {
2523      --colors-text-link: 255, 255, 255;
2524    }
2525  
2526</style><div 
2527    
2528    class="group w-full relative text-center image-banner_menu_8rp4Xy-2 overflow-hidden promotion-header overflow-hidden rounded-[10px] overflow-hidden">
2529    
2530    
2531    
2532      <div 
2533        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]"
2534      >
2535    
2536      <img
2537        srcset="//bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=225 225w,
2538        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=375 375w,
2539        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=450 450w,
2540        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=750 750w,
2541        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=900 900w,
2542        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=1100 1100w,
2543        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=1500 1500w,
2544        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=1780 1780w"
2545        src="//bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=1780"
2546        
2547          loading="lazy"
2548         
2549        sizes="(min-width: 1200px) 400px, (min-width: 768px) calc(100vw/3), 100vw"
2550        alt=""
2551        width="2250"
2552        height="1500.0"
2553        style="object-position: 50.0% 50.0%;"
2554        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
2555        onload="this?.classList.add('active'); 
2556          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
2557          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
2558        "
2559      />
2560    </div>
2561  
2562  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-60 rounded-[10px]"></span><div class="promotion-content background-color-banner_menu_8rp4Xy-2 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] mt-2 absolute left-0 right-0 promotion-content-center mb-2 pointer-events-none text-overlay ml-2 mr-2 top-1/2 -translate-y-1/2"><div class="mb-1 leading-tight rte text-color-banner_menu_8rp4Xy-2 text-banner_menu_8rp4Xy-2 p-break-words pointer-events-auto"><p><strong>Free notepad and sticker when you buy </strong><em><strong>Eat That Frog!, Fourth Edition </strong></em>from any retailer!</p></div><a href="https://ideas.bkconnection.com/eat-that-frog-4-gifts" target="_blank" class="button button-solid mt-2 lg:mt-2.5 button--banner_menu_8rp4Xy-2 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
2563        
2564
2565  
2566    <span class="button-text  is-focus-button:opacity-0">Learn More</span>
2567  
2568
2569
2570      </a>
2571    
2572  </div>
2573
2574</div>
2575            </div>
2576          
2577
2578            <div class="mega-menu-card group section--sections--24498229674347__header w-full flex relative overflow-hidden h-[300px]">
2579              
2580<style data-shopify>.text-color-banner_menu_8rp4Xy-3 {
2581      color: #ffffff;
2582      --colors-text: 255, 255, 255;
2583      --colors-heading: 255, 255, 255;
2584    }.title-color-banner_menu_8rp4Xy-3 {
2585      color: ;
2586      --colors-heading: , , ;
2587    }.text-banner_menu_8rp4Xy-3 {
2588    font-size: 0.86625rem;
2589  }
2590  .sub-heading-banner_menu_8rp4Xy-3 {
2591    font-size: 1.125rem;
2592  }
2593  .heading-banner_menu_8rp4Xy-3 {
2594    font-size: 1.575rem;
2595  }
2596  @media (min-width: 768px) {
2597    .sub-heading-banner_menu_8rp4Xy-3 {
2598      font-size: 1.305rem;
2599    }
2600    .heading-banner_menu_8rp4Xy-3 {
2601      font-size: 2.25rem; 
2602    }
2603    .text-banner_menu_8rp4Xy-3 {
2604      font-size: 0.9625rem;
2605    }
2606  }.button--banner_menu_8rp4Xy-3.button-solid,
2607    .button--banner_menu_8rp4Xy-3.button-solid:before {--colors-line-and-border: var(--colors-button);--colors-button-text: 255, 255, 255;--colors-button-text-hover: 255, 255, 255;}.button--banner_menu_8rp4Xy-3.button-outline {--colors-secondary-button: 255, 255, 255; 
2608      --colors-line-secondary-button: 255, 255, 255;
2609      --background-secondary-button: transparent;}
2610  
2611    .button--banner_menu_8rp4Xy-3.button-text-link, .button--banner_menu_8rp4Xy-3.button-text-link::after, .button--banner_menu_8rp4Xy-3.button-text-link::before {
2612      --colors-text-link: 255, 255, 255;
2613    }
2614  
2615</style><div 
2616    
2617    class="group w-full relative text-center image-banner_menu_8rp4Xy-3 overflow-hidden promotion-header overflow-hidden rounded-[10px] overflow-hidden">
2618    
2619    
2620    
2621      <div 
2622        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]"
2623      >
2624    
2625      <img
2626        srcset="//bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=225 225w,
2627        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=375 375w,
2628        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=450 450w,
2629        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=750 750w,
2630        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=900 900w,
2631        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=1100 1100w,
2632        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=1500 1500w,
2633        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=1780 1780w"
2634        src="//bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=1780"
2635        
2636          loading="lazy"
2637         
2638        sizes="(min-width: 1200px) 400px, (min-width: 768px) calc(100vw/3), 100vw"
2639        alt=""
2640        width="2250"
2641        height="1500.0"
2642        style="object-position: 50.0% 50.0%;"
2643        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
2644        onload="this?.classList.add('active'); 
2645          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
2646          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
2647        "
2648      />
2649    </div>
2650  
2651  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-60 rounded-[10px]"></span><div class="promotion-content background-color-banner_menu_8rp4Xy-3 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] mt-2 absolute left-0 right-0 promotion-content-center mb-2 pointer-events-none text-overlay ml-2 mr-2 bottom-0"><div class="mb-1 leading-tight rte text-color-banner_menu_8rp4Xy-3 text-banner_menu_8rp4Xy-3 p-break-words pointer-events-auto"><p><strong>Free signed bookplate when you buy </strong><em><strong>Fixing Fairness </strong></em>from any retailer!</p></div><a href="https://ideas.bkconnection.com/fixing-fairness-bookplate" target="_blank" class="button button-solid mt-2 lg:mt-2.5 button--banner_menu_8rp4Xy-3 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
2652        
2653
2654  
2655    <span class="button-text  is-focus-button:opacity-0">Learn More</span>
2656  
2657
2658
2659      </a>
2660    
2661  </div>
2662
2663</div>
2664            </div>
2665          
2666
2667            <div class="mega-menu-card group section--sections--24498229674347__header w-full flex relative overflow-hidden h-[300px]">
2668              
2669<style data-shopify>.text-color-banner_menu_8rp4Xy-4 {
2670      color: #ffffff;
2671      --colors-text: 255, 255, 255;
2672      --colors-heading: 255, 255, 255;
2673    }.title-color-banner_menu_8rp4Xy-4 {
2674      color: ;
2675      --colors-heading: , , ;
2676    }.text-banner_menu_8rp4Xy-4 {
2677    font-size: 0.86625rem;
2678  }
2679  .sub-heading-banner_menu_8rp4Xy-4 {
2680    font-size: 1.125rem;
2681  }
2682  .heading-banner_menu_8rp4Xy-4 {
2683    font-size: 1.575rem;
2684  }
2685  @media (min-width: 768px) {
2686    .sub-heading-banner_menu_8rp4Xy-4 {
2687      font-size: 1.305rem;
2688    }
2689    .heading-banner_menu_8rp4Xy-4 {
2690      font-size: 2.25rem; 
2691    }
2692    .text-banner_menu_8rp4Xy-4 {
2693      font-size: 0.9625rem;
2694    }
2695  }.button--banner_menu_8rp4Xy-4.button-solid,
2696    .button--banner_menu_8rp4Xy-4.button-solid:before {--colors-line-and-border: var(--colors-button);--colors-button-text: 255, 255, 255;--colors-button-text-hover: 255, 255, 255;}.button--banner_menu_8rp4Xy-4.button-outline {--colors-secondary-button: 255, 255, 255; 
2697      --colors-line-secondary-button: 255, 255, 255;
2698      --background-secondary-button: transparent;}
2699  
2700    .button--banner_menu_8rp4Xy-4.button-text-link, .button--banner_menu_8rp4Xy-4.button-text-link::after, .button--banner_menu_8rp4Xy-4.button-text-link::before {
2701      --colors-text-link: 255, 255, 255;
2702    }
2703  
2704</style><div 
2705    
2706    class="group w-full relative text-center image-banner_menu_8rp4Xy-4 overflow-hidden promotion-header overflow-hidden rounded-[10px] overflow-hidden">
2707    
2708    
2709    
2710      <div 
2711        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]"
2712      >
2713    
2714      <img
2715        srcset="//bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=225 225w,
2716        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=375 375w,
2717        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=450 450w,
2718        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=750 750w,
2719        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=900 900w,
2720        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=1100 1100w,
2721        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=17
272165232369&width=1500 1500w,
2722        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=1780 1780w"
2723        src="//bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=1780"
2724        
2725          loading="lazy"
2726         
2727        sizes="(min-width: 1200px) 400px, (min-width: 768px) calc(100vw/3), 100vw"
2728        alt=""
2729        width="600"
2730        height="600.0"
2731        style="object-position: 50.0% 50.0%;"
2732        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
2733        onload="this?.classList.add('active'); 
2734          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
2735          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
2736        "
2737      />
2738    </div>
2739  
2740  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-60 rounded-[10px]"></span><div class="promotion-content background-color-banner_menu_8rp4Xy-4 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] mt-2 absolute left-0 right-0 promotion-content-center mb-2 pointer-events-none text-overlay ml-2 mr-2 bottom-0"><div class="mb-1 leading-tight rte text-color-banner_menu_8rp4Xy-4 text-banner_menu_8rp4Xy-4 p-break-words pointer-events-auto"><p><strong>Free sticker pack when you buy</strong><em><strong>YOUth </strong></em>from any retailer!</p></div><a href="https://ideas.bkconnection.com/youth-free-sticker-pack" class="button button-solid mt-2 lg:mt-2.5 button--banner_menu_8rp4Xy-4 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
2741        
2742
2743  
2744    <span class="button-text  is-focus-button:opacity-0">Learn More</span>
2745  
2746
2747
2748      </a>
2749    
2750  </div>
2751
2752</div>
2753            </div>
2754          
2755
2756        </div>
2757      </div>
2758    </template></template>
2759                
2760              
2761          
2762
2763<template x-teleport="#menu-3">
2764<template x-if="!runDispatch">
2765      <ul class="pt-5 pb-5">
2766        
2767<li  
2768            x-data="{ openSub: false }" 
2769            class="relative pl-7 pr-6"
2770            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2771            @mouseleave="$el.classList.remove('is-focus-child');"
2772            @mouseover.away="openSub = false"
2773            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2774            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2775          >
2776            <div class="sub-menu flex items-center">
2777
2778              <span class="flex-1">
2779                <a href="/pages/author-services" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
2780                  
2781                >
2782                  <span >Author Services</span></a>
2783              </span>
2784            </div></li><li  
2785            x-data="{ openSub: false }" 
2786            class="relative pl-7 pr-6"
2787            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2788            @mouseleave="$el.classList.remove('is-focus-child');"
2789            @mouseover.away="openSub = false"
2790            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2791            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2792          >
2793            <div class="sub-menu flex items-center pt-3">
2794
2795              <span class="flex-1">
2796                <a href="/pages/editorial-services" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
2797                  
2798                >
2799                  <span >Editorial Services</span></a>
2800              </span>
2801            </div></li><li  
2802            x-data="{ openSub: false }" 
2803            class="relative pl-7 pr-6"
2804            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2805            @mouseleave="$el.classList.remove('is-focus-child');"
2806            @mouseover.away="openSub = false"
2807            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2808            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2809          >
2810            <div class="sub-menu flex items-center pt-3">
2811
2812              <span class="flex-1">
2813                <a href="/pages/marketing-services" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
2814                  
2815                >
2816                  <span >Marketing Services</span></a>
2817              </span>
2818            </div></li><li  
2819            x-data="{ openSub: false }" 
2820            class="relative pl-7 pr-6"
2821            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2822            @mouseleave="$el.classList.remove('is-focus-child');"
2823            @mouseover.away="openSub = false"
2824            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2825            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2826          >
2827            <div class="sub-menu flex items-center pt-3">
2828
2829              <span class="flex-1">
2830                <a href="/pages/montgomery-station-press" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
2831                  
2832                >
2833                  <span >Montgomery Station Press</span></a>
2834              </span>
2835            </div></li></ul>
2836    </template></template>
2837          
2838
2839<template x-teleport="#menu-4">
2840<template x-if="!runDispatch">
2841      <ul class="pt-5 pb-5">
2842        
2843<li  
2844            x-data="{ openSub: false }" 
2845            class="relative pl-7 pr-6"
2846            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2847            @mouseleave="$el.classList.remove('is-focus-child');"
2848            @mouseover.away="openSub = false"
2849            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2850            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2851          >
2852            <div class="sub-menu flex items-center">
2853
2854              <span class="flex-1">
2855                <a href="/pages/why-bk" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
2856                  
2857                >
2858                  <span >Why BK?</span></a>
2859              </span>
2860            </div></li><li  
2861            x-data="{ openSub: false }" 
2862            class="relative pl-7 pr-6"
2863            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2864            @mouseleave="$el.classList.remove('is-focus-child');"
2865            @mouseover.away="openSub = false"
2866            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2867            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2868          >
2869            <div class="sub-menu flex items-center pt-3">
2870
2871              <span class="flex-1">
2872                <a href="/pages/montgomery-station-press" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
2873                  
2874                >
2875                  <span >Montgomery Station Press</span></a>
2876              </span>
2877            </div></li><li  
2878            x-data="{ openSub: false }" 
2879            class="relative pl-7 pr-6"
2880            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2881            @mouseleave="$el.classList.remove('is-focus-child');"
2882            @mouseover.away="openSub = false"
2883            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2884            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2885          >
2886            <div class="sub-menu flex items-center pt-3">
2887
2888              <span class="flex-1">
2889                <a href="/pages/proposals" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
2890                  
2891                >
2892                  <span >Proposals</span></a>
2893              </span>
2894            </div></li></ul>
2895    </template></template>
2896          
2897
2898<template x-teleport="#menu-5">
2899<template x-if="!runDispatch">  
2900      <div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] mega-menu-horizontal main-nav-child-right is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]">
2901        <div>
2902          <div class="x-pgw page-width mx-auto flex promotion-horizontal image-count-2 md:max-h-[80vh]"><ul class="mega-nav order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-1/2 top-full"><li class="relative w-24 lg:w-48">
2903                    <div class="font-semibold">
2904<a href="/pages/bk-community" class="nav-link relative transition duration-200 p-break-words hover-text-link 
2904inline-block mb-3">
2905                        Learn More
2906                      </a>
2907                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2908<span class="flex-1">
2909                              <a href="/pages/bk-community" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2910                                About BK Community
2911                              </a>
2912                            </span>
2913                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2914<span class="flex-1">
2915                              <a href="/collections/the-berrett-koehler-community" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2916                                Membership Tiers
2917                              </a>
2918                            </span>
2919                          </li></ul></li><li class="relative w-24 lg:w-48">
2920                    <div class="font-semibold">
2921<a href="/pages/members-dashboard" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3">
2922                        Members Dashboard
2923                      </a>
2924                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2925<span class="flex-1">
2926                              <a href="/pages/author-talks" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2927                                Author Talks
2928                              </a>
2929                            </span>
2930                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2931<span class="flex-1">
2932                              <a href="/pages/book-boosters" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2933                                Book Boosters
2934                              </a>
2935                            </span>
2936                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2937<span class="flex-1">
2938                              <a href="/blogs/bk-community" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2939                                BK Community News
2940                              </a>
2941                            </span>
2942                          </li></ul></li></ul><div class="relative float-right md:right-5 lg:right-0 pt-8 pb-8 w-1/2 order-4"> 
2943                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex gap-5"><style data-shopify>
2944                      .image-simple_menu_PWTKrQ-1 {
2945                        height: 150px;
2946                      }
2947                    </style>
2948                    
2949                    <div class="mega-menu-card w-full group relative background-color-simple_menu_PWTKrQ-1 ltr rounded-[10px]">
2950                      
2951<style data-shopify>.title-color-simple_menu_PWTKrQ-1 {
2952      color: ;
2953      --colors-heading: , , ;
2954    }.text-simple_menu_PWTKrQ-1 {
2955    font-size: 0.7875rem;
2956  }
2957  .sub-heading-simple_menu_PWTKrQ-1 {
2958    font-size: 1.125rem;
2959  }
2960  .heading-simple_menu_PWTKrQ-1 {
2961    font-size: 1.575rem;
2962  }
2963  @media (min-width: 768px) {
2964    .sub-heading-simple_menu_PWTKrQ-1 {
2965      font-size: 1.305rem;
2966    }
2967    .heading-simple_menu_PWTKrQ-1 {
2968      font-size: 2.25rem; 
2969    }
2970    .text-simple_menu_PWTKrQ-1 {
2971      font-size: 0.875rem;
2972    }
2973  }.button--simple_menu_PWTKrQ-1.button-outline {}
2974  
2975</style><div 
2976    
2977    class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_PWTKrQ-1 pb-[%] rounded-[10px] overflow-hidden"
2978    
2979  >
2980    
2981    
2982    
2983      <div 
2984        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
2985      >
2986    
2987      <img
2988        srcset="//bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=225 225w,
2989        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=375 375w,
2990        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=450 450w,
2991        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=750 750w,
2992        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=900 900w,
2993        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=1100 1100w,
2994        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=1500 1500w,
2995        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=1780 1780w"
2996        src="//bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=1780"
2997        
2998          loading="lazy"
2999         
3000        sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw"
3001        alt=""
3002        width="1200"
3003        height="450.0"
3004        style="object-position: 50.0% 50.0%;"
3005        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
3006        onload="this?.classList.add('active'); 
3007          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
3008          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
3009        "
3010      />
3011    </div>
3012  
3013  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div><div class="promotion-content background-color-simple_menu_PWTKrQ-1 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] left-0 right-0 grow"><a href="/pages/bk-community" class="button button-outline mt-2 lg:mt-2.5 button--simple_menu_PWTKrQ-1 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
3014        
3015
3016  
3017    <span class="button-text  is-focus-button:opacity-0">Get 25% Off</span>
3018  
3019
3020
3021      </a>
3022    
3023  </div>
3024
3025
3026                    </div><style data-shopify>
3027                      .image-simple_menu_PWTKrQ-2 {
3028                        height: 150px;
3029                      }
3030                    </style>
3031                    
3032                    <div class="mega-menu-card w-full group relative background-color-simple_menu_PWTKrQ-2 ltr rounded-[10px]">
3033                      
3034<style data-shopify>.title-color-simple_menu_PWTKrQ-2 {
3035      color: ;
3036      --colors-heading: , , ;
3037    }.text-simple_menu_PWTKrQ-2 {
3038    font-size: 0.7875rem;
3039  }
3040  .sub-heading-simple_menu_PWTKrQ-2 {
3041    font-size: 1.125rem;
3042  }
3043  .heading-simple_menu_PWTKrQ-2 {
3044    font-size: 1.575rem;
3045  }
3046  @media (min-width: 768px) {
3047    .sub-heading-simple_menu_PWTKrQ-2 {
3048      font-size: 1.305rem;
3049    }
3050    .heading-simple_menu_PWTKrQ-2 {
3051      font-size: 2.25rem; 
3052    }
3053    .text-simple_menu_PWTKrQ-2 {
3054      font-size: 0.875rem;
3055    }
3056  }.button--simple_menu_PWTKrQ-2.button-outline {}
3057  
3058</style><div 
3059    
3060    class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_PWTKrQ-2 pb-[%] rounded-[10px] overflow-hidden"
3061    
3062  >
3063    
3064    
3065    
3066      <div 
3067        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
3068      >
3069    
3070      <img
3071        srcset="//bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=225 225w,
3072        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=375 375w,
3073        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=450 450w,
3074        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=750 750w,
3075        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=900 900w,
3076        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=1100 1100w,
3077        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=1500 1500w,
3078        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=1780 1780w"
3079        src="//bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=1780"
3080        
3081          loading="lazy"
3082         
3083        sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw"
3084        alt=""
3085        width="1200"
3086        height="450.0"
3087        style="object-position: 50.0% 50.0%;"
3088        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
3089        onload="this?.classList.add('active'); 
3090          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
3091          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
3092        "
3093      />
3094    </div>
3095  
3096  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div><div class="promotion-content background-color-simple_menu_PWTKrQ-2 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] left-0 right-0 grow"><a href="/pages/bk-community" class="button button-outline mt-2 lg:mt-2.5 button--simple_menu_PWTKrQ-2 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words">
3097        
3098
3099  
3100    <span class="button-text  is-focus-button:opacity-0">Get Free Books</span>
3101  
3102
3103
3104      </a>
3105    
3106  </div>
3107
3108
3109                    </div></div>
3110              </div></div>
3111          
3112        </div>
3113      </div>
3114    </template></template>
3115          
3116
3117<template x-teleport="#menu-6">
3118<template x-if="!runDispatch">
3119      <ul class="pt-5 pb-5">
3120        
3121<li  
3122            x-data="{ openSub: false }" 
3123            class="relative pl-7 pr-6"
3124            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3125            @mouseleave="$el.classList.remove('is-focus-child');"
3126            @mouseover.away="openSub = false"
3127            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3128            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3129          >
3130            <div class="sub-menu flex items-center">
3131
3132              <span class="flex-1">
3133                <a href="/pages/about-us" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
3134                  
3135                >
3136                  <span >Our Company</span></a>
3137              </span>
3138            </div></li><li  
3139            x-data="{ openSub: false }" 
3140            class="relative pl-7 pr-6"
3141            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3142            @mouseleave="$el.classList.remove('is-focus-child');"
3143            @mouseover.away="openSub = false"
3144            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3145            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3146          >
3147            <div class="sub-menu flex items-center pt-3">
3148
3149              <span class="flex-1">
3150                <a href="/pages/team" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
3151                  
3152                >
3153                  <span >Our Team</span></a>
3154              </span>
3155            </div></li><li  
3156            x-data="{ openSub: false }" 
3157            class="relative pl-7 pr-6"
3158            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3159            @mouseleave="$el.classList.remove('is-focus-child');"
3160            @mouseover.away="openSub = false"
3161            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3162            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3163          >
3164            <div class="sub-menu flex items-center pt-3">
3165
3166              <span class="flex-1">
3167                <a href="https://apply.workable.com/berrett-koehler-publishers-3/" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
3168                  
3169                >
3170                  <span >Careers</span></a>
3171              </span>
3172            </div></li><li  
3173            x-data="{ openSub: false }" 
3174            class="relative pl-7 pr-6"
3175            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3176            @mouseleave="$el.classList.remove('is-focus-child');"
3177            @mouseover.away="openSub = false"
3178            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3179            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3180          >
3181            <div class="sub-menu flex items-center pt-3">
3182
3183              <span class="flex-1">
3184                <a href="/pages/faq" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
3185                  
3186                >
3187                  <span >FAQ</span></a>
3188              </span>
3189            </div></li><li  
3190            x-data="{ openSub: false }" 
3191            class="relative pl-7 pr-6"
3192            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3193            @mouseleave="$el.classList.remove('is-focus-child');"
3194            @mouseover.away="openSub = false"
3195            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3196            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3197          >
3198            <div class="sub-menu flex items-center pt-3">
3199
3200              <span class="flex-1">
3201                <a href="/blogs/the-bk-exchange" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link 
3201is-focus-child:effect-inline"
3202                  
3203                >
3204                  <span >Blog</span></a>
3205              </span>
3206            </div></li><li  
3207            x-data="{ openSub: false }" 
3208            class="relative pl-7 pr-6"
3209            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3210            @mouseleave="$el.classList.remove('is-focus-child');"
3211            @mouseover.away="openSub = false"
3212            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3213            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3214          >
3215            <div class="sub-menu flex items-center pt-3">
3216
3217              <span class="flex-1">
3218                <a href="/pages/contact" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
3219                  
3220                >
3221                  <span >Contact Us</span></a>
3222              </span>
3223            </div></li></ul>
3224    </template></template>
3225          
3226</ul>
3227</nav>
3228      </header>
3229      
3230<div @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div>
3231    </div>
3232    
3233  </div>
3234</div>    
3235<script src="//bkconnection.com/cdn/shop/t/4/assets/search-prompts.js?v=123663537316562764691747335364" defer></script>
3235                   
3236<script type="application/ld+json">
3237  {
3238    "@context": "http://schema.org",
3239    "@type": "Organization",
3240    "name": "Berrett-Koehler Publishers",
3241    
3242      "logo": "https:\/\/bkconnection.com\/cdn\/shop\/files\/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701\u0026width=2400",
3243    
3244    "sameAs": [
3245      "",
3246      "https:\/\/www.facebook.com\/BerrettKoehler",
3247      "",
3248      "https:\/\/www.instagram.com\/bkpub",
3249      "https:\/\/www.tiktok.com\/@bkpub",
3250      "",
3251      "",
3252      "https:\/\/www.youtube.com\/berrettkoehler",
3253      ""
3254    ],
3255    "url": "https:\/\/bkconnection.com"
3256  }
3257</script>
3257
3258  
3258<script type="application/ld+json">
3259    {
3260      "@context": "http://schema.org",
3261      "@type": "WebSite",
3262      "name": "Berrett-Koehler Publishers",
3263      "potentialAction": {
3264        "@type": "SearchAction",
3265        "target": "https:\/\/bkconnection.com\/search?q={search_term_string}",
3266        "query-input": "required name=search_term_string"
3267      },
3268      "url": "https:\/\/bkconnection.com"
3269    }
3270  </script>
3270<script src="//bkconnection.com/cdn/shop/t/4/assets/store-selector.js?v=36088188951445041851747335364" defer="defer"></script>
3270
3271
3272</div><div id="shopify-section-sections--24498229674347__mobile-navigation" class="shopify-section shopify-section-group-header-group-puff section-mobile-navigation"><style data-shopify>#mobile-navigation * {border-color: #f2f2f2;}
3273  .dark #mobile-navigation * {border-color: #313131;} 
3274  #mobile-navigation .text-color,
3275  #mobile-navigation .background-header {background: #ffffff;--colors-heading: 0, 0, 0;
3276      color: #000000;
3277      --colors-text-header: 0, 0, 0;  
3278        --colors-text-link: 77, 99, 145;
3279      
3280  }
3281  .dark #mobile-navigation .text-color,
3282  .dark #mobile-navigation .background-header {background: #202020;--colors-heading: 255, 255, 255;
3283      color: #ffffff;
3284      --colors-text-header: 255, 255, 255;
3285      --colors-text-link: 255, 255, 255;  
3286      --colors-text-link: 77, 99, 145;
3287    
3288  }
3289  
3290</style><div
3291  class="z-[60] fixed top-0 h-full w-full opacity-60 bg-black"
3292  x-show="$store.xMobileNav.show"
3293  x-cloak
3294  @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
3295></div>
3296<template x-if="!runDispatch">
3297  <div
3298    id="mobile-navigation"
3299    :class="{ 'menu-opening': $store.xMobileNav.show }" 
3300    class="menu-drawer fixed z-[60] top-0 bottom-0 w-10/12 max-w-sm motion-reduce overflow-x-hidden ltr left-0 -translate-x-full rounded-r-[10px]"
3301  >
3302    <div class="x-container-mobile-nav background-header gradient menu-drawer duration-300 ease-in-out pt-5 overflow-hidden h-full flex flex-col">
3303      <div class="x-block-mobile-nav-close h-10 w-full px-2 text-right"
3304        aria-label="Close"
3305      >
3306        <span
3307          class="cursor-pointer w-11 h-8 inline-block p-2"
3308          @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
3309        ><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3310        <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M3.29289 3.29289C3.68342 2.90237 4.31658 2.90237 4.70711 3.29289L12 10.5858L19.2929 3.29289C19.6834 2.90237 20.3166 2.90237 20.7071 3.29289C21.0976 3.68342 21.0976 4.31658 20.7071 4.70711L13.4142 12L20.7071 19.2929C21.0976 19.6834 21.0976 20.3166 20.7071 20.7071C20.3166 21.0976 19.6834 21.0976 19.2929 20.7071L12 13.4142L4.70711 20.7071C4.31658 21.0976 3.68342 21.0976 3.29289 20.7071C2.90237 20.3166 2.90237 19.6834 3.29289 19.2929L10.5858 12L3.29289 4.70711C2.90237 4.31658 2.90237 3.68342 3.29289 3.29289Z"/>
3311      </svg>
3312</span>
3313      </div>
3314      <div
3315        id="menu-navigation"
3316        class="h-full flex-1 overflow-x-hidden scrollbar-body"
3317        :class="$store.xMobileNav.currentMenuLinks.length == 0 ? ' overflow-y-auto' : 'overflow-hidden'">
3318        <ul 
3319          id="menu-level-0"
3320          role="list" 
3321          class="menu-parent relative h-full w-full" 
3322        >
3323          <li class="block-mobile-navigation x-header-store-selector-container pl-5 pr-5 pb-5"></li>
3324           <li>
3325                <span class="flex border-t ml-5 mr-5"></span>
3326
3327<div  
3328    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"x-init="active = true;"
3329  >
3330    
3331      <a href="/" class="flex-1 pt-2.5 pb-2.5 gap-2.5 flex items-center disable-effect effect-inline active">
3332    
3333      
3334      
3335      <span class="p-break-words">
3336        
3337        
3338          <span>Home</span>
3339        
3340      </span>
3341    </a>
3342</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2')" 
3343    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
3344  >
3345    
3346      <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect">
3347    
3348      
3349      
3350      <span class="p-break-words">
3351        
3352        
3353          <span>Shop</span>
3354        
3355      </span>
3356    </span>
3357<span
3358        class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"
3359      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3360    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3361  </svg>
3362</span></div><div
3363      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full"
3364      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2')}"
3365    >
3366      <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3367        :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
3368      >
3369        <div class="flex items-center justify-between ml-4 mr-4 pl-[3px] pr-[5px] rtl:pr-[3px] rtl:pl-[5
3369px] border-y text-left">
3370          <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 
3371            @click="$store.xMobileNav.removeActiveLink('-2'); "
3372          >
3373            <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3374    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3375  </svg>
3376
3377          </span>
3378          <a href="/collections/all" class="pt-4 pb-4 flex-1 font-semibold disable-effect">
3379            <span class="p-break-words">Shop</span>
3380          </a>
3381        </div>
3382        <ul 
3383          id="menu-level-1"
3384          class="background-header w-full px-4" 
3385        ><li  class="border-b">
3386              
3387              <div
3388                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3389                @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2-1');"
3390              >
3391                
3392                  <span class="p-break-words flex gap-2.5 h-full flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3393                
3394                  
3395                  
3396                  <span class="flex justify-between items-center w-full gap-2">
3397                    Subjects
3398                    
3399                  </span>
3400                </span>
3401 
3402                <span class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90">
3403                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3404    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3405  </svg>
3406
3407                </span>
3408              
3409</div><div
3410                  class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full" 
3411                  :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2-1')} "
3412                >
3413                  <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3414                    :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
3415                  >
3416                    <div class="flex items-center justify-between ml-4 mr-4 border-y pl-[5px] pr-[5px] text-right">
3417                      <span
3418                        class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4"
3419                        @click="$store.xMobileNav.removeActiveLink('-2-1')"
3420                      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3421    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3422  </svg>
3423</span>
3424                      <a href="/collections" class="p-break-words pt-4 pb-4 flex-1 font-semibold disable-effect">
3425                        Subjects
3426                      </a>
3427                    </div>
3428                    <ul
3429                      id="menu-level-2"
3430                      class="w-full background-header px-4"
3431                    ><li >
3432                          <a
3433                            href="/collections/leadership"
3434                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3435                            
3436                          >
3437                            
3438                            
3439                            <span>Leadership</span>
3440                          </a>
3441                        </li><li >
3442                          <a
3443                            href="/collections/professional-development"
3444                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3445                            
3446                          >
3447                            
3448                            
3449                            <span>Professional Development</span>
3450                          </a>
3451                        </li><li >
3452                          <a
3453                            href="/collections/workplace-culture"
3454                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3455                            
3456                          >
3457                            
3458                            
3459                            <span>Workplace Culture</span>
3460                          </a>
3461                        </li><li >
3462                          <a
3463                            href="/collections/diversity-inclusion"
3464                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3465                            
3466                          >
3467                            
3468                            
3469                            <span>Diversity &amp; Inclusion</span>
3470                          </a>
3471                        </li><li >
3472                          <a
3473                            href="/collections/personal-growth"
3474                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3475                            
3476                          >
3477                            
3478                            
3479                            <span>Personal Growth</span>
3480                          </a>
3481                        </li><li >
3482                          <a
3483                            href="/collections/social-change"
3484                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3485                            
3486                          >
3487                            
3488                            
3489                            <span>Social Change</span>
3490                          </a>
3491                        </li></ul>
3492                  </div>
3493                </div></li><li  class="border-b">
3494              
3495              <div
3496                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3497                @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2-2');"
3498              >
3499                
3500                  <span class="p-break-words flex gap-2.5 h-full flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3501                
3502                  
3503                  
3504                  <span class="flex justify-between items-center w-full gap-2">
3505                    Curations
3506                    
3507                  </span>
3508                </span>
3509 
3510                <span class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90">
3511                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3512    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3513  </svg>
3514
3515                </span>
3516              
3517</div><div
3518                  class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full" 
3519                  :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2-2')} "
3520                >
3521                  <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3522                    :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
3523                  >
3524                    <div class="flex items-center justify-between ml-4 mr-4 border-y pl-[5px] pr-[5px] text-right">
3525                      <span
3526                        class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4"
3527                        @click="$store.xMobileNav.removeActiveLink('-2-2')"
3528                      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3529    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3530  </svg>
3531</span>
3532                      <a href="/collections" class="p-break-words pt-4 pb-4 flex-1 font-semibold disable-effect">
3533                        Curations
3534                      </a>
3535                    </div>
3536                    <ul
3537                      id="menu-level-2"
3538                      class="w-full background-header px-4"
3539                    ><li >
3540                          <a
3541                            href="/collections/new-releases"
3542                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3543                            
3544                          >
3545                            
3546                            
3547                            <span>New Releases</span>
3548                          </a>
3549                        </li><li >
3550                          <a
3551                            href="/collections/coming-soon"
3552                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3553                            
3554                          >
3555                            
3556                            
3557                            <span>Coming Soon</span>
3558                          </a>
3559                        </li><li >
3560                          <a
3561                            href="/collections/bestsellers"
3562                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3563                            
3564                          >
3565                            
3566                            
3567                            <span>Bestsellers</span>
3568                          </a>
3569                        </li><li >
3570                          <a
3571                            href="/collections/award-winners"
3572                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3573                            
3574                          >
3575                            
3576                            
3577                            <span>Award Winners</span>
3578                          </a>
3579                        </li><li >
3580                          <a
3581                            href="/collections/higher-education"
3582                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3583                            
3584                          >
3585                            
3586                            
3587                            <span>Higher Education</span>
3588                          </a>
3589                        </li></ul>
3590                  </div>
3591                </div></li><li  class="border-b">
3592              
3593              <div
3594                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3595                @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2-3');"
3596              >
3597                
3598                  <span class="p-break-words flex gap-2.5 h-full flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3599                
3600                  
3601                  
3602                  <span class="flex justify-between items-center w-full gap-2">
3603                    Signature Collections
3604                    
3605                  </span>
3606                </span>
3607 
3608                <span class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90">
3609                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3610    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3611  </svg>
3612
3613                </span>
3614              
3615</div><div
3616                  class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full" 
3617                  :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2-3')} "
3618                >
3619                  <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3620                    :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
3621                  >
3622                    <div class="flex items-center justify-between ml-4 mr-4 border-y pl-[5px] pr-[5px] text-right">
3623                      <span
3624                        class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4"
3625                        @click="$store.xMobileNav.removeActiveLink('-2-3')"
3626                      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3627    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3628  </svg>
3629</span>
3630                      <a href="/collections" class="p-break-words pt-4 pb-4 flex-1 font-semibold disable-effect">
3631                        Signature Collections
3632                      </a>
3633                    </div>
3634                    <ul
3635                      id="menu-level-2"
3636                      class="w-full background-header px-4"
3637                    ><li >
3638                          <a
3639                            href="/collections/no-kings-library"
3640                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3641                            
3642                          >
3643                            
3644                            
3645                            <span>No Kings Library</span>
3646                          </a>
3647                        </li><li >
3648                          <a
3649                            href="/collections/the-hidden-history-series"
3650                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3651                            
3652                          >
3653                            
3654                            
3655                            <span>The Hidden History Series</span>
3656                          </a>
3657                        </li><li >
3658                          <a
3659                            href="/collections/the-ken-blanchard-library"
3660                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3661                            
3662                          >
3663                            
3664                            
3665                            <span>The Ken Blanchard Library</span>
3666                          </a>
3667                        </li><li >
3668                          <a
3669                            href="/collections/the-remote-work-collection-1"
3670                            class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center"
3671                            
3672                          >
3673                            
3674                            
3675                            <span>The Remote Work Collection</span>
3676                          </a>
3677                        </li></ul>
3678                  </div>
3679                </div></li><li  class="border-b">
3680              
3681              <div
3682                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3683                
3684              >
3685                
3686                  <a href="/products/berrett-koehler-publishers-gift-card" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3687                
3688                  
3689                  
3690                  <span class="flex justify-between items-center w-full gap-2">
3691                    Gift Cards
3692                    
3693                  </span>
3694                </a>
3695</div></li></ul>
3696      </div>
3697    </div><div  
3698    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
3699  >
3700    
3701      <a href="/pages/author-services" class="flex-1 pt-2.5 pb-2.5 gap-2.5 flex items-center disable-effect">
3702    
3703      
3704      
3705      <span class="p-break-words">
3706        
3707        
3708          <span>Services</span>
3709        
3710      </span>
3711    </a>
3712</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-4')" 
3713    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
3714  >
3715    
3716      <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect">
3717    
3718      
3719      
3720      <span class="p-break-words">
3721        
3722        
3723          <span>Get Published</span>
3724        
3725      </span>
3726    </span>
3727<span
3728        class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"
3729      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3730    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3731  </svg>
3732</span></div><div
3733      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full"
3734      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-4')}"
3735    >
3736      <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3737        :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
3738      >
3739        <div class="flex items-center justify-between ml-4 mr-4 pl-[3px] pr-[5px] rtl:pr-[3px] rtl:pl-[5px] border-y text-left">
3740          <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 
3741            @click="$store.xMobileNav.removeActiveLink('-4'); "
3742          >
3743            <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3744    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3745  </svg>
3746
3747          </span>
3748          <a href="/pages/why-bk" class="pt-4 pb-4 flex-1 font-semibold disable-effect">
3749            <span class="p-break-words">Get Published</span>
3750          </a>
3751        </div>
3752        <ul 
3753          id="menu-level-1"
3754          class="background-header w-full px-4" 
3755        ><li  class="border-b">
3756              
3757              <div
3758                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3759                
3760              >
3761                
3762                  <a href="/pages/why-bk" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3763                
3764                  
3765                  
3766                  <span class="flex justify-between items-center w-full gap-2">
3767                    Why BK?
3768                    
3769                  </span>
3770                </a>
3771</div></li><li  class="border-b">
3772              
3773              <div
3774                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3775                
3776              >
3777                
3778                  <a href="/pages/montgomery-station-press" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3779                
3780                  
3781                  
3782                  <span class="flex justify-between items-center w-full gap-2">
3783                    Montgomery Station Press
3784                    
3785                  </span>
3786                </a>
3787</div></li><li  class="border-b">
3788              
3789              <div
3790                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3791                
3792              >
3793                
3794                  <a href="/pages/proposals" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3795                
3796                  
3797                  
3798                  <span class="flex justify-between items-center w-full gap-2">
3799                    Proposals
3800                    
3801                  </span>
3802                </a>
3803</div></li></ul>
3804      </div>
3805    </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-5')" 
3806    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
3807  >
3808    
3809      <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect">
3810    
3811      
3812      
3813      <span class="p-break-words">
3814        
3815        
3816          <span>About Us</span>
3817        
3818      </span>
3819    </span>
3820<span
3821        class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"
3822      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3823    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3824  </svg>
3825</span></div><div
3826      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full"
3827      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-5')}"
3828    >
3829      <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3830        :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
3831      >
3832        <div class="flex items-center justify-between ml-4 mr-4 pl-[3px] pr-[5px] rtl:pr-[3px] rtl:pl-[5px] border-y text-left">
3833          <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 
3834            @click="$store.xMobileNav.removeActiveLink('-5'); "
3835          >
3836            <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3837    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3838  </svg>
3839
3840          </span>
3841          <a href="/pages/about-us" class="pt-4 pb-4 flex-1 font-semibold disable-effect">
3842            <span class="p-break-words">About Us</span>
3843          </a>
3844        </div>
3845        <ul 
3846          id="menu-level-1"
3847          class="background-header w-full px-4" 
3848        ><li  class="border-b">
3849              
3850              <div
3851                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3852                
3853              >
3854                
3855                  <a href="/pages/about-us" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3856                
3857                  
3858                  
3859                  <span class="flex justify-between items-center w-full gap-2">
3860                    Our Company
3861                    
3862                  </span>
3863                </a>
3864</div></li><li  class="border-b">
3865              
3866              <div
3867                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3868                
3869              >
3870                
3871                  <a href="/pages/team" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3872                
3873                  
3874                  
3875                  <span class="flex justify-between items-center w-full gap-2">
3876                    Our Team
3877                    
3878                  </span>
3879                </a>
3880</div></li><li  class="border-b">
3881              
3882              <div
3883                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3884                
3885              >
3886                
3887                  <a href="https://apply.workable.com/berrett-koehler-publishers-3/" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3888                
3889                  
3890                  
3891                  <span class="flex justify-between items-center w-full gap-2">
3892                    Careers
3893                    
3894                  </span>
3895                </a>
3896</div></li><li  class="border-b">
3897              
3898              <div
3899                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3900                
3901              >
3902                
3903                  <a href="/blogs/the-bk-exchange" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3904                
3905                  
3906                  
3907                  <span class="flex justify-between items-center w-full gap-2">
3908                    Blog
3909                    
3910                  </span>
3911                </a>
3912</div></li><li  class="border-b">
3913              
3914              <div
3915                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3916                
3917              >
3918                
3919                  <a href="/pages/faq" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3920                
3921                  
3922                  
3923                  <span class="flex justify-between items-center w-full gap-2">
3924                    FAQ
3925                    
3926                  </span>
3927                </a>
3928</div></li><li  class="border-b">
3929              
3930              <div
3931                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3932                
3933              >
3934                
3935                  <a href="/pages/contact" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3936                
3937                  
3938                  
3939                  <span class="flex justify-between items-center w-full gap-2">
3940                    Contact Us
3941                    
3942                  </span>
3943                </a>
3944</div></li></ul>
3945      </div>
3946    </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-6')" 
3947    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
3948  >
3949    
3950      <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect">
3951    
3952      
3953      
3954      <span class="p-break-words">
3955        
3956        
3957          <span>Members</span>
3958        
3959      </span>
3960    </span>
3961<span
3962        class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"
3963      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3964    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3965  </svg>
3966</span></div><div
3967      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full"
3968      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-6')}"
3969    >
3970      <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3971        :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
3972      >
3973        <div class="flex items-center justify-between ml-4 mr-4 pl-[3px] pr-[5px] rtl:pr-[3px] rtl:pl-[5px] border-y text-left">
3974          <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 
3975            @click="$store.xMobileNav.removeActiveLink('-6'); "
3976          >
3977            <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3978    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3979  </svg>
3980
3981          </span>
3982          <a href="/pages/bk-community" class="pt-4 pb-4 flex-1 font-semibold disable-effect">
3983            <span class="p-break-words">Members</span>
3984          </a>
3985        </div>
3986        <ul 
3987          id="menu-level-1"
3988          class="background-header w-full px-4" 
3989        ><li  class="border-b">
3990              
3991              <div
3992                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3993                
3994              >
3995                
3996                  <a href="/pages/bk-community" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3997                
3998                  
3999                  
4000                  <span class="flex justify-between items-center w-full gap-2">
4001                    Learn More
4002                    
4003                  </span>
4004                </a>
4005</div></li><li  class="border-b">
4006              
4007              <div
4008                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
4009                
4010              >
4011                
4012                  <a href="/pages/members-dashboard" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center">
4013                
4014                  
4015                  
4016                  <span class="flex justify-between items-center w-full gap-2">
4017                    Members Dashboard
4018                    
4019                  </span>
4020                </a>
4021</div></li></ul>
4022      </div>
4023    </div></li><li class="x-block-login block-mobile-navigation pl-5 pr-5" ><a href="https://bkconnection.com/customer_authentication/redirect?locale=en&region_country=US" 
4024                      class="pt-3.5 pb-3.5 flex items-center border-b disable-effect"
4025                      data-no-instant
4026                      aria-label="Log in"
4027                    >
4028                      <span class="w-5 mr-4">
4029                        <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4030        <path d="M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1715C18.0783 15.4214 17.0609 15 16 15H7.99999C6.93913 15 5.92171 15.4214 5.17157 16.1715C4.42142 16.9217 4 17.9391 4 19V21" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4031        <path d="M12 11C14.2092 11 16.0001 9.20914 16.0001 7C16.0001 4.79086 14.2092 3 12 3C9.79093 3 8.00006 4.79086 8.00006 7C8.00006 9.20914 9.79093 11 12 11Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4032      </svg>
4033
4034                      </span>Log in</a>
4035                  </li><li class="x-block-social block-mobile-navigation pl-5 pr-5" >
4036                  <div class="pt-2 pb-2 pl-0.5 pr-0.5 flex items-center justify-center opacity-70 border-b">
4037                    
4038<div id="selector-social" class=" flex lg:items-center lg:justify-end relative py-1.5">
4039    
4040      <ul class="social-list flex  flex-wrap opacity-70" role="list">
4041<li>
4042      <a href="https://www.facebook.com/BerrettKoehler" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
4042<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none">
4043    <path d="M17.2788 13.2489L17.8494 9.63111H14.2846V7.28444C14.2846 6.29333 14.7822 5.32889 16.3797 5.32889H18V2.24444C18 2.24444 16.5303 2 15.1199 2C12.1851 2 10.2635 3.73333 10.2635 6.87111V9.63111H7V13.2489H10.2635V22H14.2801V13.2489H17.2788Z" fill="currentColor"/>
4044  </svg>
4045</a>
4046    </li><li>
4047      <a href="https://www.instagram.com/bkpub" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none">
4048    <path d="M12.0059 3.80184C14.6793 3.80184 14.9959 3.81356 16.0473 3.86046C17.0244 3.90346 17.5521 4.06762 17.9038 4.20442C18.369 4.38421 18.7051 4.60309 19.053 4.95095C19.4047 5.30272 19.6197 5.63494 19.7995 6.10006C19.9363 6.45183 20.1004 6.98339 20.1434 7.95661C20.1903 9.01192 20.2021 9.32851 20.2021 11.998C20.2021 14.6715 20.1903 14.9881 20.1434 16.0395C20.1004 17.0166 19.9363 17.5443 19.7995 17.896C19.6197 18.3612 19.4008 18.6973 19.053 19.0451C18.7012 19.3969 18.369 19.6119 17.9038 19.7917C17.5521 19.9285 17.0205 20.0926 16.0473 20.1356C14.992 20.1825 14.6754 20.1943 12.0059 20.1943C9.33242 20.1943 9.01583 20.1825 7.96443 20.1356C6.9873 20.0926 6.45964 19.9285 6.10788 19.7917C5.64276 19.6119 5.30662 19.393 4.95876 19.0451C4.607 18.6934 4.39203 18.3612 4.21223 17.896C4.07543 17.5443 3.91128 17.0127 3.86828 16.0395C3.82138 14.9842 3.80965 14.6676 3.80965 11.998C3.80965 9.3246 3.82138 9.00801 3.86828 7.95661C3.91128 6.97948 4.07543 6.45183 4.21223 6.10006C4.39203 5.63494 4.6109 5.29881 4.95876 4.95095C5.31053 4.59918 5.64276 4.38421 6.10788 4.20442C6.45964 4.06762 6.99121 3.90346 7.96443 3.86046C9.01583 3.81356 9.33242 3.80184 12.0059 3.80184ZM12.0059 2C9.28943 2 8.94938 2.01173 7.88235 2.05863C6.81923 2.10553 6.08833 2.27751 5.45515 2.52374C4.79461 2.78171 4.23569 3.12175 3.68067 3.68067C3.12175 4.23568 2.78171 4.79461 2.52374 5.45124C2.27751 6.08833 2.10553 6.81532 2.05863 7.87844C2.01173 8.94938 2 9.28943 2 12.0059C2 14.7223 2.01173 15.0623 2.05863 16.1294C2.10553 17.1925 2.27751 17.9234 2.52374 18.5566C2.78171 19.2171 3.12175 19.776 3.68067 20.3311C4.23569 20.8861 4.79461 21.23 5.45124 21.4841C6.08833 21.7303 6.81532 21.9023 7.87844 21.9492C8.94548 21.9961 9.28552 22.0078 12.002 22.0078C14.7184 22.0078 15.0584 21.9961 16.1255 21.9492C17.1886 21.9023 17.9195 21.7303 18.5527 21.4841C19.2093 21.23 19.7682 20.8861 20.3232 20.3311C20.8782 19.776 21.2222 19.2171 21.4763 18.5605C21.7225 17.9234 21.8945 17.1964 21.9414 16.1333
4048C21.9883 15.0663 22 14.7262 22 12.0098C22 9.29334 21.9883 8.95329 21.9414 7.88626C21.8945 6.82314 21.7225 6.09224 21.4763 5.45906C21.23 4.79461 20.89 4.23568 20.3311 3.68067C19.776 3.12566 19.2171 2.78171 18.5605 2.52765C17.9234 2.28141 17.1964 2.10944 16.1333 2.06254C15.0623 2.01173 14.7223 2 12.0059 2Z" fill="currentColor"/>
4049    <path d="M12.0058 6.86618C9.16822 6.86618 6.86609 9.16831 6.86609 12.0059C6.86609 14.8435 9.16822 17.1456 12.0058 17.1456C14.8434 17.1456 17.1455 14.8435 17.1455 12.0059C17.1455 9.16831 14.8434 6.86618 12.0058 6.86618ZM12.0058 15.3399C10.1649 15.3399 8.67183 13.8468 8.67183 12.0059C8.67183 10.165 10.1649 8.67193 12.0058 8.67193C13.8467 8.67193 15.3398 10.165 15.3398 12.0059C15.3398 13.8468 13.8467 15.3399 12.0058 15.3399Z" fill="currentColor"/>
4050    <path d="M18.5488 6.66291C18.5488 7.32736 18.0094 7.86283 17.3488 7.86283C16.6844 7.86283 16.1489 7.32345 16.1489 6.66291C16.1489 5.99845 16.6883 5.46298 17.3488 5.46298C18.0094 5.46298 18.5488 6.00236 18.5488 6.66291Z" fill="currentColor"/>
4051  </svg>
4052</a>
4053    </li><li>
4054      <a href="https://www.tiktok.com/@bkpub" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none">
4055    <path d="M16.0604 2H12.6898V15.6232C12.6898 17.2464 11.3935 18.5797 9.78022 18.5797C8.16695 18.5797 6.87057 17.2464 6.87057 15.6232C6.87057 14.029 8.13814 12.7246 9.69381 12.6667V9.24639C6.2656 9.30433 3.5 12.1159 3.5 15.6232C3.5 19.1594 6.32321 22 9.80904 22C13.2948 22 16.118 19.1304 16.118 15.6232V8.63767C17.3856 9.56522 18.9412 10.1159 20.5833 10.1449V6.72464C18.0482 6.63768 16.0604 4.55072 16.0604 2Z" fill="currentColor"/>
4056  </svg>
4057</a>
4058    </li><li>
4059      <a href="https://www.youtube.com/berrettkoehler" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none">
4060    <path d="M23.0226 7.45237C23.0226 7.45237 22.8005 5.88392 22.1162 5.19522C21.2498 4.28881 20.2812 4.28437 19.8369 4.23105C16.6555 4 11.8791 4 11.8791 4H11.8702C11.8702 4 7.09372 4 3.91239 4.23105C3.46806 4.28437 2.49944 4.28881 1.63302 5.19522C0.948764 5.88392 0.731047 7.45237 0.731047 7.45237C0.731047 7.45237 0.5 9.29631 0.5 11.1358V12.8598C0.5 14.6992 0.726604 16.5432 0.726604 16.5432C0.726604 16.5432 0.948764 18.1116 1.62858 18.8003C2.495 19.7067 3.63246 19.6756 4.13899 19.7734C5.96071 19.9467 11.8746 20 11.8746 20C11.8746 20 16.6555 19.9911 19.8369 19.7645C20.2812 19.7112 21.2498 19.7067 22.1162 18.8003C22.8005 18.1116 23.0226 16.5432 23.0226 16.5432C23.0226 16.5432 23.2492 14.7037 23.2492 12.8598V11.1358C23.2492 9.29631 23.0226 7.45237 23.0226 7.45237ZM9.52416 14.9525V8.55873L15.6691 11.7667L9.52416 14.9525Z" fill="currentColor"/>
4061  </svg>
4062</a>
4063    </li><li>
4064      <a href="https://www.linkedin.com/company/berrett-koehler-publishers/" target="blank" aria-label="Linkedin" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-full h-full" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
4065    <path d="M16.5,8.8c-0.8,0-1.5,0.2-2.2,0.6c-0.1-0.3-0.5-0.6-0.8-0.6H10c-0.5,0-0.9,0.4-0.9,0.9c0,0,0,0,0,0v10.4 c0,0.5,0.4,0.9,0.9,0.9c0,0,0,0,0,0h3.5c0.5,0,0.9-0.4,0.9-0.9c0,0,0,0,0,0v-4.8c0-0.5,0.4-0.9,0.9-0.9s0.9,0.4,0.9,0.9v4.8 c0,0.5,0.4,0.9,0.9,0.9c0,0,0,0,0,0h3.5c0.5,0,0.9-0.4,0.9-0.9c0,0,0,0,0,0v-6.5C21.3,10.9,19.2,8.8,16.5,8.8z M19.6,19.2h-1.7v-3.9 c0-1.4-1.2-2.6-2.6-2.6s-2.6,1.2-2.6,2.6v3.9h-1.7v-8.7h1.7v0.6c0,0.5,0.4,0.9,0.9,0.9c0.3,0,0.5-0.1,0.7-0.3c1-1.3,2.9-1.5,4.2-0.5 c0.7,0.6,1.2,1.5,1.2,2.4V19.2z M7.4,8.8H3.9c-0.5,0-0.9,0.4-0.9,0.9c0,0,0,0,0,0v10.4c0,0.5,0.4,0.9,0.9,0.9c0,0,0,0,0,0h3.5 c0.5,0,0.9-0.4,0.9-0.9c0,0,0,0,0,0V9.7C8.3,9.2,7.9,8.8,7.4,8.8C7.4,8.8,7.4,8.8,7.4,8.8z M6.5,19.2H4.8v-8.7h1.7V19.2z M5.7,2.3 C4.1,2.2,2.8,3.4,2.7,5c-0.1,1.5,1.1,2.9,2.6,3c0.1,0,0.2,0,0.3,0h0c1.5,0.1,2.9-1.1,3-2.6S7.5,2.4,6,2.3C5.9,2.3,5.8,2.3,5.7,2.3 L5.7,2.3z M5.7,6.2L5.7,6.2C5,6.3,4.5,5.8,4.4,5.3c0,0,0-0.1,0-0.1c0-0.6,0.5-1.1,1.2-1.1C6.3,4,6.8,4.4,6.9,5c0,0,0,0.1,0,0.1 C6.9,5.8,6.4,6.2,5.7,6.2z"/>
4066  </svg>
4067</a>
4068    </li></ul>
4069     </div>
4070                  </div>
4071                </li>
4072        </ul>
4073      </div><div class="x-container-mobile-nav-language pt-1.5 pb-1.5 pl-5 pr-5 lg:flex lg:items-center z-50 background-header justify-center lg:justify-end bottom-0 left-0 max-w-sm border-t">
4074</div></div>
4075  </div>
4076</template>
4077</div>
4078<!-- END sections: header-group-puff -->
4079        
4080      
4081      
4082          <!-- BEGIN sections: aside-group-puff -->
4083<div id="shopify-section-sections--24498229346667__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group-puff section-product-labels-and-badges"><style data-shopify>.x-badge-text_label_AqTJe4 .x-badge-content.x-badge-text{
4084          background-color:#DCE6F3;
4085          color:#545152;
4086          
4087        }
4088        .dark .x-badge-text_label_AqTJe4 .x-badge-content.x-badge-text{
4089          background-color:#DCE6F3;
4090          color:#ffffff;
4091          
4092            border-width: 0;
4093          
4094        }.x-badge-text_label_AqTJe4 {
4095        --font-size-scale: 0.9rem;
4096        
4097      }
4098      @media (min-width: 768px) {
4099        .x-badge-text_label_AqTJe4 {
4100          --font-size-scale: 0.9rem;
4101          
4102        }
4103      }</style><div class="x-badges-block-data" x-badges-block-data='{
4104      "id": "text_label_AqTJe4",
4105      "enable": true,
4106      "type": "text-label",
4107      "settings": {
4108        "show_on_product_card": true,
4109        "show_on_product_page": true,
4110        "applied_to": "",
4111        "applied_products": [],
4112        "applied_collections": [],
4113        "content": "{custom.format2}",
4114        "type": "round",
4115        "background_color": "#DCE6F3",
4116        "text_color": "#545152",
4117        "image": null,
4118        "image_alt": "",
4119        "image_aspect_ratio": 0,
4120        "size": 2,
4121        "size_mobile": 2,
4122        "opacity": 100,
4123        "position": "below-image",
4124        "horizontal_position": 5,
4125        "vertical_position": 5,
4126        "schedule_enabled": false,
4127        "timezone": -4,
4128        "start_year": 2023,
4129        "start_month": 1,
4130        "start_day": 1,
4131        "start_hour": 0,
4132        "start_minute": 0,
4133        "end_year": 2023,
4134        "end_month": 1,
4135        "end_day": 1,
4136        "end_hour": 0,
4137        "end_minute": 0,
4138        "day_since": "none",
4139        "number_show": 30
4140      }
4141    }' x-badges-icon=''></div>
4141<script src="//bkconnection.com/cdn/shop/t/4/assets/labels-and-badges.js?v=31298988695393774671747335364" defer></script>
4141
4142</div><div id="shopify-section-sections--24498229346667__cookie-banner" class="shopify-section shopify-section-group-aside-group-puff section-cookie-banner"><style data-shopify>
4143      .color-heading--sections--24498229346667__cookie-banner {
4144        --colors-heading: 247, 247, 247;
4145      }
4146    
4147    .dark .color-heading--sections--24498229346667__cookie-banner {
4148      
4149        --colors-heading: 40, 41, 40;
4150      
4151    }
4152    /* button accept */
4153    .button-accept {
4154      
4155        color: #000000;
4156      
4157      
4158        background-color: #f7f7f7;
4159        border-color: #f7f7f7;
4160      
4161    }
4162    .dark .button-accept {
4163      
4164        color: #f7f7f7;
4165      
4166      
4167        background-color: #282928;
4168        border-color: #282928;
4169      
4170    }
4171    /* button decline */
4172    .button-decline {
4173      
4174        border-color: #f7f7f7;
4175        color: #f7f7f7;
4176      
4177      border: 1px solid;
4178    }
4179    .dark .button-decline {
4180      
4181        border-color: #282928;
4182        color: #282928;
4183      
4184      border: 1px solid;
4185    }
4186    /* bacnkground and color of section */
4187    .bg-cookie-banner {
4188      
4189        color: #f7f7f7;
4190      
4191      background: #282928;
4192    }
4193    .dark .bg-cookie-banner {
4194      
4195        color: #282928;
4196      
4197      background: #ffffff;
4198    }</style><div 
4199    id="cookies-banner" 
4200    x-data="xCookieBanner(4)"  x-show="show"  
4201    x-cloak 
4202    x-transition:enter="transition-all ease-in-out duration-500"
4203    x-transition:enter-start="opacity-0 transform translate-y-full"
4204    x-transition:enter-end="opacity-100 transform translate-y-0"
4205    x-transition:leave="transition-all ease-in-out duration-500"
4206    x-transition:leave-end="opacity-0 transform translate-y-full"
4207    class="w-full fixed bottom-0 left-0 right-0 z-50 bg-cookie-banner color-heading--sections--24498229346667__
4207cookie-banner"
4208  >
4209    <div class="x-pgw page-width mx-auto flex flex-wrap lg:flex-nowrap lg:justify-between">
4210      <div class="rte py-3 w-full lg:py-4 lg:w-auto text- md:flex md:items-center md:justify-start">
4211        <span><p>We use cookies and similar technologies to provide the best experience on our website. </p></span>
4212      </div>
4213      <div class="flex items-center pb-3 lg:pb-0 lg:ml-7 justify-center md:justify-start gap-2 w-full md:w-auto"><button class="button w-auto button-decline px-10 py-4 lg:my-4 empty:hidden whitespace-nowrap" @click="handleDecline()">
4214            Decline
4215          </button><button class="button button-accept w-auto px-10 py-4 mr-2.5 lg:my-4 empty:hidden whitespace-nowrap" @click="handleAccept()">
4216            Got it!
4217          </button></div>
4218    </div>
4219  </div>
4219<script src="//bkconnection.com/cdn/shop/t/4/assets/cookie-banner.js?v=135863105119365794521747335364" defer></script>
4219
4220
4221</div>
4222<!-- END sections: aside-group-puff -->
4223        
4224      
4225      <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-index theme-template-suffix-none" role="main" tabindex="-1">
4226           
4227                                              
4228                                                    <section id="shopify-section-template--24498228953451__slideshow_KMcUt8" class="shopify-section section section-slideshow"><style data-shopify>.mobile-template--24498228953451__slideshow_KMcUt8-natural{height:0;
4229      padding-bottom: 143.33333333333334%;}
4230  
4231  @media screen and (min-width: 768px) {
4232    .desktop-template--24498228953451__slideshow_KMcUt8-natural{height:0;
4233        padding-bottom: 44.79166666666667%;}
4234  }
4235  .paginate-slide-image--template--24498228953451__slideshow_KMcUt8 {
4236    
4237    
4238  }
4239  
4240    #overlay-image-paginate--template--24498228953451__slideshow_KMcUt8.active {
4241      transition: width 4s ease-out;
4242      width: 100%;
4243      left: 0;
4244      right: auto;
4245      transform-origin: left;
4246    }
4247
4248    .rtl #overlay-image-paginate--template--24498228953451__slideshow_KMcUt8.active {
4249      right: 0;
4250      left: auto;
4251      transform-origin: right;
4252    }
4253
4254    
4255      #x-slideshow-template--24498228953451__slideshow_KMcUt8:hover #overlay-image-paginate--template--24498228953451__slideshow_KMcUt8.active {
4256        transition: none;
4257        width: 0%;
4258      }
4259    
4260    
4261  .splide__arrow--prev:hover .pagination-button-next-overlay {
4262    opacity: 0;
4263    transition-duration: 100ms;
4264  }
4265
4266  .splide__arrow--next:hover .pagination-image-next-overlay {
4267    opacity: 0;
4268    transition-duration: 100ms;
4269  }</style><div class="pt-[0px] md:pt-[0px] pb-[4px] md:pb-[0px]">
4270  <div
4271    id="x-slideshow-template--24498228953451__slideshow_KMcUt8"
4272    class="pause-on-hover_slide_show splide-slideshow overflow-hidden visible mx-auto x-splide splide cursor-grab group md:pl-5 md:pr-5 full-width-mobile"
4273    
4274      x-intersect.once.margin.200px='$store.xSplide.load($el, {
4275        "speed": 1000, 
4276        "pauseOnHover": true,
4277        "pauseOnFocus": false,
4278          "rewind": true,
4279          "type": "fade",
4280"autoplay": true,
4281          "interval": 4000,
4282
4283        "classes": {"arrows": "splide__arrows block",
4284            "pagination": "splide__pagination flex pointer-events-none flex-nowrap absolute bottom-0 left-1/2 -translate-x-1/2 pagination-bars mb-4 ",
4285            "page": "button_pagination button md:w-20 h-2.5 none_border w-14 relative pagination-bars:rounded-none ml-0.5 mr-0.5 bg-none before:absolute before:top-0 before:right-0 before:bottom-0 before:h-1/2 before:left-0 before:opacity-40 before:bg-image-treatment pagination-bars:after:absolute after:bg-white pagination-bars:after:top-0 after:right-0 pagination-bars:overflow-hidden pagination-bars:after:bottom-0 pagination-bars:after:left-0 pagination-bars:after:-translate-x-full pagination-bars:relative pagination-bars:is-active-pagination:after:h-1/2 pagination-bars:is-active-pagination pagination-bars:is-active-pagination:after:animate-shimmerX_4s"
4286            
4287          
4288        },
4289        "events": [
4290          
4291          ,{
4292            "event": "ready",
4293            "callback": () => {
4294              
4295                let slide = document.getElementById("x-slideshow-template--24498228953451__slideshow_KMcUt8").querySelector(".disable-animation-slideshow");
4296                if (slide) {
4297                  slide.classList.remove("disable-animation-slideshow");
4298                }
4299              
4300              
4301              
4302            }
4303          }
4304          
4305        ]
4306      })'><div x-intersect.once="$el.classList.remove('bg-[#c9c9c9]')" class="relative bg-[#c9c9c9]  splide__track overflow-hidden md:slideshow:h-[550px] md:slideshow:pb-0 h-[500px] md:h-auto md:rounded-[10px]">
4307      <div class="w-full h-full splide__list flex md:slideshow:relative relative">
4308<style data-shopify>.button--slide_n4gq86.button-solid,
4309                .button--slide_n4gq86.button-solid:before {--colors-line-and-border: var(--colors-button);}
4310                .button--slide_n4gq86.button-outline {
4311
4312                }
4313                
4314.heading-slide_n4gq86 {
4315                  font-size: 1.9125rem;
4316                }
4317                .sub-heading-slide_n4gq86 {
4318                  font-size: 0.9rem;
4319                }
4320                .image-slide_n4gq86 {
4321                  object-position:50.0% 50.0%;
4322                }
4323                .bg-content-slide_n4gq86 {
4324                    background-color: rgb(var(--colors-background-secondary));}
4325                @media screen and (min-width: 768px) {
4326                  .heading-slide_n4gq86 {
4327                    font-size: 3.825rem;
4328                  }
4329                  .sub-heading-slide_n4gq86 {
4330                    font-size: 1.0rem;
4331                  }
4332                  .image-slide_n4gq86 {
4333                    object-position:50.0% 50.0%;
4334                  }
4335                  #image-paginate--template--24498228953451__slideshow_KMcUt8[image-next-active="0"] {
4336                    
4337                      background-image: url(//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=300);
4338                    
4339                      background-size: cover;
4340                      background-repeat: no-repeat;
4341                      background-position: center;
4342                  }
4343                  .bg-full-slide_n4gq86 {
4344                    background: transparent;
4345                  }
4346                }
4347                .bg-full-slide_n4gq86 {
4348                    background-color: rgb(var(--colors-background-secondary));}</style>
4349                <div class="hidden"><img src="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&amp;width=1500" alt="" srcset="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&amp;width=375 375w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&amp;width=450 450w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&amp;width=750 750w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&amp;width=900 900w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&amp;width=1100 1100w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&amp;width=1500 1500w" width="1500" height="2150" loading="eager">
4350<img src="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&amp;width=3840" alt="" srcset="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&amp;width=750 750w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&amp;width=900 900w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&amp;width=1100 1100w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&amp;width=1500 1500w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&amp;width=1780 1780w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&amp;width=2000 2000w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&amp;width=3000 3000w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&amp;width=3840 3840w" width="3840" height="1720" loading="eager">
4351                </div>
4352              
4353              <div x-slide-index="0" 
4354                class=" x-slideshow-slide_n4gq86 disable-animation-sli
4354deshow  h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
4355                x-data="{effect: false}" 
4356                
4357                
4358              >
4359                
4360                  <div x-intersect.half="effect = true" x-intersect:leave.margin.-20px="effect = false" class="absolute top-0 left-0 w-full h-full hidden active-slide-fade active-slide-fade-first">
4361                  </div>
4362                
4363                <div class="h-full relative overflow-hidden">
4364                  
4365                    <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
4366                    <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
4367                        <parallax-image class=" h-full w-full">
4368                          <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
4369                            <picture>
4370                              <source
4371                                srcset="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=375 375w,
4372                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=450 450w,
4373                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=750 750w,
4374                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=900 900w,
4375                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=1100 1100w,
4376                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=1500 1500w"
4377                                media="(max-width: 767px)"
4378                                width="900"
4379                                height="1290"
4380                              >
4381                              <img
4382                                srcset="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=750 750w,
4383                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=900 900w,
4384                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=1100 1100w,
4385                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=1500 1500w,
4386                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=1780 1780w,
4387                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=2000 2000w,
4388                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=3000 3000w,
4389                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=3840 3840w"
4390                                
4391                                  loading="eager"
4392                                  fetchpriority="high"
4393                                  decoding="sync"
4394                                
4395                                sizes="100vw"
4396                                src="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=3840"
4397                                
4398                                  :alt="(screen.width < 768) ? '' : ''"
4399                                
4400                                class="object-cover h-full w-full image-slide_n4gq86"
4401                                width="1920"
4402                                height="860"
4403                              >
4404                            </picture>
4405                          </parallax-movement>
4406                        </parallax-image>
4407                        
4408
4409
4410                    </div>
4411                  
4412                </div><div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
4413                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%]
4414 align-middle text-center"
4415                  >
4416                    <div :class="effect && 'active'" class=" mb-5 md:mb-6  xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 animate_transition_slide__box mx-auto float-center lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5  xl:rounded-[60px] md:rounded-[40px] rounded-3xl">
4417                    </div>
4418                  </div>
4419                </div>
4420                
4421                  <a href="/pages/bulk-discounts" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/pages/bulk-discounts</a>
4422                
4423              </div>
4424            
4425
4426<style data-shopify>#shopify-section-template--24498228953451__slideshow_KMcUt8 .x-slideshow-slide_text_ceeFeN {
4427                    --image-treatment-text: 78, 74, 75;
4428                  }
4429                  .block-text--slide_text_ceeFeN {
4430                    background: #e6dbd5;
4431                  }
4432                
4433                .button--slide_text_ceeFeN.button-solid,
4434                .button--slide_text_ceeFeN.button-solid:before {--colors-line-and-border: 195, 149, 125;
4435                    --colors-button: 195, 149, 125;}
4436                .button--slide_text_ceeFeN.button-outline {
4437
4438                }
4439                
4440.heading-slide_text_ceeFeN {
4441                  font-size: 1.125rem;
4442                }
4443                .sub-heading-slide_text_ceeFeN {
4444                  font-size: 0.9rem;
4445                }
4446                .image-slide_text_ceeFeN {
4447                  object-position:50.0% 50.0%;
4448                }
4449                @media screen and (min-width: 768px) {
4450                  .heading-slide_text_ceeFeN {
4451                    font-size: 2.25rem;
4452                  }
4453                  .sub-heading-slide_text_ceeFeN {
4454                    font-size: 1.0rem;
4455                  }
4456                  .image-slide_text_ceeFeN {
4457                    object-position:50.0% 50.0%;
4458                  }
4459                  #image-paginate--template--24498228953451__slideshow_KMcUt8[image-next-active="1"] {
4460                    
4461                      background-image: url(//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=300);
4462                    
4463                    background-size: cover;
4464                    background-repeat: no-repeat;
4465                    background-position: center;
4466                  }
4467                  .bg-full-slide_text_ceeFeN {
4468                    background: transparent;
4469                  }
4470                }
4471                .bg-full-slide_text_ceeFeN {background-color: #e6dbd5;
4472                  }</style>
4473              <div x-slide-index="1" 
4474                class="x-slideshow-slide_text_ceeFeN  ltr h-full flex flex-col md:flex-row  relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
4475                x-data="{effect: false}" 
4476                 
4477                
4478              >
4479                
4480                  <div x-intersect.half="effect = true" x-intersect:leave.margin.-20px="effect = false" class="absolute top-0 left-0 w-full h-full hidden active-slide-fade">
4481                  </div>
4482                
4483                <div class="h-full md:w-3/5 relative overflow-hidden">
4484                  <div :class="effect && 'active'" class="w-full absolute top-0 left-0  h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image">
4485                      <parallax-image class=" h-full w-full">
4486                        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
4487                          <picture>
4488                            <source
4489                              srcset="//bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=375 375w,
4490                                //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=450 450w,
4491                                //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=750 750w,
4492                                //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=900 900w,
4493                                //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=1100 1100w,
4494                                //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=1500 1500w"
4495                              media="(max-width: 767px)"
4496                              width="1048"
4497                              height="860"
4498                            >
4499                            <img
4500                              srcset="//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=750 750w,
4501                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=600 900w,
4502                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=700 1100w,
4503                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1000 1500w,
4504                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1200 1780w,
4505                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1300 2000w,
4506                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1900 3000w,
4507                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=2400 3840w"
4508                              
4509                                loading="lazy"
4510                              
4511                              sizes="100vw"
4512                              src="//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=3840"
4513                              
4514                                :alt="(screen.width < 768) ? '' : ''"
4515                              
4516                              class="object-cover h-full w-full image-slide_text_ceeFeN"
4517                              width="1048"
4518                              height="860"
4519                            >
4520                          </picture>
4521                        </parallax-movement>
4522                      </parallax-image>
4523                      
4524
4525
4526                  </div>
4527                  
4528                    <a href="/pages/montgomery-station-press" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/pages/montgomery-station-press</a>
4529                  
4530                </div><style data-shopify>
4531                  .bg-full-slide_text_ceeFeN {background-color: #e6dbd5;
4532                    }
4533                </style>
4534                <div class="hero-text block-text--slide_text_ceeFeN bg-full-slide_text_ceeFeN w-full md:w-2/5 pointer-events-none relative transition x-pgw page-width z-20 h-fit md:h-full table">
4535                  <div class="table-cell max-w-2xl lg:w-3/5 align-middle text-left">
4536                    <div :class="effect && 'active'" class="animate_transition_slide__box-right xl:pl-10 xl:pr-10 mx-auto max-w-2xl pt-5 pr-3 pl-3 pb-5 float-center pb-10 lg:pb-12">
4537
4538
4539<style data-shopify>
4540  .heading-slide_text_ceeFeN {
4541    
4542  }
4543  .dark .heading-slide_text_ceeFeN {
4544    
4545      --color-highlight: #4d6391;
4546    
4547  }
4548</style>
4549
4550
4551 
4552  <h2 class=' heading-slide_text_ceeFeN p-break-words h2 block mt-1 leading-tight image-treatment-text '  
4553  > 
4554
4555  
4556    
4557      An imprint of Berrett-Koehler Publishers
4558    
4559  
4560</h2>
4561<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte">
4562                          <p>Your book deserves a real publisher. <strong>Montgomery Station Press</strong> gives serious authors the full BK experience.</p>
4563                        </div><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-1 justify-center" ><a href="/pages/montgomery-station-press" class="button button--slide_text_ceeFeN button-solid border mt-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal">
4564                              
4565
4566  
4567    <span class="button-text  is-focus-button:opacity-0">Learn More</span>
4568  
4569
4570
4571                            </a></div>
4572                    </div>
4573                  </div>
4574                </div>
4575              </div>
4576            
4577
4578<style data-shopify>.button--slide_4CNRWq.button-solid,
4579                .button--slide_4CNRWq.button-solid:before {--colors-line-and-border: var(--colors-button);}
4580                .button--slide_4CNRWq.button-outline {
4581
4582                }
4583                
4584.heading-slide_4CNRWq {
4585                  font-size: 1.125rem;
4586                }
4587                .sub-heading-slide_4CNRWq {
4588                  font-size: 0.9rem;
4589                }
4590                .image-slide_4CNRWq {
4591                  object-position:;
4592                }
4593                .bg-content-slide_4CNRWq {
4594                    background-color: rgb(var(--colors-background-secondary));}
4595                @media screen and (min-width: 768px) {
4596                  .heading-slide_4CNRWq {
4597                    font-size: 2.25rem;
4598                  }
4599                  .sub-heading-slide_4CNRWq {
4600                    font-size: 1.0rem;
4601                  }
4602                  .image-slide_4CNRWq {
4603                    object-position:;
4604                  }
4605                  #image-paginate--template--24498228953451__slideshow_KMcUt8[image-next-active="2"] {
4606                    
4607                      
4608                        background-image: url(//bkconnection.com/cdn/shop/files/preview_images/98ff21f41b954471913619d6dee1c9cd.thumbnail.0000000000.jpg?v=1771614822&width=300);
4609                      
4610                    
4611                      background-size: cover;
4612                      background-repeat: no-repeat;
4613                      background-position: center;
4614                  }
4615                  .bg-full-slide_4CNRWq {
4616                    background: transparent;
4617                  }
4618                }
4619                .bg-full-slide_4CNRWq {
4620                    background-color: rgb(var(--colors-background-secondary));}</style>
4621              <div x-slide-index="2" 
4622                class=" x-slideshow-slide_4CNRWq h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
4623                x-data="{effect: false}" 
4624                
4625                
4626              >
4627                
4628                  <div x-intersect.half="effect = true" x-intersect:leave.margin.-20px="effect = false" class="absolute top-0 left-0 w-full h-full hidden active-slide-fade">
4629                  </div>
4630                
4631                <div class="h-full relative overflow-hidden">
4632                  
4633<div 
4634                      class="video-hero"
4635                    >
4636                      
4637                        <div 
4638                          class="video-slideshow external-video w-full object-cover absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full md:h-full md:absolute md:top-1/2 md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2"
4639                          x-intersect:leave="$store.xVideo.pause($el)"
4640                          @click.stop="$store.xVideo.togglePlay($el)"
4641                          x-intersect="$store.xVideo.play($el)"
4642                            
4643                          
4644                            style="padding-bottom: 44.86316733961418%;"
4645                          
4646                        >
4647                          <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
4648                            <video playsinline="playsinline" loop="loop" muted="muted" class="w-full h-full absolute top-0 left-0 video object-cover" preload="metadata" poster="//bkconnection.com/cdn/shop/files/preview_images/98ff21f41b954471913619d6dee1c9cd.thumbnail.0000000000_1100x.jpg?v=1771614822"><source src="//bkconnection.com/cdn/shop/videos/c/vp/98ff21f41b954471913619d6dee1c9cd/98ff21f41b954471913619d6dee1c9cd.HD-720p-3.0Mbps-75421501.mp4?v=0" type="video/mp4"><img src="//bkconnection.com/cdn/shop/files/preview_images/98ff21f41b954471913619d6dee1c9cd.thumbnail.0000000000_1100x.jpg?v=1771614822"></video>
4649                            <div class="button-play z-20 absolute top-1/2 left-1/2">
4650                        <div class="cursor-pointer absolute z-20 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[60px] h-[60px] md:w-[60px] md:h-[60px] rounded-full p-5 bg-[rgba(var(--image-treatment-text),0.06)] hover:bg-[rgba(var(--image-treatment-text),0.1)] bg-opacity-30 disabled:cursor-not-allowed">
4651                          <span class="pointer-events-none duration-200 bg-button-play absolute w-4 h-5 md:w-4 md:h-5 top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-[rgba(var(--image-treatment-text))]">
4652                            <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none">
4653    <path d="M22.49 11.128L6.49 2.12804C6.18 1.95404 5.802 1.95804 5.496 2.13604C5.188 2.31604 5 2.64404 5 3.00004V21C5 21.356 5.188 21.684 5.496 21.864C5.652 21.954 5.826 22 6 22C6.168 22 6.338 21.958 6.49 21.872L22.49 12.872C22.804 12.694 23 12.362 23 12C23 11.638 22.804 11.306 22.49 11.128Z" fill="currentColor"/>
4654  </svg> 
4655
4656
4657                          </span>
4658                        </div>
4659                      </div>
4660                          
4661                        </div>
4662                        
4663                      
4664                    </div>
4665                  
4666                </div><div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
4667                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%]
4668 align-middle text-center"
4669                  >
4670                    <div :class="effect && 'active'" class=" mb-5 md:mb-6  xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 animate_transition_slide__box mx-auto float-center lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5  xl:rounded-[60px] md:rounded-[40px] rounded-3xl">
4671
4672
4673<style data-shopify>
4674  .heading-slide_4CNRWq {
4675    
4676  }
4677  .dark .heading-slide_4CNRWq {
4678    
4679      --color-highlight: #4d6391;
4680    
4681  }
4682</style>
4683
4684
4685 
4686  <h2 class=' heading-slide_4CNRWq p-break-words h2 block mt-1 leading-tight image-treatment-text '  
4687  > 
4688
4689  
4690    
4691      Publishing expertise, built around you.
4692    
4693  
4694</h2>
4695<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte">
4696                          <p>BK now offers editorial + marketing services — for any author</p>
4697                        </div><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-1 md:justify-center justify-center" ><a href="/pages/author-services" class="button button--slide_4CNRWq button-solid border mt-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal">
4698                              
4699
4700  
4701    <span class="button-text  is-focus-button:opacity-0">Learn More</span>
4702  
4703
4704
4705                            </a></div>
4706                    </div>
4707                  </div>
4708                </div>
4709                
4710                  <a href="/pages/author-services" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/pages/author-services</a>
4711                
4712              </div>
4713            
4714</div>
4715    </div>
4716    
4717      <div class="splide__arrows ">
4718        <button class="splide__arrow splide__arrow--prev button-arrow hidden group-hover:lg:block absolute none_border z-10 w-12 h-12 rounded-full after:text-[20px] rtl:-rotate-90 p-4 top-1/2 left-0 -translate-y-1/2 lg:left-8 rtl:lg:left-auto rtl:lg:right-8 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rotate-90" aria-label="previous slide">
4719          <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4720    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4721  </svg>
4722
4723        </button>
4724        <button class="splide__arrow splide__arrow--next button-arrow hidden group-hover:lg:block absolute none_border z-10 w-12 h-12 rounded-full after:text-[20px] rtl:rotate-90 p-4 top-1/2 right-0 -translate-y-1/2 lg:right-8 rtl:lg:right-auto rtl:lg:left-8 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed -rotate-90" aria-label="next slide">
4725          <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4726    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4727  </svg>
4728
4729        </button>
4730      </div>
4731    
4732</div>
4733</div>
4734<script src="//bkconnection.com/cdn/shop/t/4/assets/video.js?v=101461472853853783711747335364" defer></script>
4734
4735</section><section id="shopify-section-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="shopify-section section section-featured-collection x-section"><style data-shopify>.heading-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4736    font-size: 1.35rem;
4737  }
4738  #shopify-section-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
4739    font-size: 0.875rem; 
4740  }
4741  @media (min-width: 768px) {
4742    .heading-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4743      font-size: 2.25rem; 
4744    }
4745    #shopify-section-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
4746      font-size: 0.98rem; 
4747    }
4748  }
4749  @media (min-width: 1024px) {
4750    #shopify-section-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
4751      font-size: 1.225rem; 
4752    }
4753  }
4754
4755  .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 
4756    
4757      
4758        background: transparent;
4759      
4760    
4761    
4762  }
4763  .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656.active, .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656.active:hover { 
4764    
4765      
4766        background: rgba(77, 74, 75, 0.1);
4767      
4768    
4769    
4770  }
4771  .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656:hover { 
4772    
4773      background: #3c6898;
4774    
4775    
4776      color: #ffffff;
4777    
4778  }
4779
4780  .dark .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 
4781    
4782      
4783        background: transparent;
4784      
4785    
4786    
4787  }
4788  .dark .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656.active, .dark .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656.active:hover { 
4789    
4790      
4791        background: rgba(255, 255, 255, 0.1);
4792      
4793    
4794    
4795  }
4796  .dark .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656:hover { 
4797    
4798      
4799        background: rgba(255, 255, 255, 0.1);
4800      
4801    
4802    
4803  }</style>
4804
4805<div 
4806  class="x-container-featured-collection pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px]"
4807  x-data="{ 
4808    view_all_link: '/collections/new-releases',
4809    setViewAllLink(url) {
4810      this.view_all_link = url;
4811    }
4812  }"
4813>
4814  <div class="collection_wrapper"><style data-shopify>
4815.collection-title-container.scrollbar-body::-webkit-scrollbar{
4816  width: 1px;
4817  height: 2px;
4818}
4819</style>
4820
4821<div class="mb-4 md:mb-2 relative">
4822  <div class="relative w-full bg-transparent"><div
4823        class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2"
4824        x-data='xFeaturedCollection("template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656", "page", $el)'
4825      >
4826        <div class="x-block-header pl-5 pr-5 flex flex-col items-centerjustify-end">
4827          
4828            <div class="collection-title-container h-10 md:h-auto relative lg:mb-0 mb-2 mr-5 ml-5 z-20 overflow-x-auto overflow-y-hidden scrollbar-body scrollbar-stable self-center min-w-[30%] md:min-w-max max-w-full">
4829              <div class="flex flex-row items-center h-full md:justify-center"><div
4830                    class="collection-title max-w-[75%] px-1 md:px-2 "
4831                    @click="setTimeout(() => { select(1); setViewAllLink('/collections/new-releases'); scrollIntoView($el) }, 0)" 
4832                    :class="currentTab === 1 || 'opacity-80'"
4833                    
4834                    
4835                        
4836                    
4837                  >
4838                    <span 
4839                      class="none label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 inline-block h4 text-sm whitespace-nowrap px-2.5 py-1.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:px-3.5 md:py-2.5 duration-300 leading-snug rounded-[10px]"
4840                      :class="currentTab === 1 && 'active'"
4841                    >
4842                      New Releases
4843                    </span>
4844                  </div><div
4845                    class="collection-title max-w-[75%] px-1 md:px-2  md:border-solid md:border-l rtl:border-l-0 rtl:md:border-r"
4846                    @click="setTimeout(() => { select(2); setViewAllLink('/collections/coming-soon'); scrollIntoView($el) }, 0)" 
4847                    :class="currentTab === 2 || 'opacity-80'"
4848                    
4849                    
4850                      x-intersect.once='loadData(2)'
4851                    
4852                  >
4853                    <span 
4854                      class="none label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 inline-block h4 text-sm whitespace-nowrap px-2.5 py-1.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:px-3.5 md:py-2.5 duration-300 leading-snug rounded-[10px]"
4855                      :class="currentTab === 2 && 'active'"
4856                    >
4857                      Coming Soon
4858                    </span>
4859                  </div></div>
4860            </div>
4861          
4862        </div><div class="flex justify-center pt-1.5 pb-1.5 md:pb-3 md:pt-3">
4863            
4864              <a
4865                x-cloak
4866                x-show="view_all_link"
4867                class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1"
4868                :href="view_all_link" 
4869                :class="'opacity-70 hover:cursor-not-allowed' && view_all_link"
4870              >
4871                View all products<span class="w-2 h-2 inline-block mt-0.5 rtl:rotate-180" role="link" aria-label="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 8 9" fill="none" style="fill:none;">
4872    <g>
4873    <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4874    <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4875    </g>
4876  </svg>
4877</span>
4878              </a>
4879            
4880          </div><div class=" md:pl-5 md:pr-5 x-pgw page-width-mobile" x-show="loading">
4881          
4882              
4883              <div :class="currentTab === 2? '!block': 'hidden'" class="hidden lg:mt-8">
4884                
4885<style data-shopify>
4886  .gap-skeleton-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4887    gap: 16px;
4888  }
4889  @media (min-width: 768px) {
4890    .gap-skeleton-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4891      gap: 30px;
4892    }
4893  }
4894</style>
4895
4896    <div class="w-full grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-skeleton-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656">
4897      
4898        <div class="animate-Xpulse">
4899          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div>
4900          <div class="flex flex-col items-center">
4901            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
4902            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
4903          </div>
4904        </div>
4905      
4906        <div class="animate-Xpulse">
4907          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div>
4908          <div class="flex flex-col items-center">
4909            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
4910            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
4911          </div>
4912        </div>
4913      
4914        <div class="animate-Xpulse hidden md:block">
4915          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div>
4916          <div class="flex flex-col items-center">
4917            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
4918            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
4919          </div>
4920        </div>
4921      
4922        <div class="animate-Xpulse hidden md:block">
4923          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div>
4924          <div class="flex flex-col items-center">
4925            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
4926            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
4927          </div>
4928        </div>
4929      
4930        <div class="animate-Xpulse hidden md:block">
4931          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div>
4932          <div class="flex flex-col items-center">
4933            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
4934            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
4935          </div>
4936        </div>
4937      
4938    </div>
4939
4940              </div>
4941            
4942          
4943        </div>
4944        
4945        <div>
4946          
4947            
4948
4949            
4950
4951        </div>
4952        <div class="animate-fade-in relative md:mt-4 lg:mt-8"
4953          id="x-fc-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
495356-1"
4954           x-show="currentTab == 1"
4955        >
4956          <style data-shopify>
4957          
4958            @media (max-width: 767px) {
4959              .preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4960                  margin-right: 16px;
4961                
4962                width: calc(((100% + 16px) / 2) - 16px);
4963              }
4964            }
4965          
4966          
4967          
4968            @media (min-width: 768px){
4969              .preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4970                  margin-right: 30px;
4971                
4972                
4973                  width: calc(((100% + 30px) / 4) - 30px);
4974                
4975              }
4976            }
4977            
4978              @media (min-width: 1024px){
4979                .preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4980                  width: calc(((100% + 30px) / 5) - 30px);
4981                }
4982              }
4983            
4984          
4985          
4986
4987          </style>
4988          <div
4989            class=" carousel-mobile carousel-tablet md:pl-5 md:pr-5 pl-5 pr-5"
4990            x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `New Releases`, id: "collection" }}
4990)'
4991          ><div 
4992            ><div
4993                id="x-collection-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
4994                class="collection overflow-hidden x-splide visible splide"
4995                x-data-slider="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656"
4996                  x-intersect.once.margin.200px='$store.xSplide.load($el, {
4997                    "speed": 1000,
4998                    "pagination": false, 
4999                    "mediaQuery": "min",
5000                    "updateOnMove": "true",
5001                    "pauseOnHover": true,
5002                    "pauseOnFocus": false,
5003                    "progressBar": 9,
5004                      "drag": false,
5005
5006"rewind": true,
5007                      "autoplay": true,
5008                      "interval": 3000,
5009                    "breakpoints": {
5010                      300: {"gap": "16px",
5011                        "perPage": 2,
5012                        "perMove": 2
5013                      },
5014                      768: {
5015                        "drag": true,
5016                          "destroy": false,
5017                        "gap": "30px",
5018                          "perPage": 4,
5019                          "perMove": 4
5020                      },
5021                      1024: {
5022                        "perPage": 5,
5023                        "perMove": 5
5024                      }
5025                    },
5026                    "classes": {
5027                      "arrows" : "block"
5028                    },
5029                    "events": [
5030                      {
5031                        "event": "ready",
5032                        "callback": () => {
5033                          document.dispatchEvent(new CustomEvent("eurus:template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656:splide-ready"));
5034                        }
5035                      }
5036                    ]
5037                  })'>
5038                <style data-shopify>
5039                  .gap-mobile-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
5040                    gap: 16px;
5041                  }
5042                  @media (min-width: 768px) {
5043                    .gap-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
5044                      
5045                        gap: 0px;
5046                      
5047                    }
5048                  }
5049                </style>
5050                <div class="splide__track md:cursor-grab lg:pl-0 lg:pr-0">
5051                  <div class="splide__list gap-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 md:grid-cols-none md:flex md:w-full md:gap-0 flex w-full">
5052
5053<div 
5054  
5055    x-data="{ showOptions: false, options: [] }"
5056  
5057  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
5058  x-slide-index="0"
5059>
5060  <div 
5061    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
5062  >
5063    <style data-shopify>
5064      
5065    </style>
5066    
5067    <style data-shopify>
5068      
5069    </style>
5070    <a 
5071      
5072        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
5073      
5074      href="/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated"
5075       
5076        x-data="{ lastWindowWidth: 0 }"
5077        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
5078        x-labels-data="[{
5079        &quot;variant_id&quot;: 53075717751147,
5080        &quot;product_id&quot;: 14945864057195,
5081        &quot;available&quot;: true,
5082        &quot;title&quot;: &quot;Trauma Stewardship, Revised and Updated&quot;,
5083        &quot;compare_at_price&quot;: 0,
5084        &quot;price&quot;: 2495,
5085        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
5086        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
5087        &quot;collections&quot;: &quot;||639249514859||636503097707||636480389483||639269929323||636473475435||&quot;,
5088        &quot;inventory_management&quot;: &quot;shopify&quot;,
5089        &quot;qty&quot;: 3401,
5090        &quot;container&quot;: &quot;card&quot;,
5091        &quot;can_show_preorder&quot;: false,
5092        &quot;diff_day_create&quot;: 175.25,
5093        &quot;diff_day_publish&quot;: 175.25
5094        
5095          ,&quot;metafield_label&quot;: { 
5096            &quot;custom.format2&quot;:&quot;Paperback&quot;
5097          }
5098        
5099      }]"
5100       
5101      aria-label="Trauma Stewardship, Revised and Updated"
5102      id="14945864057195-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
510256"
5103      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
5104      <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
5105        <div
5106          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1-0"
5107          class="block h-full" 
5108          @click='$store.xCustomerEvent.fire("product_selected", $el)'
5109          x-customer-event-data="{
5110    &quot;product&quot;: {
5111      &quot;title&quot;: &quot;Trauma Stewardship, Revised and Updated&quot;,
5112      &quot;listName&quot;: &quot;New Releases&quot;,
5113      &quot;sku&quot;: &quot;14945864057195&quot;,
5114      &quot;currencyCode&quot;: &quot;USD&quot;,
5115      &quot;price&quot;: 2495,
5116      &quot;vendor&quot;: &quot;Laura van Dernoot Lipsky&quot;
5117    }
5118  }"
5119          >
5120<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
5121            >
5122              
5123              <picture>
5124                <img
5125                  srcset="//bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527&width=450 450w,
5126                  //bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527&width=750 750w,
5127                  //bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527&width=900 900w,
5128                  //bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527&width=1100 1100w,
5129                  //bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527 432w" 
5130                  src="//bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527&width=1500"
5131                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
5132                  alt="Cover image for Trauma Stewardship, Revised and Updated, isbn: 9798890572189"
5133                  :class="showSecond ? 'first-img' : ''"
5134                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
5135                  loading="lazy"
5136                  width="432"
5137                  height="648"
5138                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
5139                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
5140                />
5141              </picture>
5142              
5143            </div></div>
5144      </div>
5145      
5146        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
5147              x-show="$store.xQuickView" x-cloak
5148            > 
5149              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
5150                class="w-full hide-icon lg:px-4" 
5151                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
5152                x-cloak
5153              >
5154<form method="post" action="/cart/add" id="product-form-choose-option14945864057195201" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="53075717751147">
5155                    
5156                                                                
5157                    <button
5158                      type="submit"
5159                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
515956-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5160                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
5161                      
5162                      
5163                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5164                      
5165aria-label="Add to cart"
5166                        
5167                      
5168                    >
5169                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
5170                            <span class="flex items-center justify-center">
5171                              
5172
5173  
5174    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
5175  
5176
5177
5178                            </span></span>
5179                      <div
5180                        class="flex gap-x-2 items-center justify-center"
5181                        role="alert"
5182                        x-cloak
5183                        x-show="errorMessage"
5184                      >
5185                        Sold out
5186                      </div>
5187                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
5188                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5189    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5190      fill="currentcolor" stroke="none">
5191      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
5192    </g>
5193  </svg>
5194
5195                      </div>
5196                    </button>
5197                    <button 
5198                      type="submit"
5199                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
5200                      
5201                      
5202                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5203                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5204                      
5205aria-label="Add to cart"
5206                        
5207                      
5208                      x-customer-event-data="{
5209    &quot;product&quot;: {
5210      &quot;title&quot;: &quot;Trauma Stewardship, Revised and Updated&quot;,
5211      &quot;listName&quot;: &quot;New Releases&quot;,
5212      &quot;sku&quot;: &quot;14945864057195&quot;,
5213      &quot;currencyCode&quot;: &quot;USD&quot;,
5214      &quot;price&quot;: 2495,
5215      &quot;vendor&quot;: &quot;Laura van Dernoot Lipsky&quot;
5216    }
5217  }"
5218                    >
5219                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
5220    <g>
5221    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5222    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
522214948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5223    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5224    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5225    </g>
5226  </svg></span>
5227                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
5228                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5229    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5230      fill="currentcolor" stroke="none">
5231      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
5232    </g>
5233  </svg>
5234
5235                      </span>
5236                  </button><input type="hidden" name="product-id" value="14945864057195" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
5237              </div>
5238            </div><div
5239            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
5240            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
5241            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
5242            >
5243            <div>
5244              <button
5245                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
5246                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
5247                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
5248                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
5249                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
5250                x-customer-event-data="{
5251    &quot;product&quot;: {
5252      &quot;title&quot;: &quot;Trauma Stewardship, Revised and Updated&quot;,
5253      &quot;listName&quot;: &quot;New Releases&quot;,
5254      &quot;sku&quot;: &quot;14945864057195&quot;,
5255      &quot;currencyCode&quot;: &quot;USD&quot;,
5256      &quot;price&quot;: 2495,
5257      &quot;vendor&quot;: &quot;Laura van Dernoot Lipsky&quot;
5258    }
5259  }"
5260                aria-label="Button quickview"
5261              >
5262                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
5262ox="0 0 16 16" fill="none" style="fill:none;">
5263    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5264    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5265  </svg>
5266</span>
5267                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
5268                  
5269
5270  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
5271
5272
5273                </span>
5274              </button>
5275              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
5276                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
5277                aria-label="Button quickview"
5278                x-customer-event-data="{
5279    &quot;product&quot;: {
5280      &quot;title&quot;: &quot;Trauma Stewardship, Revised and Updated&quot;,
5281      &quot;listName&quot;: &quot;New Releases&quot;,
5282      &quot;sku&quot;: &quot;14945864057195&quot;,
5283      &quot;currencyCode&quot;: &quot;USD&quot;,
5284      &quot;price&quot;: 2495,
5285      &quot;vendor&quot;: &quot;Laura van Dernoot Lipsky&quot;
5286    }
5287  }"
5288              >
5289                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
5290    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5291    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5292  </svg>
5293</span>
5294              </button>
5295            </div>
5296          </div>
5297        </div>
5298      
5299    </a>
5300    
5301    
5302    <div class="md:list-layout:hidden">
5303      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
5304        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
5305          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195">
5306            <a href="/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated"
5307              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
5308              @click='$store.xCustomerEvent.fire("product_selected", $el)'
5309              x-customer-event-data="{
5310    &quot;product&quot;: {
5311      &quot;title&quot;: &quot;Trauma Stewardship, Revised and Updated&quot;,
5312      &quot;listName&quot;: &quot;New Releases&quot;,
5313      &quot;sku&quot;: &quot;14945864057195&quot;,
5314      &quot;currencyCode&quot;: &quot;USD&quot;,
5315      &quot;price&quot;: 2495,
5316      &quot;vendor&quot;: &quot;Laura van Dernoot Lipsky&quot;
5317    }
5318  }"
5319            >
5320              Trauma Stewardship, Revised and Updated
5321            </a>
5322          </h3>
5323          
5324
5325            
5326  
5327<div 
5328  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
5329><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
5330      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
5330ox="0 0 512 512"  xml:space="preserve">
5331      <g>
5332        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
5333      </g>
5334    </svg>
5335    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
5336      <g>
5337        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
5338      </g>
5339    </svg>
5340    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
5341      <g>
5342        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
5343      </g>
5344    </svg>
5345    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
5346      <g>
5347        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
5348      </g>
5349    </svg>
5350    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
5351      <g>
5352        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
5353      </g>
5354    </svg>
5355    </div> 
5356    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
5357    </p></div>
5358
5359<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
5360            
5361            
5362              <div class=" price leading-none">
5363  <div class="">
5364    
5365      <div class="hidden">2495</div><p class="price">
5366          <span>$24.95</span>
5367        </p><small class="text-[70%] hidden">
5368        <span class="hidden">Unit price</span>
5369        <span class="up price-item price-item--last">
5370          <span>
5371
5372          </span>
5373          <span aria-hidden="true">/</span>
5374          <span class="hidden">&nbsp;per&nbsp;</span>
5375          <span>
5376          </span>
5377        </span>
5378      </small>
5379    
5380  </div>
5381  
5382</div>
5383            
5384            <div class="next-price empty:hidden"></div>
5385          </div>
5386          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945864057195', [639249514859, 636503097707, 636480389483, 639269929323, 636473475435])"><div 
5387  x-data='{ 
5388    storeAvailabilites: {},
5389    pickupLocation: []
5390  }'
5391  class="mb-3"
5392  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
5393>
5394  <style data-shopify>
5395    .text-available, .text-unavailable {
5396      font-size: 0.669375rem;
5397      font-family: var(--font-body-family);
5398    }
5399
5400    @media (min-width: 768px) {
5401      .text-available, .text-unavailable {
5402        font-size: 0.74375rem;
5403      }
5404    }
5405
5406    .text-available {
5407      color: #6b762d;
5408    }
5409
5410    .dark .text-available {
5411      color: #858F4D;
5412    }
5413
5414    .text-unavailable {
5415      color: #767474;
5416    }
5417
5418    .dark .text-unavailable {
5419      color: #867F7F;
5420    }
5421  </style>
5422  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
5423    <span class="flex h-4 w-4 relative">
5424<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5425  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5426  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5427</svg>
5428
5429</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
5430  </div>
5431  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
5432    <span class="flex h-4 w-4 relative">
5433<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5434  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5435  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5436</svg>
5437
5438</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
5439  </div>
5440</div></div>
5441        </div>
5442      </div>
5443    </div>
5444    
5445  </div>
5446  <div
5447    id="x-product-template-14945864057195-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1"
5448    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
5449  >
5450    <div class="hidden md:list-layout:block">
5451      
5452      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
5453        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
5454          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195">
5455            <a href="/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated"
5456              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
5457              @click='$store.xCustomerEvent.fire("product_selected", $el)'
5458              x-customer-event-data="{
5459    &quot;product&quot;: {
5460      &quot;title&quot;: &quot;Trauma Stewardship, Revised and Updated&quot;,
5461      &quot;listName&quot;: &quot;New Releases&quot;,
5462      &quot;sku&quot;: &quot;14945864057195&quot;,
5463      &quot;currencyCode&quot;: &quot;USD&quot;,
5464      &quot;price&quot;: 2495,
5465      &quot;vendor&quot;: &quot;Laura van Dernoot Lipsky&quot;
5466    }
5467  }"
5468            >
5469              Trauma Stewardship, Revised and Updated
5470            </a>
5471          </h3>
5472          
5473
5474            
5475  
5476<div 
5477  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
5478><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
5479      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
5479ox="0 0 512 512"  xml:space="preserve">
5480      <g>
5481        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
5482      </g>
5483    </svg>
5484    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
5485      <g>
5486        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
5487      </g>
5488    </svg>
5489    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
5490      <g>
5491        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
5492      </g>
5493    </svg>
5494    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
5495      <g>
5496        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
5497      </g>
5498    </svg>
5499    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
5500      <g>
5501        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
5502      </g>
5503    </svg>
5504    </div> 
5505    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
5506    </p></div>
5507
5508<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
5509            
5510            
5511              <div class=" price leading-none">
5512  <div class="">
5513    
5514      <div class="hidden">2495</div><p class="price">
5515          <span>$24.95</span>
5516        </p><small class="text-[70%] hidden">
5517        <span class="hidden">Unit price</span>
5518        <span class="up price-item price-item--last">
5519          <span>
5520
5521          </span>
5522          <span aria-hidden="true">/</span>
5523          <span class="hidden">&nbsp;per&nbsp;</span>
5524          <span>
5525          </span>
5526        </span>
5527      </small>
5528    
5529  </div>
5530  
5531</div>
5532            
5533            <div class="next-price empty:hidden"></div>
5534          </div>
5535          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945864057195', [639249514859, 636503097707, 636480389483, 639269929323, 636473475435])"><div 
5536  x-data='{ 
5537    storeAvailabilites: {},
5538    pickupLocation: []
5539  }'
5540  class="mb-3"
5541  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
5542>
5543  <style data-shopify>
5544    .text-available, .text-unavailable {
5545      font-size: 0.669375rem;
5546      font-family: var(--font-body-family);
5547    }
5548
5549    @media (min-width: 768px) {
5550      .text-available, .text-unavailable {
5551        font-size: 0.74375rem;
5552      }
5553    }
5554
5555    .text-available {
5556      color: #6b762d;
5557    }
5558
5559    .dark .text-available {
5560      color: #858F4D;
5561    }
5562
5563    .text-unavailable {
5564      color: #767474;
5565    }
5566
5567    .dark .text-unavailable {
5568      color: #867F7F;
5569    }
5570  </style>
5571  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
5572    <span class="flex h-4 w-4 relative">
5573<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5574  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5575  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5576</svg>
5577
5578</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
5579  </div>
5580  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
5581    <span class="flex h-4 w-4 relative">
5582<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5583  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5584  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5585</svg>
5586
5587</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
5588  </div>
5589</div></div>
5590        </div>
5591      </div>
5592    
5593    </div>
5594    
5595
5596        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
5597          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572189_trauma-stewardship-revised-and-updated');
5598        });"></div>
5599        <div
5600          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
5601          class="current-variant hidden"
5602        >
5603          53075717751147
5604        </div>
5605    
5606    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
5607    
5608      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
5609            class="card-info bottom_atc md:list-layout:hidden hide-icon"
5610            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
5611            x-cloak
5612          >
5613            
5614<form method="post" action="/cart/add" id="product-form-choose-option14945864057195201" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="53075717751147">
5615                
5616                                                            
5617                <button
5618                  type="submit"
5619                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
561956-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5620                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
5621                  
5622                  
5623                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5624                  
5625aria-label="Add to cart"
5626                    
5627                  
5628                >
5629                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
5630                        <span class="flex items-center justify-center">
5631                          
5632
5633  
5634    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
5635  
5636
5637
5638                        </span></span>
5639                  <div
5640                    class="flex gap-x-2 items-center justify-center"
5641                    role="alert"
5642                    x-cloak
5643                    x-show="errorMessage"
5644                  >
5645                    Sold out
5646                  </div>
5647                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
5648                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5649    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5650      fill="currentcolor" stroke="none">
5651      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
5652    </g>
5653  </svg>
5654
5655                  </div>
5656                </button><input type="hidden" name="product-id" value="14945864057195" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
5657          </div></template>
5658    
5659    
5660      <template x-if="$store.xQuickView">
5661        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
5662              
5663<form method="post" action="/cart/add" id="product-form-choose-option14945864057195201" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="53075717751147">
5664                  
5665                                                              
5666                  <button
5667                    type="submit"
5668                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5669                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
5670                    
5671                    
5672                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5673                    
5674aria-label="Add to cart"
5675                      
5676                    
5677                  >
5678                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
5679                          <span class="flex items-center justify-center">
5680                            
5681
5682  
5683    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
5684  
5685
5686
5687                          </span></span>
5688                    <div
5689                      class="flex gap-x-2 items-center justify-center"
5690                      role="alert"
5691                      x-cloak
5692                      x-show="errorMessage"
5693                    >
5694                      Sold out
5695                    </div>
5696                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
5697                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5698    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5699      fill="currentcolor" stroke="none">
5700      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
5701    </g>
5702  </svg>
5703
5704                    </div>
5705                  </button><button 
5706                    type="submit"
5707                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
5708                    
5709                    
5710                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5711                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5712                    
5713aria-label="Add to cart"
5714                      
5715                    
5716                    x-customer-event-data="{
5717    &quot;product&quot;: {
5718      &quot;title&quot;: &quot;Trauma Stewardship, Revised and Updated&quot;,
5719      &quot;listName&quot;: &quot;New Releases&quot;,
5720      &quot;sku&quot;: &quot;14945864057195&quot;,
5721      &quot;currencyCode&quot;: &quot;USD&quot;,
5722      &quot;price&quot;: 2495,
5723      &quot;vendor&quot;: &quot;Laura van Dernoot Lipsky&quot;
5724    }
5725  }"
5726                  >
5727                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
5728    <g>
5729    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5730    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5731    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5732    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5733    </g>
5734  </svg></span>
5735                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
5736                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5737    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5738      fill="currentcolor" stroke="none">
5739      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
5740    </g>
5741  </svg>
5742
5743                  </span>
5744                </button><input type="hidden" name="product-id" value="14945864057195" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
574456" /></form> 
5745            </div><button 
5746            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
5747            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
5748            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
5749            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
5750            aria-label="Button quickview"
5751            x-customer-event-data="{
5752    &quot;product&quot;: {
5753      &quot;title&quot;: &quot;Trauma Stewardship, Revised and Updated&quot;,
5754      &quot;listName&quot;: &quot;New Releases&quot;,
5755      &quot;sku&quot;: &quot;14945864057195&quot;,
5756      &quot;currencyCode&quot;: &quot;USD&quot;,
5757      &quot;price&quot;: 2495,
5758      &quot;vendor&quot;: &quot;Laura van Dernoot Lipsky&quot;
5759    }
5760  }"
5761            x-show="$store.xQuickView.enabled"
5762          >
5763            <span class="flex justify-center items-center">
5764              
5765
5766  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
5767
5768
5769            </span>
5770          </button>
5771        </div>
5772      </template>
5773    
5774  </div>
5775</div>
5776
5777
5778<div 
5779  
5780    x-data="{ showOptions: false, options: [] }"
5781  
5782  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
5783  x-slide-index="1"
5784>
5785  <div 
5786    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
5787  >
5788    <style data-shopify>
5789      
5790    </style>
5791    
5792    <style data-shopify>
5793      
5794    </style>
5795    <a 
5796      
5797        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
5798      
5799      href="/collections/new-releases/products/9798890572554_the-art-of-the-steal"
5800       
5801        x-data="{ lastWindowWidth: 0 }"
5802        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
5803        x-labels-data="[{
5804        &quot;variant_id&quot;: 53075717423467,
5805        &quot;product_id&quot;: 14945863369067,
5806        &quot;available&quot;: true,
5807        &quot;title&quot;: &quot;The Art of the Steal&quot;,
5808        &quot;compare_at_price&quot;: 0,
5809        &quot;price&quot;: 2195,
5810        &quot;price_with_currency&quot;: &quot;$21.95&quot;,
5811        &quot;sale_amount&quot;: &quot;$-21.95&quot;,
5812        &quot;collections&quot;: &quot;||639249514859||636503097707||636480389483||636473475435||&quot;,
5813        &quot;inventory_management&quot;: &quot;shopify&quot;,
5814        &quot;qty&quot;: 3703,
5815        &quot;container&quot;: &quot;card&quot;,
5816        &quot;can_show_preorder&quot;: false,
5817        &quot;diff_day_create&quot;: 175.25,
5818        &quot;diff_day_publish&quot;: 175.25
5819        
5820          ,&quot;metafield_label&quot;: { 
5821            &quot;custom.format2&quot;:&quot;Paperback&quot;
5822          }
5823        
5824      }]"
5825       
5826      aria-label="The Art of the Steal"
5827      id="14945863369067-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
582756"
5828      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
5829      <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572554_the-art-of-the-steal')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
5830        <div
5831          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2-1"
5832          class="block h-full" 
5833          @click='$store.xCustomerEvent.fire("product_selected", $el)'
5834          x-customer-event-data="{
5835    &quot;product&quot;: {
5836      &quot;title&quot;: &quot;The Art of the Steal&quot;,
5837      &quot;listName&quot;: &quot;New Releases&quot;,
5838      &quot;sku&quot;: &quot;14945863369067&quot;,
5839      &quot;currencyCode&quot;: &quot;USD&quot;,
5840      &quot;price&quot;: 2195,
5841      &quot;vendor&quot;: &quot;John Perkins&quot;
5842    }
5843  }"
5844          >
5845<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
5846            >
5847              
5848              <picture>
5849                <img
5850                  srcset="//bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=450 450w,
5851                  //bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=750 750w,
5852                  //bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=900 900w,
5853                  //bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=1100 1100w,
5854                  //bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891 432w" 
5855                  src="//bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=1500"
5856                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
5857                  alt="Cover image for The Art of the Steal, isbn: 9798890572554"
5858                  :class="showSecond ? 'first-img' : ''"
5859                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
5860                  loading="lazy"
5861                  width="432"
5862                  height="648"
5863                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
5864                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
5865                />
5866              </picture>
5867              
5868            </div></div>
5869      </div>
5870      
5871        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
5872              x-show="$store.xQuickView" x-cloak
5873            > 
5874              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
5875                class="w-full hide-icon lg:px-4" 
5876                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
5877                x-cloak
5878              >
5879<form method="post" action="/cart/add" id="product-form-choose-option14945863369067202" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="53075717423467">
5880                    
5881                                                                
5882                    <button
5883                      type="submit"
5884                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
588456-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5885                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
5886                      
5887                      
5888                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5889                      
5890aria-label="Add to cart"
5891                        
5892                      
5893                    >
5894                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
5895                            <span class="flex items-center justify-center">
5896                              
5897
5898  
5899    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
5900  
5901
5902
5903                            </span></span>
5904                      <div
5905                        class="flex gap-x-2 items-center justify-center"
5906                        role="alert"
5907                        x-cloak
5908                        x-show="errorMessage"
5909                      >
5910                        Sold out
5911                      </div>
5912                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
5913                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5914    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5915      fill="currentcolor" stroke="none">
5916      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
5917    </g>
5918  </svg>
5919
5920                      </div>
5921                    </button>
5922                    <button 
5923                      type="submit"
5924                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
5925                      
5926                      
5927                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5928                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5929                      
5930aria-label="Add to cart"
5931                        
5932                      
5933                      x-customer-event-data="{
5934    &quot;product&quot;: {
5935      &quot;title&quot;: &quot;The Art of the Steal&quot;,
5936      &quot;listName&quot;: &quot;New Releases&quot;,
5937      &quot;sku&quot;: &quot;14945863369067&quot;,
5938      &quot;currencyCode&quot;: &quot;USD&quot;,
5939      &quot;price&quot;: 2195,
5940      &quot;vendor&quot;: &quot;John Perkins&quot;
5941    }
5942  }"
5943                    >
5944                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
5945    <g>
5946    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5947    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5948    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5949    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5950    </g>
5951  </svg></span>
5952                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
5953                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5954    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5955      fill="currentcolor" stroke="none">
5956      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
5957    </g>
5958  </svg>
5959
5960                      </span>
5961                  </button><input type="hidden" name="product-id" value="14945863369067" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
5962              </div>
5963            </div><div
5964            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
5965            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
5966            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
5967            >
5968            <div>
5969              <button
5970                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
5971                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572554_the-art-of-the-steal', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
5972                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572554_the-art-of-the-steal', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
5973                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
5974                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
5975                x-customer-event-data="{
5976    &quot;product&quot;: {
5977      &quot;title&quot;: &quot;The Art of the Steal&quot;,
5978      &quot;listName&quot;: &quot;New Releases&quot;,
5979      &quot;sku&quot;: &quot;14945863369067&quot;,
5980      &quot;currencyCode&quot;: &quot;USD&quot;,
5981      &quot;price&quot;: 2195,
5982      &quot;vendor&quot;: &quot;John Perkins&quot;
5983    }
5984  }"
5985                aria-label="Button quickview"
5986              >
5987                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
5988    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5989    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5990  </svg>
5991</span>
5992                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
5993                  
5994
5995  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
5996
5997
5998                </span>
5999              </button>
6000              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572554_the-art-of-the-steal", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
6001                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
6002                aria-label="Button quickview"
6003                x-customer-event-data="{
6004    &quot;product&quot;: {
6005      &quot;title&quot;: &quot;The Art of the Steal&quot;,
6006      &quot;listName&quot;: &quot;New Releases&quot;,
6007      &quot;sku&quot;: &quot;14945863369067&quot;,
6008      &quot;currencyCode&quot;: &quot;USD&quot;,
6009      &quot;price&quot;: 2195,
6010      &quot;vendor&quot;: &quot;John Perkins&quot;
6011    }
6012  }"
6013              >
6014                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
6015    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6016    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6017  </svg>
6018</span>
6019              </button>
6020            </div>
6021          </div>
6022        </div>
6023      
6024    </a>
6025    
6026    
6027    <div class="md:list-layout:hidden">
6028      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
6029        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
6030          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067">
6031            <a href="/collections/new-releases/products/9798890572554_the-art-of-the-steal"
6032              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
6033              @click='$store.xCustomerEvent.fire("product_selected", $el)'
6034              x-customer-event-data="{
6035    &quot;product&quot;: {
6036      &quot;title&quot;: &quot;The Art of the Steal&quot;,
6037      &quot;listName&quot;: &quot;New Releases&quot;,
6038      &quot;sku&quot;: &quot;14945863369067&quot;,
6039      &quot;currencyCode&quot;: &quot;USD&quot;,
6040      &quot;price&quot;: 2195,
6041      &quot;vendor&quot;: &quot;John Perkins&quot;
6042    }
6043  }"
6044            >
6045              The Art of the Steal
6046            </a>
6047          </h3>
6048          
6049
6050            
6051  
6052<div 
6053  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
6054><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
6055      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6056      <g>
6057        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6058      </g>
6059    </svg>
6060    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
6060ox="0 0 512 512"  xml:space="preserve">
6061      <g>
6062        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6063      </g>
6064    </svg>
6065    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6066      <g>
6067        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6068      </g>
6069    </svg>
6070    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6071      <g>
6072        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6073      </g>
6074    </svg>
6075    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6076      <g>
6077        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6078      </g>
6079    </svg>
6080    </div> 
6081    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
6082    </p></div>
6083
6084<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
6085            
6086            
6087              <div class=" price leading-none">
6088  <div class="">
6089    
6090      <div class="hidden">2195</div><p class="price">
6091          <span>$21.95</span>
6092        </p><small class="text-[70%] hidden">
6093        <span class="hidden">Unit price</span>
6094        <span class="up price-item price-item--last">
6095          <span>
6096
6097          </span>
6098          <span aria-hidden="true">/</span>
6099          <span class="hidden">&nbsp;per&nbsp;</span>
6100          <span>
6101          </span>
6102        </span>
6103      </small>
6104    
6105  </div>
6106  
6107</div>
6108            
6109            <div class="next-price empty:hidden"></div>
6110          </div>
6111          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
611156" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945863369067', [639249514859, 636503097707, 636480389483, 636473475435])"><div 
6112  x-data='{ 
6113    storeAvailabilites: {},
6114    pickupLocation: []
6115  }'
6116  class="mb-3"
6117  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
6118>
6119  <style data-shopify>
6120    .text-available, .text-unavailable {
6121      font-size: 0.669375rem;
6122      font-family: var(--font-body-family);
6123    }
6124
6125    @media (min-width: 768px) {
6126      .text-available, .text-unavailable {
6127        font-size: 0.74375rem;
6128      }
6129    }
6130
6131    .text-available {
6132      color: #6b762d;
6133    }
6134
6135    .dark .text-available {
6136      color: #858F4D;
6137    }
6138
6139    .text-unavailable {
6140      color: #767474;
6141    }
6142
6143    .dark .text-unavailable {
6144      color: #867F7F;
6145    }
6146  </style>
6147  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
6148    <span class="flex h-4 w-4 relative">
6149<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6150  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6151  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6152</svg>
6153
6154</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6155  </div>
6156  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
6157    <span class="flex h-4 w-4 relative">
6158<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6159  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6160  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6161</svg>
6162
6163</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6164  </div>
6165</div></div>
6166        </div>
6167      </div>
6168    </div>
6169    
6170  </div>
6171  <div
6172    id="x-product-template-14945863369067-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2"
6173    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
6174  >
6175    <div class="hidden md:list-layout:block">
6176      
6177      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
6178        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
6179          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067">
6180            <a href="/collections/new-releases/products/9798890572554_the-art-of-the-steal"
6181              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
6182              @click='$store.xCustomerEvent.fire("product_selected", $el)'
6183              x-customer-event-data="{
6184    &quot;product&quot;: {
6185      &quot;title&quot;: &quot;The Art of the Steal&quot;,
6186      &quot;listName&quot;: &quot;New Releases&quot;,
6187      &quot;sku&quot;: &quot;14945863369067&quot;,
6188      &quot;currencyCode&quot;: &quot;USD&quot;,
6189      &quot;price&quot;: 2195,
6190      &quot;vendor&quot;: &quot;John Perkins&quot;
6191    }
6192  }"
6193            >
6194              The Art of the Steal
6195            </a>
6196          </h3>
6197          
6198
6199            
6200  
6201<div 
6202  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
6203><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
6204      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
6204ox="0 0 512 512"  xml:space="preserve">
6205      <g>
6206        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6207      </g>
6208    </svg>
6209    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6210      <g>
6211        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6212      </g>
6213    </svg>
6214    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6215      <g>
6216        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6217      </g>
6218    </svg>
6219    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6220      <g>
6221        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6222      </g>
6223    </svg>
6224    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6225      <g>
6226        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6227      </g>
6228    </svg>
6229    </div> 
6230    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
6231    </p></div>
6232
6233<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
6234            
6235            
6236              <div class=" price leading-none">
6237  <div class="">
6238    
6239      <div class="hidden">2195</div><p class="price">
6240          <span>$21.95</span>
6241        </p><small class="text-[70%] hidden">
6242        <span class="hidden">Unit price</span>
6243        <span class="up price-item price-item--last">
6244          <span>
6245
6246          </span>
6247          <span aria-hidden="true">/</span>
6248          <span class="hidden">&nbsp;per&nbsp;</span>
6249          <span>
6250          </span>
6251        </span>
6252      </small>
6253    
6254  </div>
6255  
6256</div>
6257            
6258            <div class="next-price empty:hidden"></div>
6259          </div>
6260          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945863369067', [639249514859, 636503097707, 636480389483, 636473475435])"><div 
6261  x-data='{ 
6262    storeAvailabilites: {},
6263    pickupLocation: []
6264  }'
6265  class="mb-3"
6266  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
6267>
6268  <style data-shopify>
6269    .text-available, .text-unavailable {
6270      font-size: 0.669375rem;
6271      font-family: var(--font-body-family);
6272    }
6273
6274    @media (min-width: 768px) {
6275      .text-available, .text-unavailable {
6276        font-size: 0.74375rem;
6277      }
6278    }
6279
6280    .text-available {
6281      color: #6b762d;
6282    }
6283
6284    .dark .text-available {
6285      color: #858F4D;
6286    }
6287
6288    .text-unavailable {
6289      color: #767474;
6290    }
6291
6292    .dark .text-unavailable {
6293      color: #867F7F;
6294    }
6295  </style>
6296  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
6297    <span class="flex h-4 w-4 relative">
6298<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6299  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6300  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6301</svg>
6302
6303</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6304  </div>
6305  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
6306    <span class="flex h-4 w-4 relative">
6307<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6308  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6309  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6310</svg>
6311
6312</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6313  </div>
6314</div></div>
6315        </div>
6316      </div>
6317    
6318    </div>
6319    
6320
6321        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
6322          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572554_the-art-of-the-steal');
6323        });"></div>
6324        <div
6325          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
6326          class="current-variant hidden"
6327        >
6328          53075717423467
6329        </div>
6330    
6331    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
6332    
6333      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
6334            class="card-info bottom_atc md:list-layout:hidden hide-icon"
6335            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
6336            x-cloak
6337          >
6338            
6339<form method="post" action="/cart/add" id="product-form-choose-option14945863369067202" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="53075717423467">
6340                
6341                                                            
6342                <button
6343                  type="submit"
6344                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
634456-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
6345                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
6346                  
6347                  
6348                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
6349                  
6350aria-label="Add to cart"
6351                    
6352                  
6353                >
6354                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
6355                        <span class="flex items-center justify-center">
6356                          
6357
6358  
6359    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
6360  
6361
6362
6363                        </span></span>
6364                  <div
6365                    class="flex gap-x-2 items-center justify-center"
6366                    role="alert"
6367                    x-cloak
6368                    x-show="errorMessage"
6369                  >
6370                    Sold out
6371                  </div>
6372                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
6373                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
6374    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
6375      fill="currentcolor" stroke="none">
6376      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
6377    </g>
6378  </svg>
6379
6380                  </div>
6381                </button><input type="hidden" name="product-id" value="14945863369067" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
6382          </div></template>
6383    
6384    
6385      <template x-if="$store.xQuickView">
6386        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
6387              
6388<form method="post" action="/cart/add" id="product-form-choose-option14945863369067202" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="53075717423467">
6389                  
6390                                                              
6391                  <button
6392                    type="submit"
6393                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
6394                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
6395                    
6396                    
6397                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
6398                    
6399aria-label="Add to cart"
6400                      
6401                    
6402                  >
6403                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
6404                          <span class="flex items-center justify-center">
6405                            
6406
6407  
6408    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
6409  
6410
6411
6412                          </span></span>
6413                    <div
6414                      class="flex gap-x-2 items-center justify-center"
6415                      role="alert"
6416                      x-cloak
6417                      x-show="errorMessage"
6418                    >
6419                      Sold out
6420                    </div>
6421                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
6422                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
6423    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
6424      fill="currentcolor" stroke="none">
6425      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
6426    </g>
6427  </svg>
6428
6429                    </div>
6430                  </button><button 
6431                    type="submit"
6432                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
6433                    
6434                    
6435                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
6436                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
6437                    
6438aria-label="Add to cart"
6439                      
6440                    
6441                    x-customer-event-data="{
6442    &quot;product&quot;: {
6443      &quot;title&quot;: &quot;The Art of the Steal&quot;,
6444      &quot;listName&quot;: &quot;New Releases&quot;,
6445      &quot;sku&quot;: &quot;14945863369067&quot;,
6446      &quot;currencyCode&quot;: &quot;USD&quot;,
6447      &quot;price&quot;: 2195,
6448      &quot;vendor&quot;: &quot;John Perkins&quot;
6449    }
6450  }"
6451                  >
6452                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
6453    <g>
6454    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6455    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6456    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6457    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6458    </g>
6459  </svg></span>
6460                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
6461                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
6462    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
6463      fill="currentcolor" stroke="none">
6464      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
6465    </g>
6466  </svg>
6467
6468                  </span>
6469                </button><input type="hidden" name="product-id" value="14945863369067" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
646956" /></form> 
6470            </div><button 
6471            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572554_the-art-of-the-steal', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
6472            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572554_the-art-of-the-steal', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
6473            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572554_the-art-of-the-steal", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
6474            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
6475            aria-label="Button quickview"
6476            x-customer-event-data="{
6477    &quot;product&quot;: {
6478      &quot;title&quot;: &quot;The Art of the Steal&quot;,
6479      &quot;listName&quot;: &quot;New Releases&quot;,
6480      &quot;sku&quot;: &quot;14945863369067&quot;,
6481      &quot;currencyCode&quot;: &quot;USD&quot;,
6482      &quot;price&quot;: 2195,
6483      &quot;vendor&quot;: &quot;John Perkins&quot;
6484    }
6485  }"
6486            x-show="$store.xQuickView.enabled"
6487          >
6488            <span class="flex justify-center items-center">
6489              
6490
6491  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
6492
6493
6494            </span>
6495          </button>
6496        </div>
6497      </template>
6498    
6499  </div>
6500</div>
6501
6502
6503<div 
6504  
6505    x-data="{ showOptions: false, options: [] }"
6506  
6507  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
6508  x-slide-index="2"
6509>
6510  <div 
6511    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
6512  >
6513    <style data-shopify>
6514      
6515    </style>
6516    
6517    <style data-shopify>
6518      
6519    </style>
6520    <a 
6521      
6522        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
6523      
6524      href="/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated"
6525       
6526        x-data="{ lastWindowWidth: 0 }"
6527        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
6528        x-labels-data="[{
6529        &quot;variant_id&quot;: 53075717128555,
6530        &quot;product_id&quot;: 14945863074155,
6531        &quot;available&quot;: true,
6532        &quot;title&quot;: &quot;On the Brink of Everything, Revised and Updated&quot;,
6533        &quot;compare_at_price&quot;: 0,
6534        &quot;price&quot;: 2495,
6535        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
6536        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
6537        &quot;collections&quot;: &quot;||639249514859||639476957547||636503097707||639269929323||636473475435||&quot;,
6538        &quot;inventory_management&quot;: &quot;shopify&quot;,
6539        &quot;qty&quot;: 2939,
6540        &quot;container&quot;: &quot;card&quot;,
6541        &quot;can_show_preorder&quot;: false,
6542        &quot;diff_day_create&quot;: 175.25,
6543        &quot;diff_day_publish&quot;: 175.25
6544        
6545          ,&quot;metafield_label&quot;: { 
6546            &quot;custom.format2&quot;:&quot;Hardcover&quot;
6547          }
6548        
6549      }]"
6550       
6551      aria-label="On the Brink of Everything, Revised and Updated"
6552      id="14945863074155-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
655256"
6553      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
6554      <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
6555        <div
6556          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3-2"
6557          class="block h-full" 
6558          @click='$store.xCustomerEvent.fire("product_selected", $el)'
6559          x-customer-event-data="{
6560    &quot;product&quot;: {
6561      &quot;title&quot;: &quot;On the Brink of Everything, Revised and Updated&quot;,
6562      &quot;listName&quot;: &quot;New Releases&quot;,
6563      &quot;sku&quot;: &quot;14945863074155&quot;,
6564      &quot;currencyCode&quot;: &quot;USD&quot;,
6565      &quot;price&quot;: 2495,
6566      &quot;vendor&quot;: &quot;Parker J. Palmer&quot;
6567    }
6568  }"
6569          >
6570<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
6571            >
6572              
6573              <picture>
6574                <img
6575                  srcset="//bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527&width=450 450w,
6576                  //bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527&width=750 750w,
6577                  //bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527&width=900 900w,
6578                  //bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527&width=1100 1100w,
6579                  //bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527 463w" 
6580                  src="//bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527&width=1500"
6581                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
6582                  alt="Cover image for On the Brink of Everything, Revised and Updated, isbn: 9798890572004"
6583                  :class="showSecond ? 'first-img' : ''"
6584                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
6585                  loading="lazy"
6586                  width="463"
6587                  height="648"
6588                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
6589                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
6590                />
6591              </picture>
6592              
6593            </div></div>
6594      </div>
6595      
6596        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
6597              x-show="$store.xQuickView" x-cloak
6598            > 
6599              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
6600                class="w-full hide-icon lg:px-4" 
6601                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
6602                x-cloak
6603              >
6604<form method="post" action="/cart/add" id="product-form-choose-option14945863074155203" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="53075717128555">
6605                    
6606                                                                
6607                    <button
6608                      type="submit"
6609                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
660956-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
6610                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
6611                      
6612                      
6613                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
6614                      
6615aria-label="Add to cart"
6616                        
6617                      
6618                    >
6619                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
6620                            <span class="flex items-center justify-center">
6621                              
6622
6623  
6624    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
6625  
6626
6627
6628                            </span></span>
6629                      <div
6630                        class="flex gap-x-2 items-center justify-center"
6631                        role="alert"
6632                        x-cloak
6633                        x-show="errorMessage"
6634                      >
6635                        Sold out
6636                      </div>
6637                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
6638                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
6639    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
6640      fill="currentcolor" stroke="none">
6641      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
6642    </g>
6643  </svg>
6644
6645                      </div>
6646                    </button>
6647                    <button 
6648                      type="submit"
6649                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
6650                      
6651                      
6652                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
6653                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
6654                      
6655aria-label="Add to cart"
6656                        
6657                      
6658                      x-customer-event-data="{
6659    &quot;product&quot;: {
6660      &quot;title&quot;: &quot;On the Brink of Everything, Revised and Updated&quot;,
6661      &quot;listName&quot;: &quot;New Releases&quot;,
6662      &quot;sku&quot;: &quot;14945863074155&quot;,
6663      &quot;currencyCode&quot;: &quot;USD&quot;,
6664      &quot;price&quot;: 2495,
6665      &quot;vendor&quot;: &quot;Parker J. Palmer&quot;
6666    }
6667  }"
6668                    >
6669                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
6670    <g>
6671    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6672    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
667214948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6673    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6674    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6675    </g>
6676  </svg></span>
6677                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
6678                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
6679    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
6680      fill="currentcolor" stroke="none">
6681      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
6682    </g>
6683  </svg>
6684
6685                      </span>
6686                  </button><input type="hidden" name="product-id" value="14945863074155" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
6687              </div>
6688            </div><div
6689            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
6690            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
6691            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
6692            >
6693            <div>
6694              <button
6695                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
6696                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
6697                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
6698                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
6699                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
6700                x-customer-event-data="{
6701    &quot;product&quot;: {
6702      &quot;title&quot;: &quot;On the Brink of Everything, Revised and Updated&quot;,
6703      &quot;listName&quot;: &quot;New Releases&quot;,
6704      &quot;sku&quot;: &quot;14945863074155&quot;,
6705      &quot;currencyCode&quot;: &quot;USD&quot;,
6706      &quot;price&quot;: 2495,
6707      &quot;vendor&quot;: &quot;Parker J. Palmer&quot;
6708    }
6709  }"
6710                aria-label="Button quickview"
6711              >
6712                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
6712ox="0 0 16 16" fill="none" style="fill:none;">
6713    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6714    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6715  </svg>
6716</span>
6717                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
6718                  
6719
6720  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
6721
6722
6723                </span>
6724              </button>
6725              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
6726                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
6727                aria-label="Button quickview"
6728                x-customer-event-data="{
6729    &quot;product&quot;: {
6730      &quot;title&quot;: &quot;On the Brink of Everything, Revised and Updated&quot;,
6731      &quot;listName&quot;: &quot;New Releases&quot;,
6732      &quot;sku&quot;: &quot;14945863074155&quot;,
6733      &quot;currencyCode&quot;: &quot;USD&quot;,
6734      &quot;price&quot;: 2495,
6735      &quot;vendor&quot;: &quot;Parker J. Palmer&quot;
6736    }
6737  }"
6738              >
6739                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
6740    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6741    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6742  </svg>
6743</span>
6744              </button>
6745            </div>
6746          </div>
6747        </div>
6748      
6749    </a>
6750    
6751    
6752    <div class="md:list-layout:hidden">
6753      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
6754        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
6755          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155">
6756            <a href="/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated"
6757              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
6758              @click='$store.xCustomerEvent.fire("product_selected", $el)'
6759              x-customer-event-data="{
6760    &quot;product&quot;: {
6761      &quot;title&quot;: &quot;On the Brink of Everything, Revised and Updated&quot;,
6762      &quot;listName&quot;: &quot;New Releases&quot;,
6763      &quot;sku&quot;: &quot;14945863074155&quot;,
6764      &quot;currencyCode&quot;: &quot;USD&quot;,
6765      &quot;price&quot;: 2495,
6766      &quot;vendor&quot;: &quot;Parker J. Palmer&quot;
6767    }
6768  }"
6769            >
6770              On the Brink of Everything, Revised and Updated
6771            </a>
6772          </h3>
6773          
6774
6775            
6776  
6777<div 
6778  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
6779><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
6780      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
6780ox="0 0 512 512"  xml:space="preserve">
6781      <g>
6782        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6783      </g>
6784    </svg>
6785    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6786      <g>
6787        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6788      </g>
6789    </svg>
6790    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6791      <g>
6792        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6793      </g>
6794    </svg>
6795    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6796      <g>
6797        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6798      </g>
6799    </svg>
6800    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6801      <g>
6802        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6803      </g>
6804    </svg>
6805    </div> 
6806    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
6807    </p></div>
6808
6809<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
6810            
6811            
6812              <div class=" price leading-none">
6813  <div class="">
6814    
6815      <div class="hidden">2495</div><p class="price">
6816          <span>$24.95</span>
6817        </p><small class="text-[70%] hidden">
6818        <span class="hidden">Unit price</span>
6819        <span class="up price-item price-item--last">
6820          <span>
6821
6822          </span>
6823          <span aria-hidden="true">/</span>
6824          <span class="hidden">&nbsp;per&nbsp;</span>
6825          <span>
6826          </span>
6827        </span>
6828      </small>
6829    
6830  </div>
6831  
6832</div>
6833            
6834            <div class="next-price empty:hidden"></div>
6835          </div>
6836          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945863074155', [639249514859, 639476957547, 636503097707, 639269929323, 636473475435])"><div 
6837  x-data='{ 
6838    storeAvailabilites: {},
6839    pickupLocation: []
6840  }'
6841  class="mb-3"
6842  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
6843>
6844  <style data-shopify>
6845    .text-available, .text-unavailable {
6846      font-size: 0.669375rem;
6847      font-family: var(--font-body-family);
6848    }
6849
6850    @media (min-width: 768px) {
6851      .text-available, .text-unavailable {
6852        font-size: 0.74375rem;
6853      }
6854    }
6855
6856    .text-available {
6857      color: #6b762d;
6858    }
6859
6860    .dark .text-available {
6861      color: #858F4D;
6862    }
6863
6864    .text-unavailable {
6865      color: #767474;
6866    }
6867
6868    .dark .text-unavailable {
6869      color: #867F7F;
6870    }
6871  </style>
6872  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
6873    <span class="flex h-4 w-4 relative">
6874<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6875  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6876  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6877</svg>
6878
6879</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6880  </div>
6881  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
6882    <span class="flex h-4 w-4 relative">
6883<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6884  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6885  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6886</svg>
6887
6888</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6889  </div>
6890</div></div>
6891        </div>
6892      </div>
6893    </div>
6894    
6895  </div>
6896  <div
6897    id="x-product-template-14945863074155-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3"
6898    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
6899  >
6900    <div class="hidden md:list-layout:block">
6901      
6902      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
6903        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
6904          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155">
6905            <a href="/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated"
6906              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
6907              @click='$store.xCustomerEvent.fire("product_selected", $el)'
6908              x-customer-event-data="{
6909    &quot;product&quot;: {
6910      &quot;title&quot;: &quot;On the Brink of Everything, Revised and Updated&quot;,
6911      &quot;listName&quot;: &quot;New Releases&quot;,
6912      &quot;sku&quot;: &quot;14945863074155&quot;,
6913      &quot;currencyCode&quot;: &quot;USD&quot;,
6914      &quot;price&quot;: 2495,
6915      &quot;vendor&quot;: &quot;Parker J. Palmer&quot;
6916    }
6917  }"
6918            >
6919              On the Brink of Everything, Revised and Updated
6920            </a>
6921          </h3>
6922          
6923
6924            
6925  
6926<div 
6927  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
6928><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
6929      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
6929ox="0 0 512 512"  xml:space="preserve">
6930      <g>
6931        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6932      </g>
6933    </svg>
6934    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6935      <g>
6936        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6937      </g>
6938    </svg>
6939    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6940      <g>
6941        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6942      </g>
6943    </svg>
6944    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6945      <g>
6946        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6947      </g>
6948    </svg>
6949    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
6950      <g>
6951        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
6952      </g>
6953    </svg>
6954    </div> 
6955    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
6956    </p></div>
6957
6958<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
6959            
6960            
6961              <div class=" price leading-none">
6962  <div class="">
6963    
6964      <div class="hidden">2495</div><p class="price">
6965          <span>$24.95</span>
6966        </p><small class="text-[70%] hidden">
6967        <span class="hidden">Unit price</span>
6968        <span class="up price-item price-item--last">
6969          <span>
6970
6971          </span>
6972          <span aria-hidden="true">/</span>
6973          <span class="hidden">&nbsp;per&nbsp;</span>
6974          <span>
6975          </span>
6976        </span>
6977      </small>
6978    
6979  </div>
6980  
6981</div>
6982            
6983            <div class="next-price empty:hidden"></div>
6984          </div>
6985          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945863074155', [639249514859, 639476957547, 636503097707, 639269929323, 636473475435])"><div 
6986  x-data='{ 
6987    storeAvailabilites: {},
6988    pickupLocation: []
6989  }'
6990  class="mb-3"
6991  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
6992>
6993  <style data-shopify>
6994    .text-available, .text-unavailable {
6995      font-size: 0.669375rem;
6996      font-family: var(--font-body-family);
6997    }
6998
6999    @media (min-width: 768px) {
7000      .text-available, .text-unavailable {
7001        font-size: 0.74375rem;
7002      }
7003    }
7004
7005    .text-available {
7006      color: #6b762d;
7007    }
7008
7009    .dark .text-available {
7010      color: #858F4D;
7011    }
7012
7013    .text-unavailable {
7014      color: #767474;
7015    }
7016
7017    .dark .text-unavailable {
7018      color: #867F7F;
7019    }
7020  </style>
7021  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
7022    <span class="flex h-4 w-4 relative">
7023<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7024  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7025  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7026</svg>
7027
7028</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
7029  </div>
7030  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
7031    <span class="flex h-4 w-4 relative">
7032<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7033  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7034  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7035</svg>
7036
7037</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
7038  </div>
7039</div></div>
7040        </div>
7041      </div>
7042    
7043    </div>
7044    
7045
7046        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
7047          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572004_on-the-brink-of-everything-revised-and-updated');
7048        });"></div>
7049        <div
7050          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
7051          class="current-variant hidden"
7052        >
7053          53075717128555
7054        </div>
7055    
7056    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
7057    
7058      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
7059            class="card-info bottom_atc md:list-layout:hidden hide-icon"
7060            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
7061            x-cloak
7062          >
7063            
7064<form method="post" action="/cart/add" id="product-form-choose-option14945863074155203" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="53075717128555">
7065                
7066                                                            
7067                <button
7068                  type="submit"
7069                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
706956-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7070                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
7071                  
7072                  
7073                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7074                  
7075aria-label="Add to cart"
7076                    
7077                  
7078                >
7079                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7080                        <span class="flex items-center justify-center">
7081                          
7082
7083  
7084    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
7085  
7086
7087
7088                        </span></span>
7089                  <div
7090                    class="flex gap-x-2 items-center justify-center"
7091                    role="alert"
7092                    x-cloak
7093                    x-show="errorMessage"
7094                  >
7095                    Sold out
7096                  </div>
7097                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
7098                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7099    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7100      fill="currentcolor" stroke="none">
7101      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7102    </g>
7103  </svg>
7104
7105                  </div>
7106                </button><input type="hidden" name="product-id" value="14945863074155" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
7107          </div></template>
7108    
7109    
7110      <template x-if="$store.xQuickView">
7111        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
7112              
7113<form method="post" action="/cart/add" id="product-form-choose-option14945863074155203" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="53075717128555">
7114                  
7115                                                              
7116                  <button
7117                    type="submit"
7118                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7119                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
7120                    
7121                    
7122                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7123                    
7124aria-label="Add to cart"
7125                      
7126                    
7127                  >
7128                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7129                          <span class="flex items-center justify-center">
7130                            
7131
7132  
7133    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
7134  
7135
7136
7137                          </span></span>
7138                    <div
7139                      class="flex gap-x-2 items-center justify-center"
7140                      role="alert"
7141                      x-cloak
7142                      x-show="errorMessage"
7143                    >
7144                      Sold out
7145                    </div>
7146                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
7147                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7148    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7149      fill="currentcolor" stroke="none">
7150      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7151    </g>
7152  </svg>
7153
7154                    </div>
7155                  </button><button 
7156                    type="submit"
7157                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
7158                    
7159                    
7160                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7161                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7162                    
7163aria-label="Add to cart"
7164                      
7165                    
7166                    x-customer-event-data="{
7167    &quot;product&quot;: {
7168      &quot;title&quot;: &quot;On the Brink of Everything, Revised and Updated&quot;,
7169      &quot;listName&quot;: &quot;New Releases&quot;,
7170      &quot;sku&quot;: &quot;14945863074155&quot;,
7171      &quot;currencyCode&quot;: &quot;USD&quot;,
7172      &quot;price&quot;: 2495,
7173      &quot;vendor&quot;: &quot;Parker J. Palmer&quot;
7174    }
7175  }"
7176                  >
7177                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
7178    <g>
7179    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7180    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7181    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7182    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7183    </g>
7184  </svg></span>
7185                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
7186                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7187    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7188      fill="currentcolor" stroke="none">
7189      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7190    </g>
7191  </svg>
7192
7193                  </span>
7194                </button><input type="hidden" name="product-id" value="14945863074155" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
719456" /></form> 
7195            </div><button 
7196            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
7197            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
7198            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
7199            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
7200            aria-label="Button quickview"
7201            x-customer-event-data="{
7202    &quot;product&quot;: {
7203      &quot;title&quot;: &quot;On the Brink of Everything, Revised and Updated&quot;,
7204      &quot;listName&quot;: &quot;New Releases&quot;,
7205      &quot;sku&quot;: &quot;14945863074155&quot;,
7206      &quot;currencyCode&quot;: &quot;USD&quot;,
7207      &quot;price&quot;: 2495,
7208      &quot;vendor&quot;: &quot;Parker J. Palmer&quot;
7209    }
7210  }"
7211            x-show="$store.xQuickView.enabled"
7212          >
7213            <span class="flex justify-center items-center">
7214              
7215
7216  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
7217
7218
7219            </span>
7220          </button>
7221        </div>
7222      </template>
7223    
7224  </div>
7225</div>
7226
7227
7228<div 
7229  
7230    x-data="{ showOptions: false, options: [] }"
7231  
7232  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
7233  x-slide-index="3"
7234>
7235  <div 
7236    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
7237  >
7238    <style data-shopify>
7239      
7240    </style>
7241    
7242    <style data-shopify>
7243      
7244    </style>
7245    <a 
7246      
7247        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
7248      
7249      href="/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough"
7250       
7251        x-data="{ lastWindowWidth: 0 }"
7252        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
7253        x-labels-data="[{
7254        &quot;variant_id&quot;: 53075717292395,
7255        &quot;product_id&quot;: 14945863237995,
7256        &quot;available&quot;: true,
7257        &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
7258        &quot;compare_at_price&quot;: 0,
7259        &quot;price&quot;: 2995,
7260        &quot;price_with_currency&quot;: &quot;$29.95&quot;,
7261        &quot;sale_amount&quot;: &quot;$-29.95&quot;,
7262        &quot;collections&quot;: &quot;||639249514859||636503097707||636480389483||636473475435||639252758891||&quot;,
7263        &quot;inventory_management&quot;: &quot;shopify&quot;,
7264        &quot;qty&quot;: 1482,
7265        &quot;container&quot;: &quot;card&quot;,
7266        &quot;can_show_preorder&quot;: false,
7267        &quot;diff_day_create&quot;: 175.25,
7268        &quot;diff_day_publish&quot;: 175.25
7269        
7270          ,&quot;metafield_label&quot;: { 
7271            &quot;custom.format2&quot;:&quot;Paperback&quot;
7272          }
7273        
7274      }]"
7275       
7276      aria-label="The Impact Entrepreneur Breakthrough"
7277      id="14945863237995-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
727756"
7278      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
7279      <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
7280        <div
7281          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4-3"
7282          class="block h-full" 
7283          @click='$store.xCustomerEvent.fire("product_selected", $el)'
7284          x-customer-event-data="{
7285    &quot;product&quot;: {
7286      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
7287      &quot;listName&quot;: &quot;New Releases&quot;,
7288      &quot;sku&quot;: &quot;14945863237995&quot;,
7289      &quot;currencyCode&quot;: &quot;USD&quot;,
7290      &quot;price&quot;: 2995,
7291      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
7292    }
7293  }"
7294          >
7295<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
7296            >
7297              
7298              <picture>
7299                <img
7300                  srcset="//bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=450 450w,
7301                  //bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=750 750w,
7302                  //bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=900 900w,
7303                  //bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=1100 1100w,
7304                  //bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887 432w" 
7305                  src="//bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=1500"
7306                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
7307                  alt="Cover image for The Impact Entrepreneur Breakthrough, isbn: 9798890572318"
7308                  :class="showSecond ? 'first-img' : ''"
7309                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
7310                  loading="lazy"
7311                  width="432"
7312                  height="648"
7313                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
7314                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
7315                />
7316              </picture>
7317              
7318            </div></div>
7319      </div>
7320      
7321        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
7322              x-show="$store.xQuickView" x-cloak
7323            > 
7324              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
7325                class="w-full hide-icon lg:px-4" 
7326                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
7327                x-cloak
7328              >
7329<form method="post" action="/cart/add" id="product-form-choose-option14945863237995204" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="53075717292395">
7330                    
7331                                                                
7332                    <button
7333                      type="submit"
7334                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
733456-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7335                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
7336                      
7337                      
7338                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7339                      
7340aria-label="Add to cart"
7341                        
7342                      
7343                    >
7344                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7345                            <span class="flex items-center justify-center">
7346                              
7347
7348  
7349    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
7350  
7351
7352
7353                            </span></span>
7354                      <div
7355                        class="flex gap-x-2 items-center justify-center"
7356                        role="alert"
7357                        x-cloak
7358                        x-show="errorMessage"
7359                      >
7360                        Sold out
7361                      </div>
7362                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
7363                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7364    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7365      fill="currentcolor" stroke="none">
7366      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7367    </g>
7368  </svg>
7369
7370                      </div>
7371                    </button>
7372                    <button 
7373                      type="submit"
7374                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
7375                      
7376                      
7377                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7378                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7379                      
7380aria-label="Add to cart"
7381                        
7382                      
7383                      x-customer-event-data="{
7384    &quot;product&quot;: {
7385      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
7386      &quot;listName&quot;: &quot;New Releases&quot;,
7387      &quot;sku&quot;: &quot;14945863237995&quot;,
7388      &quot;currencyCode&quot;: &quot;USD&quot;,
7389      &quot;price&quot;: 2995,
7390      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
7391    }
7392  }"
7393                    >
7394                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
7395    <g>
7396    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7397    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
739714948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7398    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7399    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7400    </g>
7401  </svg></span>
7402                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
7403                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7404    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7405      fill="currentcolor" stroke="none">
7406      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7407    </g>
7408  </svg>
7409
7410                      </span>
7411                  </button><input type="hidden" name="product-id" value="14945863237995" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
7412              </div>
7413            </div><div
7414            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
7415            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
7416            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
7417            >
7418            <div>
7419              <button
7420                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
7421                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
7422                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
7423                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
7424                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
7425                x-customer-event-data="{
7426    &quot;product&quot;: {
7427      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
7428      &quot;listName&quot;: &quot;New Releases&quot;,
7429      &quot;sku&quot;: &quot;14945863237995&quot;,
7430      &quot;currencyCode&quot;: &quot;USD&quot;,
7431      &quot;price&quot;: 2995,
7432      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
7433    }
7434  }"
7435                aria-label="Button quickview"
7436              >
7437                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
7437ox="0 0 16 16" fill="none" style="fill:none;">
7438    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7439    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7440  </svg>
7441</span>
7442                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
7443                  
7444
7445  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
7446
7447
7448                </span>
7449              </button>
7450              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
7451                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
7452                aria-label="Button quickview"
7453                x-customer-event-data="{
7454    &quot;product&quot;: {
7455      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
7456      &quot;listName&quot;: &quot;New Releases&quot;,
7457      &quot;sku&quot;: &quot;14945863237995&quot;,
7458      &quot;currencyCode&quot;: &quot;USD&quot;,
7459      &quot;price&quot;: 2995,
7460      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
7461    }
7462  }"
7463              >
7464                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
7465    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7466    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7467  </svg>
7468</span>
7469              </button>
7470            </div>
7471          </div>
7472        </div>
7473      
7474    </a>
7475    
7476    
7477    <div class="md:list-layout:hidden">
7478      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
7479        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
7480          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995">
7481            <a href="/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough"
7482              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
7483              @click='$store.xCustomerEvent.fire("product_selected", $el)'
7484              x-customer-event-data="{
7485    &quot;product&quot;: {
7486      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
7487      &quot;listName&quot;: &quot;New Releases&quot;,
7488      &quot;sku&quot;: &quot;14945863237995&quot;,
7489      &quot;currencyCode&quot;: &quot;USD&quot;,
7490      &quot;price&quot;: 2995,
7491      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
7492    }
7493  }"
7494            >
7495              The Impact Entrepreneur Breakthrough
7496            </a>
7497          </h3>
7498          
7499
7500            
7501  
7502<div 
7503  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
7504><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
7505      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
7505ox="0 0 512 512"  xml:space="preserve">
7506      <g>
7507        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
7508      </g>
7509    </svg>
7510    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
7511      <g>
7512        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
7513      </g>
7514    </svg>
7515    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
7516      <g>
7517        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
7518      </g>
7519    </svg>
7520    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
7521      <g>
7522        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
7523      </g>
7524    </svg>
7525    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
7526      <g>
7527        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
7528      </g>
7529    </svg>
7530    </div> 
7531    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
7532    </p></div>
7533
7534<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
7535            
7536            
7537              <div class=" price leading-none">
7538  <div class="">
7539    
7540      <div class="hidden">2995</div><p class="price">
7541          <span>$29.95</span>
7542        </p><small class="text-[70%] hidden">
7543        <span class="hidden">Unit price</span>
7544        <span class="up price-item price-item--last">
7545          <span>
7546
7547          </span>
7548          <span aria-hidden="true">/</span>
7549          <span class="hidden">&nbsp;per&nbsp;</span>
7550          <span>
7551          </span>
7552        </span>
7553      </small>
7554    
7555  </div>
7556  
7557</div>
7558            
7559            <div class="next-price empty:hidden"></div>
7560          </div>
7561          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945863237995', [639249514859, 636503097707, 636480389483, 636473475435, 639252758891])"><div 
7562  x-data='{ 
7563    storeAvailabilites: {},
7564    pickupLocation: []
7565  }'
7566  class="mb-3"
7567  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
7568>
7569  <style data-shopify>
7570    .text-available, .text-unavailable {
7571      font-size: 0.669375rem;
7572      font-family: var(--font-body-family);
7573    }
7574
7575    @media (min-width: 768px) {
7576      .text-available, .text-unavailable {
7577        font-size: 0.74375rem;
7578      }
7579    }
7580
7581    .text-available {
7582      color: #6b762d;
7583    }
7584
7585    .dark .text-available {
7586      color: #858F4D;
7587    }
7588
7589    .text-unavailable {
7590      color: #767474;
7591    }
7592
7593    .dark .text-unavailable {
7594      color: #867F7F;
7595    }
7596  </style>
7597  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
7598    <span class="flex h-4 w-4 relative">
7599<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7600  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7601  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7602</svg>
7603
7604</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
7605  </div>
7606  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
7607    <span class="flex h-4 w-4 relative">
7608<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7609  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7610  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7611</svg>
7612
7613</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
7614  </div>
7615</div></div>
7616        </div>
7617      </div>
7618    </div>
7619    
7620  </div>
7621  <div
7622    id="x-product-template-14945863237995-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4"
7623    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
7624  >
7625    <div class="hidden md:list-layout:block">
7626      
7627      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
7628        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
7629          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995">
7630            <a href="/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough"
7631              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
7632              @click='$store.xCustomerEvent.fire("product_selected", $el)'
7633              x-customer-event-data="{
7634    &quot;product&quot;: {
7635      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
7636      &quot;listName&quot;: &quot;New Releases&quot;,
7637      &quot;sku&quot;: &quot;14945863237995&quot;,
7638      &quot;currencyCode&quot;: &quot;USD&quot;,
7639      &quot;price&quot;: 2995,
7640      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
7641    }
7642  }"
7643            >
7644              The Impact Entrepreneur Breakthrough
7645            </a>
7646          </h3>
7647          
7648
7649            
7650  
7651<div 
7652  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
7653><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
7654      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
7654ox="0 0 512 512"  xml:space="preserve">
7655      <g>
7656        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
7657      </g>
7658    </svg>
7659    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
7660      <g>
7661        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
7662      </g>
7663    </svg>
7664    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
7665      <g>
7666        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
7667      </g>
7668    </svg>
7669    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
7670      <g>
7671        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
7672      </g>
7673    </svg>
7674    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
7675      <g>
7676        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
7677      </g>
7678    </svg>
7679    </div> 
7680    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
7681    </p></div>
7682
7683<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
7684            
7685            
7686              <div class=" price leading-none">
7687  <div class="">
7688    
7689      <div class="hidden">2995</div><p class="price">
7690          <span>$29.95</span>
7691        </p><small class="text-[70%] hidden">
7692        <span class="hidden">Unit price</span>
7693        <span class="up price-item price-item--last">
7694          <span>
7695
7696          </span>
7697          <span aria-hidden="true">/</span>
7698          <span class="hidden">&nbsp;per&nbsp;</span>
7699          <span>
7700          </span>
7701        </span>
7702      </small>
7703    
7704  </div>
7705  
7706</div>
7707            
7708            <div class="next-price empty:hidden"></div>
7709          </div>
7710          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945863237995', [639249514859, 636503097707, 636480389483, 636473475435, 639252758891])"><div 
7711  x-data='{ 
7712    storeAvailabilites: {},
7713    pickupLocation: []
7714  }'
7715  class="mb-3"
7716  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
7717>
7718  <style data-shopify>
7719    .text-available, .text-unavailable {
7720      font-size: 0.669375rem;
7721      font-family: var(--font-body-family);
7722    }
7723
7724    @media (min-width: 768px) {
7725      .text-available, .text-unavailable {
7726        font-size: 0.74375rem;
7727      }
7728    }
7729
7730    .text-available {
7731      color: #6b762d;
7732    }
7733
7734    .dark .text-available {
7735      color: #858F4D;
7736    }
7737
7738    .text-unavailable {
7739      color: #767474;
7740    }
7741
7742    .dark .text-unavailable {
7743      color: #867F7F;
7744    }
7745  </style>
7746  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
7747    <span class="flex h-4 w-4 relative">
7748<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7749  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7750  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7751</svg>
7752
7753</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
7754  </div>
7755  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
7756    <span class="flex h-4 w-4 relative">
7757<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7758  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7759  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7760</svg>
7761
7762</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
7763  </div>
7764</div></div>
7765        </div>
7766      </div>
7767    
7768    </div>
7769    
7770
7771        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
7772          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572318_the-impact-entrepreneur-breakthrough');
7773        });"></div>
7774        <div
7775          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
7776          class="current-variant hidden"
7777        >
7778          53075717292395
7779        </div>
7780    
7781    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
7782    
7783      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
7784            class="card-info bottom_atc md:list-layout:hidden hide-icon"
7785            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
7786            x-cloak
7787          >
7788            
7789<form method="post" action="/cart/add" id="product-form-choose-option14945863237995204" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="53075717292395">
7790                
7791                                                            
7792                <button
7793                  type="submit"
7794                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
779456-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7795                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
7796                  
7797                  
7798                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7799                  
7800aria-label="Add to cart"
7801                    
7802                  
7803                >
7804                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7805                        <span class="flex items-center justify-center">
7806                          
7807
7808  
7809    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
7810  
7811
7812
7813                        </span></span>
7814                  <div
7815                    class="flex gap-x-2 items-center justify-center"
7816                    role="alert"
7817                    x-cloak
7818                    x-show="errorMessage"
7819                  >
7820                    Sold out
7821                  </div>
7822                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
7823                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7824    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7825      fill="currentcolor" stroke="none">
7826      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7827    </g>
7828  </svg>
7829
7830                  </div>
7831                </button><input type="hidden" name="product-id" value="14945863237995" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
7832          </div></template>
7833    
7834    
7835      <template x-if="$store.xQuickView">
7836        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
7837              
7838<form method="post" action="/cart/add" id="product-form-choose-option14945863237995204" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="53075717292395">
7839                  
7840                                                              
7841                  <button
7842                    type="submit"
7843                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7844                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
7845                    
7846                    
7847                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7848                    
7849aria-label="Add to cart"
7850                      
7851                    
7852                  >
7853                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7854                          <span class="flex items-center justify-center">
7855                            
7856
7857  
7858    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
7859  
7860
7861
7862                          </span></span>
7863                    <div
7864                      class="flex gap-x-2 items-center justify-center"
7865                      role="alert"
7866                      x-cloak
7867                      x-show="errorMessage"
7868                    >
7869                      Sold out
7870                    </div>
7871                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
7872                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7873    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7874      fill="currentcolor" stroke="none">
7875      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7876    </g>
7877  </svg>
7878
7879                    </div>
7880                  </button><button 
7881                    type="submit"
7882                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
7883                    
7884                    
7885                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7886                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7887                    
7888aria-label="Add to cart"
7889                      
7890                    
7891                    x-customer-event-data="{
7892    &quot;product&quot;: {
7893      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
7894      &quot;listName&quot;: &quot;New Releases&quot;,
7895      &quot;sku&quot;: &quot;14945863237995&quot;,
7896      &quot;currencyCode&quot;: &quot;USD&quot;,
7897      &quot;price&quot;: 2995,
7898      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
7899    }
7900  }"
7901                  >
7902                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
7903    <g>
7904    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7905    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7906    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7907    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7908    </g>
7909  </svg></span>
7910                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
7911                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7912    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7913      fill="currentcolor" stroke="none">
7914      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
7915    </g>
7916  </svg>
7917
7918                  </span>
7919                </button><input type="hidden" name="product-id" value="14945863237995" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
791956" /></form> 
7920            </div><button 
7921            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
7922            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
7923            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
7924            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
7925            aria-label="Button quickview"
7926            x-customer-event-data="{
7927    &quot;product&quot;: {
7928      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
7929      &quot;listName&quot;: &quot;New Releases&quot;,
7930      &quot;sku&quot;: &quot;14945863237995&quot;,
7931      &quot;currencyCode&quot;: &quot;USD&quot;,
7932      &quot;price&quot;: 2995,
7933      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
7934    }
7935  }"
7936            x-show="$store.xQuickView.enabled"
7937          >
7938            <span class="flex justify-center items-center">
7939              
7940
7941  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
7942
7943
7944            </span>
7945          </button>
7946        </div>
7947      </template>
7948    
7949  </div>
7950</div>
7951
7952
7953<div 
7954  
7955    x-data="{ showOptions: false, options: [] }"
7956  
7957  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
7958  x-slide-index="4"
7959>
7960  <div 
7961    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
7962  >
7963    <style data-shopify>
7964      
7965    </style>
7966    
7967    <style data-shopify>
7968      
7969    </style>
7970    <a 
7971      
7972        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
7973      
7974      href="/collections/new-releases/products/9798890572639_who-killed-the-american-dream"
7975       
7976        x-data="{ lastWindowWidth: 0 }"
7977        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
7978        x-labels-data="[{
7979        &quot;variant_id&quot;: 52775018332523,
7980        &quot;product_id&quot;: 14878849007979,
7981        &quot;available&quot;: true,
7982        &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
7983        &quot;compare_at_price&quot;: 0,
7984        &quot;price&quot;: 2495,
7985        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
7986        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
7987        &quot;collections&quot;: &quot;||641199341931||639249514859||636503097707||636480389483||636473475435||639269339499||&quot;,
7988        &quot;inventory_management&quot;: &quot;shopify&quot;,
7989        &quot;qty&quot;: 3101,
7990        &quot;container&quot;: &quot;card&quot;,
7991        &quot;can_show_preorder&quot;: false,
7992        &quot;diff_day_create&quot;: 255.04,
7993        &quot;diff_day_publish&quot;: 254.98
7994        
7995          ,&quot;metafield_label&quot;: { 
7996            &quot;custom.format2&quot;:&quot;Paperback&quot;
7997          }
7998        
7999      }]"
8000       
8001      aria-label="Who Killed the American Dream?"
8002      id="14878849007979-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
800256"
8003      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
8004      <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572639_who-killed-the-american-dream')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
8005        <div
8006          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5-4"
8007          class="block h-full" 
8008          @click='$store.xCustomerEvent.fire("product_selected", $el)'
8009          x-customer-event-data="{
8010    &quot;product&quot;: {
8011      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
8012      &quot;listName&quot;: &quot;New Releases&quot;,
8013      &quot;sku&quot;: &quot;14878849007979&quot;,
8014      &quot;currencyCode&quot;: &quot;USD&quot;,
8015      &quot;price&quot;: 2495,
8016      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
8017    }
8018  }"
8019          >
8020<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
8021            >
8022              
8023              <picture>
8024                <img
8025                  srcset="//bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=450 450w,
8026                  //bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=750 750w,
8027                  //bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=900 900w,
8028                  //bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=1100 1100w,
8029                  //bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883 432w" 
8030                  src="//bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=1500"
8031                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
8032                  alt="Cover image for Who Killed the American Dream?, isbn: 9798890572639"
8033                  :class="showSecond ? 'first-img' : ''"
8034                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
8035                  loading="lazy"
8036                  width="432"
8037                  height="648"
8038                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
8039                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
8040                />
8041              </picture>
8042              
8043            </div></div>
8044      </div>
8045      
8046        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
8047              x-show="$store.xQuickView" x-cloak
8048            > 
8049              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
8050                class="w-full hide-icon lg:px-4" 
8051                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
8052                x-cloak
8053              >
8054<form method="post" action="/cart/add" id="product-form-choose-option14878849007979205" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52775018332523">
8055                    
8056                                                                
8057                    <button
8058                      type="submit"
8059                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
805956-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8060                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
8061                      
8062                      
8063                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8064                      
8065aria-label="Add to cart"
8066                        
8067                      
8068                    >
8069                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8070                            <span class="flex items-center justify-center">
8071                              
8072
8073  
8074    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
8075  
8076
8077
8078                            </span></span>
8079                      <div
8080                        class="flex gap-x-2 items-center justify-center"
8081                        role="alert"
8082                        x-cloak
8083                        x-show="errorMessage"
8084                      >
8085                        Sold out
8086                      </div>
8087                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
8088                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8089    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8090      fill="currentcolor" stroke="none">
8091      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8092    </g>
8093  </svg>
8094
8095                      </div>
8096                    </button>
8097                    <button 
8098                      type="submit"
8099                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
8100                      
8101                      
8102                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8103                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8104                      
8105aria-label="Add to cart"
8106                        
8107                      
8108                      x-customer-event-data="{
8109    &quot;product&quot;: {
8110      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
8111      &quot;listName&quot;: &quot;New Releases&quot;,
8112      &quot;sku&quot;: &quot;14878849007979&quot;,
8113      &quot;currencyCode&quot;: &quot;USD&quot;,
8114      &quot;price&quot;: 2495,
8115      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
8116    }
8117  }"
8118                    >
8119                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
8120    <g>
8121    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8122    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8123    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8124    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8125    </g>
8126  </svg></span>
8127                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
8128                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8129    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8130      fill="currentcolor" stroke="none">
8131      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8132    </g>
8133  </svg>
8134
8135                      </span>
8136                  </button><input type="hidden" name="product-id" value="14878849007979" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
8137              </div>
8138            </div><div
8139            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
8140            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
8141            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
8142            >
8143            <div>
8144              <button
8145                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8146                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572639_who-killed-the-american-dream', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
8147                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572639_who-killed-the-american-dream', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
8148                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
8149                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
8150                x-customer-event-data="{
8151    &quot;product&quot;: {
8152      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
8153      &quot;listName&quot;: &quot;New Releases&quot;,
8154      &quot;sku&quot;: &quot;14878849007979&quot;,
8155      &quot;currencyCode&quot;: &quot;USD&quot;,
8156      &quot;price&quot;: 2495,
8157      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
8158    }
8159  }"
8160                aria-label="Button quickview"
8161              >
8162                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
8163    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8164    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8165  </svg>
8166</span>
8167                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
8168                  
8169
8170  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
8171
8172
8173                </span>
8174              </button>
8175              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572639_who-killed-the-american-dream", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8176                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
8177                aria-label="Button quickview"
8178                x-customer-event-data="{
8179    &quot;product&quot;: {
8180      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
8181      &quot;listName&quot;: &quot;New Releases&quot;,
8182      &quot;sku&quot;: &quot;14878849007979&quot;,
8183      &quot;currencyCode&quot;: &quot;USD&quot;,
8184      &quot;price&quot;: 2495,
8185      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
8186    }
8187  }"
8188              >
8189                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
8190    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8191    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8192  </svg>
8193</span>
8194              </button>
8195            </div>
8196          </div>
8197        </div>
8198      
8199    </a>
8200    
8201    
8202    <div class="md:list-layout:hidden">
8203      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
8204        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
8205          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979">
8206            <a href="/collections/new-releases/products/9798890572639_who-killed-the-american-dream"
8207              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
8208              @click='$store.xCustomerEvent.fire("product_selected", $el)'
8209              x-customer-event-data="{
8210    &quot;product&quot;: {
8211      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
8212      &quot;listName&quot;: &quot;New Releases&quot;,
8213      &quot;sku&quot;: &quot;14878849007979&quot;,
8214      &quot;currencyCode&quot;: &quot;USD&quot;,
8215      &quot;price&quot;: 2495,
8216      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
8217    }
8218  }"
8219            >
8220              Who Killed the American Dream?
8221            </a>
8222          </h3>
8223          
8224
8225            
8226  
8227<div 
8228  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
8229><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
8230      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
8231      <g>
8232        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8233      </g>
8234    </svg>
8235    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
8235ox="0 0 512 512"  xml:space="preserve">
8236      <g>
8237        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8238      </g>
8239    </svg>
8240    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
8241      <g>
8242        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8243      </g>
8244    </svg>
8245    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
8246      <g>
8247        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8248      </g>
8249    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
8250          <defs>
8251              <linearGradient id="grad">
8252                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
8253                  <stop offset="50%" stop-color="currentColor"/>
8254              </linearGradient>
8255          </defs>
8256          <g>
8257            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8258          </g>
8259      </svg>
8260    </div> 
8261    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(18)
8262    </p></div>
8263
8264<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
8265            
8266            
8267              <div class=" price leading-none">
8268  <div class="">
8269    
8270      <div class="hidden">2495</div><p class="price">
8271          <span>$24.95</span>
8272        </p><small class="text-[70%] hidden">
8273        <span class="hidden">Unit price</span>
8274        <span class="up price-item price-item--last">
8275          <span>
8276
8277          </span>
8278          <span aria-hidden="true">/</span>
8279          <span class="hidden">&nbsp;per&nbsp;</span>
8280          <span>
8281          </span>
8282        </span>
8283      </small>
8284    
8285  </div>
8286  
8287</div>
8288            
8289            <div class="next-price empty:hidden"></div>
8290          </div>
8291          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14878849007979', [641199341931, 639249514859, 636503097707, 636480389483, 636473475435, 639269339499])"><div 
8292  x-data='{ 
8293    storeAvailabilites: {},
8294    pickupLocation: []
8295  }'
8296  class="mb-3"
8297  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
8298>
8299  <style data-shopify>
8300    .text-available, .text-unavailable {
8301      font-size: 0.669375rem;
8302      font-family: var(--font-body-family);
8303    }
8304
8305    @media (min-width: 768px) {
8306      .text-available, .text-unavailable {
8307        font-size: 0.74375rem;
8308      }
8309    }
8310
8311    .text-available {
8312      color: #6b762d;
8313    }
8314
8315    .dark .text-available {
8316      color: #858F4D;
8317    }
8318
8319    .text-unavailable {
8320      color: #767474;
8321    }
8322
8323    .dark .text-unavailable {
8324      color: #867F7F;
8325    }
8326  </style>
8327  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
8328    <span class="flex h-4 w-4 relative">
8329<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8330  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8331  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8332</svg>
8333
8334</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
8335  </div>
8336  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
8337    <span class="flex h-4 w-4 relative">
8338<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8339  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8340  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8341</svg>
8342
8343</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
8344  </div>
8345</div></div>
8346        </div>
8347      </div>
8348    </div>
8349    
8350  </div>
8351  <div
8352    id="x-product-template-14878849007979-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5"
8353    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
8354  >
8355    <div class="hidden md:list-layout:block">
8356      
8357      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
8358        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
8359          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979">
8360            <a href="/collections/new-releases/products/9798890572639_who-killed-the-american-dream"
8361              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
8362              @click='$store.xCustomerEvent.fire("product_selected", $el)'
8363              x-customer-event-data="{
8364    &quot;product&quot;: {
8365      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
8366      &quot;listName&quot;: &quot;New Releases&quot;,
8367      &quot;sku&quot;: &quot;14878849007979&quot;,
8368      &quot;currencyCode&quot;: &quot;USD&quot;,
8369      &quot;price&quot;: 2495,
8370      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
8371    }
8372  }"
8373            >
8374              Who Killed the American Dream?
8375            </a>
8376          </h3>
8377          
8378
8379            
8380  
8381<div 
8382  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
8383><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
8384      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
8384ox="0 0 512 512"  xml:space="preserve">
8385      <g>
8386        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8387      </g>
8388    </svg>
8389    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
8390      <g>
8391        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8392      </g>
8393    </svg>
8394    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
8395      <g>
8396        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8397      </g>
8398    </svg>
8399    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
8400      <g>
8401        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8402      </g>
8403    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
8404          <defs>
8405              <linearGradient id="grad">
8406                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
8407                  <stop offset="50%" stop-color="currentColor"/>
8408              </linearGradient>
8409          </defs>
8410          <g>
8411            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8412          </g>
8413      </svg>
8414    </div> 
8415    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(18)
8416    </p></div>
8417
8418<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
8419            
8420            
8421              <div class=" price leading-none">
8422  <div class="">
8423    
8424      <div class="hidden">2495</div><p class="price">
8425          <span>$24.95</span>
8426        </p><small class="text-[70%] hidden">
8427        <span class="hidden">Unit price</span>
8428        <span class="up price-item price-item--last">
8429          <span>
8430
8431          </span>
8432          <span aria-hidden="true">/</span>
8433          <span class="hidden">&nbsp;per&nbsp;</span>
8434          <span>
8435          </span>
8436        </span>
8437      </small>
8438    
8439  </div>
8440  
8441</div>
8442            
8443            <div class="next-price empty:hidden"></div>
8444          </div>
8445          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14878849007979', [641199341931, 639249514859, 636503097707, 636480389483, 636473475435, 639269339499])"><div 
8446  x-data='{ 
8447    storeAvailabilites: {},
8448    pickupLocation: []
8449  }'
8450  class="mb-3"
8451  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
8452>
8453  <style data-shopify>
8454    .text-available, .text-unavailable {
8455      font-size: 0.669375rem;
8456      font-family: var(--font-body-family);
8457    }
8458
8459    @media (min-width: 768px) {
8460      .text-available, .text-unavailable {
8461        font-size: 0.74375rem;
8462      }
8463    }
8464
8465    .text-available {
8466      color: #6b762d;
8467    }
8468
8469    .dark .text-available {
8470      color: #858F4D;
8471    }
8472
8473    .text-unavailable {
8474      color: #767474;
8475    }
8476
8477    .dark .text-unavailable {
8478      color: #867F7F;
8479    }
8480  </style>
8481  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
8482    <span class="flex h-4 w-4 relative">
8483<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8484  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8485  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8486</svg>
8487
8488</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
8489  </div>
8490  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
8491    <span class="flex h-4 w-4 relative">
8492<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8493  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8494  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8495</svg>
8496
8497</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
8498  </div>
8499</div></div>
8500        </div>
8501      </div>
8502    
8503    </div>
8504    
8505
8506        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
8507          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572639_who-killed-the-american-dream');
8508        });"></div>
8509        <div
8510          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
8511          class="current-variant hidden"
8512        >
8513          52775018332523
8514        </div>
8515    
8516    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
8517    
8518      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
8519            class="card-info bottom_atc md:list-layout:hidden hide-icon"
8520            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
8521            x-cloak
8522          >
8523            
8524<form method="post" action="/cart/add" id="product-form-choose-option14878849007979205" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52775018332523">
8525                
8526                                                            
8527                <button
8528                  type="submit"
8529                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
852956-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8530                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
8531                  
8532                  
8533                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8534                  
8535aria-label="Add to cart"
8536                    
8537                  
8538                >
8539                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8540                        <span class="flex items-center justify-center">
8541                          
8542
8543  
8544    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
8545  
8546
8547
8548                        </span></span>
8549                  <div
8550                    class="flex gap-x-2 items-center justify-center"
8551                    role="alert"
8552                    x-cloak
8553                    x-show="errorMessage"
8554                  >
8555                    Sold out
8556                  </div>
8557                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
8558                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8559    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8560      fill="currentcolor" stroke="none">
8561      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8562    </g>
8563  </svg>
8564
8565                  </div>
8566                </button><input type="hidden" name="product-id" value="14878849007979" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
8567          </div></template>
8568    
8569    
8570      <template x-if="$store.xQuickView">
8571        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
8572              
8573<form method="post" action="/cart/add" id="product-form-choose-option14878849007979205" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52775018332523">
8574                  
8575                                                              
8576                  <button
8577                    type="submit"
8578                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8579                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
8580                    
8581                    
8582                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8583                    
8584aria-label="Add to cart"
8585                      
8586                    
8587                  >
8588                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8589                          <span class="flex items-center justify-center">
8590                            
8591
8592  
8593    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
8594  
8595
8596
8597                          </span></span>
8598                    <div
8599                      class="flex gap-x-2 items-center justify-center"
8600                      role="alert"
8601                      x-cloak
8602                      x-show="errorMessage"
8603                    >
8604                      Sold out
8605                    </div>
8606                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
8607                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8608    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8609      fill="currentcolor" stroke="none">
8610      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8611    </g>
8612  </svg>
8613
8614                    </div>
8615                  </button><button 
8616                    type="submit"
8617                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
8618                    
8619                    
8620                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8621                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8622                    
8623aria-label="Add to cart"
8624                      
8625                    
8626                    x-customer-event-data="{
8627    &quot;product&quot;: {
8628      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
8629      &quot;listName&quot;: &quot;New Releases&quot;,
8630      &quot;sku&quot;: &quot;14878849007979&quot;,
8631      &quot;currencyCode&quot;: &quot;USD&quot;,
8632      &quot;price&quot;: 2495,
8633      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
8634    }
8635  }"
8636                  >
8637                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
8638    <g>
8639    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8640    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8641    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8642    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8643    </g>
8644  </svg></span>
8645                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
8646                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8647    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8648      fill="currentcolor" stroke="none">
8649      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8650    </g>
8651  </svg>
8652
8653                  </span>
8654                </button><input type="hidden" name="product-id" value="14878849007979" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
865456" /></form> 
8655            </div><button 
8656            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572639_who-killed-the-american-dream', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
8657            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572639_who-killed-the-american-dream', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
8658            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572639_who-killed-the-american-dream", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8659            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
8660            aria-label="Button quickview"
8661            x-customer-event-data="{
8662    &quot;product&quot;: {
8663      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
8664      &quot;listName&quot;: &quot;New Releases&quot;,
8665      &quot;sku&quot;: &quot;14878849007979&quot;,
8666      &quot;currencyCode&quot;: &quot;USD&quot;,
8667      &quot;price&quot;: 2495,
8668      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
8669    }
8670  }"
8671            x-show="$store.xQuickView.enabled"
8672          >
8673            <span class="flex justify-center items-center">
8674              
8675
8676  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
8677
8678
8679            </span>
8680          </button>
8681        </div>
8682      </template>
8683    
8684  </div>
8685</div>
8686
8687
8688<div 
8689  
8690    x-data="{ showOptions: false, options: [] }"
8691  
8692  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
8693  x-slide-index="5"
8694>
8695  <div 
8696    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
8697  >
8698    <style data-shopify>
8699      
8700    </style>
8701    
8702    <style data-shopify>
8703      
8704    </style>
8705    <a 
8706      
8707        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
8708      
8709      href="/collections/new-releases/products/9798890572103_culture-blooming"
8710       
8711        x-data="{ lastWindowWidth: 0 }"
8712        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
8713        x-labels-data="[{
8714        &quot;variant_id&quot;: 52653074645355,
8715        &quot;product_id&quot;: 14854886031723,
8716        &quot;available&quot;: true,
8717        &quot;title&quot;: &quot;Culture Blooming&quot;,
8718        &quot;compare_at_price&quot;: 0,
8719        &quot;price&quot;: 2295,
8720        &quot;price_with_currency&quot;: &quot;$22.95&quot;,
8721        &quot;sale_amount&quot;: &quot;$-22.95&quot;,
8722        &quot;collections&quot;: &quot;||641199341931||639249514859||639269732715||639249744235||636503097707||636480389483||636473475435||639252758891||639270191467||639269339499||&quot;,
8723        &quot;inventory_management&quot;: &quot;shopify&quot;,
8724        &quot;qty&quot;: 1501,
8725        &quot;container&quot;: &quot;card&quot;,
8726        &quot;can_show_preorder&quot;: false,
8727        &quot;diff_day_create&quot;: 299.33,
8728        &quot;diff_day_publish&quot;: 299.33
8729        
8730          ,&quot;metafield_label&quot;: { 
8731            &quot;custom.format2&quot;:&quot;Paperback&quot;
8732          }
8733        
8734      }]"
8735       
8736      aria-label="Culture Blooming"
8737      id="14854886031723-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
873756"
8738      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
8739      <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572103_culture-blooming')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
8740        <div
8741          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-6-5"
8742          class="block h-full" 
8743          @click='$store.xCustomerEvent.fire("product_selected", $el)'
8744          x-customer-event-data="{
8745    &quot;product&quot;: {
8746      &quot;title&quot;: &quot;Culture Blooming&quot;,
8747      &quot;listName&quot;: &quot;New Releases&quot;,
8748      &quot;sku&quot;: &quot;14854886031723&quot;,
8749      &quot;currencyCode&quot;: &quot;USD&quot;,
8750      &quot;price&quot;: 2295,
8751      &quot;vendor&quot;: &quot;Abi Adamson&quot;
8752    }
8753  }"
8754          >
8755<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
8756            >
8757              
8758              <picture>
8759                <img
8760                  srcset="//bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=450 450w,
8761                  //bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=750 750w,
8762                  //bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=900 900w,
8763                  //bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=1100 1100w,
8764                  //bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879 432w" 
8765                  src="//bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=1500"
8766                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
8767                  alt="Cover image for Culture Blooming, isbn: 9798890572103"
8768                  :class="showSecond ? 'first-img' : ''"
8769                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
8770                  loading="lazy"
8771                  width="432"
8772                  height="648"
8773                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
8774                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
8775                />
8776              </picture>
8777              
8778            </div></div>
8779      </div>
8780      
8781        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
8782              x-show="$store.xQuickView" x-cloak
8783            > 
8784              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
8785                class="w-full hide-icon lg:px-4" 
8786                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
8787                x-cloak
8788              >
8789<form method="post" action="/cart/add" id="product-form-choose-option14854886031723206" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52653074645355">
8790                    
8791                                                                
8792                    <button
8793                      type="submit"
8794                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
879456-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8795                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
8796                      
8797                      
8798                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8799                      
8800aria-label="Add to cart"
8801                        
8802                      
8803                    >
8804                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8805                            <span class="flex items-center justify-center">
8806                              
8807
8808  
8809    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
8810  
8811
8812
8813                            </span></span>
8814                      <div
8815                        class="flex gap-x-2 items-center justify-center"
8816                        role="alert"
8817                        x-cloak
8818                        x-show="errorMessage"
8819                      >
8820                        Sold out
8821                      </div>
8822                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
8823                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8824    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8825      fill="currentcolor" stroke="none">
8826      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8827    </g>
8828  </svg>
8829
8830                      </div>
8831                    </button>
8832                    <button 
8833                      type="submit"
8834                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
8835                      
8836                      
8837                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8838                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8839                      
8840aria-label="Add to cart"
8841                        
8842                      
8843                      x-customer-event-data="{
8844    &quot;product&quot;: {
8845      &quot;title&quot;: &quot;Culture Blooming&quot;,
8846      &quot;listName&quot;: &quot;New Releases&quot;,
8847      &quot;sku&quot;: &quot;14854886031723&quot;,
8848      &quot;currencyCode&quot;: &quot;USD&quot;,
8849      &quot;price&quot;: 2295,
8850      &quot;vendor&quot;: &quot;Abi Adamson&quot;
8851    }
8852  }"
8853                    >
8854                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
8855    <g>
8856    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8857    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8858    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8859    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8860    </g>
8861  </svg></span>
8862                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
8863                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8864    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8865      fill="currentcolor" stroke="none">
8866      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
8867    </g>
8868  </svg>
8869
8870                      </span>
8871                  </button><input type="hidden" name="product-id" value="14854886031723" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
8872              </div>
8873            </div><div
8874            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
8875            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
8876            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
8877            >
8878            <div>
8879              <button
8880                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8881                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572103_culture-blooming', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
8882                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572103_culture-blooming', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
8883                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
8884                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
8885                x-customer-event-data="{
8886    &quot;product&quot;: {
8887      &quot;title&quot;: &quot;Culture Blooming&quot;,
8888      &quot;listName&quot;: &quot;New Releases&quot;,
8889      &quot;sku&quot;: &quot;14854886031723&quot;,
8890      &quot;currencyCode&quot;: &quot;USD&quot;,
8891      &quot;price&quot;: 2295,
8892      &quot;vendor&quot;: &quot;Abi Adamson&quot;
8893    }
8894  }"
8895                aria-label="Button quickview"
8896              >
8897                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
8898    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8899    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8900  </svg>
8901</span>
8902                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
8903                  
8904
8905  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
8906
8907
8908                </span>
8909              </button>
8910              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572103_culture-blooming", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8911                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
8912                aria-label="Button quickview"
8913                x-customer-event-data="{
8914    &quot;product&quot;: {
8915      &quot;title&quot;: &quot;Culture Blooming&quot;,
8916      &quot;listName&quot;: &quot;New Releases&quot;,
8917      &quot;sku&quot;: &quot;14854886031723&quot;,
8918      &quot;currencyCode&quot;: &quot;USD&quot;,
8919      &quot;price&quot;: 2295,
8920      &quot;vendor&quot;: &quot;Abi Adamson&quot;
8921    }
8922  }"
8923              >
8924                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
8925    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8926    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8927  </svg>
8928</span>
8929              </button>
8930            </div>
8931          </div>
8932        </div>
8933      
8934    </a>
8935    
8936    
8937    <div class="md:list-layout:hidden">
8938      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
8939        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
8940          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723">
8941            <a href="/collections/new-releases/products/9798890572103_culture-blooming"
8942              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
8943              @click='$store.xCustomerEvent.fire("product_selected", $el)'
8944              x-customer-event-data="{
8945    &quot;product&quot;: {
8946      &quot;title&quot;: &quot;Culture Blooming&quot;,
8947      &quot;listName&quot;: &quot;New Releases&quot;,
8948      &quot;sku&quot;: &quot;14854886031723&quot;,
8949      &quot;currencyCode&quot;: &quot;USD&quot;,
8950      &quot;price&quot;: 2295,
8951      &quot;vendor&quot;: &quot;Abi Adamson&quot;
8952    }
8953  }"
8954            >
8955              Culture Blooming
8956            </a>
8957          </h3>
8958          
8959
8960            
8961  
8962<div 
8963  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
8964><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
8965      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
8966      <g>
8967        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8968      </g>
8969    </svg>
8970    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
8970ox="0 0 512 512"  xml:space="preserve">
8971      <g>
8972        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8973      </g>
8974    </svg>
8975    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
8976      <g>
8977        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8978      </g>
8979    </svg>
8980    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
8981      <g>
8982        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8983      </g>
8984    </svg>
8985    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
8986      <g>
8987        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
8988      </g>
8989    </svg>
8990    </div> 
8991    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
8992    </p></div>
8993
8994<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
8995            
8996            
8997              <div class=" price leading-none">
8998  <div class="">
8999    
9000      <div class="hidden">2295</div><p class="price">
9001          <span>$22.95</span>
9002        </p><small class="text-[70%] hidden">
9003        <span class="hidden">Unit price</span>
9004        <span class="up price-item price-item--last">
9005          <span>
9006
9007          </span>
9008          <span aria-hidden="true">/</span>
9009          <span class="hidden">&nbsp;per&nbsp;</span>
9010          <span>
9011          </span>
9012        </span>
9013      </small>
9014    
9015  </div>
9016  
9017</div>
9018            
9019            <div class="next-price empty:hidden"></div>
9020          </div>
9021          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
902156" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14854886031723', [641199341931, 639249514859, 639269732715, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639270191467, 639269339499])"><div 
9022  x-data='{ 
9023    storeAvailabilites: {},
9024    pickupLocation: []
9025  }'
9026  class="mb-3"
9027  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
9028>
9029  <style data-shopify>
9030    .text-available, .text-unavailable {
9031      font-size: 0.669375rem;
9032      font-family: var(--font-body-family);
9033    }
9034
9035    @media (min-width: 768px) {
9036      .text-available, .text-unavailable {
9037        font-size: 0.74375rem;
9038      }
9039    }
9040
9041    .text-available {
9042      color: #6b762d;
9043    }
9044
9045    .dark .text-available {
9046      color: #858F4D;
9047    }
9048
9049    .text-unavailable {
9050      color: #767474;
9051    }
9052
9053    .dark .text-unavailable {
9054      color: #867F7F;
9055    }
9056  </style>
9057  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
9058    <span class="flex h-4 w-4 relative">
9059<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9060  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9061  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9062</svg>
9063
9064</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9065  </div>
9066  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
9067    <span class="flex h-4 w-4 relative">
9068<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9069  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9070  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9071</svg>
9072
9073</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9074  </div>
9075</div></div>
9076        </div>
9077      </div>
9078    </div>
9079    
9080  </div>
9081  <div
9082    id="x-product-template-14854886031723-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-6"
9083    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
9084  >
9085    <div class="hidden md:list-layout:block">
9086      
9087      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
9088        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
9089          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723">
9090            <a href="/collections/new-releases/products/9798890572103_culture-blooming"
9091              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
9092              @click='$store.xCustomerEvent.fire("product_selected", $el)'
9093              x-customer-event-data="{
9094    &quot;product&quot;: {
9095      &quot;title&quot;: &quot;Culture Blooming&quot;,
9096      &quot;listName&quot;: &quot;New Releases&quot;,
9097      &quot;sku&quot;: &quot;14854886031723&quot;,
9098      &quot;currencyCode&quot;: &quot;USD&quot;,
9099      &quot;price&quot;: 2295,
9100      &quot;vendor&quot;: &quot;Abi Adamson&quot;
9101    }
9102  }"
9103            >
9104              Culture Blooming
9105            </a>
9106          </h3>
9107          
9108
9109            
9110  
9111<div 
9112  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
9113><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
9114      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
9114ox="0 0 512 512"  xml:space="preserve">
9115      <g>
9116        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9117      </g>
9118    </svg>
9119    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
9120      <g>
9121        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9122      </g>
9123    </svg>
9124    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
9125      <g>
9126        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9127      </g>
9128    </svg>
9129    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
9130      <g>
9131        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9132      </g>
9133    </svg>
9134    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
9135      <g>
9136        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9137      </g>
9138    </svg>
9139    </div> 
9140    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
9141    </p></div>
9142
9143<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
9144            
9145            
9146              <div class=" price leading-none">
9147  <div class="">
9148    
9149      <div class="hidden">2295</div><p class="price">
9150          <span>$22.95</span>
9151        </p><small class="text-[70%] hidden">
9152        <span class="hidden">Unit price</span>
9153        <span class="up price-item price-item--last">
9154          <span>
9155
9156          </span>
9157          <span aria-hidden="true">/</span>
9158          <span class="hidden">&nbsp;per&nbsp;</span>
9159          <span>
9160          </span>
9161        </span>
9162      </small>
9163    
9164  </div>
9165  
9166</div>
9167            
9168            <div class="next-price empty:hidden"></div>
9169          </div>
9170          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14854886031723', [641199341931, 639249514859, 639269732715, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639270191467, 639269339499])"><div 
9171  x-data='{ 
9172    storeAvailabilites: {},
9173    pickupLocation: []
9174  }'
9175  class="mb-3"
9176  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
9177>
9178  <style data-shopify>
9179    .text-available, .text-unavailable {
9180      font-size: 0.669375rem;
9181      font-family: var(--font-body-family);
9182    }
9183
9184    @media (min-width: 768px) {
9185      .text-available, .text-unavailable {
9186        font-size: 0.74375rem;
9187      }
9188    }
9189
9190    .text-available {
9191      color: #6b762d;
9192    }
9193
9194    .dark .text-available {
9195      color: #858F4D;
9196    }
9197
9198    .text-unavailable {
9199      color: #767474;
9200    }
9201
9202    .dark .text-unavailable {
9203      color: #867F7F;
9204    }
9205  </style>
9206  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
9207    <span class="flex h-4 w-4 relative">
9208<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9209  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9210  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9211</svg>
9212
9213</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9214  </div>
9215  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
9216    <span class="flex h-4 w-4 relative">
9217<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9218  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9219  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9220</svg>
9221
9222</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9223  </div>
9224</div></div>
9225        </div>
9226      </div>
9227    
9228    </div>
9229    
9230
9231        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
9232          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572103_culture-blooming');
9233        });"></div>
9234        <div
9235          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
9236          class="current-variant hidden"
9237        >
9238          52653074645355
9239        </div>
9240    
9241    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
9242    
9243      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
9244            class="card-info bottom_atc md:list-layout:hidden hide-icon"
9245            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
9246            x-cloak
9247          >
9248            
9249<form method="post" action="/cart/add" id="product-form-choose-option14854886031723206" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52653074645355">
9250                
9251                                                            
9252                <button
9253                  type="submit"
9254                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
925456-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9255                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
9256                  
9257                  
9258                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9259                  
9260aria-label="Add to cart"
9261                    
9262                  
9263                >
9264                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9265                        <span class="flex items-center justify-center">
9266                          
9267
9268  
9269    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
9270  
9271
9272
9273                        </span></span>
9274                  <div
9275                    class="flex gap-x-2 items-center justify-center"
9276                    role="alert"
9277                    x-cloak
9278                    x-show="errorMessage"
9279                  >
9280                    Sold out
9281                  </div>
9282                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
9283                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9284    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9285      fill="currentcolor" stroke="none">
9286      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9287    </g>
9288  </svg>
9289
9290                  </div>
9291                </button><input type="hidden" name="product-id" value="14854886031723" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
9292          </div></template>
9293    
9294    
9295      <template x-if="$store.xQuickView">
9296        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
9297              
9298<form method="post" action="/cart/add" id="product-form-choose-option14854886031723206" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52653074645355">
9299                  
9300                                                              
9301                  <button
9302                    type="submit"
9303                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9304                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
9305                    
9306                    
9307                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9308                    
9309aria-label="Add to cart"
9310                      
9311                    
9312                  >
9313                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9314                          <span class="flex items-center justify-center">
9315                            
9316
9317  
9318    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
9319  
9320
9321
9322                          </span></span>
9323                    <div
9324                      class="flex gap-x-2 items-center justify-center"
9325                      role="alert"
9326                      x-cloak
9327                      x-show="errorMessage"
9328                    >
9329                      Sold out
9330                    </div>
9331                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
9332                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9333    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9334      fill="currentcolor" stroke="none">
9335      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9336    </g>
9337  </svg>
9338
9339                    </div>
9340                  </button><button 
9341                    type="submit"
9342                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
9343                    
9344                    
9345                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9346                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9347                    
9348aria-label="Add to cart"
9349                      
9350                    
9351                    x-customer-event-data="{
9352    &quot;product&quot;: {
9353      &quot;title&quot;: &quot;Culture Blooming&quot;,
9354      &quot;listName&quot;: &quot;New Releases&quot;,
9355      &quot;sku&quot;: &quot;14854886031723&quot;,
9356      &quot;currencyCode&quot;: &quot;USD&quot;,
9357      &quot;price&quot;: 2295,
9358      &quot;vendor&quot;: &quot;Abi Adamson&quot;
9359    }
9360  }"
9361                  >
9362                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
9363    <g>
9364    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9365    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9366    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9367    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9368    </g>
9369  </svg></span>
9370                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
9371                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9372    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9373      fill="currentcolor" stroke="none">
9374      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9375    </g>
9376  </svg>
9377
9378                  </span>
9379                </button><input type="hidden" name="product-id" value="14854886031723" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
937956" /></form> 
9380            </div><button 
9381            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572103_culture-blooming', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
9382            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572103_culture-blooming', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
9383            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572103_culture-blooming", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9384            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
9385            aria-label="Button quickview"
9386            x-customer-event-data="{
9387    &quot;product&quot;: {
9388      &quot;title&quot;: &quot;Culture Blooming&quot;,
9389      &quot;listName&quot;: &quot;New Releases&quot;,
9390      &quot;sku&quot;: &quot;14854886031723&quot;,
9391      &quot;currencyCode&quot;: &quot;USD&quot;,
9392      &quot;price&quot;: 2295,
9393      &quot;vendor&quot;: &quot;Abi Adamson&quot;
9394    }
9395  }"
9396            x-show="$store.xQuickView.enabled"
9397          >
9398            <span class="flex justify-center items-center">
9399              
9400
9401  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
9402
9403
9404            </span>
9405          </button>
9406        </div>
9407      </template>
9408    
9409  </div>
9410</div>
9411
9412
9413<div 
9414  
9415    x-data="{ showOptions: false, options: [] }"
9416  
9417  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
9418  x-slide-index="6"
9419>
9420  <div 
9421    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
9422  >
9423    <style data-shopify>
9424      
9425    </style>
9426    
9427    <style data-shopify>
9428      
9429    </style>
9430    <a 
9431      
9432        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
9433      
9434      href="/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you"
9435       
9436        x-data="{ lastWindowWidth: 0 }"
9437        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
9438        x-labels-data="[{
9439        &quot;variant_id&quot;: 52653074612587,
9440        &quot;product_id&quot;: 14854885998955,
9441        &quot;available&quot;: true,
9442        &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
9443        &quot;compare_at_price&quot;: 0,
9444        &quot;price&quot;: 2295,
9445        &quot;price_with_currency&quot;: &quot;$22.95&quot;,
9446        &quot;sale_amount&quot;: &quot;$-22.95&quot;,
9447        &quot;collections&quot;: &quot;||641199341931||639249514859||639269732715||639249744235||636503097707||636480389483||636473475435||639252758891||639269339499||&quot;,
9448        &quot;inventory_management&quot;: &quot;shopify&quot;,
9449        &quot;qty&quot;: 1978,
9450        &quot;container&quot;: &quot;card&quot;,
9451        &quot;can_show_preorder&quot;: false,
9452        &quot;diff_day_create&quot;: 299.33,
9453        &quot;diff_day_publish&quot;: 299.33
9454        
9455          ,&quot;metafield_label&quot;: { 
9456            &quot;custom.format2&quot;:&quot;Paperback&quot;
9457          }
9458        
9459      }]"
9460       
9461      aria-label="What Your Team Won't Tell You"
9462      id="14854885998955-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
946256"
9463      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
9464      <div x-data="xDoubleTouch('/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
9465        <div
9466          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-7-6"
9467          class="block h-full" 
9468          @click='$store.xCustomerEvent.fire("product_selected", $el)'
9469          x-customer-event-data="{
9470    &quot;product&quot;: {
9471      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
9472      &quot;listName&quot;: &quot;New Releases&quot;,
9473      &quot;sku&quot;: &quot;14854885998955&quot;,
9474      &quot;currencyCode&quot;: &quot;USD&quot;,
9475      &quot;price&quot;: 2295,
9476      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
9477    }
9478  }"
9479          >
9480<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
9481            >
9482              
9483              <picture>
9484                <img
9485                  srcset="//bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=450 450w,
9486                  //bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=750 750w,
9487                  //bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=900 900w,
9488                  //bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=1100 1100w,
9489                  //bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878 419w" 
9490                  src="//bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=1500"
9491                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
9492                  alt="Cover image for What Your Team Won&#39;t Tell You, isbn: 9798890571960"
9493                  :class="showSecond ? 'first-img' : ''"
9494                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
9495                  loading="lazy"
9496                  width="419"
9497                  height="648"
9498                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
9499                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
9500                />
9501              </picture>
9502              
9503            </div></div>
9504      </div>
9505      
9506        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
9507              x-show="$store.xQuickView" x-cloak
9508            > 
9509              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
9510                class="w-full hide-icon lg:px-4" 
9511                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
9512                x-cloak
9513              >
9514<form method="post" action="/cart/add" id="product-form-choose-option14854885998955207" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52653074612587">
9515                    
9516                                                                
9517                    <button
9518                      type="submit"
9519                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
951956-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9520                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
9521                      
9522                      
9523                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9524                      
9525aria-label="Add to cart"
9526                        
9527                      
9528                    >
9529                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9530                            <span class="flex items-center justify-center">
9531                              
9532
9533  
9534    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
9535  
9536
9537
9538                            </span></span>
9539                      <div
9540                        class="flex gap-x-2 items-center justify-center"
9541                        role="alert"
9542                        x-cloak
9543                        x-show="errorMessage"
9544                      >
9545                        Sold out
9546                      </div>
9547                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
9548                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9549    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9550      fill="currentcolor" stroke="none">
9551      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9552    </g>
9553  </svg>
9554
9555                      </div>
9556                    </button>
9557                    <button 
9558                      type="submit"
9559                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
9560                      
9561                      
9562                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9563                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9564                      
9565aria-label="Add to cart"
9566                        
9567                      
9568                      x-customer-event-data="{
9569    &quot;product&quot;: {
9570      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
9571      &quot;listName&quot;: &quot;New Releases&quot;,
9572      &quot;sku&quot;: &quot;14854885998955&quot;,
9573      &quot;currencyCode&quot;: &quot;USD&quot;,
9574      &quot;price&quot;: 2295,
9575      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
9576    }
9577  }"
9578                    >
9579                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
9580    <g>
9581    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9582    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
958214948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9583    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9584    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9585    </g>
9586  </svg></span>
9587                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
9588                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9589    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9590      fill="currentcolor" stroke="none">
9591      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
9592    </g>
9593  </svg>
9594
9595                      </span>
9596                  </button><input type="hidden" name="product-id" value="14854885998955" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
9597              </div>
9598            </div><div
9599            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
9600            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
9601            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
9602            >
9603            <div>
9604              <button
9605                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9606                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
9607                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
9608                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
9609                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
9610                x-customer-event-data="{
9611    &quot;product&quot;: {
9612      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
9613      &quot;listName&quot;: &quot;New Releases&quot;,
9614      &quot;sku&quot;: &quot;14854885998955&quot;,
9615      &quot;currencyCode&quot;: &quot;USD&quot;,
9616      &quot;price&quot;: 2295,
9617      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
9618    }
9619  }"
9620                aria-label="Button quickview"
9621              >
9622                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
9622ox="0 0 16 16" fill="none" style="fill:none;">
9623    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9624    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9625  </svg>
9626</span>
9627                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
9628                  
9629
9630  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
9631
9632
9633                </span>
9634              </button>
9635              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9636                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
9637                aria-label="Button quickview"
9638                x-customer-event-data="{
9639    &quot;product&quot;: {
9640      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
9641      &quot;listName&quot;: &quot;New Releases&quot;,
9642      &quot;sku&quot;: &quot;14854885998955&quot;,
9643      &quot;currencyCode&quot;: &quot;USD&quot;,
9644      &quot;price&quot;: 2295,
9645      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
9646    }
9647  }"
9648              >
9649                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
9650    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9651    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9652  </svg>
9653</span>
9654              </button>
9655            </div>
9656          </div>
9657        </div>
9658      
9659    </a>
9660    
9661    
9662    <div class="md:list-layout:hidden">
9663      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
9664        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
9665          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955">
9666            <a href="/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you"
9667              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
9668              @click='$store.xCustomerEvent.fire("product_selected", $el)'
9669              x-customer-event-data="{
9670    &quot;product&quot;: {
9671      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
9672      &quot;listName&quot;: &quot;New Releases&quot;,
9673      &quot;sku&quot;: &quot;14854885998955&quot;,
9674      &quot;currencyCode&quot;: &quot;USD&quot;,
9675      &quot;price&quot;: 2295,
9676      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
9677    }
9678  }"
9679            >
9680              What Your Team Won&#39;t Tell You
9681            </a>
9682          </h3>
9683          
9684
9685            
9686  
9687<div 
9688  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
9689><div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
9690      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
9690ox="0 0 512 512"  xml:space="preserve">
9691      <g>
9692        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9693      </g>
9694    </svg>
9695    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
9696      <g>
9697        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9698      </g>
9699    </svg>
9700    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
9701      <g>
9702        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9703      </g>
9704    </svg>
9705    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
9706      <g>
9707        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9708      </g>
9709    </svg>
9710    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
9711      <g>
9712        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9713      </g>
9714    </svg>
9715    </div> 
9716    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(1)
9717    </p></div>
9718
9719<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
9720            
9721            
9722              <div class=" price leading-none">
9723  <div class="">
9724    
9725      <div class="hidden">2295</div><p class="price">
9726          <span>$22.95</span>
9727        </p><small class="text-[70%] hidden">
9728        <span class="hidden">Unit price</span>
9729        <span class="up price-item price-item--last">
9730          <span>
9731
9732          </span>
9733          <span aria-hidden="true">/</span>
9734          <span class="hidden">&nbsp;per&nbsp;</span>
9735          <span>
9736          </span>
9737        </span>
9738      </small>
9739    
9740  </div>
9741  
9742</div>
9743            
9744            <div class="next-price empty:hidden"></div>
9745          </div>
9746          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14854885998955', [641199341931, 639249514859, 639269732715, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639269339499])"><div 
9747  x-data='{ 
9748    storeAvailabilites: {},
9749    pickupLocation: []
9750  }'
9751  class="mb-3"
9752  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
9753>
9754  <style data-shopify>
9755    .text-available, .text-unavailable {
9756      font-size: 0.669375rem;
9757      font-family: var(--font-body-family);
9758    }
9759
9760    @media (min-width: 768px) {
9761      .text-available, .text-unavailable {
9762        font-size: 0.74375rem;
9763      }
9764    }
9765
9766    .text-available {
9767      color: #6b762d;
9768    }
9769
9770    .dark .text-available {
9771      color: #858F4D;
9772    }
9773
9774    .text-unavailable {
9775      color: #767474;
9776    }
9777
9778    .dark .text-unavailable {
9779      color: #867F7F;
9780    }
9781  </style>
9782  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
9783    <span class="flex h-4 w-4 relative">
9784<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9785  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9786  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9787</svg>
9788
9789</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9790  </div>
9791  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
9792    <span class="flex h-4 w-4 relative">
9793<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9794  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9795  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9796</svg>
9797
9798</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9799  </div>
9800</div></div>
9801        </div>
9802      </div>
9803    </div>
9804    
9805  </div>
9806  <div
9807    id="x-product-template-14854885998955-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-7"
9808    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
9809  >
9810    <div class="hidden md:list-layout:block">
9811      
9812      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
9813        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
9814          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955">
9815            <a href="/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you"
9816              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
9817              @click='$store.xCustomerEvent.fire("product_selected", $el)'
9818              x-customer-event-data="{
9819    &quot;product&quot;: {
9820      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
9821      &quot;listName&quot;: &quot;New Releases&quot;,
9822      &quot;sku&quot;: &quot;14854885998955&quot;,
9823      &quot;currencyCode&quot;: &quot;USD&quot;,
9824      &quot;price&quot;: 2295,
9825      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
9826    }
9827  }"
9828            >
9829              What Your Team Won&#39;t Tell You
9830            </a>
9831          </h3>
9832          
9833
9834            
9835  
9836<div 
9837  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
9838><div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
9839      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
9839ox="0 0 512 512"  xml:space="preserve">
9840      <g>
9841        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9842      </g>
9843    </svg>
9844    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
9845      <g>
9846        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9847      </g>
9848    </svg>
9849    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
9850      <g>
9851        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9852      </g>
9853    </svg>
9854    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
9855      <g>
9856        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9857      </g>
9858    </svg>
9859    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
9860      <g>
9861        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
9862      </g>
9863    </svg>
9864    </div> 
9865    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(1)
9866    </p></div>
9867
9868<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
9869            
9870            
9871              <div class=" price leading-none">
9872  <div class="">
9873    
9874      <div class="hidden">2295</div><p class="price">
9875          <span>$22.95</span>
9876        </p><small class="text-[70%] hidden">
9877        <span class="hidden">Unit price</span>
9878        <span class="up price-item price-item--last">
9879          <span>
9880
9881          </span>
9882          <span aria-hidden="true">/</span>
9883          <span class="hidden">&nbsp;per&nbsp;</span>
9884          <span>
9885          </span>
9886        </span>
9887      </small>
9888    
9889  </div>
9890  
9891</div>
9892            
9893            <div class="next-price empty:hidden"></div>
9894          </div>
9895          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14854885998955', [641199341931, 639249514859, 639269732715, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639269339499])"><div 
9896  x-data='{ 
9897    storeAvailabilites: {},
9898    pickupLocation: []
9899  }'
9900  class="mb-3"
9901  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
9902>
9903  <style data-shopify>
9904    .text-available, .text-unavailable {
9905      font-size: 0.669375rem;
9906      font-family: var(--font-body-family);
9907    }
9908
9909    @media (min-width: 768px) {
9910      .text-available, .text-unavailable {
9911        font-size: 0.74375rem;
9912      }
9913    }
9914
9915    .text-available {
9916      color: #6b762d;
9917    }
9918
9919    .dark .text-available {
9920      color: #858F4D;
9921    }
9922
9923    .text-unavailable {
9924      color: #767474;
9925    }
9926
9927    .dark .text-unavailable {
9928      color: #867F7F;
9929    }
9930  </style>
9931  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
9932    <span class="flex h-4 w-4 relative">
9933<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9934  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9935  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9936</svg>
9937
9938</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9939  </div>
9940  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
9941    <span class="flex h-4 w-4 relative">
9942<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9943  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9944  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9945</svg>
9946
9947</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9948  </div>
9949</div></div>
9950        </div>
9951      </div>
9952    
9953    </div>
9954    
9955
9956        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
9957          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890571960_what-your-team-wont-tell-you');
9958        });"></div>
9959        <div
9960          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
9961          class="current-variant hidden"
9962        >
9963          52653074612587
9964        </div>
9965    
9966    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
9967    
9968      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
9969            class="card-info bottom_atc md:list-layout:hidden hide-icon"
9970            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
9971            x-cloak
9972          >
9973            
9974<form method="post" action="/cart/add" id="product-form-choose-option14854885998955207" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52653074612587">
9975                
9976                                                            
9977                <button
9978                  type="submit"
9979                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
997956-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9980                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
9981                  
9982                  
9983                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9984                  
9985aria-label="Add to cart"
9986                    
9987                  
9988                >
9989                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9990                        <span class="flex items-center justify-center">
9991                          
9992
9993  
9994    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
9995  
9996
9997
9998                        </span></span>
9999                  <div
10000                    class="flex gap-x-2 items-center justify-center"
10001                    role="alert"
10002                    x-cloak
10003                    x-show="errorMessage"
10004                  >
10005                    Sold out
10006                  </div>
10007                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10008                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10009    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10010      fill="currentcolor" stroke="none">
10011      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10012    </g>
10013  </svg>
10014
10015                  </div>
10016                </button><input type="hidden" name="product-id" value="14854885998955" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
10017          </div></template>
10018    
10019    
10020      <template x-if="$store.xQuickView">
10021        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
10022              
10023<form method="post" action="/cart/add" id="product-form-choose-option14854885998955207" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52653074612587">
10024                  
10025                                                              
10026                  <button
10027                    type="submit"
10028                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10029                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
10030                    
10031                    
10032                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10033                    
10034aria-label="Add to cart"
10035                      
10036                    
10037                  >
10038                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10039                          <span class="flex items-center justify-center">
10040                            
10041
10042  
10043    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
10044  
10045
10046
10047                          </span></span>
10048                    <div
10049                      class="flex gap-x-2 items-center justify-center"
10050                      role="alert"
10051                      x-cloak
10052                      x-show="errorMessage"
10053                    >
10054                      Sold out
10055                    </div>
10056                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10057                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10058    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10059      fill="currentcolor" stroke="none">
10060      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10061    </g>
10062  </svg>
10063
10064                    </div>
10065                  </button><button 
10066                    type="submit"
10067                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
10068                    
10069                    
10070                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10071                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10072                    
10073aria-label="Add to cart"
10074                      
10075                    
10076                    x-customer-event-data="{
10077    &quot;product&quot;: {
10078      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
10079      &quot;listName&quot;: &quot;New Releases&quot;,
10080      &quot;sku&quot;: &quot;14854885998955&quot;,
10081      &quot;currencyCode&quot;: &quot;USD&quot;,
10082      &quot;price&quot;: 2295,
10083      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
10084    }
10085  }"
10086                  >
10087                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
10088    <g>
10089    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10090    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10091    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10092    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10093    </g>
10094  </svg></span>
10095                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
10096                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10097    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10098      fill="currentcolor" stroke="none">
10099      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10100    </g>
10101  </svg>
10102
10103                  </span>
10104                </button><input type="hidden" name="product-id" value="14854885998955" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1010456" /></form> 
10105            </div><button 
10106            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10107            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10108            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10109            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
10110            aria-label="Button quickview"
10111            x-customer-event-data="{
10112    &quot;product&quot;: {
10113      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
10114      &quot;listName&quot;: &quot;New Releases&quot;,
10115      &quot;sku&quot;: &quot;14854885998955&quot;,
10116      &quot;currencyCode&quot;: &quot;USD&quot;,
10117      &quot;price&quot;: 2295,
10118      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
10119    }
10120  }"
10121            x-show="$store.xQuickView.enabled"
10122          >
10123            <span class="flex justify-center items-center">
10124              
10125
10126  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10127
10128
10129            </span>
10130          </button>
10131        </div>
10132      </template>
10133    
10134  </div>
10135</div>
10136
10137
10138<div 
10139  
10140    x-data="{ showOptions: false, options: [] }"
10141  
10142  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
10143  x-slide-index="7"
10144>
10145  <div 
10146    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
10147  >
10148    <style data-shopify>
10149      
10150    </style>
10151    
10152    <style data-shopify>
10153      
10154    </style>
10155    <a 
10156      
10157        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
10158      
10159      href="/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition"
10160       
10161        x-data="{ lastWindowWidth: 0 }"
10162        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
10163        x-labels-data="[{
10164        &quot;variant_id&quot;: 52653074579819,
10165        &quot;product_id&quot;: 14854885966187,
10166        &quot;available&quot;: true,
10167        &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
10168        &quot;compare_at_price&quot;: 0,
10169        &quot;price&quot;: 2895,
10170        &quot;price_with_currency&quot;: &quot;$28.95&quot;,
10171        &quot;sale_amount&quot;: &quot;$-28.95&quot;,
10172        &quot;collections&quot;: &quot;||641199341931||639249514859||639269732715||639249744235||636503097707||636480389483||636473475435||639252758891||639269339499||&quot;,
10173        &quot;inventory_management&quot;: &quot;shopify&quot;,
10174        &quot;qty&quot;: 1515,
10175        &quot;container&quot;: &quot;card&quot;,
10176        &quot;can_show_preorder&quot;: false,
10177        &quot;diff_day_create&quot;: 299.33,
10178        &quot;diff_day_publish&quot;: 299.33
10179        
10180          ,&quot;metafield_label&quot;: { 
10181            &quot;custom.format2&quot;:&quot;Paperback&quot;
10182          }
10183        
10184      }]"
10185       
10186      aria-label="The 4 Stages of Psychological Safety, Second Edition"
10187      id="14854885966187-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1018756"
10188      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
10189      <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
10190        <div
10191          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-8-7"
10192          class="block h-full" 
10193          @click='$store.xCustomerEvent.fire("product_selected", $el)'
10194          x-customer-event-data="{
10195    &quot;product&quot;: {
10196      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
10197      &quot;listName&quot;: &quot;New Releases&quot;,
10198      &quot;sku&quot;: &quot;14854885966187&quot;,
10199      &quot;currencyCode&quot;: &quot;USD&quot;,
10200      &quot;price&quot;: 2895,
10201      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
10202    }
10203  }"
10204          >
10205<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
10206            >
10207              
10208              <picture>
10209                <img
10210                  srcset="//bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=450 450w,
10211                  //bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=750 750w,
10212                  //bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=900 900w,
10213                  //bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=1100 1100w,
10214                  //bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878 432w" 
10215                  src="//bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=1500"
10216                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
10217                  alt="Cover image for The 4 Stages of Psychological Safety, Second Edition, isbn: 9798890572035"
10218                  :class="showSecond ? 'first-img' : ''"
10219                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
10220                  loading="lazy"
10221                  width="432"
10222                  height="648"
10223                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10224                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
10225                />
10226              </picture>
10227              
10228            </div></div>
10229      </div>
10230      
10231        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10232              x-show="$store.xQuickView" x-cloak
10233            > 
10234              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
10235                class="w-full hide-icon lg:px-4" 
10236                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
10237                x-cloak
10238              >
10239<form method="post" action="/cart/add" id="product-form-choose-option14854885966187208" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52653074579819">
10240                    
10241                                                                
10242                    <button
10243                      type="submit"
10244                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1024456-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10245                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
10246                      
10247                      
10248                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10249                      
10250aria-label="Add to cart"
10251                        
10252                      
10253                    >
10254                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10255                            <span class="flex items-center justify-center">
10256                              
10257
10258  
10259    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
10260  
10261
10262
10263                            </span></span>
10264                      <div
10265                        class="flex gap-x-2 items-center justify-center"
10266                        role="alert"
10267                        x-cloak
10268                        x-show="errorMessage"
10269                      >
10270                        Sold out
10271                      </div>
10272                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10273                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10274    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10275      fill="currentcolor" stroke="none">
10276      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10277    </g>
10278  </svg>
10279
10280                      </div>
10281                    </button>
10282                    <button 
10283                      type="submit"
10284                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
10285                      
10286                      
10287                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10288                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10289                      
10290aria-label="Add to cart"
10291                        
10292                      
10293                      x-customer-event-data="{
10294    &quot;product&quot;: {
10295      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
10296      &quot;listName&quot;: &quot;New Releases&quot;,
10297      &quot;sku&quot;: &quot;14854885966187&quot;,
10298      &quot;currencyCode&quot;: &quot;USD&quot;,
10299      &quot;price&quot;: 2895,
10300      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
10301    }
10302  }"
10303                    >
10304                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
10305    <g>
10306    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10307    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
1030714948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10308    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10309    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10310    </g>
10311  </svg></span>
10312                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
10313                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10314    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10315      fill="currentcolor" stroke="none">
10316      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10317    </g>
10318  </svg>
10319
10320                      </span>
10321                  </button><input type="hidden" name="product-id" value="14854885966187" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
10322              </div>
10323            </div><div
10324            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10325            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
10326            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
10327            >
10328            <div>
10329              <button
10330                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10331                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10332                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10333                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
10334                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
10335                x-customer-event-data="{
10336    &quot;product&quot;: {
10337      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
10338      &quot;listName&quot;: &quot;New Releases&quot;,
10339      &quot;sku&quot;: &quot;14854885966187&quot;,
10340      &quot;currencyCode&quot;: &quot;USD&quot;,
10341      &quot;price&quot;: 2895,
10342      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
10343    }
10344  }"
10345                aria-label="Button quickview"
10346              >
10347                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
10347ox="0 0 16 16" fill="none" style="fill:none;">
10348    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10349    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10350  </svg>
10351</span>
10352                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
10353                  
10354
10355  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10356
10357
10358                </span>
10359              </button>
10360              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10361                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
10362                aria-label="Button quickview"
10363                x-customer-event-data="{
10364    &quot;product&quot;: {
10365      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
10366      &quot;listName&quot;: &quot;New Releases&quot;,
10367      &quot;sku&quot;: &quot;14854885966187&quot;,
10368      &quot;currencyCode&quot;: &quot;USD&quot;,
10369      &quot;price&quot;: 2895,
10370      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
10371    }
10372  }"
10373              >
10374                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
10375    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10376    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10377  </svg>
10378</span>
10379              </button>
10380            </div>
10381          </div>
10382        </div>
10383      
10384    </a>
10385    
10386    
10387    <div class="md:list-layout:hidden">
10388      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
10389        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
10390          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187">
10391            <a href="/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition"
10392              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
10393              @click='$store.xCustomerEvent.fire("product_selected", $el)'
10394              x-customer-event-data="{
10395    &quot;product&quot;: {
10396      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
10397      &quot;listName&quot;: &quot;New Releases&quot;,
10398      &quot;sku&quot;: &quot;14854885966187&quot;,
10399      &quot;currencyCode&quot;: &quot;USD&quot;,
10400      &quot;price&quot;: 2895,
10401      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
10402    }
10403  }"
10404            >
10405              The 4 Stages of Psychological Safety, Second Edition
10406            </a>
10407          </h3>
10408          
10409
10410            
10411  
10412<div 
10413  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
10414><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
10415      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
10415ox="0 0 512 512"  xml:space="preserve">
10416      <g>
10417        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
10418      </g>
10419    </svg>
10420    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
10421      <g>
10422        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
10423      </g>
10424    </svg>
10425    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
10426      <g>
10427        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
10428      </g>
10429    </svg>
10430    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
10431      <g>
10432        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
10433      </g>
10434    </svg>
10435    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
10436      <g>
10437        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
10438      </g>
10439    </svg>
10440    </div> 
10441    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
10442    </p></div>
10443
10444<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
10445            
10446            
10447              <div class=" price leading-none">
10448  <div class="">
10449    
10450      <div class="hidden">2895</div><p class="price">
10451          <span>$28.95</span>
10452        </p><small class="text-[70%] hidden">
10453        <span class="hidden">Unit price</span>
10454        <span class="up price-item price-item--last">
10455          <span>
10456
10457          </span>
10458          <span aria-hidden="true">/</span>
10459          <span class="hidden">&nbsp;per&nbsp;</span>
10460          <span>
10461          </span>
10462        </span>
10463      </small>
10464    
10465  </div>
10466  
10467</div>
10468            
10469            <div class="next-price empty:hidden"></div>
10470          </div>
10471          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14854885966187', [641199341931, 639249514859, 639269732715, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639269339499])"><div 
10472  x-data='{ 
10473    storeAvailabilites: {},
10474    pickupLocation: []
10475  }'
10476  class="mb-3"
10477  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
10478>
10479  <style data-shopify>
10480    .text-available, .text-unavailable {
10481      font-size: 0.669375rem;
10482      font-family: var(--font-body-family);
10483    }
10484
10485    @media (min-width: 768px) {
10486      .text-available, .text-unavailable {
10487        font-size: 0.74375rem;
10488      }
10489    }
10490
10491    .text-available {
10492      color: #6b762d;
10493    }
10494
10495    .dark .text-available {
10496      color: #858F4D;
10497    }
10498
10499    .text-unavailable {
10500      color: #767474;
10501    }
10502
10503    .dark .text-unavailable {
10504      color: #867F7F;
10505    }
10506  </style>
10507  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
10508    <span class="flex h-4 w-4 relative">
10509<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10510  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10511  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10512</svg>
10513
10514</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
10515  </div>
10516  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
10517    <span class="flex h-4 w-4 relative">
10518<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10519  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10520  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10521</svg>
10522
10523</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
10524  </div>
10525</div></div>
10526        </div>
10527      </div>
10528    </div>
10529    
10530  </div>
10531  <div
10532    id="x-product-template-14854885966187-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-8"
10533    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
10534  >
10535    <div class="hidden md:list-layout:block">
10536      
10537      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
10538        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
10539          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187">
10540            <a href="/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition"
10541              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
10542              @click='$store.xCustomerEvent.fire("product_selected", $el)'
10543              x-customer-event-data="{
10544    &quot;product&quot;: {
10545      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
10546      &quot;listName&quot;: &quot;New Releases&quot;,
10547      &quot;sku&quot;: &quot;14854885966187&quot;,
10548      &quot;currencyCode&quot;: &quot;USD&quot;,
10549      &quot;price&quot;: 2895,
10550      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
10551    }
10552  }"
10553            >
10554              The 4 Stages of Psychological Safety, Second Edition
10555            </a>
10556          </h3>
10557          
10558
10559            
10560  
10561<div 
10562  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
10563><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
10564      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
10564ox="0 0 512 512"  xml:space="preserve">
10565      <g>
10566        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
10567      </g>
10568    </svg>
10569    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
10570      <g>
10571        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
10572      </g>
10573    </svg>
10574    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
10575      <g>
10576        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
10577      </g>
10578    </svg>
10579    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
10580      <g>
10581        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
10582      </g>
10583    </svg>
10584    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
10585      <g>
10586        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
10587      </g>
10588    </svg>
10589    </div> 
10590    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
10591    </p></div>
10592
10593<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
10594            
10595            
10596              <div class=" price leading-none">
10597  <div class="">
10598    
10599      <div class="hidden">2895</div><p class="price">
10600          <span>$28.95</span>
10601        </p><small class="text-[70%] hidden">
10602        <span class="hidden">Unit price</span>
10603        <span class="up price-item price-item--last">
10604          <span>
10605
10606          </span>
10607          <span aria-hidden="true">/</span>
10608          <span class="hidden">&nbsp;per&nbsp;</span>
10609          <span>
10610          </span>
10611        </span>
10612      </small>
10613    
10614  </div>
10615  
10616</div>
10617            
10618            <div class="next-price empty:hidden"></div>
10619          </div>
10620          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14854885966187', [641199341931, 639249514859, 639269732715, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639269339499])"><div 
10621  x-data='{ 
10622    storeAvailabilites: {},
10623    pickupLocation: []
10624  }'
10625  class="mb-3"
10626  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
10627>
10628  <style data-shopify>
10629    .text-available, .text-unavailable {
10630      font-size: 0.669375rem;
10631      font-family: var(--font-body-family);
10632    }
10633
10634    @media (min-width: 768px) {
10635      .text-available, .text-unavailable {
10636        font-size: 0.74375rem;
10637      }
10638    }
10639
10640    .text-available {
10641      color: #6b762d;
10642    }
10643
10644    .dark .text-available {
10645      color: #858F4D;
10646    }
10647
10648    .text-unavailable {
10649      color: #767474;
10650    }
10651
10652    .dark .text-unavailable {
10653      color: #867F7F;
10654    }
10655  </style>
10656  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
10657    <span class="flex h-4 w-4 relative">
10658<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10659  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10660  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10661</svg>
10662
10663</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
10664  </div>
10665  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
10666    <span class="flex h-4 w-4 relative">
10667<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10668  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10669  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10670</svg>
10671
10672</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
10673  </div>
10674</div></div>
10675        </div>
10676      </div>
10677    
10678    </div>
10679    
10680
10681        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
10682          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572035_the-4-stages-of-psychological-safety-second-edition');
10683        });"></div>
10684        <div
10685          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
10686          class="current-variant hidden"
10687        >
10688          52653074579819
10689        </div>
10690    
10691    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
10692    
10693      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
10694            class="card-info bottom_atc md:list-layout:hidden hide-icon"
10695            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
10696            x-cloak
10697          >
10698            
10699<form method="post" action="/cart/add" id="product-form-choose-option14854885966187208" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52653074579819">
10700                
10701                                                            
10702                <button
10703                  type="submit"
10704                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1070456-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10705                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
10706                  
10707                  
10708                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10709                  
10710aria-label="Add to cart"
10711                    
10712                  
10713                >
10714                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10715                        <span class="flex items-center justify-center">
10716                          
10717
10718  
10719    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
10720  
10721
10722
10723                        </span></span>
10724                  <div
10725                    class="flex gap-x-2 items-center justify-center"
10726                    role="alert"
10727                    x-cloak
10728                    x-show="errorMessage"
10729                  >
10730                    Sold out
10731                  </div>
10732                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10733                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10734    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10735      fill="currentcolor" stroke="none">
10736      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10737    </g>
10738  </svg>
10739
10740                  </div>
10741                </button><input type="hidden" name="product-id" value="14854885966187" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
10742          </div></template>
10743    
10744    
10745      <template x-if="$store.xQuickView">
10746        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
10747              
10748<form method="post" action="/cart/add" id="product-form-choose-option14854885966187208" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52653074579819">
10749                  
10750                                                              
10751                  <button
10752                    type="submit"
10753                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10754                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
10755                    
10756                    
10757                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10758                    
10759aria-label="Add to cart"
10760                      
10761                    
10762                  >
10763                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10764                          <span class="flex items-center justify-center">
10765                            
10766
10767  
10768    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
10769  
10770
10771
10772                          </span></span>
10773                    <div
10774                      class="flex gap-x-2 items-center justify-center"
10775                      role="alert"
10776                      x-cloak
10777                      x-show="errorMessage"
10778                    >
10779                      Sold out
10780                    </div>
10781                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10782                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10783    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10784      fill="currentcolor" stroke="none">
10785      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10786    </g>
10787  </svg>
10788
10789                    </div>
10790                  </button><button 
10791                    type="submit"
10792                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
10793                    
10794                    
10795                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10796                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10797                    
10798aria-label="Add to cart"
10799                      
10800                    
10801                    x-customer-event-data="{
10802    &quot;product&quot;: {
10803      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
10804      &quot;listName&quot;: &quot;New Releases&quot;,
10805      &quot;sku&quot;: &quot;14854885966187&quot;,
10806      &quot;currencyCode&quot;: &quot;USD&quot;,
10807      &quot;price&quot;: 2895,
10808      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
10809    }
10810  }"
10811                  >
10812                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
10813    <g>
10814    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10815    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10816    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10817    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10818    </g>
10819  </svg></span>
10820                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
10821                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10822    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10823      fill="currentcolor" stroke="none">
10824      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
10825    </g>
10826  </svg>
10827
10828                  </span>
10829                </button><input type="hidden" name="product-id" value="14854885966187" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1082956" /></form> 
10830            </div><button 
10831            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10832            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10833            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10834            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
10835            aria-label="Button quickview"
10836            x-customer-event-data="{
10837    &quot;product&quot;: {
10838      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
10839      &quot;listName&quot;: &quot;New Releases&quot;,
10840      &quot;sku&quot;: &quot;14854885966187&quot;,
10841      &quot;currencyCode&quot;: &quot;USD&quot;,
10842      &quot;price&quot;: 2895,
10843      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
10844    }
10845  }"
10846            x-show="$store.xQuickView.enabled"
10847          >
10848            <span class="flex justify-center items-center">
10849              
10850
10851  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10852
10853
10854            </span>
10855          </button>
10856        </div>
10857      </template>
10858    
10859  </div>
10860</div>
10861
10862
10863<div 
10864  
10865    x-data="{ showOptions: false, options: [] }"
10866  
10867  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
10868  x-slide-index="8"
10869>
10870  <div 
10871    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
10872  >
10873    <style data-shopify>
10874      
10875    </style>
10876    
10877    <style data-shopify>
10878      
10879    </style>
10880    <a 
10881      
10882        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
10883      
10884      href="/collections/new-releases/products/9798890571724_bust-those-management-myths"
10885       
10886        x-data="{ lastWindowWidth: 0 }"
10887        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
10888        x-labels-data="[{
10889        &quot;variant_id&quot;: 52185258230123,
10890        &quot;product_id&quot;: 14734982054251,
10891        &quot;available&quot;: true,
10892        &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
10893        &quot;compare_at_price&quot;: 0,
10894        &quot;price&quot;: 2495,
10895        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
10896        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
10897        &quot;collections&quot;: &quot;||639249514859||639249744235||636503097707||636480389483||636473475435||639252758891||639269339499||&quot;,
10898        &quot;inventory_management&quot;: &quot;shopify&quot;,
10899        &quot;qty&quot;: 1478,
10900        &quot;container&quot;: &quot;card&quot;,
10901        &quot;can_show_preorder&quot;: false,
10902        &quot;diff_day_create&quot;: 448.01,
10903        &quot;diff_day_publish&quot;: 404.64
10904        
10905          ,&quot;metafield_label&quot;: { 
10906            &quot;custom.format2&quot;:&quot;Paperback&quot;
10907          }
10908        
10909      }]"
10910       
10911      aria-label="Bust Those Management Myths"
10912      id="14734982054251-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1091256"
10913      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
10914      <div x-data="xDoubleTouch('/collections/new-releases/products/9798890571724_bust-those-management-myths')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
10915        <div
10916          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-9-8"
10917          class="block h-full" 
10918          @click='$store.xCustomerEvent.fire("product_selected", $el)'
10919          x-customer-event-data="{
10920    &quot;product&quot;: {
10921      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
10922      &quot;listName&quot;: &quot;New Releases&quot;,
10923      &quot;sku&quot;: &quot;14734982054251&quot;,
10924      &quot;currencyCode&quot;: &quot;USD&quot;,
10925      &quot;price&quot;: 2495,
10926      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
10927    }
10928  }"
10929          >
10930<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
10931            >
10932              
10933              <picture>
10934                <img
10935                  srcset="//bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=450 450w,
10936                  //bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=750 750w,
10937                  //bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=900 900w,
10938                  //bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=1100 1100w,
10939                  //bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685 432w" 
10940                  src="//bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=1500"
10941                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
10942                  alt="Cover image for Bust Those Management Myths, isbn: 9798890571724"
10943                  :class="showSecond ? 'first-img' : ''"
10944                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
10945                  loading="lazy"
10946                  width="432"
10947                  height="648"
10948                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10949                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
10950                />
10951              </picture>
10952              
10953            </div></div>
10954      </div>
10955      
10956        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
10957              x-show="$store.xQuickView" x-cloak
10958            > 
10959              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
10960                class="w-full hide-icon lg:px-4" 
10961                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
10962                x-cloak
10963              >
10964<form method="post" action="/cart/add" id="product-form-choose-option14734982054251209" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185258230123">
10965                    
10966                                                                
10967                    <button
10968                      type="submit"
10969                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1096956-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10970                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
10971                      
10972                      
10973                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10974                      
10975aria-label="Add to cart"
10976                        
10977                      
10978                    >
10979                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10980                            <span class="flex items-center justify-center">
10981                              
10982
10983  
10984    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
10985  
10986
10987
10988                            </span></span>
10989                      <div
10990                        class="flex gap-x-2 items-center justify-center"
10991                        role="alert"
10992                        x-cloak
10993                        x-show="errorMessage"
10994                      >
10995                        Sold out
10996                      </div>
10997                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
10998                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10999    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11000      fill="currentcolor" stroke="none">
11001      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11002    </g>
11003  </svg>
11004
11005                      </div>
11006                    </button>
11007                    <button 
11008                      type="submit"
11009                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
11010                      
11011                      
11012                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11013                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11014                      
11015aria-label="Add to cart"
11016                        
11017                      
11018                      x-customer-event-data="{
11019    &quot;product&quot;: {
11020      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
11021      &quot;listName&quot;: &quot;New Releases&quot;,
11022      &quot;sku&quot;: &quot;14734982054251&quot;,
11023      &quot;currencyCode&quot;: &quot;USD&quot;,
11024      &quot;price&quot;: 2495,
11025      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
11026    }
11027  }"
11028                    >
11029                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
11030    <g>
11031    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11032    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11033    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11034    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11035    </g>
11036  </svg></span>
11037                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
11038                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11039    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11040      fill="currentcolor" stroke="none">
11041      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11042    </g>
11043  </svg>
11044
11045                      </span>
11046                  </button><input type="hidden" name="product-id" value="14734982054251" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
11047              </div>
11048            </div><div
11049            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
11050            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
11051            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
11052            >
11053            <div>
11054              <button
11055                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11056                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571724_bust-those-management-myths', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
11057                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571724_bust-those-management-myths', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
11058                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
11059                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
11060                x-customer-event-data="{
11061    &quot;product&quot;: {
11062      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
11063      &quot;listName&quot;: &quot;New Releases&quot;,
11064      &quot;sku&quot;: &quot;14734982054251&quot;,
11065      &quot;currencyCode&quot;: &quot;USD&quot;,
11066      &quot;price&quot;: 2495,
11067      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
11068    }
11069  }"
11070                aria-label="Button quickview"
11071              >
11072                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
11073    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11074    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11075  </svg>
11076</span>
11077                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
11078                  
11079
11080  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11081
11082
11083                </span>
11084              </button>
11085              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890571724_bust-those-management-myths", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11086                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
11087                aria-label="Button quickview"
11088                x-customer-event-data="{
11089    &quot;product&quot;: {
11090      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
11091      &quot;listName&quot;: &quot;New Releases&quot;,
11092      &quot;sku&quot;: &quot;14734982054251&quot;,
11093      &quot;currencyCode&quot;: &quot;USD&quot;,
11094      &quot;price&quot;: 2495,
11095      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
11096    }
11097  }"
11098              >
11099                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
11100    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11101    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11102  </svg>
11103</span>
11104              </button>
11105            </div>
11106          </div>
11107        </div>
11108      
11109    </a>
11110    
11111    
11112    <div class="md:list-layout:hidden">
11113      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
11114        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
11115          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251">
11116            <a href="/collections/new-releases/products/9798890571724_bust-those-management-myths"
11117              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
11118              @click='$store.xCustomerEvent.fire("product_selected", $el)'
11119              x-customer-event-data="{
11120    &quot;product&quot;: {
11121      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
11122      &quot;listName&quot;: &quot;New Releases&quot;,
11123      &quot;sku&quot;: &quot;14734982054251&quot;,
11124      &quot;currencyCode&quot;: &quot;USD&quot;,
11125      &quot;price&quot;: 2495,
11126      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
11127    }
11128  }"
11129            >
11130              Bust Those Management Myths
11131            </a>
11132          </h3>
11133          
11134
11135            
11136  
11137<div 
11138  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
11139><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
11140      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
11141      <g>
11142        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
11143      </g>
11144    </svg>
11145    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
11145ox="0 0 512 512"  xml:space="preserve">
11146      <g>
11147        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
11148      </g>
11149    </svg>
11150    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
11151      <g>
11152        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
11153      </g>
11154    </svg>
11155    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
11156      <g>
11157        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
11158      </g>
11159    </svg>
11160    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
11161      <g>
11162        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
11163      </g>
11164    </svg>
11165    </div> 
11166    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
11167    </p></div>
11168
11169<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
11170            
11171            
11172              <div class=" price leading-none">
11173  <div class="">
11174    
11175      <div class="hidden">2495</div><p class="price">
11176          <span>$24.95</span>
11177        </p><small class="text-[70%] hidden">
11178        <span class="hidden">Unit price</span>
11179        <span class="up price-item price-item--last">
11180          <span>
11181
11182          </span>
11183          <span aria-hidden="true">/</span>
11184          <span class="hidden">&nbsp;per&nbsp;</span>
11185          <span>
11186          </span>
11187        </span>
11188      </small>
11189    
11190  </div>
11191  
11192</div>
11193            
11194            <div class="next-price empty:hidden"></div>
11195          </div>
11196          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1119656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734982054251', [639249514859, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639269339499])"><div 
11197  x-data='{ 
11198    storeAvailabilites: {},
11199    pickupLocation: []
11200  }'
11201  class="mb-3"
11202  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
11203>
11204  <style data-shopify>
11205    .text-available, .text-unavailable {
11206      font-size: 0.669375rem;
11207      font-family: var(--font-body-family);
11208    }
11209
11210    @media (min-width: 768px) {
11211      .text-available, .text-unavailable {
11212        font-size: 0.74375rem;
11213      }
11214    }
11215
11216    .text-available {
11217      color: #6b762d;
11218    }
11219
11220    .dark .text-available {
11221      color: #858F4D;
11222    }
11223
11224    .text-unavailable {
11225      color: #767474;
11226    }
11227
11228    .dark .text-unavailable {
11229      color: #867F7F;
11230    }
11231  </style>
11232  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
11233    <span class="flex h-4 w-4 relative">
11234<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11235  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11236  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11237</svg>
11238
11239</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
11240  </div>
11241  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
11242    <span class="flex h-4 w-4 relative">
11243<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11244  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11245  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11246</svg>
11247
11248</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
11249  </div>
11250</div></div>
11251        </div>
11252      </div>
11253    </div>
11254    
11255  </div>
11256  <div
11257    id="x-product-template-14734982054251-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-9"
11258    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
11259  >
11260    <div class="hidden md:list-layout:block">
11261      
11262      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
11263        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
11264          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251">
11265            <a href="/collections/new-releases/products/9798890571724_bust-those-management-myths"
11266              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
11267              @click='$store.xCustomerEvent.fire("product_selected", $el)'
11268              x-customer-event-data="{
11269    &quot;product&quot;: {
11270      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
11271      &quot;listName&quot;: &quot;New Releases&quot;,
11272      &quot;sku&quot;: &quot;14734982054251&quot;,
11273      &quot;currencyCode&quot;: &quot;USD&quot;,
11274      &quot;price&quot;: 2495,
11275      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
11276    }
11277  }"
11278            >
11279              Bust Those Management Myths
11280            </a>
11281          </h3>
11282          
11283
11284            
11285  
11286<div 
11287  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
11288><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
11289      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
11289ox="0 0 512 512"  xml:space="preserve">
11290      <g>
11291        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
11292      </g>
11293    </svg>
11294    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
11295      <g>
11296        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
11297      </g>
11298    </svg>
11299    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
11300      <g>
11301        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
11302      </g>
11303    </svg>
11304    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
11305      <g>
11306        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
11307      </g>
11308    </svg>
11309    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
11310      <g>
11311        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
11312      </g>
11313    </svg>
11314    </div> 
11315    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
11316    </p></div>
11317
11318<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
11319            
11320            
11321              <div class=" price leading-none">
11322  <div class="">
11323    
11324      <div class="hidden">2495</div><p class="price">
11325          <span>$24.95</span>
11326        </p><small class="text-[70%] hidden">
11327        <span class="hidden">Unit price</span>
11328        <span class="up price-item price-item--last">
11329          <span>
11330
11331          </span>
11332          <span aria-hidden="true">/</span>
11333          <span class="hidden">&nbsp;per&nbsp;</span>
11334          <span>
11335          </span>
11336        </span>
11337      </small>
11338    
11339  </div>
11340  
11341</div>
11342            
11343            <div class="next-price empty:hidden"></div>
11344          </div>
11345          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734982054251', [639249514859, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639269339499])"><div 
11346  x-data='{ 
11347    storeAvailabilites: {},
11348    pickupLocation: []
11349  }'
11350  class="mb-3"
11351  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
11352>
11353  <style data-shopify>
11354    .text-available, .text-unavailable {
11355      font-size: 0.669375rem;
11356      font-family: var(--font-body-family);
11357    }
11358
11359    @media (min-width: 768px) {
11360      .text-available, .text-unavailable {
11361        font-size: 0.74375rem;
11362      }
11363    }
11364
11365    .text-available {
11366      color: #6b762d;
11367    }
11368
11369    .dark .text-available {
11370      color: #858F4D;
11371    }
11372
11373    .text-unavailable {
11374      color: #767474;
11375    }
11376
11377    .dark .text-unavailable {
11378      color: #867F7F;
11379    }
11380  </style>
11381  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
11382    <span class="flex h-4 w-4 relative">
11383<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11384  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11385  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11386</svg>
11387
11388</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
11389  </div>
11390  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
11391    <span class="flex h-4 w-4 relative">
11392<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11393  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11394  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11395</svg>
11396
11397</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
11398  </div>
11399</div></div>
11400        </div>
11401      </div>
11402    
11403    </div>
11404    
11405
11406        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
11407          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890571724_bust-those-management-myths');
11408        });"></div>
11409        <div
11410          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
11411          class="current-variant hidden"
11412        >
11413          52185258230123
11414        </div>
11415    
11416    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
11417    
11418      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
11419            class="card-info bottom_atc md:list-layout:hidden hide-icon"
11420            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
11421            x-cloak
11422          >
11423            
11424<form method="post" action="/cart/add" id="product-form-choose-option14734982054251209" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185258230123">
11425                
11426                                                            
11427                <button
11428                  type="submit"
11429                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1142956-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11430                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
11431                  
11432                  
11433                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11434                  
11435aria-label="Add to cart"
11436                    
11437                  
11438                >
11439                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11440                        <span class="flex items-center justify-center">
11441                          
11442
11443  
11444    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
11445  
11446
11447
11448                        </span></span>
11449                  <div
11450                    class="flex gap-x-2 items-center justify-center"
11451                    role="alert"
11452                    x-cloak
11453                    x-show="errorMessage"
11454                  >
11455                    Sold out
11456                  </div>
11457                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11458                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11459    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11460      fill="currentcolor" stroke="none">
11461      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11462    </g>
11463  </svg>
11464
11465                  </div>
11466                </button><input type="hidden" name="product-id" value="14734982054251" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
11467          </div></template>
11468    
11469    
11470      <template x-if="$store.xQuickView">
11471        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
11472              
11473<form method="post" action="/cart/add" id="product-form-choose-option14734982054251209" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185258230123">
11474                  
11475                                                              
11476                  <button
11477                    type="submit"
11478                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11479                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
11480                    
11481                    
11482                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11483                    
11484aria-label="Add to cart"
11485                      
11486                    
11487                  >
11488                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11489                          <span class="flex items-center justify-center">
11490                            
11491
11492  
11493    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
11494  
11495
11496
11497                          </span></span>
11498                    <div
11499                      class="flex gap-x-2 items-center justify-center"
11500                      role="alert"
11501                      x-cloak
11502                      x-show="errorMessage"
11503                    >
11504                      Sold out
11505                    </div>
11506                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
11507                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11508    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11509      fill="currentcolor" stroke="none">
11510      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11511    </g>
11512  </svg>
11513
11514                    </div>
11515                  </button><button 
11516                    type="submit"
11517                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
11518                    
11519                    
11520                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
11521                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11522                    
11523aria-label="Add to cart"
11524                      
11525                    
11526                    x-customer-event-data="{
11527    &quot;product&quot;: {
11528      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
11529      &quot;listName&quot;: &quot;New Releases&quot;,
11530      &quot;sku&quot;: &quot;14734982054251&quot;,
11531      &quot;currencyCode&quot;: &quot;USD&quot;,
11532      &quot;price&quot;: 2495,
11533      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
11534    }
11535  }"
11536                  >
11537                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
11538    <g>
11539    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11540    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11541    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11542    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11543    </g>
11544  </svg></span>
11545                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
11546                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11547    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11548      fill="currentcolor" stroke="none">
11549      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
11550    </g>
11551  </svg>
11552
11553                  </span>
11554                </button><input type="hidden" name="product-id" value="14734982054251" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1155456" /></form> 
11555            </div><button 
11556            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571724_bust-those-management-myths', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
11557            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571724_bust-those-management-myths', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
11558            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890571724_bust-those-management-myths", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11559            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
11560            aria-label="Button quickview"
11561            x-customer-event-data="{
11562    &quot;product&quot;: {
11563      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
11564      &quot;listName&quot;: &quot;New Releases&quot;,
11565      &quot;sku&quot;: &quot;14734982054251&quot;,
11566      &quot;currencyCode&quot;: &quot;USD&quot;,
11567      &quot;price&quot;: 2495,
11568      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
11569    }
11570  }"
11571            x-show="$store.xQuickView.enabled"
11572          >
11573            <span class="flex justify-center items-center">
11574              
11575
11576  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11577
11578
11579            </span>
11580          </button>
11581        </div>
11582      </template>
11583    
11584  </div>
11585</div>
11586</div>
11587                </div>
11588                
11589                  <div class="splide__arrows flex items-center justify-center">
11590                    <button 
11591                      class="splide__arrow splide__arrow--prev button-arrow p-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:-rotate-90 rotate-90 opacity-100 disabled:cursor-not-allowed disabled:opacity-30 block md:block md:absolute md:top-1/2 md:-mt-6 rtl:md:left-auto rtl:md:right-0 md:left-0 md:duration-200 md:opacity-60 hover:opacity-100 md:transition-all md:ease-in-out md:-translate-x-full rtl:md:translate-x-full"
11592                      aria-label="previous slide"
11593                    >
11594                      <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
11595    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11596  </svg>
11597
11598                    </button>
11599                    <button 
11600                      class="splide__arrow splide__arrow--next button-arrow p-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:rotate-90 -rotate-90 opacity-100 disabled:cursor-not-allowed disabled:opacity-30 block md:block md:absolute md:top-1/2 md:-mt-6 rtl:md:right-auto rtl:md:left-0 md:right-0 md:duration-200 md:opacity-60 hover:opacity-100 md:transition-all md:ease-in-out md:translate-x-full rtl:md:-translate-x-full"
11601                      aria-label="next slide"
11602                    >
11603                      <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
11604    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11605  </svg>
11606
11607                    </button>
11608                  </div>
11609                
11610<div class=" md:flex items-center hidden gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto">
11611                    <div class="splide-progress inline-block grow rounded-md">
11612                       <style data-shopify>.splide-progress-bar-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1161256-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1 {
11613                          width: 22.22222222222222%;
11614                        }
11615                        @media (min-width: 768px) {
11616                          .splide-progress-bar-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1 {
11617                            width: 55.55555555555556%;
11618                          }
11619                        }</style><div class="splide-progress-bar-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1 splide-progress-bar rounded-md"></div>
11620                    </div>
11621                  </div></div>
11622            </div>
11623          </div>
11624        </div>
11625      </div>
11626  </div>
11627</div>
11628<script src="//bkconnection.com/cdn/shop/t/4/assets/preview-color-swatches.js?v=124028182148704388941747335364" defer></script>
11628
11629</div></div>
11630<script src="//bkconnection.com/cdn/shop/t/4/assets/featured-collection.js?v=168062212644831816131747335364" defer></script>
11630
11631
11632
11633</section><section id="shopify-section-template--24498228953451__image_with_text_CDKmkg" class="shopify-section section section-image-with-text x-section"><style data-shopify>.iwt--template--24498228953451__image_with_text_CDKmkg {
11634    
11635      background: rgb(var(--colors-background-secondary));
11636      --background-color: var(--colors-background-secondary);
11637    
11638  }
11639  .dark .iwt--template--24498228953451__image_with_text_CDKmkg {
11640    
11641      background: rgb(var(--colors-background-secondary));
11642      --background-color: var(--colors-background-secondary);
11643    
11644  }.border-radius-template--24498228953451__image_with_text_CDKmkg {
11645      border-radius: 9px;
11646  }
11647  @media screen and (min-width: 768px) {}
11648  .border--template--24498228953451__image_with_text_CDKmkg, .border--template--24498228953451__image_with_text_CDKmkg:before {
11649    
11650      --colors-line-and-border: var(--colors-line-and-border-base)
11651    
11652    }
11653  .dark .border--template--24498228953451__image_with_text_CDKmkg, .dark .border--template--24498228953451__image_with_text_CDKmkg:before {
11654            
11655      --colors-line-and-border: var(--colors-line-and-border-base)
11656    
11657  }
11658  .icon--template--24498228953451__image_with_text_CDKmkg {
11659    width: 31.5px;
11660    height: 31.5px;
11661    min-width: 31.5px;
11662    min-height: 31.5px;
11663    
11664      color: #4d4a4b;
11665    
11666  }
11667  @media (min-width: 1024px){
11668    .icon--template--24498228953451__image_with_text_CDKmkg {
11669      width: 45px;
11670      height: 45px;
11671      min-width: 45px;
11672      min-height: 45px;
11673    }
11674  }
11675  .dark .icon--template--24498228953451__image_with_text_CDKmkg {
11676    
11677      color: rgb(var(--colors-text));
11678    
11679  }
11680  
11681  .dark .color-text--template--24498228953451__image_with_text_CDKmkg {
11682            
11683      --colors-text: var(--colors-text-secondary);
11684    
11685  }
11686  .columns-header-color--template--24498228953451__image_with_text_CDKmkg {
11687    
11688      --colors-heading: var(--colors-heading-secondary);
11689    
11690    }
11691  .dark .columns-header-color--template--24498228953451__image_with_text_CDKmkg {
11692            
11693      --colors-heading: var(--colors-heading-secondary);
11694    
11695  }</style><div class="ltr pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px] md:pl-5 md:pr-5 pr-5 pl-5">
11696  <div 
11697    class="image-with-text text-[rgb(var(--colors-text))] desktop-medium image-position-mobile-left image-position-right border-radius-template--24498228953451__image_with_text_CDKmkg stacked iwt--template--24498228953451__image_with_text_CDKmkg"
11698  >
11699    
11700      <div class="iwt-image border-radius-template--24498228953451__image_with_text_CDKmkg md:w-1/2 promotion w-full flex">
11701        <div class="promotion w-full relative md:h-auto min-h-[100%] md:promotion:h-[550px] md:promotion:pb-0  h-[400px] md:h-auto">
11702          <div class="flex w-full h-full relative md:promotion:relative">
11703    
11704          
11705            
11706            
11707              
11708              <div class="border-radius-template--24498228953451__image_with_text_CDKmkg h-full w-full overflow-hidden h-full">
11709                <parallax-image class="block h-full w-full">
11710                  <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
11711                    <img
11712                      class="h-full w-full object-cover border-radius-template--24498228953451__image_with_text_CDKmkg animate_transition_slide__image animate-Xpulse skeleton-image"
11713                      srcset="//bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=450 450w,
11714                      //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=750 750w,
11715                      //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=900 900w,
11716                      //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=1100 1100w,
11717                      //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=1500 1500w,
11718                      //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912 4096w"
11719                      src="//bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=1500"
11720                      alt=""
11721                      
11722                        loading="lazy"
11723                      
11724                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active');"
11725                      sizes="(min-width: 1024px) 50vw, (min-width: 768px) 50vw, 100vw"
11726                      width="4096"
11727                      height="2731"
11728                      style="object-position: 50.0% 50.0%"
11729                    >
11730                  </parallax-movement>
11731                </parallax-image>
11732              </div>
11733            
11734            
11735          
11736        </div>
11737      </div>
11738    </div>
11739    <div class="md:w-1/2 w-full flex justify-center md:justify-start items-center md:justify-end iwt-content-no-overlap">
11740      <div class="iwt-content  w-full lg:pl-24 lg:pr-24"><style data-shopify>.heading-size--heading_PXWreQ {
11741                  font-size: 1.08rem;
11742                }
11743                .color-text-heading_PXWreQ {
11744                  
11745                  
11746                }
11747                .dark .color-text-heading_PXWreQ {
11748                  
11749                    --colors-heading: var(--colors-heading-secondary);
11750                  
11751                  
11752                    --colors-text: var(--colors-text-secondary);
11753                  
11754                }
11755                @media (min-width: 768px) {
11756                  .heading-size--heading_PXWreQ {
11757                    font-size: 1.8rem;
11758                  }
11759                }</style>
11760              
11761              <div class="x-block-text color-text-heading_PXWreQ text-[rgb(var(--colors-text))] w-full mt-4 text-center">
11762                
11763                  <p class="font-medium">Support independent publishing</p>
11764                
11765                
11766                  
11767
11768
11769<style data-shopify>
11770  .heading-heading_PXWreQ {
11771    
11772  }
11773  .dark .heading-heading_PXWreQ {
11774    
11775      --color-highlight: #4d6391;
11776    
11777  }
11778</style>
11779
11780
11781 
11782  <h2 class='heading-size--heading_PXWreQ  heading-heading_PXWreQ h2 block mt-2 mb-1.5 md:mt-2.5 md:mb-3 '  
11783  > 
11784
11785  
11786    
11787      MORE THAN A MEMBERSHIP
11788    
11789  
11790</h2>
11791                
11792                
11793
11794
11795  <div class="rte"><p>Since 1992, Berrett-Koehler has published books that challenge convention and spark change. Membership helps us keep doing that, and gives you discounts, exclusive author events, and free books every season in return.</p></div>
11796
11797              </div>
11798        
11799
11800              
11801                <style data-shopify>
11802                  .button-button_8XPPF6, .button-button_8XPPF6 *:before {
11803                    
11804                    
11805                    
11806                    
11807                    
11808                    
11809                    
11810                  }
11811                  .dark .button-button_8XPPF6, .dark .button-button_8XPPF6 *:before {
11812                      
11813                      --colors-button: 77, 99, 145;
11814                    
11815                     
11816                      --colors-button-text: 40, 41, 40; 
11817                    
11818                      
11819                      --colors-button-hover: rgb(77, 99, 145);
11820                    
11821                      
11822                      --colors-button-text-hover: 36, 36, 36;
11823                    
11824                      
11825                      --colors-secondary-button: 255, 255, 255;
11826                      --colors-line-secondary-button: 255, 255, 255;
11827                    
11828                    
11829                      --background-secondary-button: transparent;
11830                    
11831                    
11832                      --colors-text-link: 77, 99, 145;
11833                    
11834                  }
11835                </style>
11836                <div class="button-button_8XPPF6 flex justify-center mb-9 md:mb-4 mt-4 md:mt-8">
11837                  
11838                    <a class="button button-solid leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="/pages/bk-community">
11839                      
11840
11841  
11842    <span class="button-text  is-focus-button:opacity-0">Join the BK Community</span>
11843  
11844
11845
11846                    </a>
11847                  
11848                </div>
11849              
11850
11851        
11852      </div>
11853    </div>
11854  </div>
11855</div>
11856
11857</section><section id="shopify-section-template--24498228953451__featured_collection_PFy63t" class="shopify-section section section-featured-collection x-section"><style data-shopify>.heading-template--24498228953451__featured_collection_PFy63t {
11858    font-size: 1.35rem;
11859  }
11860  #shopify-section-template--24498228953451__featured_collection_PFy63t .collection-title .h4 {
11861    font-size: 0.875rem; 
11862  }
11863  @media (min-width: 768px) {
11864    .heading-template--24498228953451__featured_collection_PFy63t {
11865      font-size: 2.25rem; 
11866    }
11867    #shopify-section-template--24498228953451__featured_collection_PFy63t .collection-title .h4 {
11868      font-size: 0.7rem; 
11869    }
11870  }
11871  @media (min-width: 1024px) {
11872    #shopify-section-template--24498228953451__featured_collection_PFy63t .collection-title .h4 {
11873      font-size: 0.875rem; 
11874    }
11875  }
11876
11877  .collection-title .label-template--24498228953451__featured_collection_PFy63t { 
11878    
11879      
11880        background: transparent;
11881      
11882    
11883    
11884  }
11885  .collection-title .label-template--24498228953451__featured_collection_PFy63t.active, .collection-title .label-template--24498228953451__featured_collection_PFy63t.active:hover { 
11886    
11887      
11888        background: rgba(77, 74, 75, 0.1);
11889      
11890    
11891    
11892  }
11893  .collection-title .label-template--24498228953451__featured_collection_PFy63t:hover { 
11894    
11895      
11896        background: rgba(77, 74, 75, 0.1);
11897      
11898    
11899    
11900  }
11901
11902  .dark .collection-title .label-template--24498228953451__featured_collection_PFy63t { 
11903    
11904      
11905        background: transparent;
11906      
11907    
11908    
11909  }
11910  .dark .collection-title .label-template--24498228953451__featured_collection_PFy63t.active, .dark .collection-title .label-template--24498228953451__featured_collection_PFy63t.active:hover { 
11911    
11912      
11913        background: rgba(255, 255, 255, 0.1);
11914      
11915    
11916    
11917  }
11918  .dark .collection-title .label-template--24498228953451__featured_collection_PFy63t:hover { 
11919    
11920      
11921        background: rgba(255, 255, 255, 0.1);
11922      
11923    
11924    
11925  }</style>
11926
11927<div 
11928  class="x-container-featured-collection pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px]"
11929  x-data="{ 
11930    view_all_link: '/collections/bestsellers',
11931    setViewAllLink(url) {
11932      this.view_all_link = url;
11933    }
11934  }"
11935>
11936  <div class="collection_wrapper"><style data-shopify>
11937.collection-title-container.scrollbar-body::-webkit-scrollbar{
11938  width: 1px;
11939  height: 2px;
11940}
11941</style>
11942
11943<div class="mb-4 md:mb-2 relative">
11944  <div class="relative w-full bg-transparent"><div
11945        class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2"
11946        x-data='xFeaturedCollection("template--24498228953451__featured_collection_PFy63t", "page", $el)'
11947      >
11948        <div class="x-block-header pl-5 pr-5 flex flex-col items-center"><div class="section-header flex-auto mb-5 lg:mb-2 text-center">
11949
11950
11951
11952<style data-shopify>
11953  .heading-template--24498228953451__featured_collection_PFy63t {
11954    
11955  }
11956  .dark .heading-template--24498228953451__featured_collection_PFy63t {
11957    
11958      --color-highlight: #4d6391;
11959    
11960  }
11961</style>
11962
11963
11964 
11965  <h2 class=' heading-template--24498228953451__featured_collection_PFy63t h2 block leading-tight p-break-words '  
11966  > 
11967
11968  
11969    
11970      Bestsellers
11971    
11972  
11973</h2>
11974 
11975            </div>
11976          
11977          
11978        </div><div class="flex justify-center pt-1.5 pb-1.5 md:pb-3 md:pt-3">
11979            
11980              <a
11981                x-cloak
11982                x-show="view_all_link"
11983                class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1"
11984                :href="view_all_link" 
11985                :class="'opacity-70 hover:cursor-not-allowed' && view_all_link"
11986              >
11987                View all products<span class="w-2 h-2 inline-block mt-0.5 rtl:rotate-180" role="link" aria-label="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 8 9" fill="none" style="fill:none;">
11988    <g>
11989    <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
11990    <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
11991    </g>
11992  </svg>
11993</span>
11994              </a>
11995            
11996          </div><div class=" md:pl-5 md:pr-5 x-pgw page-width-mobile" x-show="loading">
11997          
11998        </div>
11999        
12000        <div>
12001          
12002            
12003
12004        </div>
12005        <div class="animate-fade-in relative md:mt-4 lg:mt-8"
12006          id="x-fc-template--24498228953451__featured_collection_PFy63t-1"
12007          
12008        >
12009          <style data-shopify>
12010          
12011            @media (max-width: 767px) {
12012              .preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t {
12013                  margin-right: 16px;
12014                
12015                width: calc(((100% + 16px) / 2) - 16px);
12016              }
12017            }
12018          
12019          
12020          
12021            @media (min-width: 768px){
12022              .preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t {
12023                  margin-right: 30px;
12024                
12025                
12026                  width: calc(((100% + 30px) / 4) - 30px);
12027                
12028              }
12029            }
12030            
12031              @media (min-width: 1024px){
12032                .preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t {
12033                  width: calc(((100% + 30px) / 5) - 30px);
12034                }
12035              }
12036            
12037          
12038          
12039
12040          </style>
12041          <div
12042            class=" carousel-mobile carousel-tablet md:pl-5 md:pr-5 pl-5 pr-5"
12043            x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `Bestsellers`, id: "collection" }}
12043)'
12044          ><div 
12045            ><div
12046                id="x-collection-collection_hxQeQm"
12047                class="collection overflow-hidden x-splide visible splide"
12048                x-data-slider="template--24498228953451__featured_collection_PFy63t"
12049                  x-intersect.once.margin.200px='$store.xSplide.load($el, {
12050                    "speed": 1000,
12051                    "pagination": false, 
12052                    "mediaQuery": "min",
12053                    "updateOnMove": "true",
12054                    "pauseOnHover": true,
12055                    "pauseOnFocus": false,
12056                    "progressBar": 20,
12057                      "drag": false,
12058
12059"rewind": true,
12060                      "autoplay": true,
12061                      "interval": 3000,
12062                    "breakpoints": {
12063                      300: {"gap": "16px",
12064                        "perPage": 2,
12065                        "perMove": 2
12066                      },
12067                      768: {
12068                        "drag": true,
12069                          "destroy": false,
12070                        "gap": "30px",
12071                          "perPage": 4,
12072                          "perMove": 4
12073                      },
12074                      1024: {
12075                        "perPage": 5,
12076                        "perMove": 5
12077                      }
12078                    },
12079                    "classes": {
12080                      "arrows" : "block"
12081                    },
12082                    "events": [
12083                      {
12084                        "event": "ready",
12085                        "callback": () => {
12086                          document.dispatchEvent(new CustomEvent("eurus:template--24498228953451__featured_collection_PFy63t:splide-ready"));
12087                        }
12088                      }
12089                    ]
12090                  })'>
12091                <style data-shopify>
12092                  .gap-mobile-collection_hxQeQm-template--24498228953451__featured_collection_PFy63t {
12093                    gap: 16px;
12094                  }
12095                  @media (min-width: 768px) {
12096                    .gap-collection_hxQeQm-template--24498228953451__featured_collection_PFy63t {
12097                      
12098                        gap: 0px;
12099                      
12100                    }
12101                  }
12102                </style>
12103                <div class="splide__track md:cursor-grab lg:pl-0 lg:pr-0">
12104                  <div class="splide__list gap-collection_hxQeQm-template--24498228953451__featured_collection_PFy63t md:grid-cols-none md:flex md:w-full md:gap-0 flex w-full">
12105
12106<div 
12107  
12108    x-data="{ showOptions: false, options: [] }"
12109  
12110  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
12111  x-slide-index="0"
12112>
12113  <div 
12114    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
12115  >
12116    <style data-shopify>
12117      
12118    </style>
12119    
12120    <style data-shopify>
12121      
12122    </style>
12123    <a 
12124      
12125        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
12126      
12127      href="/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition"
12128       
12129        x-data="{ lastWindowWidth: 0 }"
12130        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
12131        x-labels-data="[{
12132        &quot;variant_id&quot;: 52185262227819,
12133        &quot;product_id&quot;: 14734979400043,
12134        &quot;available&quot;: true,
12135        &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
12136        &quot;compare_at_price&quot;: 0,
12137        &quot;price&quot;: 3495,
12138        &quot;price_with_currency&quot;: &quot;$34.95&quot;,
12139        &quot;sale_amount&quot;: &quot;$-34.95&quot;,
12140        &quot;collections&quot;: &quot;||637336453483||639249514859||643825140075||639476957547||639249744235||636473475435||639252758891||639269339499||&quot;,
12141        &quot;inventory_management&quot;: &quot;shopify&quot;,
12142        &quot;qty&quot;: 749,
12143        &quot;container&quot;: &quot;card&quot;,
12144        &quot;can_show_preorder&quot;: false,
12145        &quot;diff_day_create&quot;: 448.01,
12146        &quot;diff_day_publish&quot;: 448.0
12147        
12148          ,&quot;metafield_label&quot;: { 
12149            &quot;custom.format2&quot;:&quot;Hardcover&quot;
12150          }
12151        
12152      }]"
12153       
12154      aria-label="Leaders Make the Future, Third Edition"
12155      id="14734979400043-template--24498228953451__featured_collection_PFy63t"
12156      class="ltr group link-product-variant overflow-hidden block relative z-[15] curs
12156or-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
12157      <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
12158        <div
12159          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-1-0"
12160          class="block h-full" 
12161          @click='$store.xCustomerEvent.fire("product_selected", $el)'
12162          x-customer-event-data="{
12163    &quot;product&quot;: {
12164      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
12165      &quot;listName&quot;: &quot;Bestsellers&quot;,
12166      &quot;sku&quot;: &quot;14734979400043&quot;,
12167      &quot;currencyCode&quot;: &quot;USD&quot;,
12168      &quot;price&quot;: 3495,
12169      &quot;vendor&quot;: &quot;Bob Johansen&quot;
12170    }
12171  }"
12172          >
12173<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
12174            >
12175              
12176              <picture>
12177                <img
12178                  srcset="//bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=450 450w,
12179                  //bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=750 750w,
12180                  //bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=900 900w,
12181                  //bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=1100 1100w,
12182                  //bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881 429w" 
12183                  src="//bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=1500"
12184                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
12185                  alt="Cover image for Leaders Make the Future, Third Edition, isbn: 9798890570321"
12186                  :class="showSecond ? 'first-img' : ''"
12187                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
12188                  loading="lazy"
12189                  width="429"
12190                  height="648"
12191                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12192                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
12193                />
12194              </picture>
12195              
12196            </div></div>
12197      </div>
12198      
12199        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
12200              x-show="$store.xQuickView" x-cloak
12201            > 
12202              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
12203                class="w-full hide-icon lg:px-4" 
12204                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
12205                x-cloak
12206              >
12207<form method="post" action="/cart/add" id="product-form-choose-option14734979400043401" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185262227819">
12208                    
12209                                                                
12210                    <button
12211                      type="submit"
12212                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm"
12213                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
12214                      
12215                      
12216                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12217                      
12218aria-label="Add to cart"
12219                        
12220                      
12221                    >
12222                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12223                            <span class="flex items-center justify-center">
12224                              
12225
12226  
12227    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
12228  
12229
12230
12231                            </span></span>
12232                      <div
12233                        class="flex gap-x-2 items-center justify-center"
12234                        role="alert"
12235                        x-cloak
12236                        x-show="errorMessage"
12237                      >
12238                        Sold out
12239                      </div>
12240                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12241                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12242    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12243      fill="currentcolor" stroke="none">
12244      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12245    </g>
12246  </svg>
12247
12248                      </div>
12249                    </button>
12250                    <button 
12251                      type="submit"
12252                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
12253                      
12254                      
12255                      data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm"
12256                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12257                      
12258aria-label="Add to cart"
12259                        
12260                      
12261                      x-customer-event-data="{
12262    &quot;product&quot;: {
12263      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
12264      &quot;listName&quot;: &quot;Bestsellers&quot;,
12265      &quot;sku&quot;: &quot;14734979400043&quot;,
12266      &quot;currencyCode&quot;: &quot;USD&quot;,
12267      &quot;price&quot;: 3495,
12268      &quot;vendor&quot;: &quot;Bob Johansen&quot;
12269    }
12270  }"
12271                    >
12272                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
12273    <g>
12274    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12275    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12276    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12277    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12278    </g>
12279  </svg></span>
12280                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
12281                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12282    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12283      fill="currentcolor" stroke="none">
12284      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12285    </g>
12286  </svg>
12287
12288                      </span>
12289                  </button><input type="hidden" name="product-id" value="14734979400043" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
12290              </div>
12291            </div><div
12292            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
12293            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
12294            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
12295            >
12296            <div>
12297              <button
12298                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12299                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm')" 
12300                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm')" 
12301                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
12302                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
12303                x-customer-event-data="{
12304    &quot;product&quot;: {
12305      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
12306      &quot;listName&quot;: &quot;Bestsellers&quot;,
12307      &quot;sku&quot;: &quot;14734979400043&quot;,
12308      &quot;currencyCode&quot;: &quot;USD&quot;,
12309      &quot;price&quot;: 3495,
12310      &quot;vendor&quot;: &quot;Bob Johansen&quot;
12311    }
12312  }"
12313                aria-label="Button quickview"
12314              >
12315                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
12316    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12317    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12318  </svg>
12319</span>
12320                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
12321                  
12322
12323  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12324
12325
12326                </span>
12327              </button>
12328              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12329                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
12330                aria-label="Button quickview"
12331                x-customer-event-data="{
12332    &quot;product&quot;: {
12333      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
12334      &quot;listName&quot;: &quot;Bestsellers&quot;,
12335      &quot;sku&quot;: &quot;14734979400043&quot;,
12336      &quot;currencyCode&quot;: &quot;USD&quot;,
12337      &quot;price&quot;: 3495,
12338      &quot;vendor&quot;: &quot;Bob Johansen&quot;
12339    }
12340  }"
12341              >
12342                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
12343    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12344    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12345  </svg>
12346</span>
12347              </button>
12348            </div>
12349          </div>
12350        </div>
12351      
12352    </a>
12353    
12354    
12355    <div class="md:list-layout:hidden">
12356      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
12357        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
12358          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734979400043">
12359            <a href="/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition"
12360              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
12361              @click='$store.xCustomerEvent.fire("product_selected", $el)'
12362              x-customer-event-data="{
12363    &quot;product&quot;: {
12364      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
12365      &quot;listName&quot;: &quot;Bestsellers&quot;,
12366      &quot;sku&quot;: &quot;14734979400043&quot;,
12367      &quot;currencyCode&quot;: &quot;USD&quot;,
12368      &quot;price&quot;: 3495,
12369      &quot;vendor&quot;: &quot;Bob Johansen&quot;
12370    }
12371  }"
12372            >
12373              Leaders Make the Future, Third Edition
12374            </a>
12375          </h3>
12376          
12377
12378            
12379  
12380<div 
12381  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
12382><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
12383      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
12383ox="0 0 512 512"  xml:space="preserve">
12384      <g>
12385        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
12386      </g>
12387    </svg>
12388    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
12389      <g>
12390        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
12391      </g>
12392    </svg>
12393    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
12394      <g>
12395        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
12396      </g>
12397    </svg>
12398    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
12399      <g>
12400        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
12401      </g>
12402    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
12403          <defs>
12404              <linearGradient id="grad">
12405                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
12406                  <stop offset="50%" stop-color="currentColor"/>
12407              </linearGradient>
12408          </defs>
12409          <g>
12410            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
12411          </g>
12412      </svg>
12413    </div> 
12414    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(106)
12415    </p></div>
12416
12417<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
12418            
12419            
12420              <div class=" price leading-none">
12421  <div class="">
12422    
12423      <div class="hidden">3495</div><p class="price">
12424          <span>$34.95</span>
12425        </p><small class="text-[70%] hidden">
12426        <span class="hidden">Unit price</span>
12427        <span class="up price-item price-item--last">
12428          <span>
12429
12430          </span>
12431          <span aria-hidden="true">/</span>
12432          <span class="hidden">&nbsp;per&nbsp;</span>
12433          <span>
12434          </span>
12435        </span>
12436      </small>
12437    
12438  </div>
12439  
12440</div>
12441            
12442            <div class="next-price empty:hidden"></div>
12443          </div>
12444          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734979400043', [637336453483, 639249514859, 643825140075, 639476957547, 639249744235, 636473475435, 639252758891, 639269339499])"><div 
12445  x-data='{ 
12446    storeAvailabilites: {},
12447    pickupLocation: []
12448  }'
12449  class="mb-3"
12450  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
12451>
12452  <style data-shopify>
12453    .text-available, .text-unavailable {
12454      font-size: 0.669375rem;
12455      font-family: var(--font-body-family);
12456    }
12457
12458    @media (min-width: 768px) {
12459      .text-available, .text-unavailable {
12460        font-size: 0.74375rem;
12461      }
12462    }
12463
12464    .text-available {
12465      color: #6b762d;
12466    }
12467
12468    .dark .text-available {
12469      color: #858F4D;
12470    }
12471
12472    .text-unavailable {
12473      color: #767474;
12474    }
12475
12476    .dark .text-unavailable {
12477      color: #867F7F;
12478    }
12479  </style>
12480  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
12481    <span class="flex h-4 w-4 relative">
12482<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12483  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12484  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12485</svg>
12486
12487</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
12488  </div>
12489  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
12490    <span class="flex h-4 w-4 relative">
12491<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12492  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12493  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12494</svg>
12495
12496</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
12497  </div>
12498</div></div>
12499        </div>
12500      </div>
12501    </div>
12502    
12503  </div>
12504  <div
12505    id="x-product-template-14734979400043-template--24498228953451__featured_collection_PFy63t-1-1"
12506    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
12507  >
12508    <div class="hidden md:list-layout:block">
12509      
12510      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
12511        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
12512          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734979400043">
12513            <a href="/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition"
12514              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
12515              @click='$store.xCustomerEvent.fire("product_selected", $el)'
12516              x-customer-event-data="{
12517    &quot;product&quot;: {
12518      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
12519      &quot;listName&quot;: &quot;Bestsellers&quot;,
12520      &quot;sku&quot;: &quot;14734979400043&quot;,
12521      &quot;currencyCode&quot;: &quot;USD&quot;,
12522      &quot;price&quot;: 3495,
12523      &quot;vendor&quot;: &quot;Bob Johansen&quot;
12524    }
12525  }"
12526            >
12527              Leaders Make the Future, Third Edition
12528            </a>
12529          </h3>
12530          
12531
12532            
12533  
12534<div 
12535  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
12536><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
12537      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
12537ox="0 0 512 512"  xml:space="preserve">
12538      <g>
12539        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
12540      </g>
12541    </svg>
12542    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
12543      <g>
12544        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
12545      </g>
12546    </svg>
12547    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
12548      <g>
12549        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
12550      </g>
12551    </svg>
12552    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
12553      <g>
12554        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
12555      </g>
12556    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
12557          <defs>
12558              <linearGradient id="grad">
12559                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
12560                  <stop offset="50%" stop-color="currentColor"/>
12561              </linearGradient>
12562          </defs>
12563          <g>
12564            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
12565          </g>
12566      </svg>
12567    </div> 
12568    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(106)
12569    </p></div>
12570
12571<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
12572            
12573            
12574              <div class=" price leading-none">
12575  <div class="">
12576    
12577      <div class="hidden">3495</div><p class="price">
12578          <span>$34.95</span>
12579        </p><small class="text-[70%] hidden">
12580        <span class="hidden">Unit price</span>
12581        <span class="up price-item price-item--last">
12582          <span>
12583
12584          </span>
12585          <span aria-hidden="true">/</span>
12586          <span class="hidden">&nbsp;per&nbsp;</span>
12587          <span>
12588          </span>
12589        </span>
12590      </small>
12591    
12592  </div>
12593  
12594</div>
12595            
12596            <div class="next-price empty:hidden"></div>
12597          </div>
12598          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734979400043', [637336453483, 639249514859, 643825140075, 639476957547, 639249744235, 636473475435, 639252758891, 639269339499])"><div 
12599  x-data='{ 
12600    storeAvailabilites: {},
12601    pickupLocation: []
12602  }'
12603  class="mb-3"
12604  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
12605>
12606  <style data-shopify>
12607    .text-available, .text-unavailable {
12608      font-size: 0.669375rem;
12609      font-family: var(--font-body-family);
12610    }
12611
12612    @media (min-width: 768px) {
12613      .text-available, .text-unavailable {
12614        font-size: 0.74375rem;
12615      }
12616    }
12617
12618    .text-available {
12619      color: #6b762d;
12620    }
12621
12622    .dark .text-available {
12623      color: #858F4D;
12624    }
12625
12626    .text-unavailable {
12627      color: #767474;
12628    }
12629
12630    .dark .text-unavailable {
12631      color: #867F7F;
12632    }
12633  </style>
12634  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
12635    <span class="flex h-4 w-4 relative">
12636<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12637  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12638  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12639</svg>
12640
12641</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
12642  </div>
12643  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
12644    <span class="flex h-4 w-4 relative">
12645<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12646  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12647  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12648</svg>
12649
12650</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
12651  </div>
12652</div></div>
12653        </div>
12654      </div>
12655    
12656    </div>
12657    
12658
12659        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
12660          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570321_leaders-make-the-future-third-edition');
12661        });"></div>
12662        <div
12663          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm" 
12664          class="current-variant hidden"
12665        >
12666          52185262227819
12667        </div>
12668    
12669    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
12670    
12671      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
12672            class="card-info bottom_atc md:list-layout:hidden hide-icon"
12673            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
12674            x-cloak
12675          >
12676            
12677<form method="post" action="/cart/add" id="product-form-choose-option14734979400043401" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185262227819">
12678                
12679                                                            
12680                <button
12681                  type="submit"
12682                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm"
12683                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
12684                  
12685                  
12686                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12687                  
12688aria-label="Add to cart"
12689                    
12690                  
12691                >
12692                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12693                        <span class="flex items-center justify-center">
12694                          
12695
12696  
12697    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
12698  
12699
12700
12701                        </span></span>
12702                  <div
12703                    class="flex gap-x-2 items-center justify-center"
12704                    role="alert"
12705                    x-cloak
12706                    x-show="errorMessage"
12707                  >
12708                    Sold out
12709                  </div>
12710                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12711                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12712    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12713      fill="currentcolor" stroke="none">
12714      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12715    </g>
12716  </svg>
12717
12718                  </div>
12719                </button><input type="hidden" name="product-id" value="14734979400043" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
12720          </div></template>
12721    
12722    
12723      <template x-if="$store.xQuickView">
12724        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
12725              
12726<form method="post" action="/cart/add" id="product-form-choose-option14734979400043401" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185262227819">
12727                  
12728                                                              
12729                  <button
12730                    type="submit"
12731                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm"
12732                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
12733                    
12734                    
12735                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12736                    
12737aria-label="Add to cart"
12738                      
12739                    
12740                  >
12741                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12742                          <span class="flex items-center justify-center">
12743                            
12744
12745  
12746    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
12747  
12748
12749
12750                          </span></span>
12751                    <div
12752                      class="flex gap-x-2 items-center justify-center"
12753                      role="alert"
12754                      x-cloak
12755                      x-show="errorMessage"
12756                    >
12757                      Sold out
12758                    </div>
12759                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
12759calc(50%-10px)]" x-show="loading" x-cloak>
12760                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12761    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12762      fill="currentcolor" stroke="none">
12763      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12764    </g>
12765  </svg>
12766
12767                    </div>
12768                  </button><button 
12769                    type="submit"
12770                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
12771                    
12772                    
12773                    data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm"
12774                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12775                    
12776aria-label="Add to cart"
12777                      
12778                    
12779                    x-customer-event-data="{
12780    &quot;product&quot;: {
12781      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
12782      &quot;listName&quot;: &quot;Bestsellers&quot;,
12783      &quot;sku&quot;: &quot;14734979400043&quot;,
12784      &quot;currencyCode&quot;: &quot;USD&quot;,
12785      &quot;price&quot;: 3495,
12786      &quot;vendor&quot;: &quot;Bob Johansen&quot;
12787    }
12788  }"
12789                  >
12790                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
12791    <g>
12792    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12793    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12794    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12795    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12796    </g>
12797  </svg></span>
12798                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
12799                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12800    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12801      fill="currentcolor" stroke="none">
12802      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12803    </g>
12804  </svg>
12805
12806                  </span>
12807                </button><input type="hidden" name="product-id" value="14734979400043" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
12808            </div><button 
12809            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm')" 
12810            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm')" 
12811            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12812            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
12813            aria-label="Button quickview"
12814            x-customer-event-data="{
12815    &quot;product&quot;: {
12816      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
12817      &quot;listName&quot;: &quot;Bestsellers&quot;,
12818      &quot;sku&quot;: &quot;14734979400043&quot;,
12819      &quot;currencyCode&quot;: &quot;USD&quot;,
12820      &quot;price&quot;: 3495,
12821      &quot;vendor&quot;: &quot;Bob Johansen&quot;
12822    }
12823  }"
12824            x-show="$store.xQuickView.enabled"
12825          >
12826            <span class="flex justify-center items-center">
12827              
12828
12829  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12830
12831
12832            </span>
12833          </button>
12834        </div>
12835      </template>
12836    
12837  </div>
12838</div>
12839
12840
12841<div 
12842  
12843    x-data="{ showOptions: false, options: [] }"
12844  
12845  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
12846  x-slide-index="1"
12847>
12848  <div 
12849    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
12850  >
12851    <style data-shopify>
12852      
12853    </style>
12854    
12855    <style data-shopify>
12856      
12857    </style>
12858    <a 
12859      
12860        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
12861      
12862      href="/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition"
12863       
12864        x-data="{ lastWindowWidth: 0 }"
12865        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
12866        x-labels-data="[{
12867        &quot;variant_id&quot;: 52185261048171,
12868        &quot;product_id&quot;: 14734978285931,
12869        &quot;available&quot;: true,
12870        &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
12871        &quot;compare_at_price&quot;: 0,
12872        &quot;price&quot;: 2595,
12873        &quot;price_with_currency&quot;: &quot;$25.95&quot;,
12874        &quot;sale_amount&quot;: &quot;$-25.95&quot;,
12875        &quot;collections&quot;: &quot;||637336453483||639249514859||650454204779||643824779627||637337043307||639249744235||636480389483||636473475435||639269339499||&quot;,
12876        &quot;inventory_management&quot;: &quot;shopify&quot;,
12877        &quot;qty&quot;: 417,
12878        &quot;container&quot;: &quot;card&quot;,
12879        &quot;can_show_preorder&quot;: false,
12880        &quot;diff_day_create&quot;: 448.01,
12881        &quot;diff_day_publish&quot;: 448.0
12882        
12883          ,&quot;metafield_label&quot;: { 
12884            &quot;custom.format2&quot;:&quot;Paperback&quot;
12885          }
12886        
12887      }]"
12888       
12889      aria-label="The Art of Community, Second Edition"
12890      id="14734978285931-template--24498228953451__featured_collection_PFy63t"
12891      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
12892      <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
12893        <div
12894          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-2-1"
12895          class="block h-full" 
12896          @click='$store.xCustomerEvent.fire("product_selected", $el)'
12897          x-customer-event-data="{
12898    &quot;product&quot;: {
12899      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
12900      &quot;listName&quot;: &quot;Bestsellers&quot;,
12901      &quot;sku&quot;: &quot;14734978285931&quot;,
12902      &quot;currencyCode&quot;: &quot;USD&quot;,
12903      &quot;price&quot;: 2595,
12904      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
12905    }
12906  }"
12907          >
12908<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
12909            >
12910              
12911              <picture>
12912                <img
12913                  srcset="//bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=450 450w,
12914                  //bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=750 750w,
12915                  //bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=900 900w,
12916                  //bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=1100 1100w,
12917                  //bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870 432w" 
12918                  src="//bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=1500"
12919                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
12920                  alt="Cover image for The Art of Community, Second Edition, isbn: 9798890570192"
12921                  :class="showSecond ? 'first-img' : ''"
12922                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
12923                  loading="lazy"
12924                  width="432"
12925                  height="648"
12926                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12927                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
12928                />
12929              </picture>
12930              
12931            </div></div>
12932      </div>
12933      
12934        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
12935              x-show="$store.xQuickView" x-cloak
12936            > 
12937              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
12938                class="w-full hide-icon lg:px-4" 
12939                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
12940                x-cloak
12941              >
12942<form method="post" action="/cart/add" id="product-form-choose-option14734978285931402" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185261048171">
12943                    
12944                                                                
12945                    <button
12946                      type="submit"
12947                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm"
12948                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
12949                      
12950                      
12951                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12952                      
12953aria-label="Add to cart"
12954                        
12955                      
12956                    >
12957                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12958                            <span class="flex items-center justify-center">
12959                              
12960
12961  
12962    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
12963  
12964
12965
12966                            </span></span>
12967                      <div
12968                        class="flex gap-x-2 items-center justify-center"
12969                        role="alert"
12970                        x-cloak
12971                        x-show="errorMessage"
12972                      >
12973                        Sold out
12974                      </div>
12975                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
12976                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12977    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12978      fill="currentcolor" stroke="none">
12979      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
12980    </g>
12981  </svg>
12982
12983                      </div>
12984                    </button>
12985                    <button 
12986                      type="submit"
12987                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
12988                      
12989                      
12990                      data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm"
12991                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12992                      
12993aria-label="Add to cart"
12994                        
12995                      
12996                      x-customer-event-data="{
12997    &quot;product&quot;: {
12998      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
12999      &quot;listName&quot;: &quot;Bestsellers&quot;,
13000      &quot;sku&quot;: &quot;14734978285931&quot;,
13001      &quot;currencyCode&quot;: &quot;USD&quot;,
13002      &quot;price&quot;: 2595,
13003      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
13004    }
13005  }"
13006                    >
13007                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
13008    <g>
13009    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13010    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13011    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13012    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13013    </g>
13014  </svg></span>
13015                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
13016                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13017    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13018      fill="currentcolor" stroke="none">
13019      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13020    </g>
13021  </svg>
13022
13023                      </span>
13024                  </button><input type="hidden" name="product-id" value="14734978285931" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
13025              </div>
13026            </div><div
13027            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13028            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
13029            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
13030            >
13031            <div>
13032              <button
13033                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13034                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm')" 
13035                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm')" 
13036                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
13037                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
13038                x-customer-event-data="{
13039    &quot;product&quot;: {
13040      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
13041      &quot;listName&quot;: &quot;Bestsellers&quot;,
13042      &quot;sku&quot;: &quot;14734978285931&quot;,
13043      &quot;currencyCode&quot;: &quot;USD&quot;,
13044      &quot;price&quot;: 2595,
13045      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
13046    }
13047  }"
13048                aria-label="Button quickview"
13049              >
13050                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
13051    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13052    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13053  </svg>
13054</span>
13055                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
13056                  
13057
13058  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13059
13060
13061                </span>
13062              </button>
13063              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13064                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
13065                aria-label="Button quickview"
13066                x-customer-event-data="{
13067    &quot;product&quot;: {
13068      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
13069      &quot;listName&quot;: &quot;Bestsellers&quot;,
13070      &quot;sku&quot;: &quot;14734978285931&quot;,
13071      &quot;currencyCode&quot;: &quot;USD&quot;,
13072      &quot;price&quot;: 2595,
13073      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
13074    }
13075  }"
13076              >
13077                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
13078    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13079    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13080  </svg>
13081</span>
13082              </button>
13083            </div>
13084          </div>
13085        </div>
13086      
13087    </a>
13088    
13089    
13090    <div class="md:list-layout:hidden">
13091      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
13092        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
13093          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734978285931">
13094            <a href="/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition"
13095              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
13096              @click='$store.xCustomerEvent.fire("product_selected", $el)'
13097              x-customer-event-data="{
13098    &quot;product&quot;: {
13099      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
13100      &quot;listName&quot;: &quot;Bestsellers&quot;,
13101      &quot;sku&quot;: &quot;14734978285931&quot;,
13102      &quot;currencyCode&quot;: &quot;USD&quot;,
13103      &quot;price&quot;: 2595,
13104      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
13105    }
13106  }"
13107            >
13108              The Art of Community, Second Edition
13109            </a>
13110          </h3>
13111          
13112
13113            
13114  
13115<div 
13116  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
13117><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
13118      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
13118ox="0 0 512 512"  xml:space="preserve">
13119      <g>
13120        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13121      </g>
13122    </svg>
13123    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
13124      <g>
13125        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13126      </g>
13127    </svg>
13128    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
13129      <g>
13130        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13131      </g>
13132    </svg>
13133    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
13134      <g>
13135        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13136      </g>
13137    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
13138          <defs>
13139              <linearGradient id="grad">
13140                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
13141                  <stop offset="50%" stop-color="currentColor"/>
13142              </linearGradient>
13143          </defs>
13144          <g>
13145            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13146          </g>
13147      </svg>
13148    </div> 
13149    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(334)
13150    </p></div>
13151
13152<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
13153            
13154            
13155              <div class=" price leading-none">
13156  <div class="">
13157    
13158      <div class="hidden">2595</div><p class="price">
13159          <span>$25.95</span>
13160        </p><small class="text-[70%] hidden">
13161        <span class="hidden">Unit price</span>
13162        <span class="up price-item price-item--last">
13163          <span>
13164
13165          </span>
13166          <span aria-hidden="true">/</span>
13167          <span class="hidden">&nbsp;per&nbsp;</span>
13168          <span>
13169          </span>
13170        </span>
13171      </small>
13172    
13173  </div>
13174  
13175</div>
13176            
13177            <div class="next-price empty:hidden"></div>
13178          </div>
13179          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734978285931', [637336453483, 639249514859, 650454204779, 643824779627, 637337043307, 639249744235, 636480389483, 636473475435, 639269339499])"><div 
13180  x-data='{ 
13181    storeAvailabilites: {},
13182    pickupLocation: []
13183  }'
13184  class="mb-3"
13185  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
13186>
13187  <style data-shopify>
13188    .text-available, .text-unavailable {
13189      font-size: 0.669375rem;
13190      font-family: var(--font-body-family);
13191    }
13192
13193    @media (min-width: 768px) {
13194      .text-available, .text-unavailable {
13195        font-size: 0.74375rem;
13196      }
13197    }
13198
13199    .text-available {
13200      color: #6b762d;
13201    }
13202
13203    .dark .text-available {
13204      color: #858F4D;
13205    }
13206
13207    .text-unavailable {
13208      color: #767474;
13209    }
13210
13211    .dark .text-unavailable {
13212      color: #867F7F;
13213    }
13214  </style>
13215  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
13216    <span class="flex h-4 w-4 relative">
13217<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13218  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13219  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13220</svg>
13221
13222</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
13223  </div>
13224  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
13225    <span class="flex h-4 w-4 relative">
13226<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13227  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13228  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13229</svg>
13230
13231</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
13232  </div>
13233</div></div>
13234        </div>
13235      </div>
13236    </div>
13237    
13238  </div>
13239  <div
13240    id="x-product-template-14734978285931-template--24498228953451__featured_collection_PFy63t-1-2"
13241    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
13242  >
13243    <div class="hidden md:list-layout:block">
13244      
13245      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
13246        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
13247          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734978285931">
13248            <a href="/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition"
13249              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
13250              @click='$store.xCustomerEvent.fire("product_selected", $el)'
13251              x-customer-event-data="{
13252    &quot;product&quot;: {
13253      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
13254      &quot;listName&quot;: &quot;Bestsellers&quot;,
13255      &quot;sku&quot;: &quot;14734978285931&quot;,
13256      &quot;currencyCode&quot;: &quot;USD&quot;,
13257      &quot;price&quot;: 2595,
13258      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
13259    }
13260  }"
13261            >
13262              The Art of Community, Second Edition
13263            </a>
13264          </h3>
13265          
13266
13267            
13268  
13269<div 
13270  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
13271><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
13272      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
13272ox="0 0 512 512"  xml:space="preserve">
13273      <g>
13274        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13275      </g>
13276    </svg>
13277    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
13278      <g>
13279        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13280      </g>
13281    </svg>
13282    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
13283      <g>
13284        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13285      </g>
13286    </svg>
13287    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
13288      <g>
13289        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13290      </g>
13291    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
13292          <defs>
13293              <linearGradient id="grad">
13294                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
13295                  <stop offset="50%" stop-color="currentColor"/>
13296              </linearGradient>
13297          </defs>
13298          <g>
13299            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13300          </g>
13301      </svg>
13302    </div> 
13303    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(334)
13304    </p></div>
13305
13306<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
13307            
13308            
13309              <div class=" price leading-none">
13310  <div class="">
13311    
13312      <div class="hidden">2595</div><p class="price">
13313          <span>$25.95</span>
13314        </p><small class="text-[70%] hidden">
13315        <span class="hidden">Unit price</span>
13316        <span class="up price-item price-item--last">
13317          <span>
13318
13319          </span>
13320          <span aria-hidden="true">/</span>
13321          <span class="hidden">&nbsp;per&nbsp;</span>
13322          <span>
13323          </span>
13324        </span>
13325      </small>
13326    
13327  </div>
13328  
13329</div>
13330            
13331            <div class="next-price empty:hidden"></div>
13332          </div>
13333          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734978285931', [637336453483, 639249514859, 650454204779, 643824779627, 637337043307, 639249744235, 636480389483, 636473475435, 639269339499])"><div 
13334  x-data='{ 
13335    storeAvailabilites: {},
13336    pickupLocation: []
13337  }'
13338  class="mb-3"
13339  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
13340>
13341  <style data-shopify>
13342    .text-available, .text-unavailable {
13343      font-size: 0.669375rem;
13344      font-family: var(--font-body-family);
13345    }
13346
13347    @media (min-width: 768px) {
13348      .text-available, .text-unavailable {
13349        font-size: 0.74375rem;
13350      }
13351    }
13352
13353    .text-available {
13354      color: #6b762d;
13355    }
13356
13357    .dark .text-available {
13358      color: #858F4D;
13359    }
13360
13361    .text-unavailable {
13362      color: #767474;
13363    }
13364
13365    .dark .text-unavailable {
13366      color: #867F7F;
13367    }
13368  </style>
13369  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
13370    <span class="flex h-4 w-4 relative">
13371<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13372  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13373  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13374</svg>
13375
13376</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
13377  </div>
13378  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
13379    <span class="flex h-4 w-4 relative">
13380<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13381  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13382  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13383</svg>
13384
13385</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
13386  </div>
13387</div></div>
13388        </div>
13389      </div>
13390    
13391    </div>
13392    
13393
13394        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
13395          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570192_the-art-of-community-second-edition');
13396        });"></div>
13397        <div
13398          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm" 
13399          class="current-variant hidden"
13400        >
13401          52185261048171
13402        </div>
13403    
13404    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
13405    
13406      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
13407            class="card-info bottom_atc md:list-layout:hidden hide-icon"
13408            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
13409            x-cloak
13410          >
13411            
13412<form method="post" action="/cart/add" id="product-form-choose-option14734978285931402" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185261048171">
13413                
13414                                                            
13415                <button
13416                  type="submit"
13417                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm"
13418                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
13419                  
13420                  
13421                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13422                  
13423aria-label="Add to cart"
13424                    
13425                  
13426                >
13427                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13428                        <span class="flex items-center justify-center">
13429                          
13430
13431  
13432    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
13433  
13434
13435
13436                        </span></span>
13437                  <div
13438                    class="flex gap-x-2 items-center justify-center"
13439                    role="alert"
13440                    x-cloak
13441                    x-show="errorMessage"
13442                  >
13443                    Sold out
13444                  </div>
13445                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
13446                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13447    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13448      fill="currentcolor" stroke="none">
13449      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13450    </g>
13451  </svg>
13452
13453                  </div>
13454                </button><input type="hidden" name="product-id" value="14734978285931" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
13455          </div></template>
13456    
13457    
13458      <template x-if="$store.xQuickView">
13459        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
13460              
13461<form method="post" action="/cart/add" id="product-form-choose-option14734978285931402" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185261048171">
13462                  
13463                                                              
13464                  <button
13465                    type="submit"
13466                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm"
13467                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
13468                    
13469                    
13470                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13471                    
13472aria-label="Add to cart"
13473                      
13474                    
13475                  >
13476                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13477                          <span class="flex items-center justify-center">
13478                            
13479
13480  
13481    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
13482  
13483
13484
13485                          </span></span>
13486                    <div
13487                      class="flex gap-x-2 items-center justify-center"
13488                      role="alert"
13489                      x-cloak
13490                      x-show="errorMessage"
13491                    >
13492                      Sold out
13493                    </div>
13494                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
13494calc(50%-10px)]" x-show="loading" x-cloak>
13495                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13496    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13497      fill="currentcolor" stroke="none">
13498      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13499    </g>
13500  </svg>
13501
13502                    </div>
13503                  </button><button 
13504                    type="submit"
13505                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
13506                    
13507                    
13508                    data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm"
13509                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13510                    
13511aria-label="Add to cart"
13512                      
13513                    
13514                    x-customer-event-data="{
13515    &quot;product&quot;: {
13516      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
13517      &quot;listName&quot;: &quot;Bestsellers&quot;,
13518      &quot;sku&quot;: &quot;14734978285931&quot;,
13519      &quot;currencyCode&quot;: &quot;USD&quot;,
13520      &quot;price&quot;: 2595,
13521      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
13522    }
13523  }"
13524                  >
13525                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
13526    <g>
13527    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13528    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13529    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13530    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13531    </g>
13532  </svg></span>
13533                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
13534                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13535    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13536      fill="currentcolor" stroke="none">
13537      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13538    </g>
13539  </svg>
13540
13541                  </span>
13542                </button><input type="hidden" name="product-id" value="14734978285931" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
13543            </div><button 
13544            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm')" 
13545            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm')" 
13546            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13547            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
13548            aria-label="Button quickview"
13549            x-customer-event-data="{
13550    &quot;product&quot;: {
13551      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
13552      &quot;listName&quot;: &quot;Bestsellers&quot;,
13553      &quot;sku&quot;: &quot;14734978285931&quot;,
13554      &quot;currencyCode&quot;: &quot;USD&quot;,
13555      &quot;price&quot;: 2595,
13556      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
13557    }
13558  }"
13559            x-show="$store.xQuickView.enabled"
13560          >
13561            <span class="flex justify-center items-center">
13562              
13563
13564  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13565
13566
13567            </span>
13568          </button>
13569        </div>
13570      </template>
13571    
13572  </div>
13573</div>
13574
13575
13576<div 
13577  
13578    x-data="{ showOptions: false, options: [] }"
13579  
13580  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
13581  x-slide-index="2"
13582>
13583  <div 
13584    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
13585  >
13586    <style data-shopify>
13587      
13588    </style>
13589    
13590    <style data-shopify>
13591      
13592    </style>
13593    <a 
13594      
13595        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
13596      
13597      href="/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition"
13598       
13599        x-data="{ lastWindowWidth: 0 }"
13600        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
13601        x-labels-data="[{
13602        &quot;variant_id&quot;: 52185248825707,
13603        &quot;product_id&quot;: 14734969110891,
13604        &quot;available&quot;: true,
13605        &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
13606        &quot;compare_at_price&quot;: 0,
13607        &quot;price&quot;: 2195,
13608        &quot;price_with_currency&quot;: &quot;$21.95&quot;,
13609        &quot;sale_amount&quot;: &quot;$-21.95&quot;,
13610        &quot;collections&quot;: &quot;||637329310059||637336453483||639249514859||643825009003||637337043307||636480389483||639269929323||636473475435||639252758891||650454270315||639269339499||&quot;,
13611        &quot;inventory_management&quot;: &quot;shopify&quot;,
13612        &quot;qty&quot;: 1171,
13613        &quot;container&quot;: &quot;card&quot;,
13614        &quot;can_show_preorder&quot;: false,
13615        &quot;diff_day_create&quot;: 448.01,
13616        &quot;diff_day_publish&quot;: 448.0
13617        
13618          ,&quot;metafield_label&quot;: { 
13619            &quot;custom.format2&quot;:&quot;Paperback&quot;
13620          }
13621        
13622      }]"
13623       
13624      aria-label="Get to the Point!, Second Edition"
13625      id="14734969110891-template--24498228953451__featured_collection_PFy63t"
13626      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
13627      <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
13628        <div
13629          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-3-2"
13630          class="block h-full" 
13631          @click='$store.xCustomerEvent.fire("product_selected", $el)'
13632          x-customer-event-data="{
13633    &quot;product&quot;: {
13634      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
13635      &quot;listName&quot;: &quot;Bestsellers&quot;,
13636      &quot;sku&quot;: &quot;14734969110891&quot;,
13637      &quot;currencyCode&quot;: &quot;USD&quot;,
13638      &quot;price&quot;: 2195,
13639      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
13640    }
13641  }"
13642          >
13643<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
13644            >
13645              
13646              <picture>
13647                <img
13648                  srcset="//bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=450 450w,
13649                  //bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=750 750w,
13650                  //bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=900 900w,
13651                  //bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=1100 1100w,
13652                  //bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886 419w" 
13653                  src="//bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=1500"
13654                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
13655                  alt="Cover image for Get to the Point!, Second Edition, isbn: 9798890571052"
13656                  :class="showSecond ? 'first-img' : ''"
13657                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
13658                  loading="lazy"
13659                  width="419"
13660                  height="648"
13661                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13662                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
13663                />
13664              </picture>
13665              
13666            </div></div>
13667      </div>
13668      
13669        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13670              x-show="$store.xQuickView" x-cloak
13671            > 
13672              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
13673                class="w-full hide-icon lg:px-4" 
13674                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
13675                x-cloak
13676              >
13677<form method="post" action="/cart/add" id="product-form-choose-option14734969110891403" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185248825707">
13678                    
13679                                                                
13680                    <button
13681                      type="submit"
13682                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm"
13683                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
13684                      
13685                      
13686                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13687                      
13688aria-label="Add to cart"
13689                        
13690                      
13691                    >
13692                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13693                            <span class="flex items-center justify-center">
13694                              
13695
13696  
13697    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
13698  
13699
13700
13701                            </span></span>
13702                      <div
13703                        class="flex gap-x-2 items-center justify-center"
13704                        role="alert"
13705                        x-cloak
13706                        x-show="errorMessage"
13707                      >
13708                        Sold out
13709                      </div>
13710                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
13711                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13712    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13713      fill="currentcolor" stroke="none">
13714      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13715    </g>
13716  </svg>
13717
13718                      </div>
13719                    </button>
13720                    <button 
13721                      type="submit"
13722                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
13723                      
13724                      
13725                      data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm"
13726                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13727                      
13728aria-label="Add to cart"
13729                        
13730                      
13731                      x-customer-event-data="{
13732    &quot;product&quot;: {
13733      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
13734      &quot;listName&quot;: &quot;Bestsellers&quot;,
13735      &quot;sku&quot;: &quot;14734969110891&quot;,
13736      &quot;currencyCode&quot;: &quot;USD&quot;,
13737      &quot;price&quot;: 2195,
13738      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
13739    }
13740  }"
13741                    >
13742                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
13743    <g>
13744    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13745    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13746    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13747    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13748    </g>
13749  </svg></span>
13750                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
13751                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13752    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13753      fill="currentcolor" stroke="none">
13754      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
13755    </g>
13756  </svg>
13757
13758                      </span>
13759                  </button><input type="hidden" name="product-id" value="14734969110891" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
13760              </div>
13761            </div><div
13762            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
13763            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
13764            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
13765            >
13766            <div>
13767              <button
13768                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13769                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm')" 
13770                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm')" 
13771                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
13772                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
13773                x-customer-event-data="{
13774    &quot;product&quot;: {
13775      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
13776      &quot;listName&quot;: &quot;Bestsellers&quot;,
13777      &quot;sku&quot;: &quot;14734969110891&quot;,
13778      &quot;currencyCode&quot;: &quot;USD&quot;,
13779      &quot;price&quot;: 2195,
13780      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
13781    }
13782  }"
13783                aria-label="Button quickview"
13784              >
13785                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
13786    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13787    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13788  </svg>
13789</span>
13790                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
13791                  
13792
13793  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13794
13795
13796                </span>
13797              </button>
13798              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13799                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
13800                aria-label="Button quickview"
13801                x-customer-event-data="{
13802    &quot;product&quot;: {
13803      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
13804      &quot;listName&quot;: &quot;Bestsellers&quot;,
13805      &quot;sku&quot;: &quot;14734969110891&quot;,
13806      &quot;currencyCode&quot;: &quot;USD&quot;,
13807      &quot;price&quot;: 2195,
13808      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
13809    }
13810  }"
13811              >
13812                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
13813    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13814    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13815  </svg>
13816</span>
13817              </button>
13818            </div>
13819          </div>
13820        </div>
13821      
13822    </a>
13823    
13824    
13825    <div class="md:list-layout:hidden">
13826      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
13827        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
13828          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734969110891">
13829            <a href="/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition"
13830              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
13831              @click='$store.xCustomerEvent.fire("product_selected", $el)'
13832              x-customer-event-data="{
13833    &quot;product&quot;: {
13834      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
13835      &quot;listName&quot;: &quot;Bestsellers&quot;,
13836      &quot;sku&quot;: &quot;14734969110891&quot;,
13837      &quot;currencyCode&quot;: &quot;USD&quot;,
13838      &quot;price&quot;: 2195,
13839      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
13840    }
13841  }"
13842            >
13843              Get to the Point!, Second Edition
13844            </a>
13845          </h3>
13846          
13847
13848            
13849  
13850<div 
13851  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
13852><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
13853      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
13853ox="0 0 512 512"  xml:space="preserve">
13854      <g>
13855        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13856      </g>
13857    </svg>
13858    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
13859      <g>
13860        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13861      </g>
13862    </svg>
13863    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
13864      <g>
13865        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13866      </g>
13867    </svg>
13868    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
13869      <g>
13870        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13871      </g>
13872    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
13873          <defs>
13874              <linearGradient id="grad">
13875                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
13876                  <stop offset="50%" stop-color="currentColor"/>
13877              </linearGradient>
13878          </defs>
13879          <g>
13880            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
13881          </g>
13882      </svg>
13883    </div> 
13884    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(653)
13885    </p></div>
13886
13887<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
13888            
13889            
13890              <div class=" price leading-none">
13891  <div class="">
13892    
13893      <div class="hidden">2195</div><p class="price">
13894          <span>$21.95</span>
13895        </p><small class="text-[70%] hidden">
13896        <span class="hidden">Unit price</span>
13897        <span class="up price-item price-item--last">
13898          <span>
13899
13900          </span>
13901          <span aria-hidden="true">/</span>
13902          <span class="hidden">&nbsp;per&nbsp;</span>
13903          <span>
13904          </span>
13905        </span>
13906      </small>
13907    
13908  </div>
13909  
13910</div>
13911            
13912            <div class="next-price empty:hidden"></div>
13913          </div>
13914          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734969110891', [637329310059, 637336453483, 639249514859, 643825009003, 637337043307, 636480389483, 639269929323, 636473475435, 639252758891, 650454270315, 639269339499])"><div 
13915  x-data='{ 
13916    storeAvailabilites: {},
13917    pickupLocation: []
13918  }'
13919  class="mb-3"
13920  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
13921>
13922  <style data-shopify>
13923    .text-available, .text-unavailable {
13924      font-size: 0.669375rem;
13925      font-family: var(--font-body-family);
13926    }
13927
13928    @media (min-width: 768px) {
13929      .text-available, .text-unavailable {
13930        font-size: 0.74375rem;
13931      }
13932    }
13933
13934    .text-available {
13935      color: #6b762d;
13936    }
13937
13938    .dark .text-available {
13939      color: #858F4D;
13940    }
13941
13942    .text-unavailable {
13943      color: #767474;
13944    }
13945
13946    .dark .text-unavailable {
13947      color: #867F7F;
13948    }
13949  </style>
13950  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
13951    <span class="flex h-4 w-4 relative">
13952<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13953  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13954  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13955</svg>
13956
13957</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
13958  </div>
13959  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
13960    <span class="flex h-4 w-4 relative">
13961<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13962  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13963  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13964</svg>
13965
13966</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
13967  </div>
13968</div></div>
13969        </div>
13970      </div>
13971    </div>
13972    
13973  </div>
13974  <div
13975    id="x-product-template-14734969110891-template--24498228953451__featured_collection_PFy63t-1-3"
13976    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
13977  >
13978    <div class="hidden md:list-layout:block">
13979      
13980      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
13981        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
13982          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734969110891">
13983            <a href="/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition"
13984              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
13985              @click='$store.xCustomerEvent.fire("product_selected", $el)'
13986              x-customer-event-data="{
13987    &quot;product&quot;: {
13988      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
13989      &quot;listName&quot;: &quot;Bestsellers&quot;,
13990      &quot;sku&quot;: &quot;14734969110891&quot;,
13991      &quot;currencyCode&quot;: &quot;USD&quot;,
13992      &quot;price&quot;: 2195,
13993      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
13994    }
13995  }"
13996            >
13997              Get to the Point!, Second Edition
13998            </a>
13999          </h3>
14000          
14001
14002            
14003  
14004<div 
14005  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
14006><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
14007      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
14007ox="0 0 512 512"  xml:space="preserve">
14008      <g>
14009        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14010      </g>
14011    </svg>
14012    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
14013      <g>
14014        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14015      </g>
14016    </svg>
14017    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
14018      <g>
14019        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14020      </g>
14021    </svg>
14022    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
14023      <g>
14024        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14025      </g>
14026    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
14027          <defs>
14028              <linearGradient id="grad">
14029                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
14030                  <stop offset="50%" stop-color="currentColor"/>
14031              </linearGradient>
14032          </defs>
14033          <g>
14034            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14035          </g>
14036      </svg>
14037    </div> 
14038    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(653)
14039    </p></div>
14040
14041<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
14042            
14043            
14044              <div class=" price leading-none">
14045  <div class="">
14046    
14047      <div class="hidden">2195</div><p class="price">
14048          <span>$21.95</span>
14049        </p><small class="text-[70%] hidden">
14050        <span class="hidden">Unit price</span>
14051        <span class="up price-item price-item--last">
14052          <span>
14053
14054          </span>
14055          <span aria-hidden="true">/</span>
14056          <span class="hidden">&nbsp;per&nbsp;</span>
14057          <span>
14058          </span>
14059        </span>
14060      </small>
14061    
14062  </div>
14063  
14064</div>
14065            
14066            <div class="next-price empty:hidden"></div>
14067          </div>
14068          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734969110891', [637329310059, 637336453483, 639249514859, 643825009003, 637337043307, 636480389483, 639269929323, 636473475435, 639252758891, 650454270315, 639269339499])"><div 
14069  x-data='{ 
14070    storeAvailabilites: {},
14071    pickupLocation: []
14072  }'
14073  class="mb-3"
14074  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
14075>
14076  <style data-shopify>
14077    .text-available, .text-unavailable {
14078      font-size: 0.669375rem;
14079      font-family: var(--font-body-family);
14080    }
14081
14082    @media (min-width: 768px) {
14083      .text-available, .text-unavailable {
14084        font-size: 0.74375rem;
14085      }
14086    }
14087
14088    .text-available {
14089      color: #6b762d;
14090    }
14091
14092    .dark .text-available {
14093      color: #858F4D;
14094    }
14095
14096    .text-unavailable {
14097      color: #767474;
14098    }
14099
14100    .dark .text-unavailable {
14101      color: #867F7F;
14102    }
14103  </style>
14104  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
14105    <span class="flex h-4 w-4 relative">
14106<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14107  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14108  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14109</svg>
14110
14111</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
14112  </div>
14113  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
14114    <span class="flex h-4 w-4 relative">
14115<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14116  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14117  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14118</svg>
14119
14120</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
14121  </div>
14122</div></div>
14123        </div>
14124      </div>
14125    
14126    </div>
14127    
14128
14129        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
14130          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890571052_get-to-the-point-second-edition');
14131        });"></div>
14132        <div
14133          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm" 
14134          class="current-variant hidden"
14135        >
14136          52185248825707
14137        </div>
14138    
14139    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
14140    
14141      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
14142            class="card-info bottom_atc md:list-layout:hidden hide-icon"
14143            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
14144            x-cloak
14145          >
14146            
14147<form method="post" action="/cart/add" id="product-form-choose-option14734969110891403" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185248825707">
14148                
14149                                                            
14150                <button
14151                  type="submit"
14152                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm"
14153                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
14154                  
14155                  
14156                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14157                  
14158aria-label="Add to cart"
14159                    
14160                  
14161                >
14162                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14163                        <span class="flex items-center justify-center">
14164                          
14165
14166  
14167    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14168  
14169
14170
14171                        </span></span>
14172                  <div
14173                    class="flex gap-x-2 items-center justify-center"
14174                    role="alert"
14175                    x-cloak
14176                    x-show="errorMessage"
14177                  >
14178                    Sold out
14179                  </div>
14180                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
14181                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14182    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14183      fill="currentcolor" stroke="none">
14184      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14185    </g>
14186  </svg>
14187
14188                  </div>
14189                </button><input type="hidden" name="product-id" value="14734969110891" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
14190          </div></template>
14191    
14192    
14193      <template x-if="$store.xQuickView">
14194        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
14195              
14196<form method="post" action="/cart/add" id="product-form-choose-option14734969110891403" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185248825707">
14197                  
14198                                                              
14199                  <button
14200                    type="submit"
14201                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm"
14202                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
14203                    
14204                    
14205                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14206                    
14207aria-label="Add to cart"
14208                      
14209                    
14210                  >
14211                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14212                          <span class="flex items-center justify-center">
14213                            
14214
14215  
14216    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14217  
14218
14219
14220                          </span></span>
14221                    <div
14222                      class="flex gap-x-2 items-center justify-center"
14223                      role="alert"
14224                      x-cloak
14225                      x-show="errorMessage"
14226                    >
14227                      Sold out
14228                    </div>
14229                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
14229calc(50%-10px)]" x-show="loading" x-cloak>
14230                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14231    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14232      fill="currentcolor" stroke="none">
14233      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14234    </g>
14235  </svg>
14236
14237                    </div>
14238                  </button><button 
14239                    type="submit"
14240                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
14241                    
14242                    
14243                    data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm"
14244                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14245                    
14246aria-label="Add to cart"
14247                      
14248                    
14249                    x-customer-event-data="{
14250    &quot;product&quot;: {
14251      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
14252      &quot;listName&quot;: &quot;Bestsellers&quot;,
14253      &quot;sku&quot;: &quot;14734969110891&quot;,
14254      &quot;currencyCode&quot;: &quot;USD&quot;,
14255      &quot;price&quot;: 2195,
14256      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
14257    }
14258  }"
14259                  >
14260                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
14261    <g>
14262    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14263    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14264    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14265    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14266    </g>
14267  </svg></span>
14268                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
14269                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14270    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14271      fill="currentcolor" stroke="none">
14272      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14273    </g>
14274  </svg>
14275
14276                  </span>
14277                </button><input type="hidden" name="product-id" value="14734969110891" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
14278            </div><button 
14279            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm')" 
14280            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm')" 
14281            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
14282            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
14283            aria-label="Button quickview"
14284            x-customer-event-data="{
14285    &quot;product&quot;: {
14286      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
14287      &quot;listName&quot;: &quot;Bestsellers&quot;,
14288      &quot;sku&quot;: &quot;14734969110891&quot;,
14289      &quot;currencyCode&quot;: &quot;USD&quot;,
14290      &quot;price&quot;: 2195,
14291      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
14292    }
14293  }"
14294            x-show="$store.xQuickView.enabled"
14295          >
14296            <span class="flex justify-center items-center">
14297              
14298
14299  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
14300
14301
14302            </span>
14303          </button>
14304        </div>
14305      </template>
14306    
14307  </div>
14308</div>
14309
14310
14311<div 
14312  
14313    x-data="{ showOptions: false, options: [] }"
14314  
14315  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
14316  x-slide-index="3"
14317>
14318  <div 
14319    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
14320  >
14321    <style data-shopify>
14322      
14323    </style>
14324    
14325    <style data-shopify>
14326      
14327    </style>
14328    <a 
14329      
14330        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
14331      
14332      href="/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition"
14333       
14334        x-data="{ lastWindowWidth: 0 }"
14335        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
14336        x-labels-data="[{
14337        &quot;variant_id&quot;: 52185247220075,
14338        &quot;product_id&quot;: 14734967538027,
14339        &quot;available&quot;: true,
14340        &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
14341        &quot;compare_at_price&quot;: 0,
14342        &quot;price&quot;: 2695,
14343        &quot;price_with_currency&quot;: &quot;$26.95&quot;,
14344        &quot;sale_amount&quot;: &quot;$-26.95&quot;,
14345        &quot;collections&quot;: &quot;||637336453483||639249514859||639249744235||636480389483||636473475435||639252758891||639269339499||&quot;,
14346        &quot;inventory_management&quot;: &quot;shopify&quot;,
14347        &quot;qty&quot;: 23,
14348        &quot;container&quot;: &quot;card&quot;,
14349        &quot;can_show_preorder&quot;: false,
14350        &quot;diff_day_create&quot;: 448.01,
14351        &quot;diff_day_publish&quot;: 448.0
14352        
14353          ,&quot;metafield_label&quot;: { 
14354            &quot;custom.format2&quot;:&quot;Paperback&quot;
14355          }
14356        
14357      }]"
14358       
14359      aria-label="The Introverted Leader, 3rd Edition"
14360      id="14734967538027-template--24498228953451__featured_collection_PFy63t"
14361      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
14362      <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
14363        <div
14364          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-4-3"
14365          class="block h-full" 
14366          @click='$store.xCustomerEvent.fire("product_selected", $el)'
14367          x-customer-event-data="{
14368    &quot;product&quot;: {
14369      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
14370      &quot;listName&quot;: &quot;Bestsellers&quot;,
14371      &quot;sku&quot;: &quot;14734967538027&quot;,
14372      &quot;currencyCode&quot;: &quot;USD&quot;,
14373      &quot;price&quot;: 2695,
14374      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
14375    }
14376  }"
14377          >
14378<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
14379            >
14380              
14381              <picture>
14382                <img
14383                  srcset="//bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=450 450w,
14384                  //bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=750 750w,
14385                  //bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=900 900w,
14386                  //bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=1100 1100w,
14387                  //bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874 419w" 
14388                  src="//bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=1500"
14389                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
14390                  alt="Cover image for The Introverted Leader, 3rd Edition, isbn: 9798890570895"
14391                  :class="showSecond ? 'first-img' : ''"
14392                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
14393                  loading="lazy"
14394                  width="419"
14395                  height="648"
14396                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
14397                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
14398                />
14399              </picture>
14400              
14401            </div></div>
14402      </div>
14403      
14404        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
14405              x-show="$store.xQuickView" x-cloak
14406            > 
14407              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
14408                class="w-full hide-icon lg:px-4" 
14409                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
14410                x-cloak
14411              >
14412<form method="post" action="/cart/add" id="product-form-choose-option14734967538027404" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185247220075">
14413                    
14414                                                                
14415                    <button
14416                      type="submit"
14417                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm"
14418                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
14419                      
14420                      
14421                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14422                      
14423aria-label="Add to cart"
14424                        
14425                      
14426                    >
14427                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14428                            <span class="flex items-center justify-center">
14429                              
14430
14431  
14432    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14433  
14434
14435
14436                            </span></span>
14437                      <div
14438                        class="flex gap-x-2 items-center justify-center"
14439                        role="alert"
14440                        x-cloak
14441                        x-show="errorMessage"
14442                      >
14443                        Sold out
14444                      </div>
14445                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
14446                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14447    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14448      fill="currentcolor" stroke="none">
14449      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14450    </g>
14451  </svg>
14452
14453                      </div>
14454                    </button>
14455                    <button 
14456                      type="submit"
14457                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
14458                      
14459                      
14460                      data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm"
14461                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14462                      
14463aria-label="Add to cart"
14464                        
14465                      
14466                      x-customer-event-data="{
14467    &quot;product&quot;: {
14468      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
14469      &quot;listName&quot;: &quot;Bestsellers&quot;,
14470      &quot;sku&quot;: &quot;14734967538027&quot;,
14471      &quot;currencyCode&quot;: &quot;USD&quot;,
14472      &quot;price&quot;: 2695,
14473      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
14474    }
14475  }"
14476                    >
14477                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
14478    <g>
14479    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14480    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14481    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14482    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14483    </g>
14484  </svg></span>
14485                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
14486                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14487    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14488      fill="currentcolor" stroke="none">
14489      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14490    </g>
14491  </svg>
14492
14493                      </span>
14494                  </button><input type="hidden" name="product-id" value="14734967538027" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
14495              </div>
14496            </div><div
14497            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
14498            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
14499            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
14500            >
14501            <div>
14502              <button
14503                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
14504                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm')" 
14505                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm')" 
14506                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
14507                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
14508                x-customer-event-data="{
14509    &quot;product&quot;: {
14510      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
14511      &quot;listName&quot;: &quot;Bestsellers&quot;,
14512      &quot;sku&quot;: &quot;14734967538027&quot;,
14513      &quot;currencyCode&quot;: &quot;USD&quot;,
14514      &quot;price&quot;: 2695,
14515      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
14516    }
14517  }"
14518                aria-label="Button quickview"
14519              >
14520                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
14521    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14522    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14523  </svg>
14524</span>
14525                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
14526                  
14527
14528  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
14529
14530
14531                </span>
14532              </button>
14533              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
14534                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
14535                aria-label="Button quickview"
14536                x-customer-event-data="{
14537    &quot;product&quot;: {
14538      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
14539      &quot;listName&quot;: &quot;Bestsellers&quot;,
14540      &quot;sku&quot;: &quot;14734967538027&quot;,
14541      &quot;currencyCode&quot;: &quot;USD&quot;,
14542      &quot;price&quot;: 2695,
14543      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
14544    }
14545  }"
14546              >
14547                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
14548    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14549    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14550  </svg>
14551</span>
14552              </button>
14553            </div>
14554          </div>
14555        </div>
14556      
14557    </a>
14558    
14559    
14560    <div class="md:list-layout:hidden">
14561      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
14562        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
14563          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734967538027">
14564            <a href="/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition"
14565              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
14566              @click='$store.xCustomerEvent.fire("product_selected", $el)'
14567              x-customer-event-data="{
14568    &quot;product&quot;: {
14569      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
14570      &quot;listName&quot;: &quot;Bestsellers&quot;,
14571      &quot;sku&quot;: &quot;14734967538027&quot;,
14572      &quot;currencyCode&quot;: &quot;USD&quot;,
14573      &quot;price&quot;: 2695,
14574      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
14575    }
14576  }"
14577            >
14578              The Introverted Leader, 3rd Edition
14579            </a>
14580          </h3>
14581          
14582
14583            
14584  
14585<div 
14586  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
14587><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
14588      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
14588ox="0 0 512 512"  xml:space="preserve">
14589      <g>
14590        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14591      </g>
14592    </svg>
14593    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
14594      <g>
14595        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14596      </g>
14597    </svg>
14598    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
14599      <g>
14600        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14601      </g>
14602    </svg>
14603    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
14604      <g>
14605        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14606      </g>
14607    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
14608          <defs>
14609              <linearGradient id="grad">
14610                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
14611                  <stop offset="50%" stop-color="currentColor"/>
14612              </linearGradient>
14613          </defs>
14614          <g>
14615            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14616          </g>
14617      </svg>
14618    </div> 
14619    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(249)
14620    </p></div>
14621
14622<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
14623            
14624            
14625              <div class=" price leading-none">
14626  <div class="">
14627    
14628      <div class="hidden">2695</div><p class="price">
14629          <span>$26.95</span>
14630        </p><small class="text-[70%] hidden">
14631        <span class="hidden">Unit price</span>
14632        <span class="up price-item price-item--last">
14633          <span>
14634
14635          </span>
14636          <span aria-hidden="true">/</span>
14637          <span class="hidden">&nbsp;per&nbsp;</span>
14638          <span>
14639          </span>
14640        </span>
14641      </small>
14642    
14643  </div>
14644  
14645</div>
14646            
14647            <div class="next-price empty:hidden"></div>
14648          </div>
14649          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734967538027', [637336453483, 639249514859, 639249744235, 636480389483, 636473475435, 639252758891, 639269339499])"><div 
14650  x-data='{ 
14651    storeAvailabilites: {},
14652    pickupLocation: []
14653  }'
14654  class="mb-3"
14655  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
14656>
14657  <style data-shopify>
14658    .text-available, .text-unavailable {
14659      font-size: 0.669375rem;
14660      font-family: var(--font-body-family);
14661    }
14662
14663    @media (min-width: 768px) {
14664      .text-available, .text-unavailable {
14665        font-size: 0.74375rem;
14666      }
14667    }
14668
14669    .text-available {
14670      color: #6b762d;
14671    }
14672
14673    .dark .text-available {
14674      color: #858F4D;
14675    }
14676
14677    .text-unavailable {
14678      color: #767474;
14679    }
14680
14681    .dark .text-unavailable {
14682      color: #867F7F;
14683    }
14684  </style>
14685  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
14686    <span class="flex h-4 w-4 relative">
14687<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14688  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14689  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14690</svg>
14691
14692</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
14693  </div>
14694  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
14695    <span class="flex h-4 w-4 relative">
14696<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14697  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14698  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14699</svg>
14700
14701</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
14702  </div>
14703</div></div>
14704        </div>
14705      </div>
14706    </div>
14707    
14708  </div>
14709  <div
14710    id="x-product-template-14734967538027-template--24498228953451__featured_collection_PFy63t-1-4"
14711    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
14712  >
14713    <div class="hidden md:list-layout:block">
14714      
14715      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
14716        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
14717          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734967538027">
14718            <a href="/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition"
14719              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
14720              @click='$store.xCustomerEvent.fire("product_selected", $el)'
14721              x-customer-event-data="{
14722    &quot;product&quot;: {
14723      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
14724      &quot;listName&quot;: &quot;Bestsellers&quot;,
14725      &quot;sku&quot;: &quot;14734967538027&quot;,
14726      &quot;currencyCode&quot;: &quot;USD&quot;,
14727      &quot;price&quot;: 2695,
14728      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
14729    }
14730  }"
14731            >
14732              The Introverted Leader, 3rd Edition
14733            </a>
14734          </h3>
14735          
14736
14737            
14738  
14739<div 
14740  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
14741><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
14742      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
14742ox="0 0 512 512"  xml:space="preserve">
14743      <g>
14744        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14745      </g>
14746    </svg>
14747    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
14748      <g>
14749        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14750      </g>
14751    </svg>
14752    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
14753      <g>
14754        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14755      </g>
14756    </svg>
14757    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
14758      <g>
14759        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14760      </g>
14761    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
14762          <defs>
14763              <linearGradient id="grad">
14764                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
14765                  <stop offset="50%" stop-color="currentColor"/>
14766              </linearGradient>
14767          </defs>
14768          <g>
14769            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
14770          </g>
14771      </svg>
14772    </div> 
14773    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(249)
14774    </p></div>
14775
14776<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
14777            
14778            
14779              <div class=" price leading-none">
14780  <div class="">
14781    
14782      <div class="hidden">2695</div><p class="price">
14783          <span>$26.95</span>
14784        </p><small class="text-[70%] hidden">
14785        <span class="hidden">Unit price</span>
14786        <span class="up price-item price-item--last">
14787          <span>
14788
14789          </span>
14790          <span aria-hidden="true">/</span>
14791          <span class="hidden">&nbsp;per&nbsp;</span>
14792          <span>
14793          </span>
14794        </span>
14795      </small>
14796    
14797  </div>
14798  
14799</div>
14800            
14801            <div class="next-price empty:hidden"></div>
14802          </div>
14803          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734967538027', [637336453483, 639249514859, 639249744235, 636480389483, 636473475435, 639252758891, 639269339499])"><div 
14804  x-data='{ 
14805    storeAvailabilites: {},
14806    pickupLocation: []
14807  }'
14808  class="mb-3"
14809  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
14810>
14811  <style data-shopify>
14812    .text-available, .text-unavailable {
14813      font-size: 0.669375rem;
14814      font-family: var(--font-body-family);
14815    }
14816
14817    @media (min-width: 768px) {
14818      .text-available, .text-unavailable {
14819        font-size: 0.74375rem;
14820      }
14821    }
14822
14823    .text-available {
14824      color: #6b762d;
14825    }
14826
14827    .dark .text-available {
14828      color: #858F4D;
14829    }
14830
14831    .text-unavailable {
14832      color: #767474;
14833    }
14834
14835    .dark .text-unavailable {
14836      color: #867F7F;
14837    }
14838  </style>
14839  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
14840    <span class="flex h-4 w-4 relative">
14841<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14842  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14843  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14844</svg>
14845
14846</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
14847  </div>
14848  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
14849    <span class="flex h-4 w-4 relative">
14850<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14851  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14852  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14853</svg>
14854
14855</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
14856  </div>
14857</div></div>
14858        </div>
14859      </div>
14860    
14861    </div>
14862    
14863
14864        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
14865          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570895_the-introverted-leader-3rd-edition');
14866        });"></div>
14867        <div
14868          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm" 
14869          class="current-variant hidden"
14870        >
14871          52185247220075
14872        </div>
14873    
14874    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
14875    
14876      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
14877            class="card-info bottom_atc md:list-layout:hidden hide-icon"
14878            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
14879            x-cloak
14880          >
14881            
14882<form method="post" action="/cart/add" id="product-form-choose-option14734967538027404" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185247220075">
14883                
14884                                                            
14885                <button
14886                  type="submit"
14887                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm"
14888                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
14889                  
14890                  
14891                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14892                  
14893aria-label="Add to cart"
14894                    
14895                  
14896                >
14897                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14898                        <span class="flex items-center justify-center">
14899                          
14900
14901  
14902    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14903  
14904
14905
14906                        </span></span>
14907                  <div
14908                    class="flex gap-x-2 items-center justify-center"
14909                    role="alert"
14910                    x-cloak
14911                    x-show="errorMessage"
14912                  >
14913                    Sold out
14914                  </div>
14915                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
14916                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14917    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14918      fill="currentcolor" stroke="none">
14919      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14920    </g>
14921  </svg>
14922
14923                  </div>
14924                </button><input type="hidden" name="product-id" value="14734967538027" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
14925          </div></template>
14926    
14927    
14928      <template x-if="$store.xQuickView">
14929        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
14930              
14931<form method="post" action="/cart/add" id="product-form-choose-option14734967538027404" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185247220075">
14932                  
14933                                                              
14934                  <button
14935                    type="submit"
14936                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm"
14937                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
14938                    
14939                    
14940                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14941                    
14942aria-label="Add to cart"
14943                      
14944                    
14945                  >
14946                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14947                          <span class="flex items-center justify-center">
14948                            
14949
14950  
14951    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14952  
14953
14954
14955                          </span></span>
14956                    <div
14957                      class="flex gap-x-2 items-center justify-center"
14958                      role="alert"
14959                      x-cloak
14960                      x-show="errorMessage"
14961                    >
14962                      Sold out
14963                    </div>
14964                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
14964calc(50%-10px)]" x-show="loading" x-cloak>
14965                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14966    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14967      fill="currentcolor" stroke="none">
14968      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
14969    </g>
14970  </svg>
14971
14972                    </div>
14973                  </button><button 
14974                    type="submit"
14975                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
14976                    
14977                    
14978                    data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm"
14979                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14980                    
14981aria-label="Add to cart"
14982                      
14983                    
14984                    x-customer-event-data="{
14985    &quot;product&quot;: {
14986      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
14987      &quot;listName&quot;: &quot;Bestsellers&quot;,
14988      &quot;sku&quot;: &quot;14734967538027&quot;,
14989      &quot;currencyCode&quot;: &quot;USD&quot;,
14990      &quot;price&quot;: 2695,
14991      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
14992    }
14993  }"
14994                  >
14995                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
14996    <g>
14997    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14998    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14999    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15000    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15001    </g>
15002  </svg></span>
15003                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
15004                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15005    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15006      fill="currentcolor" stroke="none">
15007      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15008    </g>
15009  </svg>
15010
15011                  </span>
15012                </button><input type="hidden" name="product-id" value="14734967538027" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
15013            </div><button 
15014            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm')" 
15015            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm')" 
15016            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15017            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
15018            aria-label="Button quickview"
15019            x-customer-event-data="{
15020    &quot;product&quot;: {
15021      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
15022      &quot;listName&quot;: &quot;Bestsellers&quot;,
15023      &quot;sku&quot;: &quot;14734967538027&quot;,
15024      &quot;currencyCode&quot;: &quot;USD&quot;,
15025      &quot;price&quot;: 2695,
15026      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
15027    }
15028  }"
15029            x-show="$store.xQuickView.enabled"
15030          >
15031            <span class="flex justify-center items-center">
15032              
15033
15034  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15035
15036
15037            </span>
15038          </button>
15039        </div>
15040      </template>
15041    
15042  </div>
15043</div>
15044
15045
15046<div 
15047  
15048    x-data="{ showOptions: false, options: [] }"
15049  
15050  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
15051  x-slide-index="4"
15052>
15053  <div 
15054    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
15055  >
15056    <style data-shopify>
15057      
15058    </style>
15059    
15060    <style data-shopify>
15061      
15062    </style>
15063    <a 
15064      
15065        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
15066      
15067      href="/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition"
15068       
15069        x-data="{ lastWindowWidth: 0 }"
15070        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
15071        x-labels-data="[{
15072        &quot;variant_id&quot;: 52185246794091,
15073        &quot;product_id&quot;: 14734967177579,
15074        &quot;available&quot;: true,
15075        &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
15076        &quot;compare_at_price&quot;: 0,
15077        &quot;price&quot;: 1995,
15078        &quot;price_with_currency&quot;: &quot;$19.95&quot;,
15079        &quot;sale_amount&quot;: &quot;$-19.95&quot;,
15080        &quot;collections&quot;: &quot;||637336453483||639249514859||645629542763||643825009003||637337043307||639249744235||636480389483||639269929323||636473475435||639252758891||650454270315||&quot;,
15081        &quot;inventory_management&quot;: &quot;shopify&quot;,
15082        &quot;qty&quot;: 2707,
15083        &quot;container&quot;: &quot;card&quot;,
15084        &quot;can_show_preorder&quot;: false,
15085        &quot;diff_day_create&quot;: 448.01,
15086        &quot;diff_day_publish&quot;: 448.0
15087        
15088          ,&quot;metafield_label&quot;: { 
15089            &quot;custom.format2&quot;:&quot;Paperback&quot;
15090          }
15091        
15092      }]"
15093       
15094      aria-label="Eat That Frog!, Fourth Edition"
15095      id="14734967177579-template--24498228953451__featured_collection_PFy63t"
15096      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
15097      <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
15098        <div
15099          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-5-4"
15100          class="block h-full" 
15101          @click='$store.xCustomerEvent.fire("product_selected", $el)'
15102          x-customer-event-data="{
15103    &quot;product&quot;: {
15104      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
15105      &quot;listName&quot;: &quot;Bestsellers&quot;,
15106      &quot;sku&quot;: &quot;14734967177579&quot;,
15107      &quot;currencyCode&quot;: &quot;USD&quot;,
15108      &quot;price&quot;: 1995,
15109      &quot;vendor&quot;: &quot;Brian Tracy&quot;
15110    }
15111  }"
15112          >
15113<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
15114            >
15115              
15116              <picture>
15117                <img
15118                  srcset="//bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=450 450w,
15119                  //bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=750 750w,
15120                  //bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=900 900w,
15121                  //bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=1100 1100w,
15122                  //bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871 419w" 
15123                  src="//bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=1500"
15124                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
15125                  alt="Cover image for Eat That Frog!, Fourth Edition, isbn: 9798890570925"
15126                  :class="showSecond ? 'first-img' : ''"
15127                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
15128                  loading="lazy"
15129                  width="419"
15130                  height="648"
15131                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
15132                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
15133                />
15134              </picture>
15135              
15136            </div></div>
15137      </div>
15138      
15139        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
15140              x-show="$store.xQuickView" x-cloak
15141            > 
15142              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
15143                class="w-full hide-icon lg:px-4" 
15144                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
15145                x-cloak
15146              >
15147<form method="post" action="/cart/add" id="product-form-choose-option14734967177579405" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185246794091">
15148                    
15149                                                                
15150                    <button
15151                      type="submit"
15152                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm"
15153                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
15154                      
15155                      
15156                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15157                      
15158aria-label="Add to cart"
15159                        
15160                      
15161                    >
15162                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15163                            <span class="flex items-center justify-center">
15164                              
15165
15166  
15167    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
15168  
15169
15170
15171                            </span></span>
15172                      <div
15173                        class="flex gap-x-2 items-center justify-center"
15174                        role="alert"
15175                        x-cloak
15176                        x-show="errorMessage"
15177                      >
15178                        Sold out
15179                      </div>
15180                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
15181                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15182    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15183      fill="currentcolor" stroke="none">
15184      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15185    </g>
15186  </svg>
15187
15188                      </div>
15189                    </button>
15190                    <button 
15191                      type="submit"
15192                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
15193                      
15194                      
15195                      data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm"
15196                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15197                      
15198aria-label="Add to cart"
15199                        
15200                      
15201                      x-customer-event-data="{
15202    &quot;product&quot;: {
15203      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
15204      &quot;listName&quot;: &quot;Bestsellers&quot;,
15205      &quot;sku&quot;: &quot;14734967177579&quot;,
15206      &quot;currencyCode&quot;: &quot;USD&quot;,
15207      &quot;price&quot;: 1995,
15208      &quot;vendor&quot;: &quot;Brian Tracy&quot;
15209    }
15210  }"
15211                    >
15212                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
15213    <g>
15214    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15215    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15216    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15217    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15218    </g>
15219  </svg></span>
15220                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
15221                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15222    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15223      fill="currentcolor" stroke="none">
15224      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15225    </g>
15226  </svg>
15227
15228                      </span>
15229                  </button><input type="hidden" name="product-id" value="14734967177579" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
15230              </div>
15231            </div><div
15232            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
15233            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
15234            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
15235            >
15236            <div>
15237              <button
15238                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15239                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm')" 
15240                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm')" 
15241                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
15242                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
15243                x-customer-event-data="{
15244    &quot;product&quot;: {
15245      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
15246      &quot;listName&quot;: &quot;Bestsellers&quot;,
15247      &quot;sku&quot;: &quot;14734967177579&quot;,
15248      &quot;currencyCode&quot;: &quot;USD&quot;,
15249      &quot;price&quot;: 1995,
15250      &quot;vendor&quot;: &quot;Brian Tracy&quot;
15251    }
15252  }"
15253                aria-label="Button quickview"
15254              >
15255                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
15256    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15257    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15258  </svg>
15259</span>
15260                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
15261                  
15262
15263  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15264
15265
15266                </span>
15267              </button>
15268              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15269                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
15270                aria-label="Button quickview"
15271                x-customer-event-data="{
15272    &quot;product&quot;: {
15273      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
15274      &quot;listName&quot;: &quot;Bestsellers&quot;,
15275      &quot;sku&quot;: &quot;14734967177579&quot;,
15276      &quot;currencyCode&quot;: &quot;USD&quot;,
15277      &quot;price&quot;: 1995,
15278      &quot;vendor&quot;: &quot;Brian Tracy&quot;
15279    }
15280  }"
15281              >
15282                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
15283    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15284    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15285  </svg>
15286</span>
15287              </button>
15288            </div>
15289          </div>
15290        </div>
15291      
15292    </a>
15293    
15294    
15295    <div class="md:list-layout:hidden">
15296      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
15297        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
15298          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734967177579">
15299            <a href="/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition"
15300              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
15301              @click='$store.xCustomerEvent.fire("product_selected", $el)'
15302              x-customer-event-data="{
15303    &quot;product&quot;: {
15304      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
15305      &quot;listName&quot;: &quot;Bestsellers&quot;,
15306      &quot;sku&quot;: &quot;14734967177579&quot;,
15307      &quot;currencyCode&quot;: &quot;USD&quot;,
15308      &quot;price&quot;: 1995,
15309      &quot;vendor&quot;: &quot;Brian Tracy&quot;
15310    }
15311  }"
15312            >
15313              Eat That Frog!, Fourth Edition
15314            </a>
15315          </h3>
15316          
15317
15318            
15319  
15320<div 
15321  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
15322><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars">
15323      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
15323ox="0 0 512 512"  xml:space="preserve">
15324      <g>
15325        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
15326      </g>
15327    </svg>
15328    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
15329      <g>
15330        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
15331      </g>
15332    </svg>
15333    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
15334      <g>
15335        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
15336      </g>
15337    </svg>
15338    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
15339      <g>
15340        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
15341      </g>
15342    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
15343          <defs>
15344              <linearGradient id="grad">
15345                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
15346                  <stop offset="50%" stop-color="currentColor"/>
15347              </linearGradient>
15348          </defs>
15349          <g>
15350            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
15351          </g>
15352      </svg>
15353    </div> 
15354    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(13666)
15355    </p></div>
15356
15357<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
15358            
15359            
15360              <div class=" price leading-none">
15361  <div class="">
15362    
15363      <div class="hidden">1995</div><p class="price">
15364          <span>$19.95</span>
15365        </p><small class="text-[70%] hidden">
15366        <span class="hidden">Unit price</span>
15367        <span class="up price-item price-item--last">
15368          <span>
15369
15370          </span>
15371          <span aria-hidden="true">/</span>
15372          <span class="hidden">&nbsp;per&nbsp;</span>
15373          <span>
15374          </span>
15375        </span>
15376      </small>
15377    
15378  </div>
15379  
15380</div>
15381            
15382            <div class="next-price empty:hidden"></div>
15383          </div>
15384          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734967177579', [637336453483, 639249514859, 645629542763, 643825009003, 637337043307, 639249744235, 636480389483, 639269929323, 636473475435, 639252758891, 650454270315])"><div 
15385  x-data='{ 
15386    storeAvailabilites: {},
15387    pickupLocation: []
15388  }'
15389  class="mb-3"
15390  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
15391>
15392  <style data-shopify>
15393    .text-available, .text-unavailable {
15394      font-size: 0.669375rem;
15395      font-family: var(--font-body-family);
15396    }
15397
15398    @media (min-width: 768px) {
15399      .text-available, .text-unavailable {
15400        font-size: 0.74375rem;
15401      }
15402    }
15403
15404    .text-available {
15405      color: #6b762d;
15406    }
15407
15408    .dark .text-available {
15409      color: #858F4D;
15410    }
15411
15412    .text-unavailable {
15413      color: #767474;
15414    }
15415
15416    .dark .text-unavailable {
15417      color: #867F7F;
15418    }
15419  </style>
15420  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
15421    <span class="flex h-4 w-4 relative">
15422<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15423  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15424  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15425</svg>
15426
15427</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
15428  </div>
15429  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
15430    <span class="flex h-4 w-4 relative">
15431<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15432  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15433  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15434</svg>
15435
15436</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
15437  </div>
15438</div></div>
15439        </div>
15440      </div>
15441    </div>
15442    
15443  </div>
15444  <div
15445    id="x-product-template-14734967177579-template--24498228953451__featured_collection_PFy63t-1-5"
15446    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
15447  >
15448    <div class="hidden md:list-layout:block">
15449      
15450      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
15451        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
15452          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734967177579">
15453            <a href="/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition"
15454              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
15455              @click='$store.xCustomerEvent.fire("product_selected", $el)'
15456              x-customer-event-data="{
15457    &quot;product&quot;: {
15458      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
15459      &quot;listName&quot;: &quot;Bestsellers&quot;,
15460      &quot;sku&quot;: &quot;14734967177579&quot;,
15461      &quot;currencyCode&quot;: &quot;USD&quot;,
15462      &quot;price&quot;: 1995,
15463      &quot;vendor&quot;: &quot;Brian Tracy&quot;
15464    }
15465  }"
15466            >
15467              Eat That Frog!, Fourth Edition
15468            </a>
15469          </h3>
15470          
15471
15472            
15473  
15474<div 
15475  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
15476><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars">
15477      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
15477ox="0 0 512 512"  xml:space="preserve">
15478      <g>
15479        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
15480      </g>
15481    </svg>
15482    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
15483      <g>
15484        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
15485      </g>
15486    </svg>
15487    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
15488      <g>
15489        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
15490      </g>
15491    </svg>
15492    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
15493      <g>
15494        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
15495      </g>
15496    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
15497          <defs>
15498              <linearGradient id="grad">
15499                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
15500                  <stop offset="50%" stop-color="currentColor"/>
15501              </linearGradient>
15502          </defs>
15503          <g>
15504            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
15505          </g>
15506      </svg>
15507    </div> 
15508    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(13666)
15509    </p></div>
15510
15511<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
15512            
15513            
15514              <div class=" price leading-none">
15515  <div class="">
15516    
15517      <div class="hidden">1995</div><p class="price">
15518          <span>$19.95</span>
15519        </p><small class="text-[70%] hidden">
15520        <span class="hidden">Unit price</span>
15521        <span class="up price-item price-item--last">
15522          <span>
15523
15524          </span>
15525          <span aria-hidden="true">/</span>
15526          <span class="hidden">&nbsp;per&nbsp;</span>
15527          <span>
15528          </span>
15529        </span>
15530      </small>
15531    
15532  </div>
15533  
15534</div>
15535            
15536            <div class="next-price empty:hidden"></div>
15537          </div>
15538          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734967177579', [637336453483, 639249514859, 645629542763, 643825009003, 637337043307, 639249744235, 636480389483, 639269929323, 636473475435, 639252758891, 650454270315])"><div 
15539  x-data='{ 
15540    storeAvailabilites: {},
15541    pickupLocation: []
15542  }'
15543  class="mb-3"
15544  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
15545>
15546  <style data-shopify>
15547    .text-available, .text-unavailable {
15548      font-size: 0.669375rem;
15549      font-family: var(--font-body-family);
15550    }
15551
15552    @media (min-width: 768px) {
15553      .text-available, .text-unavailable {
15554        font-size: 0.74375rem;
15555      }
15556    }
15557
15558    .text-available {
15559      color: #6b762d;
15560    }
15561
15562    .dark .text-available {
15563      color: #858F4D;
15564    }
15565
15566    .text-unavailable {
15567      color: #767474;
15568    }
15569
15570    .dark .text-unavailable {
15571      color: #867F7F;
15572    }
15573  </style>
15574  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
15575    <span class="flex h-4 w-4 relative">
15576<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15577  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15578  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15579</svg>
15580
15581</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
15582  </div>
15583  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
15584    <span class="flex h-4 w-4 relative">
15585<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15586  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15587  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15588</svg>
15589
15590</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
15591  </div>
15592</div></div>
15593        </div>
15594      </div>
15595    
15596    </div>
15597    
15598
15599        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
15600          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570925_eat-that-frog-fourth-edition');
15601        });"></div>
15602        <div
15603          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm" 
15604          class="current-variant hidden"
15605        >
15606          52185246794091
15607        </div>
15608    
15609    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
15610    
15611      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
15612            class="card-info bottom_atc md:list-layout:hidden hide-icon"
15613            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
15614            x-cloak
15615          >
15616            
15617<form method="post" action="/cart/add" id="product-form-choose-option14734967177579405" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185246794091">
15618                
15619                                                            
15620                <button
15621                  type="submit"
15622                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm"
15623                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
15624                  
15625                  
15626                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15627                  
15628aria-label="Add to cart"
15629                    
15630                  
15631                >
15632                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15633                        <span class="flex items-center justify-center">
15634                          
15635
15636  
15637    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
15638  
15639
15640
15641                        </span></span>
15642                  <div
15643                    class="flex gap-x-2 items-center justify-center"
15644                    role="alert"
15645                    x-cloak
15646                    x-show="errorMessage"
15647                  >
15648                    Sold out
15649                  </div>
15650                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
15651                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15652    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15653      fill="currentcolor" stroke="none">
15654      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15655    </g>
15656  </svg>
15657
15658                  </div>
15659                </button><input type="hidden" name="product-id" value="14734967177579" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
15660          </div></template>
15661    
15662    
15663      <template x-if="$store.xQuickView">
15664        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
15665              
15666<form method="post" action="/cart/add" id="product-form-choose-option14734967177579405" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185246794091">
15667                  
15668                                                              
15669                  <button
15670                    type="submit"
15671                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm"
15672                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
15673                    
15674                    
15675                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15676                    
15677aria-label="Add to cart"
15678                      
15679                    
15680                  >
15681                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15682                          <span class="flex items-center justify-center">
15683                            
15684
15685  
15686    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
15687  
15688
15689
15690                          </span></span>
15691                    <div
15692                      class="flex gap-x-2 items-center justify-center"
15693                      role="alert"
15694                      x-cloak
15695                      x-show="errorMessage"
15696                    >
15697                      Sold out
15698                    </div>
15699                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
15699calc(50%-10px)]" x-show="loading" x-cloak>
15700                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15701    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15702      fill="currentcolor" stroke="none">
15703      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15704    </g>
15705  </svg>
15706
15707                    </div>
15708                  </button><button 
15709                    type="submit"
15710                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
15711                    
15712                    
15713                    data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm"
15714                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15715                    
15716aria-label="Add to cart"
15717                      
15718                    
15719                    x-customer-event-data="{
15720    &quot;product&quot;: {
15721      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
15722      &quot;listName&quot;: &quot;Bestsellers&quot;,
15723      &quot;sku&quot;: &quot;14734967177579&quot;,
15724      &quot;currencyCode&quot;: &quot;USD&quot;,
15725      &quot;price&quot;: 1995,
15726      &quot;vendor&quot;: &quot;Brian Tracy&quot;
15727    }
15728  }"
15729                  >
15730                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
15731    <g>
15732    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15733    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15734    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15735    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15736    </g>
15737  </svg></span>
15738                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
15739                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15740    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15741      fill="currentcolor" stroke="none">
15742      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15743    </g>
15744  </svg>
15745
15746                  </span>
15747                </button><input type="hidden" name="product-id" value="14734967177579" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
15748            </div><button 
15749            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm')" 
15750            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm')" 
15751            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15752            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
15753            aria-label="Button quickview"
15754            x-customer-event-data="{
15755    &quot;product&quot;: {
15756      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
15757      &quot;listName&quot;: &quot;Bestsellers&quot;,
15758      &quot;sku&quot;: &quot;14734967177579&quot;,
15759      &quot;currencyCode&quot;: &quot;USD&quot;,
15760      &quot;price&quot;: 1995,
15761      &quot;vendor&quot;: &quot;Brian Tracy&quot;
15762    }
15763  }"
15764            x-show="$store.xQuickView.enabled"
15765          >
15766            <span class="flex justify-center items-center">
15767              
15768
15769  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15770
15771
15772            </span>
15773          </button>
15774        </div>
15775      </template>
15776    
15777  </div>
15778</div>
15779
15780
15781<div 
15782  
15783    x-data="{ showOptions: false, options: [] }"
15784  
15785  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
15786  x-slide-index="5"
15787>
15788  <div 
15789    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
15790  >
15791    <style data-shopify>
15792      
15793    </style>
15794    
15795    <style data-shopify>
15796      
15797    </style>
15798    <a 
15799      
15800        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
15801      
15802      href="/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition"
15803       
15804        x-data="{ lastWindowWidth: 0 }"
15805        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
15806        x-labels-data="[{
15807        &quot;variant_id&quot;: 52185246466411,
15808        &quot;product_id&quot;: 14734964949355,
15809        &quot;available&quot;: true,
15810        &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
15811        &quot;compare_at_price&quot;: 0,
15812        &quot;price&quot;: 2195,
15813        &quot;price_with_currency&quot;: &quot;$21.95&quot;,
15814        &quot;sale_amount&quot;: &quot;$-21.95&quot;,
15815        &quot;collections&quot;: &quot;||637336453483||639249514859||643824779627||637337043307||636480389483||639269929323||636473475435||639252758891||639269339499||&quot;,
15816        &quot;inventory_management&quot;: &quot;shopify&quot;,
15817        &quot;qty&quot;: 660,
15818        &quot;container&quot;: &quot;card&quot;,
15819        &quot;can_show_preorder&quot;: false,
15820        &quot;diff_day_create&quot;: 448.01,
15821        &quot;diff_day_publish&quot;: 448.0
15822        
15823          ,&quot;metafield_label&quot;: { 
15824            &quot;custom.format2&quot;:&quot;Paperback&quot;
15825          }
15826        
15827      }]"
15828       
15829      aria-label="The Anatomy of Peace, Fifth Edition"
15830      id="14734964949355-template--24498228953451__featured_collection_PFy63t"
15831      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
15832      <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
15833        <div
15834          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-6-5"
15835          class="block h-full" 
15836          @click='$store.xCustomerEvent.fire("product_selected", $el)'
15837          x-customer-event-data="{
15838    &quot;product&quot;: {
15839      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
15840      &quot;listName&quot;: &quot;Bestsellers&quot;,
15841      &quot;sku&quot;: &quot;14734964949355&quot;,
15842      &quot;currencyCode&quot;: &quot;USD&quot;,
15843      &quot;price&quot;: 2195,
15844      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
15845    }
15846  }"
15847          >
15848<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
15849            >
15850              
15851              <picture>
15852                <img
15853                  srcset="//bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=450 450w,
15854                  //bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=750 750w,
15855                  //bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=900 900w,
15856                  //bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=1100 1100w,
15857                  //bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869 419w" 
15858                  src="//bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=1500"
15859                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
15860                  alt="Cover image for The Anatomy of Peace, Fifth Edition, isbn: 9798890571571"
15861                  :class="showSecond ? 'first-img' : ''"
15862                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
15863                  loading="lazy"
15864                  width="419"
15865                  height="648"
15866                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
15867                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
15868                />
15869              </picture>
15870              
15871            </div></div>
15872      </div>
15873      
15874        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
15875              x-show="$store.xQuickView" x-cloak
15876            > 
15877              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
15878                class="w-full hide-icon lg:px-4" 
15879                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
15880                x-cloak
15881              >
15882<form method="post" action="/cart/add" id="product-form-choose-option14734964949355406" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185246466411">
15883                    
15884                                                                
15885                    <button
15886                      type="submit"
15887                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm"
15888                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
15889                      
15890                      
15891                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15892                      
15893aria-label="Add to cart"
15894                        
15895                      
15896                    >
15897                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15898                            <span class="flex items-center justify-center">
15899                              
15900
15901  
15902    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
15903  
15904
15905
15906                            </span></span>
15907                      <div
15908                        class="flex gap-x-2 items-center justify-center"
15909                        role="alert"
15910                        x-cloak
15911                        x-show="errorMessage"
15912                      >
15913                        Sold out
15914                      </div>
15915                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
15916                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15917    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15918      fill="currentcolor" stroke="none">
15919      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15920    </g>
15921  </svg>
15922
15923                      </div>
15924                    </button>
15925                    <button 
15926                      type="submit"
15927                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
15928                      
15929                      
15930                      data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm"
15931                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15932                      
15933aria-label="Add to cart"
15934                        
15935                      
15936                      x-customer-event-data="{
15937    &quot;product&quot;: {
15938      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
15939      &quot;listName&quot;: &quot;Bestsellers&quot;,
15940      &quot;sku&quot;: &quot;14734964949355&quot;,
15941      &quot;currencyCode&quot;: &quot;USD&quot;,
15942      &quot;price&quot;: 2195,
15943      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
15944    }
15945  }"
15946                    >
15947                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
15948    <g>
15949    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15950    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15951    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15952    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15953    </g>
15954  </svg></span>
15955                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
15956                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15957    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15958      fill="currentcolor" stroke="none">
15959      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
15960    </g>
15961  </svg>
15962
15963                      </span>
15964                  </button><input type="hidden" name="product-id" value="14734964949355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
15965              </div>
15966            </div><div
15967            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
15968            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
15969            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
15970            >
15971            <div>
15972              <button
15973                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15974                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571571_the-
15974anatomy-of-peace-fifth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm')" 
15975                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm')" 
15976                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
15977                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
15978                x-customer-event-data="{
15979    &quot;product&quot;: {
15980      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
15981      &quot;listName&quot;: &quot;Bestsellers&quot;,
15982      &quot;sku&quot;: &quot;14734964949355&quot;,
15983      &quot;currencyCode&quot;: &quot;USD&quot;,
15984      &quot;price&quot;: 2195,
15985      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
15986    }
15987  }"
15988                aria-label="Button quickview"
15989              >
15990                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
15991    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15992    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15993  </svg>
15994</span>
15995                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
15996                  
15997
15998  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15999
16000
16001                </span>
16002              </button>
16003              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16004                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
16005                aria-label="Button quickview"
16006                x-customer-event-data="{
16007    &quot;product&quot;: {
16008      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
16009      &quot;listName&quot;: &quot;Bestsellers&quot;,
16010      &quot;sku&quot;: &quot;14734964949355&quot;,
16011      &quot;currencyCode&quot;: &quot;USD&quot;,
16012      &quot;price&quot;: 2195,
16013      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
16014    }
16015  }"
16016              >
16017                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
16018    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16019    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16020  </svg>
16021</span>
16022              </button>
16023            </div>
16024          </div>
16025        </div>
16026      
16027    </a>
16028    
16029    
16030    <div class="md:list-layout:hidden">
16031      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
16032        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
16033          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734964949355">
16034            <a href="/collections/bestsellers/products/9798890571571_the-
16034anatomy-of-peace-fifth-edition"
16035              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
16036              @click='$store.xCustomerEvent.fire("product_selected", $el)'
16037              x-customer-event-data="{
16038    &quot;product&quot;: {
16039      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
16040      &quot;listName&quot;: &quot;Bestsellers&quot;,
16041      &quot;sku&quot;: &quot;14734964949355&quot;,
16042      &quot;currencyCode&quot;: &quot;USD&quot;,
16043      &quot;price&quot;: 2195,
16044      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
16045    }
16046  }"
16047            >
16048              The Anatomy of Peace, Fifth Edition
16049            </a>
16050          </h3>
16051          
16052
16053            
16054  
16055<div 
16056  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
16057><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars">
16058      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16059      <g>
16060        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16061      </g>
16062    </svg>
16063    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16064      <g>
16065        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16066      </g>
16067    </svg>
16068    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16069      <g>
16070        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16071      </g>
16072    </svg>
16073    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16074      <g>
16075        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16076      </g>
16077    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
16078          <defs>
16079              <linearGradient id="grad">
16080                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
16081                  <stop offset="50%" stop-color="currentColor"/>
16082              </linearGradient>
16083          </defs>
16084          <g>
16085            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16086          </g>
16087      </svg>
16088    </div> 
16089    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(460)
16090    </p></div>
16091
16092<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
16093            
16094            
16095              <div class=" price leading-none">
16096  <div class="">
16097    
16098      <div class="hidden">2195</div><p class="price">
16099          <span>$21.95</span>
16100        </p><small class="text-[70%] hidden">
16101        <span class="hidden">Unit price</span>
16102        <span class="up price-item price-item--last">
16103          <span>
16104
16105          </span>
16106          <span aria-hidden="true">/</span>
16107          <span class="hidden">&nbsp;per&nbsp;</span>
16108          <span>
16109          </span>
16110        </span>
16111      </small>
16112    
16113  </div>
16114  
16115</div>
16116            
16117            <div class="next-price empty:hidden"></div>
16118          </div>
16119          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734964949355', [637336453483, 639249514859, 643824779627, 637337043307, 636480389483, 639269929323, 636473475435, 639252758891, 639269339499])"><div 
16120  x-data='{ 
16121    storeAvailabilites: {},
16122    pickupLocation: []
16123  }'
16124  class="mb-3"
16125  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
16126>
16127  <style data-shopify>
16128    .text-available, .text-unavailable {
16129      font-size: 0.669375rem;
16130      font-family: var(--font-body-family);
16131    }
16132
16133    @media (min-width: 768px) {
16134      .text-available, .text-unavailable {
16135        font-size: 0.74375rem;
16136      }
16137    }
16138
16139    .text-available {
16140      color: #6b762d;
16141    }
16142
16143    .dark .text-available {
16144      color: #858F4D;
16145    }
16146
16147    .text-unavailable {
16148      color: #767474;
16149    }
16150
16151    .dark .text-unavailable {
16152      color: #867F7F;
16153    }
16154  </style>
16155  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
16156    <span class="flex h-4 w-4 relative">
16157<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16158  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16159  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16160</svg>
16161
16162</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16163  </div>
16164  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
16165    <span class="flex h-4 w-4 relative">
16166<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16167  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16168  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16169</svg>
16170
16171</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16172  </div>
16173</div></div>
16174        </div>
16175      </div>
16176    </div>
16177    
16178  </div>
16179  <div
16180    id="x-product-template-14734964949355-template--24498228953451__featured_collection_PFy63t-1-6"
16181    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
16182  >
16183    <div class="hidden md:list-layout:block">
16184      
16185      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
16186        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
16187          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734964949355">
16188            <a href="/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition"
16189              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
16190              @click='$store.xCustomerEvent.fire("product_selected", $el)'
16191              x-customer-event-data="{
16192    &quot;product&quot;: {
16193      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
16194      &quot;listName&quot;: &quot;Bestsellers&quot;,
16195      &quot;sku&quot;: &quot;14734964949355&quot;,
16196      &quot;currencyCode&quot;: &quot;USD&quot;,
16197      &quot;price&quot;: 2195,
16198      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
16199    }
16200  }"
16201            >
16202              The Anatomy of Peace, Fifth Edition
16203            </a>
16204          </h3>
16205          
16206
16207            
16208  
16209<div 
16210  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
16211><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars">
16212      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
16212ox="0 0 512 512"  xml:space="preserve">
16213      <g>
16214        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16215      </g>
16216    </svg>
16217    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16218      <g>
16219        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16220      </g>
16221    </svg>
16222    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16223      <g>
16224        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16225      </g>
16226    </svg>
16227    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16228      <g>
16229        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16230      </g>
16231    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
16232          <defs>
16233              <linearGradient id="grad">
16234                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
16235                  <stop offset="50%" stop-color="currentColor"/>
16236              </linearGradient>
16237          </defs>
16238          <g>
16239            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16240          </g>
16241      </svg>
16242    </div> 
16243    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(460)
16244    </p></div>
16245
16246<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
16247            
16248            
16249              <div class=" price leading-none">
16250  <div class="">
16251    
16252      <div class="hidden">2195</div><p class="price">
16253          <span>$21.95</span>
16254        </p><small class="text-[70%] hidden">
16255        <span class="hidden">Unit price</span>
16256        <span class="up price-item price-item--last">
16257          <span>
16258
16259          </span>
16260          <span aria-hidden="true">/</span>
16261          <span class="hidden">&nbsp;per&nbsp;</span>
16262          <span>
16263          </span>
16264        </span>
16265      </small>
16266    
16267  </div>
16268  
16269</div>
16270            
16271            <div class="next-price empty:hidden"></div>
16272          </div>
16273          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734964949355', [637336453483, 639249514859, 643824779627, 637337043307, 636480389483, 639269929323, 636473475435, 639252758891, 639269339499])"><div 
16274  x-data='{ 
16275    storeAvailabilites: {},
16276    pickupLocation: []
16277  }'
16278  class="mb-3"
16279  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
16280>
16281  <style data-shopify>
16282    .text-available, .text-unavailable {
16283      font-size: 0.669375rem;
16284      font-family: var(--font-body-family);
16285    }
16286
16287    @media (min-width: 768px) {
16288      .text-available, .text-unavailable {
16289        font-size: 0.74375rem;
16290      }
16291    }
16292
16293    .text-available {
16294      color: #6b762d;
16295    }
16296
16297    .dark .text-available {
16298      color: #858F4D;
16299    }
16300
16301    .text-unavailable {
16302      color: #767474;
16303    }
16304
16305    .dark .text-unavailable {
16306      color: #867F7F;
16307    }
16308  </style>
16309  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
16310    <span class="flex h-4 w-4 relative">
16311<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16312  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16313  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16314</svg>
16315
16316</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16317  </div>
16318  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
16319    <span class="flex h-4 w-4 relative">
16320<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16321  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16322  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16323</svg>
16324
16325</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16326  </div>
16327</div></div>
16328        </div>
16329      </div>
16330    
16331    </div>
16332    
16333
16334        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
16335          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890571571_the-anatomy-of-peace-fifth-edition');
16336        });"></div>
16337        <div
16338          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm" 
16339          class="current-variant hidden"
16340        >
16341          52185246466411
16342        </div>
16343    
16344    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
16345    
16346      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
16347            class="card-info bottom_atc md:list-layout:hidden hide-icon"
16348            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
16349            x-cloak
16350          >
16351            
16352<form method="post" action="/cart/add" id="product-form-choose-option14734964949355406" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185246466411">
16353                
16354                                                            
16355                <button
16356                  type="submit"
16357                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm"
16358                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
16359                  
16360                  
16361                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16362                  
16363aria-label="Add to cart"
16364                    
16365                  
16366                >
16367                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16368                        <span class="flex items-center justify-center">
16369                          
16370
16371  
16372    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
16373  
16374
16375
16376                        </span></span>
16377                  <div
16378                    class="flex gap-x-2 items-center justify-center"
16379                    role="alert"
16380                    x-cloak
16381                    x-show="errorMessage"
16382                  >
16383                    Sold out
16384                  </div>
16385                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
16386                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16387    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16388      fill="currentcolor" stroke="none">
16389      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16390    </g>
16391  </svg>
16392
16393                  </div>
16394                </button><input type="hidden" name="product-id" value="14734964949355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
16395          </div></template>
16396    
16397    
16398      <template x-if="$store.xQuickView">
16399        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
16400              
16401<form method="post" action="/cart/add" id="product-form-choose-option14734964949355406" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185246466411">
16402                  
16403                                                              
16404                  <button
16405                    type="submit"
16406                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm"
16407                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
16408                    
16409                    
16410                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16411                    
16412aria-label="Add to cart"
16413                      
16414                    
16415                  >
16416                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16417                          <span class="flex items-center justify-center">
16418                            
16419
16420  
16421    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
16422  
16423
16424
16425                          </span></span>
16426                    <div
16427                      class="flex gap-x-2 items-center justify-center"
16428                      role="alert"
16429                      x-cloak
16430                      x-show="errorMessage"
16431                    >
16432                      Sold out
16433                    </div>
16434                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
16434calc(50%-10px)]" x-show="loading" x-cloak>
16435                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16436    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16437      fill="currentcolor" stroke="none">
16438      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16439    </g>
16440  </svg>
16441
16442                    </div>
16443                  </button><button 
16444                    type="submit"
16445                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
16446                    
16447                    
16448                    data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm"
16449                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16450                    
16451aria-label="Add to cart"
16452                      
16453                    
16454                    x-customer-event-data="{
16455    &quot;product&quot;: {
16456      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
16457      &quot;listName&quot;: &quot;Bestsellers&quot;,
16458      &quot;sku&quot;: &quot;14734964949355&quot;,
16459      &quot;currencyCode&quot;: &quot;USD&quot;,
16460      &quot;price&quot;: 2195,
16461      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
16462    }
16463  }"
16464                  >
16465                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
16466    <g>
16467    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16468    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16469    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16470    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16471    </g>
16472  </svg></span>
16473                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
16474                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16475    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16476      fill="currentcolor" stroke="none">
16477      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16478    </g>
16479  </svg>
16480
16481                  </span>
16482                </button><input type="hidden" name="product-id" value="14734964949355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
16483            </div><button 
16484            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571571_the-
16484anatomy-of-peace-fifth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm')" 
16485            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm')" 
16486            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16487            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
16488            aria-label="Button quickview"
16489            x-customer-event-data="{
16490    &quot;product&quot;: {
16491      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
16492      &quot;listName&quot;: &quot;Bestsellers&quot;,
16493      &quot;sku&quot;: &quot;14734964949355&quot;,
16494      &quot;currencyCode&quot;: &quot;USD&quot;,
16495      &quot;price&quot;: 2195,
16496      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
16497    }
16498  }"
16499            x-show="$store.xQuickView.enabled"
16500          >
16501            <span class="flex justify-center items-center">
16502              
16503
16504  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
16505
16506
16507            </span>
16508          </button>
16509        </div>
16510      </template>
16511    
16512  </div>
16513</div>
16514
16515
16516<div 
16517  
16518    x-data="{ showOptions: false, options: [] }"
16519  
16520  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
16521  x-slide-index="6"
16522>
16523  <div 
16524    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
16525  >
16526    <style data-shopify>
16527      
16528    </style>
16529    
16530    <style data-shopify>
16531      
16532    </style>
16533    <a 
16534      
16535        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
16536      
16537      href="/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition"
16538       
16539        x-data="{ lastWindowWidth: 0 }"
16540        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
16541        x-labels-data="[{
16542        &quot;variant_id&quot;: 52185241321835,
16543        &quot;product_id&quot;: 14734962065771,
16544        &quot;available&quot;: true,
16545        &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
16546        &quot;compare_at_price&quot;: 0,
16547        &quot;price&quot;: 2395,
16548        &quot;price_with_currency&quot;: &quot;$23.95&quot;,
16549        &quot;sale_amount&quot;: &quot;$-23.95&quot;,
16550        &quot;collections&quot;: &quot;||637336453483||639249514859||636480389483||636473475435||639252758891||&quot;,
16551        &quot;inventory_management&quot;: &quot;shopify&quot;,
16552        &quot;qty&quot;: 1197,
16553        &quot;container&quot;: &quot;card&quot;,
16554        &quot;can_show_preorder&quot;: false,
16555        &quot;diff_day_create&quot;: 448.01,
16556        &quot;diff_day_publish&quot;: 448.0
16557        
16558          ,&quot;metafield_label&quot;: { 
16559            &quot;custom.format2&quot;:&quot;Paperback&quot;
16560          }
16561        
16562      }]"
16563       
16564      aria-label="Negotiating the Impossible, Second Edition"
16565      id="14734962065771-template--24498228953451__featured_collection_PFy63t"
16566      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
16567      <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
16568        <div
16569          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-7-6"
16570          class="block h-full" 
16571          @click='$store.xCustomerEvent.fire("product_selected", $el)'
16572          x-customer-event-data="{
16573    &quot;product&quot;: {
16574      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
16575      &quot;listName&quot;: &quot;Bestsellers&quot;,
16576      &quot;sku&quot;: &quot;14734962065771&quot;,
16577      &quot;currencyCode&quot;: &quot;USD&quot;,
16578      &quot;price&quot;: 2395,
16579      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
16580    }
16581  }"
16582          >
16583<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
16584            >
16585              
16586              <picture>
16587                <img
16588                  srcset="//bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=450 450w,
16589                  //bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=750 750w,
16590                  //bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=900 900w,
16591                  //bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=1100 1100w,
16592                  //bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873 431w" 
16593                  src="//bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=1500"
16594                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
16595                  alt="Cover image for Negotiating the Impossible, Second Edition, isbn: 9798890570987"
16596                  :class="showSecond ? 'first-img' : ''"
16597                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
16598                  loading="lazy"
16599                  width="431"
16600                  height="648"
16601                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
16602                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
16603                />
16604              </picture>
16605              
16606            </div></div>
16607      </div>
16608      
16609        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
16610              x-show="$store.xQuickView" x-cloak
16611            > 
16612              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
16613                class="w-full hide-icon lg:px-4" 
16614                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
16615                x-cloak
16616              >
16617<form method="post" action="/cart/add" id="product-form-choose-option14734962065771407" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185241321835">
16618                    
16619                                                                
16620                    <button
16621                      type="submit"
16622                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm"
16623                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
16624                      
16625                      
16626                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16627                      
16628aria-label="Add to cart"
16629                        
16630                      
16631                    >
16632                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16633                            <span class="flex items-center justify-center">
16634                              
16635
16636  
16637    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
16638  
16639
16640
16641                            </span></span>
16642                      <div
16643                        class="flex gap-x-2 items-center justify-center"
16644                        role="alert"
16645                        x-cloak
16646                        x-show="errorMessage"
16647                      >
16648                        Sold out
16649                      </div>
16650                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
16651                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16652    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16653      fill="currentcolor" stroke="none">
16654      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16655    </g>
16656  </svg>
16657
16658                      </div>
16659                    </button>
16660                    <button 
16661                      type="submit"
16662                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
16663                      
16664                      
16665                      data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm"
16666                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16667                      
16668aria-label="Add to cart"
16669                        
16670                      
16671                      x-customer-event-data="{
16672    &quot;product&quot;: {
16673      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
16674      &quot;listName&quot;: &quot;Bestsellers&quot;,
16675      &quot;sku&quot;: &quot;14734962065771&quot;,
16676      &quot;currencyCode&quot;: &quot;USD&quot;,
16677      &quot;price&quot;: 2395,
16678      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
16679    }
16680  }"
16681                    >
16682                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
16683    <g>
16684    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16685    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16686    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16687    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16688    </g>
16689  </svg></span>
16690                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
16691                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16692    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16693      fill="currentcolor" stroke="none">
16694      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
16695    </g>
16696  </svg>
16697
16698                      </span>
16699                  </button><input type="hidden" name="product-id" value="14734962065771" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
16700              </div>
16701            </div><div
16702            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
16703            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
16704            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
16705            >
16706            <div>
16707              <button
16708                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16709                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm')" 
16710                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm')" 
16711                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
16712                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
16713                x-customer-event-data="{
16714    &quot;product&quot;: {
16715      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
16716      &quot;listName&quot;: &quot;Bestsellers&quot;,
16717      &quot;sku&quot;: &quot;14734962065771&quot;,
16718      &quot;currencyCode&quot;: &quot;USD&quot;,
16719      &quot;price&quot;: 2395,
16720      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
16721    }
16722  }"
16723                aria-label="Button quickview"
16724              >
16725                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
16726    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16727    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16728  </svg>
16729</span>
16730                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
16731                  
16732
16733  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
16734
16735
16736                </span>
16737              </button>
16738              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16739                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
16740                aria-label="Button quickview"
16741                x-customer-event-data="{
16742    &quot;product&quot;: {
16743      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
16744      &quot;listName&quot;: &quot;Bestsellers&quot;,
16745      &quot;sku&quot;: &quot;14734962065771&quot;,
16746      &quot;currencyCode&quot;: &quot;USD&quot;,
16747      &quot;price&quot;: 2395,
16748      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
16749    }
16750  }"
16751              >
16752                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
16753    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16754    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16755  </svg>
16756</span>
16757              </button>
16758            </div>
16759          </div>
16760        </div>
16761      
16762    </a>
16763    
16764    
16765    <div class="md:list-layout:hidden">
16766      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
16767        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
16768          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734962065771">
16769            <a href="/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition"
16770              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
16771              @click='$store.xCustomerEvent.fire("product_selected", $el)'
16772              x-customer-event-data="{
16773    &quot;product&quot;: {
16774      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
16775      &quot;listName&quot;: &quot;Bestsellers&quot;,
16776      &quot;sku&quot;: &quot;14734962065771&quot;,
16777      &quot;currencyCode&quot;: &quot;USD&quot;,
16778      &quot;price&quot;: 2395,
16779      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
16780    }
16781  }"
16782            >
16783              Negotiating the Impossible, Second Edition
16784            </a>
16785          </h3>
16786          
16787
16788            
16789  
16790<div 
16791  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
16792><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
16793      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
16793ox="0 0 512 512"  xml:space="preserve">
16794      <g>
16795        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16796      </g>
16797    </svg>
16798    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16799      <g>
16800        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16801      </g>
16802    </svg>
16803    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16804      <g>
16805        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16806      </g>
16807    </svg>
16808    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16809      <g>
16810        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16811      </g>
16812    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
16813          <defs>
16814              <linearGradient id="grad">
16815                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
16816                  <stop offset="50%" stop-color="currentColor"/>
16817              </linearGradient>
16818          </defs>
16819          <g>
16820            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16821          </g>
16822      </svg>
16823    </div> 
16824    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(96)
16825    </p></div>
16826
16827<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
16828            
16829            
16830              <div class=" price leading-none">
16831  <div class="">
16832    
16833      <div class="hidden">2395</div><p class="price">
16834          <span>$23.95</span>
16835        </p><small class="text-[70%] hidden">
16836        <span class="hidden">Unit price</span>
16837        <span class="up price-item price-item--last">
16838          <span>
16839
16840          </span>
16841          <span aria-hidden="true">/</span>
16842          <span class="hidden">&nbsp;per&nbsp;</span>
16843          <span>
16844          </span>
16845        </span>
16846      </small>
16847    
16848  </div>
16849  
16850</div>
16851            
16852            <div class="next-price empty:hidden"></div>
16853          </div>
16854          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734962065771', [637336453483, 639249514859, 636480389483, 636473475435, 639252758891])"><div 
16855  x-data='{ 
16856    storeAvailabilites: {},
16857    pickupLocation: []
16858  }'
16859  class="mb-3"
16860  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
16861>
16862  <style data-shopify>
16863    .text-available, .text-unavailable {
16864      font-size: 0.669375rem;
16865      font-family: var(--font-body-family);
16866    }
16867
16868    @media (min-width: 768px) {
16869      .text-available, .text-unavailable {
16870        font-size: 0.74375rem;
16871      }
16872    }
16873
16874    .text-available {
16875      color: #6b762d;
16876    }
16877
16878    .dark .text-available {
16879      color: #858F4D;
16880    }
16881
16882    .text-unavailable {
16883      color: #767474;
16884    }
16885
16886    .dark .text-unavailable {
16887      color: #867F7F;
16888    }
16889  </style>
16890  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
16891    <span class="flex h-4 w-4 relative">
16892<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16893  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16894  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16895</svg>
16896
16897</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16898  </div>
16899  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
16900    <span class="flex h-4 w-4 relative">
16901<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16902  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16903  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16904</svg>
16905
16906</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16907  </div>
16908</div></div>
16909        </div>
16910      </div>
16911    </div>
16912    
16913  </div>
16914  <div
16915    id="x-product-template-14734962065771-template--24498228953451__featured_collection_PFy63t-1-7"
16916    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
16917  >
16918    <div class="hidden md:list-layout:block">
16919      
16920      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
16921        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
16922          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734962065771">
16923            <a href="/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition"
16924              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
16925              @click='$store.xCustomerEvent.fire("product_selected", $el)'
16926              x-customer-event-data="{
16927    &quot;product&quot;: {
16928      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
16929      &quot;listName&quot;: &quot;Bestsellers&quot;,
16930      &quot;sku&quot;: &quot;14734962065771&quot;,
16931      &quot;currencyCode&quot;: &quot;USD&quot;,
16932      &quot;price&quot;: 2395,
16933      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
16934    }
16935  }"
16936            >
16937              Negotiating the Impossible, Second Edition
16938            </a>
16939          </h3>
16940          
16941
16942            
16943  
16944<div 
16945  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
16946><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
16947      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
16947ox="0 0 512 512"  xml:space="preserve">
16948      <g>
16949        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16950      </g>
16951    </svg>
16952    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16953      <g>
16954        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16955      </g>
16956    </svg>
16957    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16958      <g>
16959        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16960      </g>
16961    </svg>
16962    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
16963      <g>
16964        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16965      </g>
16966    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
16967          <defs>
16968              <linearGradient id="grad">
16969                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
16970                  <stop offset="50%" stop-color="currentColor"/>
16971              </linearGradient>
16972          </defs>
16973          <g>
16974            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
16975          </g>
16976      </svg>
16977    </div> 
16978    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(96)
16979    </p></div>
16980
16981<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
16982            
16983            
16984              <div class=" price leading-none">
16985  <div class="">
16986    
16987      <div class="hidden">2395</div><p class="price">
16988          <span>$23.95</span>
16989        </p><small class="text-[70%] hidden">
16990        <span class="hidden">Unit price</span>
16991        <span class="up price-item price-item--last">
16992          <span>
16993
16994          </span>
16995          <span aria-hidden="true">/</span>
16996          <span class="hidden">&nbsp;per&nbsp;</span>
16997          <span>
16998          </span>
16999        </span>
17000      </small>
17001    
17002  </div>
17003  
17004</div>
17005            
17006            <div class="next-price empty:hidden"></div>
17007          </div>
17008          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734962065771', [637336453483, 639249514859, 636480389483, 636473475435, 639252758891])"><div 
17009  x-data='{ 
17010    storeAvailabilites: {},
17011    pickupLocation: []
17012  }'
17013  class="mb-3"
17014  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
17015>
17016  <style data-shopify>
17017    .text-available, .text-unavailable {
17018      font-size: 0.669375rem;
17019      font-family: var(--font-body-family);
17020    }
17021
17022    @media (min-width: 768px) {
17023      .text-available, .text-unavailable {
17024        font-size: 0.74375rem;
17025      }
17026    }
17027
17028    .text-available {
17029      color: #6b762d;
17030    }
17031
17032    .dark .text-available {
17033      color: #858F4D;
17034    }
17035
17036    .text-unavailable {
17037      color: #767474;
17038    }
17039
17040    .dark .text-unavailable {
17041      color: #867F7F;
17042    }
17043  </style>
17044  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
17045    <span class="flex h-4 w-4 relative">
17046<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17047  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17048  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17049</svg>
17050
17051</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
17052  </div>
17053  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
17054    <span class="flex h-4 w-4 relative">
17055<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17056  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17057  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17058</svg>
17059
17060</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
17061  </div>
17062</div></div>
17063        </div>
17064      </div>
17065    
17066    </div>
17067    
17068
17069        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
17070          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570987_negotiating-the-impossible-second-edition');
17071        });"></div>
17072        <div
17073          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm" 
17074          class="current-variant hidden"
17075        >
17076          52185241321835
17077        </div>
17078    
17079    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
17080    
17081      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
17082            class="card-info bottom_atc md:list-layout:hidden hide-icon"
17083            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
17084            x-cloak
17085          >
17086            
17087<form method="post" action="/cart/add" id="product-form-choose-option14734962065771407" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185241321835">
17088                
17089                                                            
17090                <button
17091                  type="submit"
17092                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm"
17093                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
17094                  
17095                  
17096                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17097                  
17098aria-label="Add to cart"
17099                    
17100                  
17101                >
17102                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17103                        <span class="flex items-center justify-center">
17104                          
17105
17106  
17107    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
17108  
17109
17110
17111                        </span></span>
17112                  <div
17113                    class="flex gap-x-2 items-center justify-center"
17114                    role="alert"
17115                    x-cloak
17116                    x-show="errorMessage"
17117                  >
17118                    Sold out
17119                  </div>
17120                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
17121                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17122    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17123      fill="currentcolor" stroke="none">
17124      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
17125    </g>
17126  </svg>
17127
17128                  </div>
17129                </button><input type="hidden" name="product-id" value="14734962065771" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
17130          </div></template>
17131    
17132    
17133      <template x-if="$store.xQuickView">
17134        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
17135              
17136<form method="post" action="/cart/add" id="product-form-choose-option14734962065771407" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185241321835">
17137                  
17138                                                              
17139                  <button
17140                    type="submit"
17141                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm"
17142                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
17143                    
17144                    
17145                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17146                    
17147aria-label="Add to cart"
17148                      
17149                    
17150                  >
17151                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17152                          <span class="flex items-center justify-center">
17153                            
17154
17155  
17156    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
17157  
17158
17159
17160                          </span></span>
17161                    <div
17162                      class="flex gap-x-2 items-center justify-center"
17163                      role="alert"
17164                      x-cloak
17165                      x-show="errorMessage"
17166                    >
17167                      Sold out
17168                    </div>
17169                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
17169calc(50%-10px)]" x-show="loading" x-cloak>
17170                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17171    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17172      fill="currentcolor" stroke="none">
17173      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
17174    </g>
17175  </svg>
17176
17177                    </div>
17178                  </button><button 
17179                    type="submit"
17180                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
17181                    
17182                    
17183                    data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm"
17184                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17185                    
17186aria-label="Add to cart"
17187                      
17188                    
17189                    x-customer-event-data="{
17190    &quot;product&quot;: {
17191      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
17192      &quot;listName&quot;: &quot;Bestsellers&quot;,
17193      &quot;sku&quot;: &quot;14734962065771&quot;,
17194      &quot;currencyCode&quot;: &quot;USD&quot;,
17195      &quot;price&quot;: 2395,
17196      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
17197    }
17198  }"
17199                  >
17200                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
17201    <g>
17202    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17203    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17204    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17205    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17206    </g>
17207  </svg></span>
17208                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
17209                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17210    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17211      fill="currentcolor" stroke="none">
17212      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
17213    </g>
17214  </svg>
17215
17216                  </span>
17217                </button><input type="hidden" name="product-id" value="14734962065771" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
17218            </div><button 
17219            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm')" 
17220            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm')" 
17221            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
17222            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
17223            aria-label="Button quickview"
17224            x-customer-event-data="{
17225    &quot;product&quot;: {
17226      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
17227      &quot;listName&quot;: &quot;Bestsellers&quot;,
17228      &quot;sku&quot;: &quot;14734962065771&quot;,
17229      &quot;currencyCode&quot;: &quot;USD&quot;,
17230      &quot;price&quot;: 2395,
17231      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
17232    }
17233  }"
17234            x-show="$store.xQuickView.enabled"
17235          >
17236            <span class="flex justify-center items-center">
17237              
17238
17239  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
17240
17241
17242            </span>
17243          </button>
17244        </div>
17245      </template>
17246    
17247  </div>
17248</div>
17249
17250
17251<div 
17252  
17253    x-data="{ showOptions: false, options: [] }"
17254  
17255  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
17256  x-slide-index="7"
17257>
17258  <div 
17259    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
17260  >
17261    <style data-shopify>
17262      
17263    </style>
17264    
17265    <style data-shopify>
17266      
17267    </style>
17268    <a 
17269      
17270        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
17271      
17272      href="/collections/bestsellers/products/9781609948221_stewardship"
17273       
17274        x-data="{ lastWindowWidth: 0 }"
17275        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
17276        x-labels-data="[{
17277        &quot;variant_id&quot;: 52185242206571,
17278        &quot;product_id&quot;: 14734961738091,
17279        &quot;available&quot;: true,
17280        &quot;title&quot;: &quot;Stewardship&quot;,
17281        &quot;compare_at_price&quot;: 0,
17282        &quot;price&quot;: 2695,
17283        &quot;price_with_currency&quot;: &quot;$26.95&quot;,
17284        &quot;sale_amount&quot;: &quot;$-26.95&quot;,
17285        &quot;collections&quot;: &quot;||637336453483||639249514859||639249744235||636480389483||636473475435||639252758891||639269339499||&quot;,
17286        &quot;inventory_management&quot;: &quot;shopify&quot;,
17287        &quot;qty&quot;: 0,
17288        &quot;container&quot;: &quot;card&quot;,
17289        &quot;can_show_preorder&quot;: false,
17290        &quot;diff_day_create&quot;: 448.01,
17291        &quot;diff_day_publish&quot;: 448.0
17292        
17293          ,&quot;metafield_label&quot;: { 
17294            &quot;custom.format2&quot;:&quot;Paperback&quot;
17295          }
17296        
17297      }]"
17298       
17299      aria-label="Stewardship"
17300      id="14734961738091-template--24498228953451__featured_collection_PFy63t"
17301      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
17302      <div x-data="xDoubleTouch('/collections/bestsellers/products/9781609948221_stewardship')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
17303        <div
17304          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-8-7"
17305          class="block h-full" 
17306          @click='$store.xCustomerEvent.fire("product_selected", $el)'
17307          x-customer-event-data="{
17308    &quot;product&quot;: {
17309      &quot;title&quot;: &quot;Stewardship&quot;,
17310      &quot;listName&quot;: &quot;Bestsellers&quot;,
17311      &quot;sku&quot;: &quot;14734961738091&quot;,
17312      &quot;currencyCode&quot;: &quot;USD&quot;,
17313      &quot;price&quot;: 2695,
17314      &quot;vendor&quot;: &quot;Peter Block&quot;
17315    }
17316  }"
17317          >
17318<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
17319            >
17320              
17321              <picture>
17322                <img
17323                  srcset="//bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=450 450w,
17324                  //bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=750 750w,
17325                  //bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=900 900w,
17326                  //bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=1100 1100w,
17327                  //bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875 457w" 
17328                  src="//bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=1500"
17329                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
17330                  alt="Cover image for Stewardship, isbn: 9781609948221"
17331                  :class="showSecond ? 'first-img' : ''"
17332                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
17333                  loading="lazy"
17334                  width="457"
17335                  height="648"
17336                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
17337                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
17338                />
17339              </picture>
17340              
17341            </div></div>
17342      </div>
17343      
17344        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
17345              x-show="$store.xQuickView" x-cloak
17346            > 
17347              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
17348                class="w-full hide-icon lg:px-4" 
17349                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
17350                x-cloak
17351              >
17352<form method="post" action="/cart/add" id="product-form-choose-option14734961738091408" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185242206571">
17353                    
17354                                                                
17355                    <button
17356                      type="submit"
17357                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm"
17358                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
17359                      
17360                      
17361                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17362                      
17363aria-label="Add to cart"
17364                        
17365                      
17366                    >
17367                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17368                            <span class="flex items-center justify-center">
17369                              
17370
17371  
17372    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
17373  
17374
17375
17376                            </span></span>
17377                      <div
17378                        class="flex gap-x-2 items-center justify-center"
17379                        role="alert"
17380                        x-cloak
17381                        x-show="errorMessage"
17382                      >
17383                        Sold out
17384                      </div>
17385                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
17386                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17387    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17388      fill="currentcolor" stroke="none">
17389      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
17390    </g>
17391  </svg>
17392
17393                      </div>
17394                    </button>
17395                    <button 
17396                      type="submit"
17397                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
17398                      
17399                      
17400                      data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm"
17401                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17402                      
17403aria-label="Add to cart"
17404                        
17405                      
17406                      x-customer-event-data="{
17407    &quot;product&quot;: {
17408      &quot;title&quot;: &quot;Stewardship&quot;,
17409      &quot;listName&quot;: &quot;Bestsellers&quot;,
17410      &quot;sku&quot;: &quot;14734961738091&quot;,
17411      &quot;currencyCode&quot;: &quot;USD&quot;,
17412      &quot;price&quot;: 2695,
17413      &quot;vendor&quot;: &quot;Peter Block&quot;
17414    }
17415  }"
17416                    >
17417                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
17418    <g>
17419    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17420    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17421    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17422    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17423    </g>
17424  </svg></span>
17425                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
17426                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17427    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17428      fill="currentcolor" stroke="none">
17429      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
17430    </g>
17431  </svg>
17432
17433                      </span>
17434                  </button><input type="hidden" name="product-id" value="14734961738091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
17435              </div>
17436            </div><div
17437            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
17438            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
17439            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
17440            >
17441            <div>
17442              <button
17443                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
17444                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781609948221_stewardship', $el, 'template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm')" 
17445                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781609948221_stewardship', $el, 'template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm')" 
17446                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
17447                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
17448                x-customer-event-data="{
17449    &quot;product&quot;: {
17450      &quot;title&quot;: &quot;Stewardship&quot;,
17451      &quot;listName&quot;: &quot;Bestsellers&quot;,
17452      &quot;sku&quot;: &quot;14734961738091&quot;,
17453      &quot;currencyCode&quot;: &quot;USD&quot;,
17454      &quot;price&quot;: 2695,
17455      &quot;vendor&quot;: &quot;Peter Block&quot;
17456    }
17457  }"
17458                aria-label="Button quickview"
17459              >
17460                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
17461    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17462    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17463  </svg>
17464</span>
17465                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
17466                  
17467
17468  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
17469
17470
17471                </span>
17472              </button>
17473              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781609948221_stewardship", $el, "template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
17474                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
17475                aria-label="Button quickview"
17476                x-customer-event-data="{
17477    &quot;product&quot;: {
17478      &quot;title&quot;: &quot;Stewardship&quot;,
17479      &quot;listName&quot;: &quot;Bestsellers&quot;,
17480      &quot;sku&quot;: &quot;14734961738091&quot;,
17481      &quot;currencyCode&quot;: &quot;USD&quot;,
17482      &quot;price&quot;: 2695,
17483      &quot;vendor&quot;: &quot;Peter Block&quot;
17484    }
17485  }"
17486              >
17487                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
17488    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17489    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17490  </svg>
17491</span>
17492              </button>
17493            </div>
17494          </div>
17495        </div>
17496      
17497    </a>
17498    
17499    
17500    <div class="md:list-layout:hidden">
17501      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
17502        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
17503          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734961738091">
17504            <a href="/collections/bestsellers/products/9781609948221_stewardship"
17505              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
17506              @click='$store.xCustomerEvent.fire("product_selected", $el)'
17507              x-customer-event-data="{
17508    &quot;product&quot;: {
17509      &quot;title&quot;: &quot;Stewardship&quot;,
17510      &quot;listName&quot;: &quot;Bestsellers&quot;,
17511      &quot;sku&quot;: &quot;14734961738091&quot;,
17512      &quot;currencyCode&quot;: &quot;USD&quot;,
17513      &quot;price&quot;: 2695,
17514      &quot;vendor&quot;: &quot;Peter Block&quot;
17515    }
17516  }"
17517            >
17518              Stewardship
17519            </a>
17520          </h3>
17521          
17522
17523            
17524  
17525<div 
17526  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
17527><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
17528      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
17528ox="0 0 512 512"  xml:space="preserve">
17529      <g>
17530        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
17531      </g>
17532    </svg>
17533    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
17534      <g>
17535        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
17536      </g>
17537    </svg>
17538    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
17539      <g>
17540        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
17541      </g>
17542    </svg>
17543    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
17544      <g>
17545        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
17546      </g>
17547    </svg>
17548    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
17549      <g>
17550        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
17551      </g>
17552    </svg>
17553    </div> 
17554    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
17555    </p></div>
17556
17557<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
17558            
17559            
17560              <div class=" price leading-none">
17561  <div class="">
17562    
17563      <div class="hidden">2695</div><p class="price">
17564          <span>$26.95</span>
17565        </p><small class="text-[70%] hidden">
17566        <span class="hidden">Unit price</span>
17567        <span class="up price-item price-item--last">
17568          <span>
17569
17570          </span>
17571          <span aria-hidden="true">/</span>
17572          <span class="hidden">&nbsp;per&nbsp;</span>
17573          <span>
17574          </span>
17575        </span>
17576      </small>
17577    
17578  </div>
17579  
17580</div>
17581            
17582            <div class="next-price empty:hidden"></div>
17583          </div>
17584          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734961738091', [637336453483, 639249514859, 639249744235, 636480389483, 636473475435, 639252758891, 639269339499])"><div 
17585  x-data='{ 
17586    storeAvailabilites: {},
17587    pickupLocation: []
17588  }'
17589  class="mb-3"
17590  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
17591>
17592  <style data-shopify>
17593    .text-available, .text-unavailable {
17594      font-size: 0.669375rem;
17595      font-family: var(--font-body-family);
17596    }
17597
17598    @media (min-width: 768px) {
17599      .text-available, .text-unavailable {
17600        font-size: 0.74375rem;
17601      }
17602    }
17603
17604    .text-available {
17605      color: #6b762d;
17606    }
17607
17608    .dark .text-available {
17609      color: #858F4D;
17610    }
17611
17612    .text-unavailable {
17613      color: #767474;
17614    }
17615
17616    .dark .text-unavailable {
17617      color: #867F7F;
17618    }
17619  </style>
17620  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
17621    <span class="flex h-4 w-4 relative">
17622<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17623  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17624  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17625</svg>
17626
17627</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
17628  </div>
17629  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
17630    <span class="flex h-4 w-4 relative">
17631<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17632  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17633  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17634</svg>
17635
17636</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
17637  </div>
17638</div></div>
17639        </div>
17640      </div>
17641    </div>
17642    
17643  </div>
17644  <div
17645    id="x-product-template-14734961738091-template--24498228953451__featured_collection_PFy63t-1-8"
17646    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
17647  >
17648    <div class="hidden md:list-layout:block">
17649      
17650      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
17651        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
17652          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734961738091">
17653            <a href="/collections/bestsellers/products/9781609948221_stewardship"
17654              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
17655              @click='$store.xCustomerEvent.fire("product_selected", $el)'
17656              x-customer-event-data="{
17657    &quot;product&quot;: {
17658      &quot;title&quot;: &quot;Stewardship&quot;,
17659      &quot;listName&quot;: &quot;Bestsellers&quot;,
17660      &quot;sku&quot;: &quot;14734961738091&quot;,
17661      &quot;currencyCode&quot;: &quot;USD&quot;,
17662      &quot;price&quot;: 2695,
17663      &quot;vendor&quot;: &quot;Peter Block&quot;
17664    }
17665  }"
17666            >
17667              Stewardship
17668            </a>
17669          </h3>
17670          
17671
17672            
17673  
17674<div 
17675  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
17676><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
17677      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
17677ox="0 0 512 512"  xml:space="preserve">
17678      <g>
17679        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
17680      </g>
17681    </svg>
17682    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
17683      <g>
17684        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
17685      </g>
17686    </svg>
17687    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
17688      <g>
17689        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
17690      </g>
17691    </svg>
17692    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
17693      <g>
17694        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
17695      </g>
17696    </svg>
17697    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
17698      <g>
17699        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
17700      </g>
17701    </svg>
17702    </div> 
17703    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
17704    </p></div>
17705
17706<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
17707            
17708            
17709              <div class=" price leading-none">
17710  <div class="">
17711    
17712      <div class="hidden">2695</div><p class="price">
17713          <span>$26.95</span>
17714        </p><small class="text-[70%] hidden">
17715        <span class="hidden">Unit price</span>
17716        <span class="up price-item price-item--last">
17717          <span>
17718
17719          </span>
17720          <span aria-hidden="true">/</span>
17721          <span class="hidden">&nbsp;per&nbsp;</span>
17722          <span>
17723          </span>
17724        </span>
17725      </small>
17726    
17727  </div>
17728  
17729</div>
17730            
17731            <div class="next-price empty:hidden"></div>
17732          </div>
17733          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734961738091', [637336453483, 639249514859, 639249744235, 636480389483, 636473475435, 639252758891, 639269339499])"><div 
17734  x-data='{ 
17735    storeAvailabilites: {},
17736    pickupLocation: []
17737  }'
17738  class="mb-3"
17739  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
17740>
17741  <style data-shopify>
17742    .text-available, .text-unavailable {
17743      font-size: 0.669375rem;
17744      font-family: var(--font-body-family);
17745    }
17746
17747    @media (min-width: 768px) {
17748      .text-available, .text-unavailable {
17749        font-size: 0.74375rem;
17750      }
17751    }
17752
17753    .text-available {
17754      color: #6b762d;
17755    }
17756
17757    .dark .text-available {
17758      color: #858F4D;
17759    }
17760
17761    .text-unavailable {
17762      color: #767474;
17763    }
17764
17765    .dark .text-unavailable {
17766      color: #867F7F;
17767    }
17768  </style>
17769  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
17770    <span class="flex h-4 w-4 relative">
17771<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17772  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17773  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17774</svg>
17775
17776</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
17777  </div>
17778  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
17779    <span class="flex h-4 w-4 relative">
17780<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17781  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17782  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17783</svg>
17784
17785</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
17786  </div>
17787</div></div>
17788        </div>
17789      </div>
17790    
17791    </div>
17792    
17793
17794        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
17795          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781609948221_stewardship');
17796        });"></div>
17797        <div
17798          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm" 
17799          class="current-variant hidden"
17800        >
17801          52185242206571
17802        </div>
17803    
17804    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
17805    
17806      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
17807            class="card-info bottom_atc md:list-layout:hidden hide-icon"
17808            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
17809            x-cloak
17810          >
17811            
17812<form method="post" action="/cart/add" id="product-form-choose-option14734961738091408" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185242206571">
17813                
17814                                                            
17815                <button
17816                  type="submit"
17817                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm"
17818                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
17819                  
17820                  
17821                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17822                  
17823aria-label="Add to cart"
17824                    
17825                  
17826                >
17827                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17828                        <span class="flex items-center justify-center">
17829                          
17830
17831  
17832    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
17833  
17834
17835
17836                        </span></span>
17837                  <div
17838                    class="flex gap-x-2 items-center justify-center"
17839                    role="alert"
17840                    x-cloak
17841                    x-show="errorMessage"
17842                  >
17843                    Sold out
17844                  </div>
17845                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
17846                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17847    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17848      fill="currentcolor" stroke="none">
17849      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
17850    </g>
17851  </svg>
17852
17853                  </div>
17854                </button><input type="hidden" name="product-id" value="14734961738091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
17855          </div></template>
17856    
17857    
17858      <template x-if="$store.xQuickView">
17859        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
17860              
17861<form method="post" action="/cart/add" id="product-form-choose-option14734961738091408" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52185242206571">
17862                  
17863                                                              
17864                  <button
17865                    type="submit"
17866                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm"
17867                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
17868                    
17869                    
17870                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17871                    
17872aria-label="Add to cart"
17873                      
17874                    
17875                  >
17876                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17877                          <span class="flex items-center justify-center">
17878                            
17879
17880  
17881    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
17882  
17883
17884
17885                          </span></span>
17886                    <div
17887                      class="flex gap-x-2 items-center justify-center"
17888                      role="alert"
17889                      x-cloak
17890                      x-show="errorMessage"
17891                    >
17892                      Sold out
17893                    </div>
17894                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
17894calc(50%-10px)]" x-show="loading" x-cloak>
17895                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17896    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17897      fill="currentcolor" stroke="none">
17898      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
17899    </g>
17900  </svg>
17901
17902                    </div>
17903                  </button><button 
17904                    type="submit"
17905                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
17906                    
17907                    
17908                    data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm"
17909                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17910                    
17911aria-label="Add to cart"
17912                      
17913                    
17914                    x-customer-event-data="{
17915    &quot;product&quot;: {
17916      &quot;title&quot;: &quot;Stewardship&quot;,
17917      &quot;listName&quot;: &quot;Bestsellers&quot;,
17918      &quot;sku&quot;: &quot;14734961738091&quot;,
17919      &quot;currencyCode&quot;: &quot;USD&quot;,
17920      &quot;price&quot;: 2695,
17921      &quot;vendor&quot;: &quot;Peter Block&quot;
17922    }
17923  }"
17924                  >
17925                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
17926    <g>
17927    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17928    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17929    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17930    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17931    </g>
17932  </svg></span>
17933                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
17934                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17935    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17936      fill="currentcolor" stroke="none">
17937      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
17938    </g>
17939  </svg>
17940
17941                  </span>
17942                </button><input type="hidden" name="product-id" value="14734961738091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
17943            </div><button 
17944            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781609948221_stewardship', $el, 'template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm')" 
17945            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781609948221_stewardship', $el, 'template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm')" 
17946            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781609948221_stewardship", $el, "template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
17947            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
17948            aria-label="Button quickview"
17949            x-customer-event-data="{
17950    &quot;product&quot;: {
17951      &quot;title&quot;: &quot;Stewardship&quot;,
17952      &quot;listName&quot;: &quot;Bestsellers&quot;,
17953      &quot;sku&quot;: &quot;14734961738091&quot;,
17954      &quot;currencyCode&quot;: &quot;USD&quot;,
17955      &quot;price&quot;: 2695,
17956      &quot;vendor&quot;: &quot;Peter Block&quot;
17957    }
17958  }"
17959            x-show="$store.xQuickView.enabled"
17960          >
17961            <span class="flex justify-center items-center">
17962              
17963
17964  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
17965
17966
17967            </span>
17968          </button>
17969        </div>
17970      </template>
17971    
17972  </div>
17973</div>
17974
17975
17976<div 
17977  
17978    x-data="{ showOptions: false, options: [] }"
17979  
17980  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
17981  x-slide-index="8"
17982>
17983  <div 
17984    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
17985  >
17986    <style data-shopify>
17987      
17988    </style>
17989    
17990    <style data-shopify>
17991      
17992    </style>
17993    <a 
17994      
17995        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
17996      
17997      href="/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition"
17998       
17999        x-data="{ lastWindowWidth: 0 }"
18000        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
18001        x-labels-data="[{
18002        &quot;variant_id&quot;: 52114838880619,
18003        &quot;product_id&quot;: 14719290278251,
18004        &quot;available&quot;: true,
18005        &quot;title&quot;: &quot;Love ‘Em or Lose ‘Em, Sixth Edition&quot;,
18006        &quot;compare_at_price&quot;: 0,
18007        &quot;price&quot;: 2895,
18008        &quot;price_with_currency&quot;: &quot;$28.95&quot;,
18009        &quot;sale_amount&quot;: &quot;$-28.95&quot;,
18010        &quot;collections&quot;: &quot;||637336453483||639249514859||639269732715||650454204779||643825140075||639249744235||636480389483||636473475435||639252758891||640668860779||648798896491||639269339499||&quot;,
18011        &quot;inventory_management&quot;: &quot;shopify&quot;,
18012        &quot;qty&quot;: 620,
18013        &quot;container&quot;: &quot;card&quot;,
18014        &quot;can_show_preorder&quot;: false,
18015        &quot;diff_day_create&quot;: 477.21,
18016        &quot;diff_day_publish&quot;: 477.21
18017        
18018          ,&quot;metafield_label&quot;: { 
18019            &quot;custom.format2&quot;:&quot;Paperback&quot;
18020          }
18021        
18022      }]"
18023       
18024      aria-label="Love ‘Em or Lose ‘Em, Sixth Edition"
18025      id="14719290278251-template--24498228953451__featured_collection_PFy63t"
18026      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
18027      <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
18028        <div
18029          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-9-8"
18030          class="block h-full" 
18031          @click='$store.xCustomerEvent.fire("product_selected", $el)'
18032          x-customer-event-data="{
18033    &quot;product&quot;: {
18034      &quot;title&quot;: &quot;Love ‘Em or Lose ‘Em, Sixth Edition&quot;,
18035      &quot;listName&quot;: &quot;Bestsellers&quot;,
18036      &quot;sku&quot;: &quot;14719290278251&quot;,
18037      &quot;currencyCode&quot;: &quot;USD&quot;,
18038      &quot;price&quot;: 2895,
18039      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
18040    }
18041  }"
18042          >
18043<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
18044            >
18045              
18046              <picture>
18047                <img
18048                  srcset="//bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=450 450w,
18049                  //bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=750 750w,
18050                  //bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=900 900w,
18051                  //bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=1100 1100w,
18052                  //bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900 432w" 
18053                  src="//bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=1500"
18054                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
18055                  alt="Cover image for Love ‘Em or Lose ‘Em, Sixth Edition, isbn: 9781523089352"
18056                  :class="showSecond ? 'first-img' : ''"
18057                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
18058                  loading="lazy"
18059                  width="432"
18060                  height="648"
18061                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
18062                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
18063                />
18064              </picture>
18065              
18066            </div></div>
18067      </div>
18068      
18069        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
18070              x-show="$store.xQuickView" x-cloak
18071            > 
18072              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
18073                class="w-full hide-icon lg:px-4" 
18074                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
18075                x-cloak
18076              >
18077<form method="post" action="/cart/add" id="product-form-choose-option14719290278251409" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114838880619">
18078                    
18079                                                                
18080                    <button
18081                      type="submit"
18082                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm"
18083                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
18084                      
18085                      
18086                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18087                      
18088aria-label="Add to cart"
18089                        
18090                      
18091                    >
18092                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
18093                            <span class="flex items-center justify-center">
18094                              
18095
18096  
18097    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
18098  
18099
18100
18101                            </span></span>
18102                      <div
18103                        class="flex gap-x-2 items-center justify-center"
18104                        role="alert"
18105                        x-cloak
18106                        x-show="errorMessage"
18107                      >
18108                        Sold out
18109                      </div>
18110                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
18111                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18112    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18113      fill="currentcolor" stroke="none">
18114      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
18115    </g>
18116  </svg>
18117
18118                      </div>
18119                    </button>
18120                    <button 
18121                      type="submit"
18122                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
18123                      
18124                      
18125                      data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm"
18126                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18127                      
18128aria-label="Add to cart"
18129                        
18130                      
18131                      x-customer-event-data="{
18132    &quot;product&quot;: {
18133      &quot;title&quot;: &quot;Love ‘Em or Lose ‘Em, Sixth Edition&quot;,
18134      &quot;listName&quot;: &quot;Bestsellers&quot;,
18135      &quot;sku&quot;: &quot;14719290278251&quot;,
18136      &quot;currencyCode&quot;: &quot;USD&quot;,
18137      &quot;price&quot;: 2895,
18138      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
18139    }
18140  }"
18141                    >
18142                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
18143    <g>
18144    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18145    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18146    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18147    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18148    </g>
18149  </svg></span>
18150                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
18151                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18152    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18153      fill="currentcolor" stroke="none">
18154      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
18155    </g>
18156  </svg>
18157
18158                      </span>
18159                  </button><input type="hidden" name="product-id" value="14719290278251" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
18160              </div>
18161            </div><div
18162            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
18163            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
18164            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
18165            >
18166            <div>
18167              <button
18168                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
18169                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm')" 
18170                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm')" 
18171                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
18172                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
18173                x-customer-event-data="{
18174    &quot;product&quot;: {
18175      &quot;title&quot;: &quot;Love ‘Em or Lose ‘Em, Sixth Edition&quot;,
18176      &quot;listName&quot;: &quot;Bestsellers&quot;,
18177      &quot;sku&quot;: &quot;14719290278251&quot;,
18178      &quot;currencyCode&quot;: &quot;USD&quot;,
18179      &quot;price&quot;: 2895,
18180      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
18181    }
18182  }"
18183                aria-label="Button quickview"
18184              >
18185                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
18186    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18187    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18188  </svg>
18189</span>
18190                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
18191                  
18192
18193  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
18194
18195
18196                </span>
18197              </button>
18198              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
18199                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
18200                aria-label="Button quickview"
18201                x-customer-event-data="{
18202    &quot;product&quot;: {
18203      &quot;title&quot;: &quot;Love ‘Em or Lose ‘Em, Sixth Edition&quot;,
18204      &quot;listName&quot;: &quot;Bestsellers&quot;,
18205      &quot;sku&quot;: &quot;14719290278251&quot;,
18206      &quot;currencyCode&quot;: &quot;USD&quot;,
18207      &quot;price&quot;: 2895,
18208      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
18209    }
18210  }"
18211              >
18212                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
18213    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18214    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18215  </svg>
18216</span>
18217              </button>
18218            </div>
18219          </div>
18220        </div>
18221      
18222    </a>
18223    
18224    
18225    <div class="md:list-layout:hidden">
18226      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
18227        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
18228          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719290278251">
18229            <a href="/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition"
18230              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
18231              @click='$store.xCustomerEvent.fire("product_selected", $el)'
18232              x-customer-event-data="{
18233    &quot;product&quot;: {
18234      &quot;title&quot;: &quot;Love ‘Em or Lose ‘Em, Sixth Edition&quot;,
18235      &quot;listName&quot;: &quot;Bestsellers&quot;,
18236      &quot;sku&quot;: &quot;14719290278251&quot;,
18237      &quot;currencyCode&quot;: &quot;USD&quot;,
18238      &quot;price&quot;: 2895,
18239      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
18240    }
18241  }"
18242            >
18243              Love ‘Em or Lose ‘Em, Sixth Edition
18244            </a>
18245          </h3>
18246          
18247
18248            
18249  
18250<div 
18251  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
18252><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
18253      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
18253ox="0 0 512 512"  xml:space="preserve">
18254      <g>
18255        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18256      </g>
18257    </svg>
18258    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
18259      <g>
18260        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18261      </g>
18262    </svg>
18263    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
18264      <g>
18265        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18266      </g>
18267    </svg>
18268    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
18269      <g>
18270        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18271      </g>
18272    </svg>
18273    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
18274      <g>
18275        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18276      </g>
18277    </svg>
18278    </div> 
18279    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
18280    </p></div>
18281
18282<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
18283            
18284            
18285              <div class=" price leading-none">
18286  <div class="">
18287    
18288      <div class="hidden">2895</div><p class="price">
18289          <span>$28.95</span>
18290        </p><small class="text-[70%] hidden">
18291        <span class="hidden">Unit price</span>
18292        <span class="up price-item price-item--last">
18293          <span>
18294
18295          </span>
18296          <span aria-hidden="true">/</span>
18297          <span class="hidden">&nbsp;per&nbsp;</span>
18298          <span>
18299          </span>
18300        </span>
18301      </small>
18302    
18303  </div>
18304  
18305</div>
18306            
18307            <div class="next-price empty:hidden"></div>
18308          </div>
18309          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719290278251', [637336453483, 639249514859, 639269732715, 650454204779, 643825140075, 639249744235, 636480389483, 636473475435, 639252758891, 640668860779, 648798896491, 639269339499])"><div 
18310  x-data='{ 
18311    storeAvailabilites: {},
18312    pickupLocation: []
18313  }'
18314  class="mb-3"
18315  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
18316>
18317  <style data-shopify>
18318    .text-available, .text-unavailable {
18319      font-size: 0.669375rem;
18320      font-family: var(--font-body-family);
18321    }
18322
18323    @media (min-width: 768px) {
18324      .text-available, .text-unavailable {
18325        font-size: 0.74375rem;
18326      }
18327    }
18328
18329    .text-available {
18330      color: #6b762d;
18331    }
18332
18333    .dark .text-available {
18334      color: #858F4D;
18335    }
18336
18337    .text-unavailable {
18338      color: #767474;
18339    }
18340
18341    .dark .text-unavailable {
18342      color: #867F7F;
18343    }
18344  </style>
18345  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
18346    <span class="flex h-4 w-4 relative">
18347<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18348  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18349  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18350</svg>
18351
18352</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
18353  </div>
18354  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
18355    <span class="flex h-4 w-4 relative">
18356<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18357  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18358  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18359</svg>
18360
18361</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
18362  </div>
18363</div></div>
18364        </div>
18365      </div>
18366    </div>
18367    
18368  </div>
18369  <div
18370    id="x-product-template-14719290278251-template--24498228953451__featured_collection_PFy63t-1-9"
18371    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
18372  >
18373    <div class="hidden md:list-layout:block">
18374      
18375      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
18376        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
18377          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719290278251">
18378            <a href="/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition"
18379              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
18380              @click='$store.xCustomerEvent.fire("product_selected", $el)'
18381              x-customer-event-data="{
18382    &quot;product&quot;: {
18383      &quot;title&quot;: &quot;Love ‘Em or Lose ‘Em, Sixth Edition&quot;,
18384      &quot;listName&quot;: &quot;Bestsellers&quot;,
18385      &quot;sku&quot;: &quot;14719290278251&quot;,
18386      &quot;currencyCode&quot;: &quot;USD&quot;,
18387      &quot;price&quot;: 2895,
18388      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
18389    }
18390  }"
18391            >
18392              Love ‘Em or Lose ‘Em, Sixth Edition
18393            </a>
18394          </h3>
18395          
18396
18397            
18398  
18399<div 
18400  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
18401><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
18402      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
18402ox="0 0 512 512"  xml:space="preserve">
18403      <g>
18404        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18405      </g>
18406    </svg>
18407    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
18408      <g>
18409        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18410      </g>
18411    </svg>
18412    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
18413      <g>
18414        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18415      </g>
18416    </svg>
18417    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
18418      <g>
18419        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18420      </g>
18421    </svg>
18422    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
18423      <g>
18424        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18425      </g>
18426    </svg>
18427    </div> 
18428    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
18429    </p></div>
18430
18431<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
18432            
18433            
18434              <div class=" price leading-none">
18435  <div class="">
18436    
18437      <div class="hidden">2895</div><p class="price">
18438          <span>$28.95</span>
18439        </p><small class="text-[70%] hidden">
18440        <span class="hidden">Unit price</span>
18441        <span class="up price-item price-item--last">
18442          <span>
18443
18444          </span>
18445          <span aria-hidden="true">/</span>
18446          <span class="hidden">&nbsp;per&nbsp;</span>
18447          <span>
18448          </span>
18449        </span>
18450      </small>
18451    
18452  </div>
18453  
18454</div>
18455            
18456            <div class="next-price empty:hidden"></div>
18457          </div>
18458          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719290278251', [637336453483, 639249514859, 639269732715, 650454204779, 643825140075, 639249744235, 636480389483, 636473475435, 639252758891, 640668860779, 648798896491, 639269339499])"><div 
18459  x-data='{ 
18460    storeAvailabilites: {},
18461    pickupLocation: []
18462  }'
18463  class="mb-3"
18464  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
18465>
18466  <style data-shopify>
18467    .text-available, .text-unavailable {
18468      font-size: 0.669375rem;
18469      font-family: var(--font-body-family);
18470    }
18471
18472    @media (min-width: 768px) {
18473      .text-available, .text-unavailable {
18474        font-size: 0.74375rem;
18475      }
18476    }
18477
18478    .text-available {
18479      color: #6b762d;
18480    }
18481
18482    .dark .text-available {
18483      color: #858F4D;
18484    }
18485
18486    .text-unavailable {
18487      color: #767474;
18488    }
18489
18490    .dark .text-unavailable {
18491      color: #867F7F;
18492    }
18493  </style>
18494  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
18495    <span class="flex h-4 w-4 relative">
18496<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18497  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18498  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18499</svg>
18500
18501</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
18502  </div>
18503  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
18504    <span class="flex h-4 w-4 relative">
18505<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18506  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18507  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18508</svg>
18509
18510</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
18511  </div>
18512</div></div>
18513        </div>
18514      </div>
18515    
18516    </div>
18517    
18518
18519        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
18520          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523089352_love-em-or-lose-em-sixth-edition');
18521        });"></div>
18522        <div
18523          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm" 
18524          class="current-variant hidden"
18525        >
18526          52114838880619
18527        </div>
18528    
18529    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
18530    
18531      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
18532            class="card-info bottom_atc md:list-layout:hidden hide-icon"
18533            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
18534            x-cloak
18535          >
18536            
18537<form method="post" action="/cart/add" id="product-form-choose-option14719290278251409" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114838880619">
18538                
18539                                                            
18540                <button
18541                  type="submit"
18542                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm"
18543                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
18544                  
18545                  
18546                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18547                  
18548aria-label="Add to cart"
18549                    
18550                  
18551                >
18552                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
18553                        <span class="flex items-center justify-center">
18554                          
18555
18556  
18557    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
18558  
18559
18560
18561                        </span></span>
18562                  <div
18563                    class="flex gap-x-2 items-center justify-center"
18564                    role="alert"
18565                    x-cloak
18566                    x-show="errorMessage"
18567                  >
18568                    Sold out
18569                  </div>
18570                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
18571                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18572    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18573      fill="currentcolor" stroke="none">
18574      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
18575    </g>
18576  </svg>
18577
18578                  </div>
18579                </button><input type="hidden" name="product-id" value="14719290278251" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
18580          </div></template>
18581    
18582    
18583      <template x-if="$store.xQuickView">
18584        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
18585              
18586<form method="post" action="/cart/add" id="product-form-choose-option14719290278251409" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114838880619">
18587                  
18588                                                              
18589                  <button
18590                    type="submit"
18591                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm"
18592                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
18593                    
18594                    
18595                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18596                    
18597aria-label="Add to cart"
18598                      
18599                    
18600                  >
18601                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
18602                          <span class="flex items-center justify-center">
18603                            
18604
18605  
18606    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
18607  
18608
18609
18610                          </span></span>
18611                    <div
18612                      class="flex gap-x-2 items-center justify-center"
18613                      role="alert"
18614                      x-cloak
18615                      x-show="errorMessage"
18616                    >
18617                      Sold out
18618                    </div>
18619                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
18619calc(50%-10px)]" x-show="loading" x-cloak>
18620                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18621    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18622      fill="currentcolor" stroke="none">
18623      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
18624    </g>
18625  </svg>
18626
18627                    </div>
18628                  </button><button 
18629                    type="submit"
18630                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
18631                    
18632                    
18633                    data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm"
18634                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18635                    
18636aria-label="Add to cart"
18637                      
18638                    
18639                    x-customer-event-data="{
18640    &quot;product&quot;: {
18641      &quot;title&quot;: &quot;Love ‘Em or Lose ‘Em, Sixth Edition&quot;,
18642      &quot;listName&quot;: &quot;Bestsellers&quot;,
18643      &quot;sku&quot;: &quot;14719290278251&quot;,
18644      &quot;currencyCode&quot;: &quot;USD&quot;,
18645      &quot;price&quot;: 2895,
18646      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
18647    }
18648  }"
18649                  >
18650                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
18651    <g>
18652    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18653    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18654    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18655    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18656    </g>
18657  </svg></span>
18658                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
18659                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18660    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18661      fill="currentcolor" stroke="none">
18662      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
18663    </g>
18664  </svg>
18665
18666                  </span>
18667                </button><input type="hidden" name="product-id" value="14719290278251" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
18668            </div><button 
18669            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm')" 
18670            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm')" 
18671            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
18672            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
18673            aria-label="Button quickview"
18674            x-customer-event-data="{
18675    &quot;product&quot;: {
18676      &quot;title&quot;: &quot;Love ‘Em or Lose ‘Em, Sixth Edition&quot;,
18677      &quot;listName&quot;: &quot;Bestsellers&quot;,
18678      &quot;sku&quot;: &quot;14719290278251&quot;,
18679      &quot;currencyCode&quot;: &quot;USD&quot;,
18680      &quot;price&quot;: 2895,
18681      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
18682    }
18683  }"
18684            x-show="$store.xQuickView.enabled"
18685          >
18686            <span class="flex justify-center items-center">
18687              
18688
18689  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
18690
18691
18692            </span>
18693          </button>
18694        </div>
18695      </template>
18696    
18697  </div>
18698</div>
18699
18700
18701<div 
18702  
18703    x-data="{ showOptions: false, options: [] }"
18704  
18705  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
18706  x-slide-index="9"
18707>
18708  <div 
18709    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
18710  >
18711    <style data-shopify>
18712      
18713    </style>
18714    
18715    <style data-shopify>
18716      
18717    </style>
18718    <a 
18719      
18720        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
18721      
18722      href="/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition"
18723       
18724        x-data="{ lastWindowWidth: 0 }"
18725        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
18726        x-labels-data="[{
18727        &quot;variant_id&quot;: 52114838356331,
18728        &quot;product_id&quot;: 14719289721195,
18729        &quot;available&quot;: true,
18730        &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18731        &quot;compare_at_price&quot;: 0,
18732        &quot;price&quot;: 1995,
18733        &quot;price_with_currency&quot;: &quot;$19.95&quot;,
18734        &quot;sale_amount&quot;: &quot;$-19.95&quot;,
18735        &quot;collections&quot;: &quot;||637336453483||639249514859||643825140075||639249744235||650454073707||636480389483||639269929323||636473475435||639252758891||639269339499||&quot;,
18736        &quot;inventory_management&quot;: &quot;shopify&quot;,
18737        &quot;qty&quot;: 2662,
18738        &quot;container&quot;: &quot;card&quot;,
18739        &quot;can_show_preorder&quot;: false,
18740        &quot;diff_day_create&quot;: 477.21,
18741        &quot;diff_day_publish&quot;: 477.21
18742        
18743          ,&quot;metafield_label&quot;: { 
18744            &quot;custom.format2&quot;:&quot;Paperback&quot;
18745          }
18746        
18747      }]"
18748       
18749      aria-label="Leadership and Self-Deception, Fourth Edition"
18750      id="14719289721195-template--24498228953451__featured_collection_PFy63t"
18751      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
18752      <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
18753        <div
18754          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-10-9"
18755          class="block h-full" 
18756          @click='$store.xCustomerEvent.fire("product_selected", $el)'
18757          x-customer-event-data="{
18758    &quot;product&quot;: {
18759      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18760      &quot;listName&quot;: &quot;Bestsellers&quot;,
18761      &quot;sku&quot;: &quot;14719289721195&quot;,
18762      &quot;currencyCode&quot;: &quot;USD&quot;,
18763      &quot;price&quot;: 1995,
18764      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
18765    }
18766  }"
18767          >
18768<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
18769            >
18770              
18771              <picture>
18772                <img
18773                  srcset="//bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=450 450w,
18774                  //bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=750 750w,
18775                  //bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=900 900w,
18776                  //bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=1100 1100w,
18777                  //bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897 419w" 
18778                  src="//bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=1500"
18779                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
18780                  alt="Cover image for Leadership and Self-Deception, Fourth Edition, isbn: 9781523006564"
18781                  :class="showSecond ? 'first-img' : ''"
18782                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
18783                  loading="lazy"
18784                  width="419"
18785                  height="648"
18786                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
18787                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
18788                />
18789              </picture>
18790              
18791            </div></div>
18792      </div>
18793      
18794        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
18795              x-show="$store.xQuickView" x-cloak
18796            > 
18797              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
18798                class="w-full hide-icon lg:px-4" 
18799                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
18800                x-cloak
18801              >
18802<form method="post" action="/cart/add" id="product-form-choose-option147192897211954010" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114838356331">
18803                    
18804                                                                
18805                    <button
18806                      type="submit"
18807                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm"
18808                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
18809                      
18810                      
18811                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18812                      
18813aria-label="Add to cart"
18814                        
18815                      
18816                    >
18817                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
18818                            <span class="flex items-center justify-center">
18819                              
18820
18821  
18822    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
18823  
18824
18825
18826                            </span></span>
18827                      <div
18828                        class="flex gap-x-2 items-center justify-center"
18829                        role="alert"
18830                        x-cloak
18831                        x-show="errorMessage"
18832                      >
18833                        Sold out
18834                      </div>
18835                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
18836                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18837    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18838      fill="currentcolor" stroke="none">
18839      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
18840    </g>
18841  </svg>
18842
18843                      </div>
18844                    </button>
18845                    <button 
18846                      type="submit"
18847                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
18848                      
18849                      
18850                      data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm"
18851                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18852                      
18853aria-label="Add to cart"
18854                        
18855                      
18856                      x-customer-event-data="{
18857    &quot;product&quot;: {
18858      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18859      &quot;listName&quot;: &quot;Bestsellers&quot;,
18860      &quot;sku&quot;: &quot;14719289721195&quot;,
18861      &quot;currencyCode&quot;: &quot;USD&quot;,
18862      &quot;price&quot;: 1995,
18863      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
18864    }
18865  }"
18866                    >
18867                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
18868    <g>
18869    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18870    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18871    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18872    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18873    </g>
18874  </svg></span>
18875                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
18876                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18877    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18878      fill="currentcolor" stroke="none">
18879      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
18880    </g>
18881  </svg>
18882
18883                      </span>
18884                  </button><input type="hidden" name="product-id" value="14719289721195" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
18885              </div>
18886            </div><div
18887            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
18888            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
18889            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
18890            >
18891            <div>
18892              <button
18893                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
18894                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm')" 
18895                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm')" 
18896                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
18897                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
18898                x-customer-event-data="{
18899    &quot;product&quot;: {
18900      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18901      &quot;listName&quot;: &quot;Bestsellers&quot;,
18902      &quot;sku&quot;: &quot;14719289721195&quot;,
18903      &quot;currencyCode&quot;: &quot;USD&quot;,
18904      &quot;price&quot;: 1995,
18905      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
18906    }
18907  }"
18908                aria-label="Button quickview"
18909              >
18910                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
18911    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18912    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18913  </svg>
18914</span>
18915                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
18916                  
18917
18918  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
18919
18920
18921                </span>
18922              </button>
18923              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
18924                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
18925                aria-label="Button quickview"
18926                x-customer-event-data="{
18927    &quot;product&quot;: {
18928      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18929      &quot;listName&quot;: &quot;Bestsellers&quot;,
18930      &quot;sku&quot;: &quot;14719289721195&quot;,
18931      &quot;currencyCode&quot;: &quot;USD&quot;,
18932      &quot;price&quot;: 1995,
18933      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
18934    }
18935  }"
18936              >
18937                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
18938    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18939    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18940  </svg>
18941</span>
18942              </button>
18943            </div>
18944          </div>
18945        </div>
18946      
18947    </a>
18948    
18949    
18950    <div class="md:list-layout:hidden">
18951      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
18952        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
18953          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289721195">
18954            <a href="/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition"
18955              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
18956              @click='$store.xCustomerEvent.fire("product_selected", $el)'
18957              x-customer-event-data="{
18958    &quot;product&quot;: {
18959      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18960      &quot;listName&quot;: &quot;Bestsellers&quot;,
18961      &quot;sku&quot;: &quot;14719289721195&quot;,
18962      &quot;currencyCode&quot;: &quot;USD&quot;,
18963      &quot;price&quot;: 1995,
18964      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
18965    }
18966  }"
18967            >
18968              Leadership and Self-Deception, Fourth Edition
18969            </a>
18970          </h3>
18971          
18972
18973            
18974  
18975<div 
18976  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
18977><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
18978      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
18978ox="0 0 512 512"  xml:space="preserve">
18979      <g>
18980        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18981      </g>
18982    </svg>
18983    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
18984      <g>
18985        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18986      </g>
18987    </svg>
18988    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
18989      <g>
18990        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18991      </g>
18992    </svg>
18993    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
18994      <g>
18995        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
18996      </g>
18997    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
18998          <defs>
18999              <linearGradient id="grad">
19000                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
19001                  <stop offset="50%" stop-color="currentColor"/>
19002              </linearGradient>
19003          </defs>
19004          <g>
19005            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19006          </g>
19007      </svg>
19008    </div> 
19009    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(3926)
19010    </p></div>
19011
19012<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
19013            
19014            
19015              <div class=" price leading-none">
19016  <div class="">
19017    
19018      <div class="hidden">1995</div><p class="price">
19019          <span>$19.95</span>
19020        </p><small class="text-[70%] hidden">
19021        <span class="hidden">Unit price</span>
19022        <span class="up price-item price-item--last">
19023          <span>
19024
19025          </span>
19026          <span aria-hidden="true">/</span>
19027          <span class="hidden">&nbsp;per&nbsp;</span>
19028          <span>
19029          </span>
19030        </span>
19031      </small>
19032    
19033  </div>
19034  
19035</div>
19036            
19037            <div class="next-price empty:hidden"></div>
19038          </div>
19039          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289721195', [637336453483, 639249514859, 643825140075, 639249744235, 650454073707, 636480389483, 639269929323, 636473475435, 639252758891, 639269339499])"><div 
19040  x-data='{ 
19041    storeAvailabilites: {},
19042    pickupLocation: []
19043  }'
19044  class="mb-3"
19045  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
19046>
19047  <style data-shopify>
19048    .text-available, .text-unavailable {
19049      font-size: 0.669375rem;
19050      font-family: var(--font-body-family);
19051    }
19052
19053    @media (min-width: 768px) {
19054      .text-available, .text-unavailable {
19055        font-size: 0.74375rem;
19056      }
19057    }
19058
19059    .text-available {
19060      color: #6b762d;
19061    }
19062
19063    .dark .text-available {
19064      color: #858F4D;
19065    }
19066
19067    .text-unavailable {
19068      color: #767474;
19069    }
19070
19071    .dark .text-unavailable {
19072      color: #867F7F;
19073    }
19074  </style>
19075  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
19076    <span class="flex h-4 w-4 relative">
19077<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19078  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19079  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19080</svg>
19081
19082</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19083  </div>
19084  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
19085    <span class="flex h-4 w-4 relative">
19086<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19087  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19088  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19089</svg>
19090
19091</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19092  </div>
19093</div></div>
19094        </div>
19095      </div>
19096    </div>
19097    
19098  </div>
19099  <div
19100    id="x-product-template-14719289721195-template--24498228953451__featured_collection_PFy63t-1-10"
19101    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
19102  >
19103    <div class="hidden md:list-layout:block">
19104      
19105      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
19106        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
19107          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289721195">
19108            <a href="/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition"
19109              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
19110              @click='$store.xCustomerEvent.fire("product_selected", $el)'
19111              x-customer-event-data="{
19112    &quot;product&quot;: {
19113      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
19114      &quot;listName&quot;: &quot;Bestsellers&quot;,
19115      &quot;sku&quot;: &quot;14719289721195&quot;,
19116      &quot;currencyCode&quot;: &quot;USD&quot;,
19117      &quot;price&quot;: 1995,
19118      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
19119    }
19120  }"
19121            >
19122              Leadership and Self-Deception, Fourth Edition
19123            </a>
19124          </h3>
19125          
19126
19127            
19128  
19129<div 
19130  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
19131><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
19132      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
19132ox="0 0 512 512"  xml:space="preserve">
19133      <g>
19134        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19135      </g>
19136    </svg>
19137    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
19138      <g>
19139        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19140      </g>
19141    </svg>
19142    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
19143      <g>
19144        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19145      </g>
19146    </svg>
19147    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
19148      <g>
19149        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19150      </g>
19151    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
19152          <defs>
19153              <linearGradient id="grad">
19154                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
19155                  <stop offset="50%" stop-color="currentColor"/>
19156              </linearGradient>
19157          </defs>
19158          <g>
19159            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19160          </g>
19161      </svg>
19162    </div> 
19163    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(3926)
19164    </p></div>
19165
19166<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
19167            
19168            
19169              <div class=" price leading-none">
19170  <div class="">
19171    
19172      <div class="hidden">1995</div><p class="price">
19173          <span>$19.95</span>
19174        </p><small class="text-[70%] hidden">
19175        <span class="hidden">Unit price</span>
19176        <span class="up price-item price-item--last">
19177          <span>
19178
19179          </span>
19180          <span aria-hidden="true">/</span>
19181          <span class="hidden">&nbsp;per&nbsp;</span>
19182          <span>
19183          </span>
19184        </span>
19185      </small>
19186    
19187  </div>
19188  
19189</div>
19190            
19191            <div class="next-price empty:hidden"></div>
19192          </div>
19193          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289721195', [637336453483, 639249514859, 643825140075, 639249744235, 650454073707, 636480389483, 639269929323, 636473475435, 639252758891, 639269339499])"><div 
19194  x-data='{ 
19195    storeAvailabilites: {},
19196    pickupLocation: []
19197  }'
19198  class="mb-3"
19199  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
19200>
19201  <style data-shopify>
19202    .text-available, .text-unavailable {
19203      font-size: 0.669375rem;
19204      font-family: var(--font-body-family);
19205    }
19206
19207    @media (min-width: 768px) {
19208      .text-available, .text-unavailable {
19209        font-size: 0.74375rem;
19210      }
19211    }
19212
19213    .text-available {
19214      color: #6b762d;
19215    }
19216
19217    .dark .text-available {
19218      color: #858F4D;
19219    }
19220
19221    .text-unavailable {
19222      color: #767474;
19223    }
19224
19225    .dark .text-unavailable {
19226      color: #867F7F;
19227    }
19228  </style>
19229  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
19230    <span class="flex h-4 w-4 relative">
19231<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19232  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19233  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19234</svg>
19235
19236</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19237  </div>
19238  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
19239    <span class="flex h-4 w-4 relative">
19240<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19241  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19242  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19243</svg>
19244
19245</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19246  </div>
19247</div></div>
19248        </div>
19249      </div>
19250    
19251    </div>
19252    
19253
19254        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
19255          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523006564_leadership-and-self-deception-fourth-edition');
19256        });"></div>
19257        <div
19258          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm" 
19259          class="current-variant hidden"
19260        >
19261          52114838356331
19262        </div>
19263    
19264    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
19265    
19266      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
19267            class="card-info bottom_atc md:list-layout:hidden hide-icon"
19268            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
19269            x-cloak
19270          >
19271            
19272<form method="post" action="/cart/add" id="product-form-choose-option147192897211954010" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114838356331">
19273                
19274                                                            
19275                <button
19276                  type="submit"
19277                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm"
19278                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
19279                  
19280                  
19281                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
19282                  
19283aria-label="Add to cart"
19284                    
19285                  
19286                >
19287                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
19288                        <span class="flex items-center justify-center">
19289                          
19290
19291  
19292    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
19293  
19294
19295
19296                        </span></span>
19297                  <div
19298                    class="flex gap-x-2 items-center justify-center"
19299                    role="alert"
19300                    x-cloak
19301                    x-show="errorMessage"
19302                  >
19303                    Sold out
19304                  </div>
19305                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
19306                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19307    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19308      fill="currentcolor" stroke="none">
19309      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
19310    </g>
19311  </svg>
19312
19313                  </div>
19314                </button><input type="hidden" name="product-id" value="14719289721195" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
19315          </div></template>
19316    
19317    
19318      <template x-if="$store.xQuickView">
19319        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
19320              
19321<form method="post" action="/cart/add" id="product-form-choose-option147192897211954010" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114838356331">
19322                  
19323                                                              
19324                  <button
19325                    type="submit"
19326                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm"
19327                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
19328                    
19329                    
19330                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
19331                    
19332aria-label="Add to cart"
19333                      
19334                    
19335                  >
19336                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
19337                          <span class="flex items-center justify-center">
19338                            
19339
19340  
19341    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
19342  
19343
19344
19345                          </span></span>
19346                    <div
19347                      class="flex gap-x-2 items-center justify-center"
19348                      role="alert"
19349                      x-cloak
19350                      x-show="errorMessage"
19351                    >
19352                      Sold out
19353                    </div>
19354                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
19354calc(50%-10px)]" x-show="loading" x-cloak>
19355                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19356    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19357      fill="currentcolor" stroke="none">
19358      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
19359    </g>
19360  </svg>
19361
19362                    </div>
19363                  </button><button 
19364                    type="submit"
19365                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
19366                    
19367                    
19368                    data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm"
19369                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
19370                    
19371aria-label="Add to cart"
19372                      
19373                    
19374                    x-customer-event-data="{
19375    &quot;product&quot;: {
19376      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
19377      &quot;listName&quot;: &quot;Bestsellers&quot;,
19378      &quot;sku&quot;: &quot;14719289721195&quot;,
19379      &quot;currencyCode&quot;: &quot;USD&quot;,
19380      &quot;price&quot;: 1995,
19381      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
19382    }
19383  }"
19384                  >
19385                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
19386    <g>
19387    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19388    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19389    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19390    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19391    </g>
19392  </svg></span>
19393                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
19394                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19395    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19396      fill="currentcolor" stroke="none">
19397      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
19398    </g>
19399  </svg>
19400
19401                  </span>
19402                </button><input type="hidden" name="product-id" value="14719289721195" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
19403            </div><button 
19404            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm')" 
19405            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm')" 
19406            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
19407            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
19408            aria-label="Button quickview"
19409            x-customer-event-data="{
19410    &quot;product&quot;: {
19411      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
19412      &quot;listName&quot;: &quot;Bestsellers&quot;,
19413      &quot;sku&quot;: &quot;14719289721195&quot;,
19414      &quot;currencyCode&quot;: &quot;USD&quot;,
19415      &quot;price&quot;: 1995,
19416      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
19417    }
19418  }"
19419            x-show="$store.xQuickView.enabled"
19420          >
19421            <span class="flex justify-center items-center">
19422              
19423
19424  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
19425
19426
19427            </span>
19428          </button>
19429        </div>
19430      </template>
19431    
19432  </div>
19433</div>
19434
19435
19436<div 
19437  
19438    x-data="{ showOptions: false, options: [] }"
19439  
19440  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
19441  x-slide-index="10"
19442>
19443  <div 
19444    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
19445  >
19446    <style data-shopify>
19447      
19448    </style>
19449    
19450    <style data-shopify>
19451      
19452    </style>
19453    <a 
19454      
19455        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
19456      
19457      href="/collections/bestsellers/products/9798890570437_goals-third-edition"
19458       
19459        x-data="{ lastWindowWidth: 0 }"
19460        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
19461        x-labels-data="[{
19462        &quot;variant_id&quot;: 52114838126955,
19463        &quot;product_id&quot;: 14719289557355,
19464        &quot;available&quot;: true,
19465        &quot;title&quot;: &quot;Goals! Third Edition&quot;,
19466        &quot;compare_at_price&quot;: 0,
19467        &quot;price&quot;: 2495,
19468        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
19469        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
19470        &quot;collections&quot;: &quot;||637336453483||639249514859||643825009003||636480389483||639269929323||636473475435||650454270315||&quot;,
19471        &quot;inventory_management&quot;: &quot;shopify&quot;,
19472        &quot;qty&quot;: 1179,
19473        &quot;container&quot;: &quot;card&quot;,
19474        &quot;can_show_preorder&quot;: false,
19475        &quot;diff_day_create&quot;: 477.21,
19476        &quot;diff_day_publish&quot;: 477.21
19477        
19478          ,&quot;metafield_label&quot;: { 
19479            &quot;custom.format2&quot;:&quot;Paperback&quot;
19480          }
19481        
19482      }]"
19483       
19484      aria-label="Goals! Third Edition"
19485      id="14719289557355-template--24498228953451__featured_collection_PFy63t"
19486      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
19487      <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570437_goals-third-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
19488        <div
19489          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-11-10"
19490          class="block h-full" 
19491          @click='$store.xCustomerEvent.fire("product_selected", $el)'
19492          x-customer-event-data="{
19493    &quot;product&quot;: {
19494      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
19495      &quot;listName&quot;: &quot;Bestsellers&quot;,
19496      &quot;sku&quot;: &quot;14719289557355&quot;,
19497      &quot;currencyCode&quot;: &quot;USD&quot;,
19498      &quot;price&quot;: 2495,
19499      &quot;vendor&quot;: &quot;Brian Tracy&quot;
19500    }
19501  }"
19502          >
19503<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
19504            >
19505              
19506              <picture>
19507                <img
19508                  srcset="//bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=450 450w,
19509                  //bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=750 750w,
19510                  //bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=900 900w,
19511                  //bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=1100 1100w,
19512                  //bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893 419w" 
19513                  src="//bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=1500"
19514                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
19515                  alt="Cover image for Goals! Third Edition, isbn: 9798890570437"
19516                  :class="showSecond ? 'first-img' : ''"
19517                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
19518                  loading="lazy"
19519                  width="419"
19520                  height="648"
19521                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
19522                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
19523                />
19524              </picture>
19525              
19526            </div></div>
19527      </div>
19528      
19529        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
19530              x-show="$store.xQuickView" x-cloak
19531            > 
19532              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
19533                class="w-full hide-icon lg:px-4" 
19534                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
19535                x-cloak
19536              >
19537<form method="post" action="/cart/add" id="product-form-choose-option147192895573554011" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114838126955">
19538                    
19539                                                                
19540                    <button
19541                      type="submit"
19542                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm"
19543                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
19544                      
19545                      
19546                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
19547                      
19548aria-label="Add to cart"
19549                        
19550                      
19551                    >
19552                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
19553                            <span class="flex items-center justify-center">
19554                              
19555
19556  
19557    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
19558  
19559
19560
19561                            </span></span>
19562                      <div
19563                        class="flex gap-x-2 items-center justify-center"
19564                        role="alert"
19565                        x-cloak
19566                        x-show="errorMessage"
19567                      >
19568                        Sold out
19569                      </div>
19570                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
19571                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19572    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19573      fill="currentcolor" stroke="none">
19574      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
19575    </g>
19576  </svg>
19577
19578                      </div>
19579                    </button>
19580                    <button 
19581                      type="submit"
19582                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
19583                      
19584                      
19585                      data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm"
19586                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
19587                      
19588aria-label="Add to cart"
19589                        
19590                      
19591                      x-customer-event-data="{
19592    &quot;product&quot;: {
19593      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
19594      &quot;listName&quot;: &quot;Bestsellers&quot;,
19595      &quot;sku&quot;: &quot;14719289557355&quot;,
19596      &quot;currencyCode&quot;: &quot;USD&quot;,
19597      &quot;price&quot;: 2495,
19598      &quot;vendor&quot;: &quot;Brian Tracy&quot;
19599    }
19600  }"
19601                    >
19602                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
19603    <g>
19604    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19605    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19606    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19607    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19608    </g>
19609  </svg></span>
19610                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
19611                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19612    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19613      fill="currentcolor" stroke="none">
19614      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
19615    </g>
19616  </svg>
19617
19618                      </span>
19619                  </button><input type="hidden" name="product-id" value="14719289557355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
19620              </div>
19621            </div><div
19622            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
19623            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
19624            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
19625            >
19626            <div>
19627              <button
19628                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
19629                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570437_goals-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm')" 
19630                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570437_goals-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm')" 
19631                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
19632                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
19633                x-customer-event-data="{
19634    &quot;product&quot;: {
19635      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
19636      &quot;listName&quot;: &quot;Bestsellers&quot;,
19637      &quot;sku&quot;: &quot;14719289557355&quot;,
19638      &quot;currencyCode&quot;: &quot;USD&quot;,
19639      &quot;price&quot;: 2495,
19640      &quot;vendor&quot;: &quot;Brian Tracy&quot;
19641    }
19642  }"
19643                aria-label="Button quickview"
19644              >
19645                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
19646    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19647    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19648  </svg>
19649</span>
19650                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
19651                  
19652
19653  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
19654
19655
19656                </span>
19657              </button>
19658              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570437_goals-third-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
19659                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
19660                aria-label="Button quickview"
19661                x-customer-event-data="{
19662    &quot;product&quot;: {
19663      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
19664      &quot;listName&quot;: &quot;Bestsellers&quot;,
19665      &quot;sku&quot;: &quot;14719289557355&quot;,
19666      &quot;currencyCode&quot;: &quot;USD&quot;,
19667      &quot;price&quot;: 2495,
19668      &quot;vendor&quot;: &quot;Brian Tracy&quot;
19669    }
19670  }"
19671              >
19672                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
19673    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19674    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19675  </svg>
19676</span>
19677              </button>
19678            </div>
19679          </div>
19680        </div>
19681      
19682    </a>
19683    
19684    
19685    <div class="md:list-layout:hidden">
19686      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
19687        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
19688          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289557355">
19689            <a href="/collections/bestsellers/products/9798890570437_goals-third-edition"
19690              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
19691              @click='$store.xCustomerEvent.fire("product_selected", $el)'
19692              x-customer-event-data="{
19693    &quot;product&quot;: {
19694      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
19695      &quot;listName&quot;: &quot;Bestsellers&quot;,
19696      &quot;sku&quot;: &quot;14719289557355&quot;,
19697      &quot;currencyCode&quot;: &quot;USD&quot;,
19698      &quot;price&quot;: 2495,
19699      &quot;vendor&quot;: &quot;Brian Tracy&quot;
19700    }
19701  }"
19702            >
19703              Goals! Third Edition
19704            </a>
19705          </h3>
19706          
19707
19708            
19709  
19710<div 
19711  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
19712><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
19713      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
19713ox="0 0 512 512"  xml:space="preserve">
19714      <g>
19715        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19716      </g>
19717    </svg>
19718    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
19719      <g>
19720        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19721      </g>
19722    </svg>
19723    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
19724      <g>
19725        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19726      </g>
19727    </svg>
19728    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
19729      <g>
19730        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19731      </g>
19732    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
19733          <defs>
19734              <linearGradient id="grad">
19735                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
19736                  <stop offset="50%" stop-color="currentColor"/>
19737              </linearGradient>
19738          </defs>
19739          <g>
19740            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19741          </g>
19742      </svg>
19743    </div> 
19744    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(168)
19745    </p></div>
19746
19747<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
19748            
19749            
19750              <div class=" price leading-none">
19751  <div class="">
19752    
19753      <div class="hidden">2495</div><p class="price">
19754          <span>$24.95</span>
19755        </p><small class="text-[70%] hidden">
19756        <span class="hidden">Unit price</span>
19757        <span class="up price-item price-item--last">
19758          <span>
19759
19760          </span>
19761          <span aria-hidden="true">/</span>
19762          <span class="hidden">&nbsp;per&nbsp;</span>
19763          <span>
19764          </span>
19765        </span>
19766      </small>
19767    
19768  </div>
19769  
19770</div>
19771            
19772            <div class="next-price empty:hidden"></div>
19773          </div>
19774          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289557355', [637336453483, 639249514859, 643825009003, 636480389483, 639269929323, 636473475435, 650454270315])"><div 
19775  x-data='{ 
19776    storeAvailabilites: {},
19777    pickupLocation: []
19778  }'
19779  class="mb-3"
19780  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
19781>
19782  <style data-shopify>
19783    .text-available, .text-unavailable {
19784      font-size: 0.669375rem;
19785      font-family: var(--font-body-family);
19786    }
19787
19788    @media (min-width: 768px) {
19789      .text-available, .text-unavailable {
19790        font-size: 0.74375rem;
19791      }
19792    }
19793
19794    .text-available {
19795      color: #6b762d;
19796    }
19797
19798    .dark .text-available {
19799      color: #858F4D;
19800    }
19801
19802    .text-unavailable {
19803      color: #767474;
19804    }
19805
19806    .dark .text-unavailable {
19807      color: #867F7F;
19808    }
19809  </style>
19810  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
19811    <span class="flex h-4 w-4 relative">
19812<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19813  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19814  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19815</svg>
19816
19817</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19818  </div>
19819  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
19820    <span class="flex h-4 w-4 relative">
19821<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19822  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19823  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19824</svg>
19825
19826</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19827  </div>
19828</div></div>
19829        </div>
19830      </div>
19831    </div>
19832    
19833  </div>
19834  <div
19835    id="x-product-template-14719289557355-template--24498228953451__featured_collection_PFy63t-1-11"
19836    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
19837  >
19838    <div class="hidden md:list-layout:block">
19839      
19840      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
19841        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
19842          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289557355">
19843            <a href="/collections/bestsellers/products/9798890570437_goals-third-edition"
19844              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
19845              @click='$store.xCustomerEvent.fire("product_selected", $el)'
19846              x-customer-event-data="{
19847    &quot;product&quot;: {
19848      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
19849      &quot;listName&quot;: &quot;Bestsellers&quot;,
19850      &quot;sku&quot;: &quot;14719289557355&quot;,
19851      &quot;currencyCode&quot;: &quot;USD&quot;,
19852      &quot;price&quot;: 2495,
19853      &quot;vendor&quot;: &quot;Brian Tracy&quot;
19854    }
19855  }"
19856            >
19857              Goals! Third Edition
19858            </a>
19859          </h3>
19860          
19861
19862            
19863  
19864<div 
19865  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
19866><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
19867      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
19867ox="0 0 512 512"  xml:space="preserve">
19868      <g>
19869        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19870      </g>
19871    </svg>
19872    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
19873      <g>
19874        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19875      </g>
19876    </svg>
19877    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
19878      <g>
19879        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19880      </g>
19881    </svg>
19882    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
19883      <g>
19884        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19885      </g>
19886    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
19887          <defs>
19888              <linearGradient id="grad">
19889                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
19890                  <stop offset="50%" stop-color="currentColor"/>
19891              </linearGradient>
19892          </defs>
19893          <g>
19894            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
19895          </g>
19896      </svg>
19897    </div> 
19898    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(168)
19899    </p></div>
19900
19901<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
19902            
19903            
19904              <div class=" price leading-none">
19905  <div class="">
19906    
19907      <div class="hidden">2495</div><p class="price">
19908          <span>$24.95</span>
19909        </p><small class="text-[70%] hidden">
19910        <span class="hidden">Unit price</span>
19911        <span class="up price-item price-item--last">
19912          <span>
19913
19914          </span>
19915          <span aria-hidden="true">/</span>
19916          <span class="hidden">&nbsp;per&nbsp;</span>
19917          <span>
19918          </span>
19919        </span>
19920      </small>
19921    
19922  </div>
19923  
19924</div>
19925            
19926            <div class="next-price empty:hidden"></div>
19927          </div>
19928          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289557355', [637336453483, 639249514859, 643825009003, 636480389483, 639269929323, 636473475435, 650454270315])"><div 
19929  x-data='{ 
19930    storeAvailabilites: {},
19931    pickupLocation: []
19932  }'
19933  class="mb-3"
19934  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
19935>
19936  <style data-shopify>
19937    .text-available, .text-unavailable {
19938      font-size: 0.669375rem;
19939      font-family: var(--font-body-family);
19940    }
19941
19942    @media (min-width: 768px) {
19943      .text-available, .text-unavailable {
19944        font-size: 0.74375rem;
19945      }
19946    }
19947
19948    .text-available {
19949      color: #6b762d;
19950    }
19951
19952    .dark .text-available {
19953      color: #858F4D;
19954    }
19955
19956    .text-unavailable {
19957      color: #767474;
19958    }
19959
19960    .dark .text-unavailable {
19961      color: #867F7F;
19962    }
19963  </style>
19964  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
19965    <span class="flex h-4 w-4 relative">
19966<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19967  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19968  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19969</svg>
19970
19971</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19972  </div>
19973  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
19974    <span class="flex h-4 w-4 relative">
19975<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19976  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19977  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19978</svg>
19979
19980</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19981  </div>
19982</div></div>
19983        </div>
19984      </div>
19985    
19986    </div>
19987    
19988
19989        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
19990          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570437_goals-third-edition');
19991        });"></div>
19992        <div
19993          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm" 
19994          class="current-variant hidden"
19995        >
19996          52114838126955
19997        </div>
19998    
19999    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
20000    
20001      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
20002            class="card-info bottom_atc md:list-layout:hidden hide-icon"
20003            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
20004            x-cloak
20005          >
20006            
20007<form method="post" action="/cart/add" id="product-form-choose-option147192895573554011" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114838126955">
20008                
20009                                                            
20010                <button
20011                  type="submit"
20012                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm"
20013                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
20014                  
20015                  
20016                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20017                  
20018aria-label="Add to cart"
20019                    
20020                  
20021                >
20022                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
20023                        <span class="flex items-center justify-center">
20024                          
20025
20026  
20027    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
20028  
20029
20030
20031                        </span></span>
20032                  <div
20033                    class="flex gap-x-2 items-center justify-center"
20034                    role="alert"
20035                    x-cloak
20036                    x-show="errorMessage"
20037                  >
20038                    Sold out
20039                  </div>
20040                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
20041                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20042    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20043      fill="currentcolor" stroke="none">
20044      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
20045    </g>
20046  </svg>
20047
20048                  </div>
20049                </button><input type="hidden" name="product-id" value="14719289557355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
20050          </div></template>
20051    
20052    
20053      <template x-if="$store.xQuickView">
20054        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
20055              
20056<form method="post" action="/cart/add" id="product-form-choose-option147192895573554011" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114838126955">
20057                  
20058                                                              
20059                  <button
20060                    type="submit"
20061                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm"
20062                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
20063                    
20064                    
20065                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20066                    
20067aria-label="Add to cart"
20068                      
20069                    
20070                  >
20071                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
20072                          <span class="flex items-center justify-center">
20073                            
20074
20075  
20076    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
20077  
20078
20079
20080                          </span></span>
20081                    <div
20082                      class="flex gap-x-2 items-center justify-center"
20083                      role="alert"
20084                      x-cloak
20085                      x-show="errorMessage"
20086                    >
20087                      Sold out
20088                    </div>
20089                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
20089calc(50%-10px)]" x-show="loading" x-cloak>
20090                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20091    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20092      fill="currentcolor" stroke="none">
20093      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
20094    </g>
20095  </svg>
20096
20097                    </div>
20098                  </button><button 
20099                    type="submit"
20100                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
20101                    
20102                    
20103                    data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm"
20104                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20105                    
20106aria-label="Add to cart"
20107                      
20108                    
20109                    x-customer-event-data="{
20110    &quot;product&quot;: {
20111      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
20112      &quot;listName&quot;: &quot;Bestsellers&quot;,
20113      &quot;sku&quot;: &quot;14719289557355&quot;,
20114      &quot;currencyCode&quot;: &quot;USD&quot;,
20115      &quot;price&quot;: 2495,
20116      &quot;vendor&quot;: &quot;Brian Tracy&quot;
20117    }
20118  }"
20119                  >
20120                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
20121    <g>
20122    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20123    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20124    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20125    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20126    </g>
20127  </svg></span>
20128                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
20129                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20130    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20131      fill="currentcolor" stroke="none">
20132      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
20133    </g>
20134  </svg>
20135
20136                  </span>
20137                </button><input type="hidden" name="product-id" value="14719289557355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
20138            </div><button 
20139            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570437_goals-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm')" 
20140            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570437_goals-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm')" 
20141            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570437_goals-third-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
20142            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
20143            aria-label="Button quickview"
20144            x-customer-event-data="{
20145    &quot;product&quot;: {
20146      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
20147      &quot;listName&quot;: &quot;Bestsellers&quot;,
20148      &quot;sku&quot;: &quot;14719289557355&quot;,
20149      &quot;currencyCode&quot;: &quot;USD&quot;,
20150      &quot;price&quot;: 2495,
20151      &quot;vendor&quot;: &quot;Brian Tracy&quot;
20152    }
20153  }"
20154            x-show="$store.xQuickView.enabled"
20155          >
20156            <span class="flex justify-center items-center">
20157              
20158
20159  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
20160
20161
20162            </span>
20163          </button>
20164        </div>
20165      </template>
20166    
20167  </div>
20168</div>
20169
20170
20171<div 
20172  
20173    x-data="{ showOptions: false, options: [] }"
20174  
20175  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
20176  x-slide-index="11"
20177>
20178  <div 
20179    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
20180  >
20181    <style data-shopify>
20182      
20183    </style>
20184    
20185    <style data-shopify>
20186      
20187    </style>
20188    <a 
20189      
20190        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
20191      
20192      href="/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition"
20193       
20194        x-data="{ lastWindowWidth: 0 }"
20195        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
20196        x-labels-data="[{
20197        &quot;variant_id&quot;: 52114837897579,
20198        &quot;product_id&quot;: 14719289360747,
20199        &quot;available&quot;: true,
20200        &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
20201        &quot;compare_at_price&quot;: 0,
20202        &quot;price&quot;: 2295,
20203        &quot;price_with_currency&quot;: &quot;$22.95&quot;,
20204        &quot;sale_amount&quot;: &quot;$-22.95&quot;,
20205        &quot;collections&quot;: &quot;||637329310059||637336453483||639249514859||639269732715||650454204779||637337043307||639249744235||636480389483||636473475435||639252758891||640668860779||648798896491||639269339499||&quot;,
20206        &quot;inventory_management&quot;: &quot;shopify&quot;,
20207        &quot;qty&quot;: 3477,
20208        &quot;container&quot;: &quot;card&quot;,
20209        &quot;can_show_preorder&quot;: false,
20210        &quot;diff_day_create&quot;: 477.21,
20211        &quot;diff_day_publish&quot;: 477.21
20212        
20213          ,&quot;metafield_label&quot;: { 
20214            &quot;custom.format2&quot;:&quot;Paperback&quot;
20215          }
20216        
20217      }]"
20218       
20219      aria-label="Help Them Grow or Watch Them Go, Third Edition"
20220      id="14719289360747-template--24498228953451__featured_collection_PFy63t"
20221      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
20222      <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
20223        <div
20224          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-12-11"
20225          class="block h-full" 
20226          @click='$store.xCustomerEvent.fire("product_selected", $el)'
20227          x-customer-event-data="{
20228    &quot;product&quot;: {
20229      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
20230      &quot;listName&quot;: &quot;Bestsellers&quot;,
20231      &quot;sku&quot;: &quot;14719289360747&quot;,
20232      &quot;currencyCode&quot;: &quot;USD&quot;,
20233      &quot;price&quot;: 2295,
20234      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
20235    }
20236  }"
20237          >
20238<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
20239            >
20240              
20241              <picture>
20242                <img
20243                  srcset="//bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=450 450w,
20244                  //bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=750 750w,
20245                  //bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=900 900w,
20246                  //bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=1100 1100w,
20247                  //bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891 432w" 
20248                  src="//bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=1500"
20249                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
20250                  alt="Cover image for Help Them Grow or Watch Them Go, Third Edition, isbn: 9798890570253"
20251                  :class="showSecond ? 'first-img' : ''"
20252                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
20253                  loading="lazy"
20254                  width="432"
20255                  height="648"
20256                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
20257                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
20258                />
20259              </picture>
20260              
20261            </div></div>
20262      </div>
20263      
20264        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
20265              x-show="$store.xQuickView" x-cloak
20266            > 
20267              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
20268                class="w-full hide-icon lg:px-4" 
20269                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
20270                x-cloak
20271              >
20272<form method="post" action="/cart/add" id="product-form-choose-option147192893607474012" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114837897579">
20273                    
20274                                                                
20275                    <button
20276                      type="submit"
20277                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm"
20278                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
20279                      
20280                      
20281                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20282                      
20283aria-label="Add to cart"
20284                        
20285                      
20286                    >
20287                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
20288                            <span class="flex items-center justify-center">
20289                              
20290
20291  
20292    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
20293  
20294
20295
20296                            </span></span>
20297                      <div
20298                        class="flex gap-x-2 items-center justify-center"
20299                        role="alert"
20300                        x-cloak
20301                        x-show="errorMessage"
20302                      >
20303                        Sold out
20304                      </div>
20305                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
20306                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20307    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20308      fill="currentcolor" stroke="none">
20309      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
20310    </g>
20311  </svg>
20312
20313                      </div>
20314                    </button>
20315                    <button 
20316                      type="submit"
20317                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
20318                      
20319                      
20320                      data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm"
20321                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20322                      
20323aria-label="Add to cart"
20324                        
20325                      
20326                      x-customer-event-data="{
20327    &quot;product&quot;: {
20328      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
20329      &quot;listName&quot;: &quot;Bestsellers&quot;,
20330      &quot;sku&quot;: &quot;14719289360747&quot;,
20331      &quot;currencyCode&quot;: &quot;USD&quot;,
20332      &quot;price&quot;: 2295,
20333      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
20334    }
20335  }"
20336                    >
20337                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
20338    <g>
20339    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20340    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20341    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20342    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20343    </g>
20344  </svg></span>
20345                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
20346                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20347    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20348      fill="currentcolor" stroke="none">
20349      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
20350    </g>
20351  </svg>
20352
20353                      </span>
20354                  </button><input type="hidden" name="product-id" value="14719289360747" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
20355              </div>
20356            </div><div
20357            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
20358            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
20359            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
20360            >
20361            <div>
20362              <button
20363                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
20364                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm')" 
20365                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm')" 
20366                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
20367                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
20368                x-customer-event-data="{
20369    &quot;product&quot;: {
20370      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
20371      &quot;listName&quot;: &quot;Bestsellers&quot;,
20372      &quot;sku&quot;: &quot;14719289360747&quot;,
20373      &quot;currencyCode&quot;: &quot;USD&quot;,
20374      &quot;price&quot;: 2295,
20375      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
20376    }
20377  }"
20378                aria-label="Button quickview"
20379              >
20380                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
20381    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20382    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20383  </svg>
20384</span>
20385                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
20386                  
20387
20388  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
20389
20390
20391                </span>
20392              </button>
20393              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
20394                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
20395                aria-label="Button quickview"
20396                x-customer-event-data="{
20397    &quot;product&quot;: {
20398      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
20399      &quot;listName&quot;: &quot;Bestsellers&quot;,
20400      &quot;sku&quot;: &quot;14719289360747&quot;,
20401      &quot;currencyCode&quot;: &quot;USD&quot;,
20402      &quot;price&quot;: 2295,
20403      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
20404    }
20405  }"
20406              >
20407                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
20408    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20409    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20410  </svg>
20411</span>
20412              </button>
20413            </div>
20414          </div>
20415        </div>
20416      
20417    </a>
20418    
20419    
20420    <div class="md:list-layout:hidden">
20421      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
20422        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
20423          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289360747">
20424            <a href="/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition"
20425              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
20426              @click='$store.xCustomerEvent.fire("product_selected", $el)'
20427              x-customer-event-data="{
20428    &quot;product&quot;: {
20429      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
20430      &quot;listName&quot;: &quot;Bestsellers&quot;,
20431      &quot;sku&quot;: &quot;14719289360747&quot;,
20432      &quot;currencyCode&quot;: &quot;USD&quot;,
20433      &quot;price&quot;: 2295,
20434      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
20435    }
20436  }"
20437            >
20438              Help Them Grow or Watch Them Go, Third Edition
20439            </a>
20440          </h3>
20441          
20442
20443            
20444  
20445<div 
20446  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
20447><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars">
20448      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
20448ox="0 0 512 512"  xml:space="preserve">
20449      <g>
20450        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
20451      </g>
20452    </svg>
20453    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
20454      <g>
20455        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
20456      </g>
20457    </svg>
20458    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
20459      <g>
20460        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
20461      </g>
20462    </svg>
20463    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
20464      <g>
20465        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
20466      </g>
20467    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
20468          <defs>
20469              <linearGradient id="grad">
20470                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
20471                  <stop offset="50%" stop-color="currentColor"/>
20472              </linearGradient>
20473          </defs>
20474          <g>
20475            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
20476          </g>
20477      </svg>
20478    </div> 
20479    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(296)
20480    </p></div>
20481
20482<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
20483            
20484            
20485              <div class=" price leading-none">
20486  <div class="">
20487    
20488      <div class="hidden">2295</div><p class="price">
20489          <span>$22.95</span>
20490        </p><small class="text-[70%] hidden">
20491        <span class="hidden">Unit price</span>
20492        <span class="up price-item price-item--last">
20493          <span>
20494
20495          </span>
20496          <span aria-hidden="true">/</span>
20497          <span class="hidden">&nbsp;per&nbsp;</span>
20498          <span>
20499          </span>
20500        </span>
20501      </small>
20502    
20503  </div>
20504  
20505</div>
20506            
20507            <div class="next-price empty:hidden"></div>
20508          </div>
20509          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289360747', [637329310059, 637336453483, 639249514859, 639269732715, 650454204779, 637337043307, 639249744235, 636480389483, 636473475435, 639252758891, 640668860779, 648798896491, 639269339499])"><div 
20510  x-data='{ 
20511    storeAvailabilites: {},
20512    pickupLocation: []
20513  }'
20514  class="mb-3"
20515  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
20516>
20517  <style data-shopify>
20518    .text-available, .text-unavailable {
20519      font-size: 0.669375rem;
20520      font-family: var(--font-body-family);
20521    }
20522
20523    @media (min-width: 768px) {
20524      .text-available, .text-unavailable {
20525        font-size: 0.74375rem;
20526      }
20527    }
20528
20529    .text-available {
20530      color: #6b762d;
20531    }
20532
20533    .dark .text-available {
20534      color: #858F4D;
20535    }
20536
20537    .text-unavailable {
20538      color: #767474;
20539    }
20540
20541    .dark .text-unavailable {
20542      color: #867F7F;
20543    }
20544  </style>
20545  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
20546    <span class="flex h-4 w-4 relative">
20547<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
20548  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
20549  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
20550</svg>
20551
20552</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
20553  </div>
20554  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
20555    <span class="flex h-4 w-4 relative">
20556<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
20557  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
20558  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
20559</svg>
20560
20561</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
20562  </div>
20563</div></div>
20564        </div>
20565      </div>
20566    </div>
20567    
20568  </div>
20569  <div
20570    id="x-product-template-14719289360747-template--24498228953451__featured_collection_PFy63t-1-12"
20571    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
20572  >
20573    <div class="hidden md:list-layout:block">
20574      
20575      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
20576        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
20577          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289360747">
20578            <a href="/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition"
20579              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
20580              @click='$store.xCustomerEvent.fire("product_selected", $el)'
20581              x-customer-event-data="{
20582    &quot;product&quot;: {
20583      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
20584      &quot;listName&quot;: &quot;Bestsellers&quot;,
20585      &quot;sku&quot;: &quot;14719289360747&quot;,
20586      &quot;currencyCode&quot;: &quot;USD&quot;,
20587      &quot;price&quot;: 2295,
20588      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
20589    }
20590  }"
20591            >
20592              Help Them Grow or Watch Them Go, Third Edition
20593            </a>
20594          </h3>
20595          
20596
20597            
20598  
20599<div 
20600  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
20601><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars">
20602      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
20602ox="0 0 512 512"  xml:space="preserve">
20603      <g>
20604        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
20605      </g>
20606    </svg>
20607    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
20608      <g>
20609        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
20610      </g>
20611    </svg>
20612    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
20613      <g>
20614        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
20615      </g>
20616    </svg>
20617    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
20618      <g>
20619        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
20620      </g>
20621    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
20622          <defs>
20623              <linearGradient id="grad">
20624                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
20625                  <stop offset="50%" stop-color="currentColor"/>
20626              </linearGradient>
20627          </defs>
20628          <g>
20629            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
20630          </g>
20631      </svg>
20632    </div> 
20633    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(296)
20634    </p></div>
20635
20636<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
20637            
20638            
20639              <div class=" price leading-none">
20640  <div class="">
20641    
20642      <div class="hidden">2295</div><p class="price">
20643          <span>$22.95</span>
20644        </p><small class="text-[70%] hidden">
20645        <span class="hidden">Unit price</span>
20646        <span class="up price-item price-item--last">
20647          <span>
20648
20649          </span>
20650          <span aria-hidden="true">/</span>
20651          <span class="hidden">&nbsp;per&nbsp;</span>
20652          <span>
20653          </span>
20654        </span>
20655      </small>
20656    
20657  </div>
20658  
20659</div>
20660            
20661            <div class="next-price empty:hidden"></div>
20662          </div>
20663          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289360747', [637329310059, 637336453483, 639249514859, 639269732715, 650454204779, 637337043307, 639249744235, 636480389483, 636473475435, 639252758891, 640668860779, 648798896491, 639269339499])"><div 
20664  x-data='{ 
20665    storeAvailabilites: {},
20666    pickupLocation: []
20667  }'
20668  class="mb-3"
20669  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
20670>
20671  <style data-shopify>
20672    .text-available, .text-unavailable {
20673      font-size: 0.669375rem;
20674      font-family: var(--font-body-family);
20675    }
20676
20677    @media (min-width: 768px) {
20678      .text-available, .text-unavailable {
20679        font-size: 0.74375rem;
20680      }
20681    }
20682
20683    .text-available {
20684      color: #6b762d;
20685    }
20686
20687    .dark .text-available {
20688      color: #858F4D;
20689    }
20690
20691    .text-unavailable {
20692      color: #767474;
20693    }
20694
20695    .dark .text-unavailable {
20696      color: #867F7F;
20697    }
20698  </style>
20699  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
20700    <span class="flex h-4 w-4 relative">
20701<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
20702  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
20703  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
20704</svg>
20705
20706</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
20707  </div>
20708  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
20709    <span class="flex h-4 w-4 relative">
20710<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
20711  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
20712  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
20713</svg>
20714
20715</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
20716  </div>
20717</div></div>
20718        </div>
20719      </div>
20720    
20721    </div>
20722    
20723
20724        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
20725          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570253_help-them-grow-or-watch-them-go-third-edition');
20726        });"></div>
20727        <div
20728          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm" 
20729          class="current-variant hidden"
20730        >
20731          52114837897579
20732        </div>
20733    
20734    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
20735    
20736      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
20737            class="card-info bottom_atc md:list-layout:hidden hide-icon"
20738            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
20739            x-cloak
20740          >
20741            
20742<form method="post" action="/cart/add" id="product-form-choose-option147192893607474012" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114837897579">
20743                
20744                                                            
20745                <button
20746                  type="submit"
20747                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm"
20748                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
20749                  
20750                  
20751                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20752                  
20753aria-label="Add to cart"
20754                    
20755                  
20756                >
20757                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
20758                        <span class="flex items-center justify-center">
20759                          
20760
20761  
20762    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
20763  
20764
20765
20766                        </span></span>
20767                  <div
20768                    class="flex gap-x-2 items-center justify-center"
20769                    role="alert"
20770                    x-cloak
20771                    x-show="errorMessage"
20772                  >
20773                    Sold out
20774                  </div>
20775                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
20776                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20777    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20778      fill="currentcolor" stroke="none">
20779      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
20780    </g>
20781  </svg>
20782
20783                  </div>
20784                </button><input type="hidden" name="product-id" value="14719289360747" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
20785          </div></template>
20786    
20787    
20788      <template x-if="$store.xQuickView">
20789        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
20790              
20791<form method="post" action="/cart/add" id="product-form-choose-option147192893607474012" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114837897579">
20792                  
20793                                                              
20794                  <button
20795                    type="submit"
20796                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm"
20797                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
20798                    
20799                    
20800                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20801                    
20802aria-label="Add to cart"
20803                      
20804                    
20805                  >
20806                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
20807                          <span class="flex items-center justify-center">
20808                            
20809
20810  
20811    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
20812  
20813
20814
20815                          </span></span>
20816                    <div
20817                      class="flex gap-x-2 items-center justify-center"
20818                      role="alert"
20819                      x-cloak
20820                      x-show="errorMessage"
20821                    >
20822                      Sold out
20823                    </div>
20824                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
20824calc(50%-10px)]" x-show="loading" x-cloak>
20825                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20826    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20827      fill="currentcolor" stroke="none">
20828      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
20829    </g>
20830  </svg>
20831
20832                    </div>
20833                  </button><button 
20834                    type="submit"
20835                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
20836                    
20837                    
20838                    data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm"
20839                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20840                    
20841aria-label="Add to cart"
20842                      
20843                    
20844                    x-customer-event-data="{
20845    &quot;product&quot;: {
20846      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
20847      &quot;listName&quot;: &quot;Bestsellers&quot;,
20848      &quot;sku&quot;: &quot;14719289360747&quot;,
20849      &quot;currencyCode&quot;: &quot;USD&quot;,
20850      &quot;price&quot;: 2295,
20851      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
20852    }
20853  }"
20854                  >
20855                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
20856    <g>
20857    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20858    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20859    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20860    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20861    </g>
20862  </svg></span>
20863                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
20864                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20865    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20866      fill="currentcolor" stroke="none">
20867      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
20868    </g>
20869  </svg>
20870
20871                  </span>
20872                </button><input type="hidden" name="product-id" value="14719289360747" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
20873            </div><button 
20874            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm')" 
20875            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm')" 
20876            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
20877            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
20878            aria-label="Button quickview"
20879            x-customer-event-data="{
20880    &quot;product&quot;: {
20881      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
20882      &quot;listName&quot;: &quot;Bestsellers&quot;,
20883      &quot;sku&quot;: &quot;14719289360747&quot;,
20884      &quot;currencyCode&quot;: &quot;USD&quot;,
20885      &quot;price&quot;: 2295,
20886      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
20887    }
20888  }"
20889            x-show="$store.xQuickView.enabled"
20890          >
20891            <span class="flex justify-center items-center">
20892              
20893
20894  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
20895
20896
20897            </span>
20898          </button>
20899        </div>
20900      </template>
20901    
20902  </div>
20903</div>
20904
20905
20906<div 
20907  
20908    x-data="{ showOptions: false, options: [] }"
20909  
20910  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
20911  x-slide-index="12"
20912>
20913  <div 
20914    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
20915  >
20916    <style data-shopify>
20917      
20918    </style>
20919    
20920    <style data-shopify>
20921      
20922    </style>
20923    <a 
20924      
20925        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
20926      
20927      href="/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition"
20928       
20929        x-data="{ lastWindowWidth: 0 }"
20930        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
20931        x-labels-data="[{
20932        &quot;variant_id&quot;: 52114837799275,
20933        &quot;product_id&quot;: 14719289262443,
20934        &quot;available&quot;: true,
20935        &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
20936        &quot;compare_at_price&quot;: 0,
20937        &quot;price&quot;: 2395,
20938        &quot;price_with_currency&quot;: &quot;$23.95&quot;,
20939        &quot;sale_amount&quot;: &quot;$-23.95&quot;,
20940        &quot;collections&quot;: &quot;||637336453483||639249514859||643824812395||637337043307||639249744235||642721775979||636480389483||636473475435||639270191467||639269339499||&quot;,
20941        &quot;inventory_management&quot;: &quot;shopify&quot;,
20942        &quot;qty&quot;: 640,
20943        &quot;container&quot;: &quot;card&quot;,
20944        &quot;can_show_preorder&quot;: false,
20945        &quot;diff_day_create&quot;: 477.21,
20946        &quot;diff_day_publish&quot;: 477.21
20947        
20948          ,&quot;metafield_label&quot;: { 
20949            &quot;custom.format2&quot;:&quot;Paperback&quot;
20950          }
20951        
20952      }]"
20953       
20954      aria-label="Decolonizing Wealth, Second Edition"
20955      id="14719289262443-template--24498228953451__featured_collection_PFy63t"
20956      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
20957      <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
20958        <div
20959          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-13-12"
20960          class="block h-full" 
20961          @click='$store.xCustomerEvent.fire("product_selected", $el)'
20962          x-customer-event-data="{
20963    &quot;product&quot;: {
20964      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
20965      &quot;listName&quot;: &quot;Bestsellers&quot;,
20966      &quot;sku&quot;: &quot;14719289262443&quot;,
20967      &quot;currencyCode&quot;: &quot;USD&quot;,
20968      &quot;price&quot;: 2395,
20969      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
20970    }
20971  }"
20972          >
20973<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
20974            >
20975              
20976              <picture>
20977                <img
20978                  srcset="//bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=450 450w,
20979                  //bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=750 750w,
20980                  //bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=900 900w,
20981                  //bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=1100 1100w,
20982                  //bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892 419w" 
20983                  src="//bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=1500"
20984                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
20985                  alt="Cover image for Decolonizing Wealth, Second Edition, isbn: 9781523091416"
20986                  :class="showSecond ? 'first-img' : ''"
20987                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
20988                  loading="lazy"
20989                  width="419"
20990                  height="648"
20991                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
20992                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
20993                />
20994              </picture>
20995              
20996            </div></div>
20997      </div>
20998      
20999        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
21000              x-show="$store.xQuickView" x-cloak
21001            > 
21002              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
21003                class="w-full hide-icon lg:px-4" 
21004                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
21005                x-cloak
21006              >
21007<form method="post" action="/cart/add" id="product-form-choose-option147192892624434013" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114837799275">
21008                    
21009                                                                
21010                    <button
21011                      type="submit"
21012                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm"
21013                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
21014                      
21015                      
21016                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
21017                      
21018aria-label="Add to cart"
21019                        
21020                      
21021                    >
21022                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
21023                            <span class="flex items-center justify-center">
21024                              
21025
21026  
21027    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
21028  
21029
21030
21031                            </span></span>
21032                      <div
21033                        class="flex gap-x-2 items-center justify-center"
21034                        role="alert"
21035                        x-cloak
21036                        x-show="errorMessage"
21037                      >
21038                        Sold out
21039                      </div>
21040                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
21041                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
21042    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
21043      fill="currentcolor" stroke="none">
21044      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
21045    </g>
21046  </svg>
21047
21048                      </div>
21049                    </button>
21050                    <button 
21051                      type="submit"
21052                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
21053                      
21054                      
21055                      data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm"
21056                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
21057                      
21058aria-label="Add to cart"
21059                        
21060                      
21061                      x-customer-event-data="{
21062    &quot;product&quot;: {
21063      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
21064      &quot;listName&quot;: &quot;Bestsellers&quot;,
21065      &quot;sku&quot;: &quot;14719289262443&quot;,
21066      &quot;currencyCode&quot;: &quot;USD&quot;,
21067      &quot;price&quot;: 2395,
21068      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
21069    }
21070  }"
21071                    >
21072                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
21073    <g>
21074    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21075    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21076    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21077    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21078    </g>
21079  </svg></span>
21080                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
21081                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
21082    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
21083      fill="currentcolor" stroke="none">
21084      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
21085    </g>
21086  </svg>
21087
21088                      </span>
21089                  </button><input type="hidden" name="product-id" value="14719289262443" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
21090              </div>
21091            </div><div
21092            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
21093            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
21094            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
21095            >
21096            <div>
21097              <button
21098                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
21099                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm')" 
21100                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm')" 
21101                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
21102                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
21103                x-customer-event-data="{
21104    &quot;product&quot;: {
21105      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
21106      &quot;listName&quot;: &quot;Bestsellers&quot;,
21107      &quot;sku&quot;: &quot;14719289262443&quot;,
21108      &quot;currencyCode&quot;: &quot;USD&quot;,
21109      &quot;price&quot;: 2395,
21110      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
21111    }
21112  }"
21113                aria-label="Button quickview"
21114              >
21115                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
21116    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21117    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21118  </svg>
21119</span>
21120                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
21121                  
21122
21123  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
21124
21125
21126                </span>
21127              </button>
21128              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
21129                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
21130                aria-label="Button quickview"
21131                x-customer-event-data="{
21132    &quot;product&quot;: {
21133      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
21134      &quot;listName&quot;: &quot;Bestsellers&quot;,
21135      &quot;sku&quot;: &quot;14719289262443&quot;,
21136      &quot;currencyCode&quot;: &quot;USD&quot;,
21137      &quot;price&quot;: 2395,
21138      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
21139    }
21140  }"
21141              >
21142                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
21143    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21144    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21145  </svg>
21146</span>
21147              </button>
21148            </div>
21149          </div>
21150        </div>
21151      
21152    </a>
21153    
21154    
21155    <div class="md:list-layout:hidden">
21156      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
21157        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
21158          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289262443">
21159            <a href="/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition"
21160              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
21161              @click='$store.xCustomerEvent.fire("product_selected", $el)'
21162              x-customer-event-data="{
21163    &quot;product&quot;: {
21164      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
21165      &quot;listName&quot;: &quot;Bestsellers&quot;,
21166      &quot;sku&quot;: &quot;14719289262443&quot;,
21167      &quot;currencyCode&quot;: &quot;USD&quot;,
21168      &quot;price&quot;: 2395,
21169      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
21170    }
21171  }"
21172            >
21173              Decolonizing Wealth, Second Edition
21174            </a>
21175          </h3>
21176          
21177
21178            
21179  
21180<div 
21181  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
21182><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
21183      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
21183ox="0 0 512 512"  xml:space="preserve">
21184      <g>
21185        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21186      </g>
21187    </svg>
21188    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
21189      <g>
21190        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21191      </g>
21192    </svg>
21193    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
21194      <g>
21195        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21196      </g>
21197    </svg>
21198    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
21199      <g>
21200        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21201      </g>
21202    </svg>
21203    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
21204      <g>
21205        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21206      </g>
21207    </svg>
21208    </div> 
21209    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
21210    </p></div>
21211
21212<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
21213            
21214            
21215              <div class=" price leading-none">
21216  <div class="">
21217    
21218      <div class="hidden">2395</div><p class="price">
21219          <span>$23.95</span>
21220        </p><small class="text-[70%] hidden">
21221        <span class="hidden">Unit price</span>
21222        <span class="up price-item price-item--last">
21223          <span>
21224
21225          </span>
21226          <span aria-hidden="true">/</span>
21227          <span class="hidden">&nbsp;per&nbsp;</span>
21228          <span>
21229          </span>
21230        </span>
21231      </small>
21232    
21233  </div>
21234  
21235</div>
21236            
21237            <div class="next-price empty:hidden"></div>
21238          </div>
21239          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289262443', [637336453483, 639249514859, 643824812395, 637337043307, 639249744235, 642721775979, 636480389483, 636473475435, 639270191467, 639269339499])"><div 
21240  x-data='{ 
21241    storeAvailabilites: {},
21242    pickupLocation: []
21243  }'
21244  class="mb-3"
21245  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
21246>
21247  <style data-shopify>
21248    .text-available, .text-unavailable {
21249      font-size: 0.669375rem;
21250      font-family: var(--font-body-family);
21251    }
21252
21253    @media (min-width: 768px) {
21254      .text-available, .text-unavailable {
21255        font-size: 0.74375rem;
21256      }
21257    }
21258
21259    .text-available {
21260      color: #6b762d;
21261    }
21262
21263    .dark .text-available {
21264      color: #858F4D;
21265    }
21266
21267    .text-unavailable {
21268      color: #767474;
21269    }
21270
21271    .dark .text-unavailable {
21272      color: #867F7F;
21273    }
21274  </style>
21275  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
21276    <span class="flex h-4 w-4 relative">
21277<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
21278  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
21279  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
21280</svg>
21281
21282</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
21283  </div>
21284  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
21285    <span class="flex h-4 w-4 relative">
21286<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
21287  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
21288  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
21289</svg>
21290
21291</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
21292  </div>
21293</div></div>
21294        </div>
21295      </div>
21296    </div>
21297    
21298  </div>
21299  <div
21300    id="x-product-template-14719289262443-template--24498228953451__featured_collection_PFy63t-1-13"
21301    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
21302  >
21303    <div class="hidden md:list-layout:block">
21304      
21305      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
21306        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
21307          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289262443">
21308            <a href="/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition"
21309              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
21310              @click='$store.xCustomerEvent.fire("product_selected", $el)'
21311              x-customer-event-data="{
21312    &quot;product&quot;: {
21313      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
21314      &quot;listName&quot;: &quot;Bestsellers&quot;,
21315      &quot;sku&quot;: &quot;14719289262443&quot;,
21316      &quot;currencyCode&quot;: &quot;USD&quot;,
21317      &quot;price&quot;: 2395,
21318      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
21319    }
21320  }"
21321            >
21322              Decolonizing Wealth, Second Edition
21323            </a>
21324          </h3>
21325          
21326
21327            
21328  
21329<div 
21330  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
21331><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
21332      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
21332ox="0 0 512 512"  xml:space="preserve">
21333      <g>
21334        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21335      </g>
21336    </svg>
21337    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
21338      <g>
21339        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21340      </g>
21341    </svg>
21342    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
21343      <g>
21344        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21345      </g>
21346    </svg>
21347    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
21348      <g>
21349        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21350      </g>
21351    </svg>
21352    <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
21353      <g>
21354        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21355      </g>
21356    </svg>
21357    </div> 
21358    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
21359    </p></div>
21360
21361<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
21362            
21363            
21364              <div class=" price leading-none">
21365  <div class="">
21366    
21367      <div class="hidden">2395</div><p class="price">
21368          <span>$23.95</span>
21369        </p><small class="text-[70%] hidden">
21370        <span class="hidden">Unit price</span>
21371        <span class="up price-item price-item--last">
21372          <span>
21373
21374          </span>
21375          <span aria-hidden="true">/</span>
21376          <span class="hidden">&nbsp;per&nbsp;</span>
21377          <span>
21378          </span>
21379        </span>
21380      </small>
21381    
21382  </div>
21383  
21384</div>
21385            
21386            <div class="next-price empty:hidden"></div>
21387          </div>
21388          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289262443', [637336453483, 639249514859, 643824812395, 637337043307, 639249744235, 642721775979, 636480389483, 636473475435, 639270191467, 639269339499])"><div 
21389  x-data='{ 
21390    storeAvailabilites: {},
21391    pickupLocation: []
21392  }'
21393  class="mb-3"
21394  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
21395>
21396  <style data-shopify>
21397    .text-available, .text-unavailable {
21398      font-size: 0.669375rem;
21399      font-family: var(--font-body-family);
21400    }
21401
21402    @media (min-width: 768px) {
21403      .text-available, .text-unavailable {
21404        font-size: 0.74375rem;
21405      }
21406    }
21407
21408    .text-available {
21409      color: #6b762d;
21410    }
21411
21412    .dark .text-available {
21413      color: #858F4D;
21414    }
21415
21416    .text-unavailable {
21417      color: #767474;
21418    }
21419
21420    .dark .text-unavailable {
21421      color: #867F7F;
21422    }
21423  </style>
21424  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
21425    <span class="flex h-4 w-4 relative">
21426<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
21427  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
21428  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
21429</svg>
21430
21431</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
21432  </div>
21433  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
21434    <span class="flex h-4 w-4 relative">
21435<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
21436  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
21437  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
21438</svg>
21439
21440</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
21441  </div>
21442</div></div>
21443        </div>
21444      </div>
21445    
21446    </div>
21447    
21448
21449        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
21450          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523091416_decolonizing-wealth-second-edition');
21451        });"></div>
21452        <div
21453          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm" 
21454          class="current-variant hidden"
21455        >
21456          52114837799275
21457        </div>
21458    
21459    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
21460    
21461      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
21462            class="card-info bottom_atc md:list-layout:hidden hide-icon"
21463            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
21464            x-cloak
21465          >
21466            
21467<form method="post" action="/cart/add" id="product-form-choose-option147192892624434013" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114837799275">
21468                
21469                                                            
21470                <button
21471                  type="submit"
21472                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm"
21473                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
21474                  
21475                  
21476                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
21477                  
21478aria-label="Add to cart"
21479                    
21480                  
21481                >
21482                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
21483                        <span class="flex items-center justify-center">
21484                          
21485
21486  
21487    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
21488  
21489
21490
21491                        </span></span>
21492                  <div
21493                    class="flex gap-x-2 items-center justify-center"
21494                    role="alert"
21495                    x-cloak
21496                    x-show="errorMessage"
21497                  >
21498                    Sold out
21499                  </div>
21500                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
21501                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
21502    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
21503      fill="currentcolor" stroke="none">
21504      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
21505    </g>
21506  </svg>
21507
21508                  </div>
21509                </button><input type="hidden" name="product-id" value="14719289262443" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
21510          </div></template>
21511    
21512    
21513      <template x-if="$store.xQuickView">
21514        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
21515              
21516<form method="post" action="/cart/add" id="product-form-choose-option147192892624434013" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114837799275">
21517                  
21518                                                              
21519                  <button
21520                    type="submit"
21521                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm"
21522                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
21523                    
21524                    
21525                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
21526                    
21527aria-label="Add to cart"
21528                      
21529                    
21530                  >
21531                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
21532                          <span class="flex items-center justify-center">
21533                            
21534
21535  
21536    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
21537  
21538
21539
21540                          </span></span>
21541                    <div
21542                      class="flex gap-x-2 items-center justify-center"
21543                      role="alert"
21544                      x-cloak
21545                      x-show="errorMessage"
21546                    >
21547                      Sold out
21548                    </div>
21549                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
21549calc(50%-10px)]" x-show="loading" x-cloak>
21550                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
21551    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
21552      fill="currentcolor" stroke="none">
21553      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
21554    </g>
21555  </svg>
21556
21557                    </div>
21558                  </button><button 
21559                    type="submit"
21560                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
21561                    
21562                    
21563                    data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm"
21564                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
21565                    
21566aria-label="Add to cart"
21567                      
21568                    
21569                    x-customer-event-data="{
21570    &quot;product&quot;: {
21571      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
21572      &quot;listName&quot;: &quot;Bestsellers&quot;,
21573      &quot;sku&quot;: &quot;14719289262443&quot;,
21574      &quot;currencyCode&quot;: &quot;USD&quot;,
21575      &quot;price&quot;: 2395,
21576      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
21577    }
21578  }"
21579                  >
21580                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
21581    <g>
21582    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21583    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21584    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21585    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21586    </g>
21587  </svg></span>
21588                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
21589                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
21590    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
21591      fill="currentcolor" stroke="none">
21592      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
21593    </g>
21594  </svg>
21595
21596                  </span>
21597                </button><input type="hidden" name="product-id" value="14719289262443" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
21598            </div><button 
21599            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm')" 
21600            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm')" 
21601            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
21602            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
21603            aria-label="Button quickview"
21604            x-customer-event-data="{
21605    &quot;product&quot;: {
21606      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
21607      &quot;listName&quot;: &quot;Bestsellers&quot;,
21608      &quot;sku&quot;: &quot;14719289262443&quot;,
21609      &quot;currencyCode&quot;: &quot;USD&quot;,
21610      &quot;price&quot;: 2395,
21611      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
21612    }
21613  }"
21614            x-show="$store.xQuickView.enabled"
21615          >
21616            <span class="flex justify-center items-center">
21617              
21618
21619  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
21620
21621
21622            </span>
21623          </button>
21624        </div>
21625      </template>
21626    
21627  </div>
21628</div>
21629
21630
21631<div 
21632  
21633    x-data="{ showOptions: false, options: [] }"
21634  
21635  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
21636  x-slide-index="13"
21637>
21638  <div 
21639    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
21640  >
21641    <style data-shopify>
21642      
21643    </style>
21644    
21645    <style data-shopify>
21646      
21647    </style>
21648    <a 
21649      
21650        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
21651      
21652      href="/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition"
21653       
21654        x-data="{ lastWindowWidth: 0 }"
21655        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
21656        x-labels-data="[{
21657        &quot;variant_id&quot;: 52114837700971,
21658        &quot;product_id&quot;: 14719289164139,
21659        &quot;available&quot;: true,
21660        &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
21661        &quot;compare_at_price&quot;: 0,
21662        &quot;price&quot;: 2195,
21663        &quot;price_with_currency&quot;: &quot;$21.95&quot;,
21664        &quot;sale_amount&quot;: &quot;$-21.95&quot;,
21665        &quot;collections&quot;: &quot;||637336453483||639249514859||643825009003||636480389483||639269929323||636473475435||639252758891||645631738219||&quot;,
21666        &quot;inventory_management&quot;: &quot;shopify&quot;,
21667        &quot;qty&quot;: 568,
21668        &quot;container&quot;: &quot;card&quot;,
21669        &quot;can_show_preorder&quot;: false,
21670        &quot;diff_day_create&quot;: 477.21,
21671        &quot;diff_day_publish&quot;: 477.21
21672        
21673          ,&quot;metafield_label&quot;: { 
21674            &quot;custom.format2&quot;:&quot;Paperback&quot;
21675          }
21676        
21677      }]"
21678       
21679      aria-label="The Power of Purpose, 4th Edition"
21680      id="14719289164139-template--24498228953451__featured_collection_PFy63t"
21681      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
21682      <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
21683        <div
21684          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-14-13"
21685          class="block h-full" 
21686          @click='$store.xCustomerEvent.fire("product_selected", $el)'
21687          x-customer-event-data="{
21688    &quot;product&quot;: {
21689      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
21690      &quot;listName&quot;: &quot;Bestsellers&quot;,
21691      &quot;sku&quot;: &quot;14719289164139&quot;,
21692      &quot;currencyCode&quot;: &quot;USD&quot;,
21693      &quot;price&quot;: 2195,
21694      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
21695    }
21696  }"
21697          >
21698<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
21699            >
21700              
21701              <picture>
21702                <img
21703                  srcset="//bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=450 450w,
21704                  //bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=750 750w,
21705                  //bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=900 900w,
21706                  //bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=1100 1100w,
21707                  //bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890 419w" 
21708                  src="//bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=1500"
21709                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
21710                  alt="Cover image for The Power of Purpose, 4th Edition, isbn: 9781523006960"
21711                  :class="showSecond ? 'first-img' : ''"
21712                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
21713                  loading="lazy"
21714                  width="419"
21715                  height="648"
21716                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
21717                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
21718                />
21719              </picture>
21720              
21721            </div></div>
21722      </div>
21723      
21724        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
21725              x-show="$store.xQuickView" x-cloak
21726            > 
21727              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
21728                class="w-full hide-icon lg:px-4" 
21729                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
21730                x-cloak
21731              >
21732<form method="post" action="/cart/add" id="product-form-choose-option147192891641394014" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114837700971">
21733                    
21734                                                                
21735                    <button
21736                      type="submit"
21737                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm"
21738                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
21739                      
21740                      
21741                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
21742                      
21743aria-label="Add to cart"
21744                        
21745                      
21746                    >
21747                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
21748                            <span class="flex items-center justify-center">
21749                              
21750
21751  
21752    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
21753  
21754
21755
21756                            </span></span>
21757                      <div
21758                        class="flex gap-x-2 items-center justify-center"
21759                        role="alert"
21760                        x-cloak
21761                        x-show="errorMessage"
21762                      >
21763                        Sold out
21764                      </div>
21765                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
21766                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
21767    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
21768      fill="currentcolor" stroke="none">
21769      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
21770    </g>
21771  </svg>
21772
21773                      </div>
21774                    </button>
21775                    <button 
21776                      type="submit"
21777                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
21778                      
21779                      
21780                      data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm"
21781                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
21782                      
21783aria-label="Add to cart"
21784                        
21785                      
21786                      x-customer-event-data="{
21787    &quot;product&quot;: {
21788      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
21789      &quot;listName&quot;: &quot;Bestsellers&quot;,
21790      &quot;sku&quot;: &quot;14719289164139&quot;,
21791      &quot;currencyCode&quot;: &quot;USD&quot;,
21792      &quot;price&quot;: 2195,
21793      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
21794    }
21795  }"
21796                    >
21797                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
21798    <g>
21799    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21800    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21801    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21802    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21803    </g>
21804  </svg></span>
21805                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
21806                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
21807    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
21808      fill="currentcolor" stroke="none">
21809      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
21810    </g>
21811  </svg>
21812
21813                      </span>
21814                  </button><input type="hidden" name="product-id" value="14719289164139" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
21815              </div>
21816            </div><div
21817            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
21818            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
21819            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
21820            >
21821            <div>
21822              <button
21823                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
21824                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm')" 
21825                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm')" 
21826                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
21827                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
21828                x-customer-event-data="{
21829    &quot;product&quot;: {
21830      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
21831      &quot;listName&quot;: &quot;Bestsellers&quot;,
21832      &quot;sku&quot;: &quot;14719289164139&quot;,
21833      &quot;currencyCode&quot;: &quot;USD&quot;,
21834      &quot;price&quot;: 2195,
21835      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
21836    }
21837  }"
21838                aria-label="Button quickview"
21839              >
21840                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
21841    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21842    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21843  </svg>
21844</span>
21845                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
21846                  
21847
21848  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
21849
21850
21851                </span>
21852              </button>
21853              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
21854                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
21855                aria-label="Button quickview"
21856                x-customer-event-data="{
21857    &quot;product&quot;: {
21858      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
21859      &quot;listName&quot;: &quot;Bestsellers&quot;,
21860      &quot;sku&quot;: &quot;14719289164139&quot;,
21861      &quot;currencyCode&quot;: &quot;USD&quot;,
21862      &quot;price&quot;: 2195,
21863      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
21864    }
21865  }"
21866              >
21867                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
21868    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21869    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21870  </svg>
21871</span>
21872              </button>
21873            </div>
21874          </div>
21875        </div>
21876      
21877    </a>
21878    
21879    
21880    <div class="md:list-layout:hidden">
21881      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
21882        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
21883          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289164139">
21884            <a href="/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition"
21885              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
21886              @click='$store.xCustomerEvent.fire("product_selected", $el)'
21887              x-customer-event-data="{
21888    &quot;product&quot;: {
21889      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
21890      &quot;listName&quot;: &quot;Bestsellers&quot;,
21891      &quot;sku&quot;: &quot;14719289164139&quot;,
21892      &quot;currencyCode&quot;: &quot;USD&quot;,
21893      &quot;price&quot;: 2195,
21894      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
21895    }
21896  }"
21897            >
21898              The Power of Purpose, 4th Edition
21899            </a>
21900          </h3>
21901          
21902
21903            
21904  
21905<div 
21906  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
21907><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
21908      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
21908ox="0 0 512 512"  xml:space="preserve">
21909      <g>
21910        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21911      </g>
21912    </svg>
21913    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
21914      <g>
21915        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21916      </g>
21917    </svg>
21918    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
21919      <g>
21920        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21921      </g>
21922    </svg>
21923    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
21924      <g>
21925        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21926      </g>
21927    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
21928          <defs>
21929              <linearGradient id="grad">
21930                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
21931                  <stop offset="50%" stop-color="currentColor"/>
21932              </linearGradient>
21933          </defs>
21934          <g>
21935            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
21936          </g>
21937      </svg>
21938    </div> 
21939    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(98)
21940    </p></div>
21941
21942<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
21943            
21944            
21945              <div class=" price leading-none">
21946  <div class="">
21947    
21948      <div class="hidden">2195</div><p class="price">
21949          <span>$21.95</span>
21950        </p><small class="text-[70%] hidden">
21951        <span class="hidden">Unit price</span>
21952        <span class="up price-item price-item--last">
21953          <span>
21954
21955          </span>
21956          <span aria-hidden="true">/</span>
21957          <span class="hidden">&nbsp;per&nbsp;</span>
21958          <span>
21959          </span>
21960        </span>
21961      </small>
21962    
21963  </div>
21964  
21965</div>
21966            
21967            <div class="next-price empty:hidden"></div>
21968          </div>
21969          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289164139', [637336453483, 639249514859, 643825009003, 636480389483, 639269929323, 636473475435, 639252758891, 645631738219])"><div 
21970  x-data='{ 
21971    storeAvailabilites: {},
21972    pickupLocation: []
21973  }'
21974  class="mb-3"
21975  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
21976>
21977  <style data-shopify>
21978    .text-available, .text-unavailable {
21979      font-size: 0.669375rem;
21980      font-family: var(--font-body-family);
21981    }
21982
21983    @media (min-width: 768px) {
21984      .text-available, .text-unavailable {
21985        font-size: 0.74375rem;
21986      }
21987    }
21988
21989    .text-available {
21990      color: #6b762d;
21991    }
21992
21993    .dark .text-available {
21994      color: #858F4D;
21995    }
21996
21997    .text-unavailable {
21998      color: #767474;
21999    }
22000
22001    .dark .text-unavailable {
22002      color: #867F7F;
22003    }
22004  </style>
22005  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
22006    <span class="flex h-4 w-4 relative">
22007<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22008  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22009  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22010</svg>
22011
22012</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22013  </div>
22014  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
22015    <span class="flex h-4 w-4 relative">
22016<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22017  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22018  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22019</svg>
22020
22021</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22022  </div>
22023</div></div>
22024        </div>
22025      </div>
22026    </div>
22027    
22028  </div>
22029  <div
22030    id="x-product-template-14719289164139-template--24498228953451__featured_collection_PFy63t-1-14"
22031    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
22032  >
22033    <div class="hidden md:list-layout:block">
22034      
22035      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
22036        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
22037          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289164139">
22038            <a href="/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition"
22039              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
22040              @click='$store.xCustomerEvent.fire("product_selected", $el)'
22041              x-customer-event-data="{
22042    &quot;product&quot;: {
22043      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
22044      &quot;listName&quot;: &quot;Bestsellers&quot;,
22045      &quot;sku&quot;: &quot;14719289164139&quot;,
22046      &quot;currencyCode&quot;: &quot;USD&quot;,
22047      &quot;price&quot;: 2195,
22048      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
22049    }
22050  }"
22051            >
22052              The Power of Purpose, 4th Edition
22053            </a>
22054          </h3>
22055          
22056
22057            
22058  
22059<div 
22060  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
22061><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
22062      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
22062ox="0 0 512 512"  xml:space="preserve">
22063      <g>
22064        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22065      </g>
22066    </svg>
22067    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
22068      <g>
22069        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22070      </g>
22071    </svg>
22072    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
22073      <g>
22074        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22075      </g>
22076    </svg>
22077    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
22078      <g>
22079        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22080      </g>
22081    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
22082          <defs>
22083              <linearGradient id="grad">
22084                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
22085                  <stop offset="50%" stop-color="currentColor"/>
22086              </linearGradient>
22087          </defs>
22088          <g>
22089            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22090          </g>
22091      </svg>
22092    </div> 
22093    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(98)
22094    </p></div>
22095
22096<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
22097            
22098            
22099              <div class=" price leading-none">
22100  <div class="">
22101    
22102      <div class="hidden">2195</div><p class="price">
22103          <span>$21.95</span>
22104        </p><small class="text-[70%] hidden">
22105        <span class="hidden">Unit price</span>
22106        <span class="up price-item price-item--last">
22107          <span>
22108
22109          </span>
22110          <span aria-hidden="true">/</span>
22111          <span class="hidden">&nbsp;per&nbsp;</span>
22112          <span>
22113          </span>
22114        </span>
22115      </small>
22116    
22117  </div>
22118  
22119</div>
22120            
22121            <div class="next-price empty:hidden"></div>
22122          </div>
22123          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289164139', [637336453483, 639249514859, 643825009003, 636480389483, 639269929323, 636473475435, 639252758891, 645631738219])"><div 
22124  x-data='{ 
22125    storeAvailabilites: {},
22126    pickupLocation: []
22127  }'
22128  class="mb-3"
22129  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
22130>
22131  <style data-shopify>
22132    .text-available, .text-unavailable {
22133      font-size: 0.669375rem;
22134      font-family: var(--font-body-family);
22135    }
22136
22137    @media (min-width: 768px) {
22138      .text-available, .text-unavailable {
22139        font-size: 0.74375rem;
22140      }
22141    }
22142
22143    .text-available {
22144      color: #6b762d;
22145    }
22146
22147    .dark .text-available {
22148      color: #858F4D;
22149    }
22150
22151    .text-unavailable {
22152      color: #767474;
22153    }
22154
22155    .dark .text-unavailable {
22156      color: #867F7F;
22157    }
22158  </style>
22159  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
22160    <span class="flex h-4 w-4 relative">
22161<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22162  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22163  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22164</svg>
22165
22166</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22167  </div>
22168  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
22169    <span class="flex h-4 w-4 relative">
22170<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22171  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22172  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22173</svg>
22174
22175</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22176  </div>
22177</div></div>
22178        </div>
22179      </div>
22180    
22181    </div>
22182    
22183
22184        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
22185          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523006960_the-power-of-purpose-4th-edition');
22186        });"></div>
22187        <div
22188          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm" 
22189          class="current-variant hidden"
22190        >
22191          52114837700971
22192        </div>
22193    
22194    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
22195    
22196      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
22197            class="card-info bottom_atc md:list-layout:hidden hide-icon"
22198            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
22199            x-cloak
22200          >
22201            
22202<form method="post" action="/cart/add" id="product-form-choose-option147192891641394014" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114837700971">
22203                
22204                                                            
22205                <button
22206                  type="submit"
22207                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm"
22208                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
22209                  
22210                  
22211                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22212                  
22213aria-label="Add to cart"
22214                    
22215                  
22216                >
22217                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
22218                        <span class="flex items-center justify-center">
22219                          
22220
22221  
22222    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
22223  
22224
22225
22226                        </span></span>
22227                  <div
22228                    class="flex gap-x-2 items-center justify-center"
22229                    role="alert"
22230                    x-cloak
22231                    x-show="errorMessage"
22232                  >
22233                    Sold out
22234                  </div>
22235                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
22236                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22237    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22238      fill="currentcolor" stroke="none">
22239      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
22240    </g>
22241  </svg>
22242
22243                  </div>
22244                </button><input type="hidden" name="product-id" value="14719289164139" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
22245          </div></template>
22246    
22247    
22248      <template x-if="$store.xQuickView">
22249        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
22250              
22251<form method="post" action="/cart/add" id="product-form-choose-option147192891641394014" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114837700971">
22252                  
22253                                                              
22254                  <button
22255                    type="submit"
22256                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm"
22257                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
22258                    
22259                    
22260                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22261                    
22262aria-label="Add to cart"
22263                      
22264                    
22265                  >
22266                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
22267                          <span class="flex items-center justify-center">
22268                            
22269
22270  
22271    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
22272  
22273
22274
22275                          </span></span>
22276                    <div
22277                      class="flex gap-x-2 items-center justify-center"
22278                      role="alert"
22279                      x-cloak
22280                      x-show="errorMessage"
22281                    >
22282                      Sold out
22283                    </div>
22284                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
22284calc(50%-10px)]" x-show="loading" x-cloak>
22285                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22286    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22287      fill="currentcolor" stroke="none">
22288      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
22289    </g>
22290  </svg>
22291
22292                    </div>
22293                  </button><button 
22294                    type="submit"
22295                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
22296                    
22297                    
22298                    data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm"
22299                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22300                    
22301aria-label="Add to cart"
22302                      
22303                    
22304                    x-customer-event-data="{
22305    &quot;product&quot;: {
22306      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
22307      &quot;listName&quot;: &quot;Bestsellers&quot;,
22308      &quot;sku&quot;: &quot;14719289164139&quot;,
22309      &quot;currencyCode&quot;: &quot;USD&quot;,
22310      &quot;price&quot;: 2195,
22311      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
22312    }
22313  }"
22314                  >
22315                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
22316    <g>
22317    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22318    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22319    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22320    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22321    </g>
22322  </svg></span>
22323                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
22324                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22325    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22326      fill="currentcolor" stroke="none">
22327      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
22328    </g>
22329  </svg>
22330
22331                  </span>
22332                </button><input type="hidden" name="product-id" value="14719289164139" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
22333            </div><button 
22334            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm')" 
22335            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm')" 
22336            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
22337            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
22338            aria-label="Button quickview"
22339            x-customer-event-data="{
22340    &quot;product&quot;: {
22341      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
22342      &quot;listName&quot;: &quot;Bestsellers&quot;,
22343      &quot;sku&quot;: &quot;14719289164139&quot;,
22344      &quot;currencyCode&quot;: &quot;USD&quot;,
22345      &quot;price&quot;: 2195,
22346      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
22347    }
22348  }"
22349            x-show="$store.xQuickView.enabled"
22350          >
22351            <span class="flex justify-center items-center">
22352              
22353
22354  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
22355
22356
22357            </span>
22358          </button>
22359        </div>
22360      </template>
22361    
22362  </div>
22363</div>
22364
22365
22366<div 
22367  
22368    x-data="{ showOptions: false, options: [] }"
22369  
22370  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
22371  x-slide-index="14"
22372>
22373  <div 
22374    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
22375  >
22376    <style data-shopify>
22377      
22378    </style>
22379    
22380    <style data-shopify>
22381      
22382    </style>
22383    <a 
22384      
22385        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
22386      
22387      href="/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition"
22388       
22389        x-data="{ lastWindowWidth: 0 }"
22390        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
22391        x-labels-data="[{
22392        &quot;variant_id&quot;: 52114837504363,
22393        &quot;product_id&quot;: 14719288934763,
22394        &quot;available&quot;: true,
22395        &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
22396        &quot;compare_at_price&quot;: 0,
22397        &quot;price&quot;: 2495,
22398        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
22399        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
22400        &quot;collections&quot;: &quot;||637336453483||639249514859||639269732715||643825140075||639249744235||636480389483||636473475435||639252758891||638975902059||639269339499||&quot;,
22401        &quot;inventory_management&quot;: &quot;shopify&quot;,
22402        &quot;qty&quot;: 1675,
22403        &quot;container&quot;: &quot;card&quot;,
22404        &quot;can_show_preorder&quot;: false,
22405        &quot;diff_day_create&quot;: 477.21,
22406        &quot;diff_day_publish&quot;: 477.21
22407        
22408          ,&quot;metafield_label&quot;: { 
22409            &quot;custom.format2&quot;:&quot;Paperback&quot;
22410          }
22411        
22412      }]"
22413       
22414      aria-label="The Long-Distance Leader, Second Edition"
22415      id="14719288934763-template--24498228953451__featured_collection_PFy63t"
22416      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
22417      <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
22418        <div
22419          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-15-14"
22420          class="block h-full" 
22421          @click='$store.xCustomerEvent.fire("product_selected", $el)'
22422          x-customer-event-data="{
22423    &quot;product&quot;: {
22424      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
22425      &quot;listName&quot;: &quot;Bestsellers&quot;,
22426      &quot;sku&quot;: &quot;14719288934763&quot;,
22427      &quot;currencyCode&quot;: &quot;USD&quot;,
22428      &quot;price&quot;: 2495,
22429      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
22430    }
22431  }"
22432          >
22433<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
22434            >
22435              
22436              <picture>
22437                <img
22438                  srcset="//bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=450 450w,
22439                  //bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=750 750w,
22440                  //bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=900 900w,
22441                  //bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=1100 1100w,
22442                  //bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888 432w" 
22443                  src="//bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=1500"
22444                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
22445                  alt="Cover image for The Long-Distance Leader, Second Edition, isbn: 9798890570222"
22446                  :class="showSecond ? 'first-img' : ''"
22447                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
22448                  loading="lazy"
22449                  width="432"
22450                  height="648"
22451                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
22452                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
22453                />
22454              </picture>
22455              
22456            </div></div>
22457      </div>
22458      
22459        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
22460              x-show="$store.xQuickView" x-cloak
22461            > 
22462              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
22463                class="w-full hide-icon lg:px-4" 
22464                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
22465                x-cloak
22466              >
22467<form method="post" action="/cart/add" id="product-form-choose-option147192889347634015" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114837504363">
22468                    
22469                                                                
22470                    <button
22471                      type="submit"
22472                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm"
22473                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
22474                      
22475                      
22476                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22477                      
22478aria-label="Add to cart"
22479                        
22480                      
22481                    >
22482                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
22483                            <span class="flex items-center justify-center">
22484                              
22485
22486  
22487    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
22488  
22489
22490
22491                            </span></span>
22492                      <div
22493                        class="flex gap-x-2 items-center justify-center"
22494                        role="alert"
22495                        x-cloak
22496                        x-show="errorMessage"
22497                      >
22498                        Sold out
22499                      </div>
22500                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
22501                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22502    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22503      fill="currentcolor" stroke="none">
22504      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
22505    </g>
22506  </svg>
22507
22508                      </div>
22509                    </button>
22510                    <button 
22511                      type="submit"
22512                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
22513                      
22514                      
22515                      data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm"
22516                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22517                      
22518aria-label="Add to cart"
22519                        
22520                      
22521                      x-customer-event-data="{
22522    &quot;product&quot;: {
22523      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
22524      &quot;listName&quot;: &quot;Bestsellers&quot;,
22525      &quot;sku&quot;: &quot;14719288934763&quot;,
22526      &quot;currencyCode&quot;: &quot;USD&quot;,
22527      &quot;price&quot;: 2495,
22528      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
22529    }
22530  }"
22531                    >
22532                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
22533    <g>
22534    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22535    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22536    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22537    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22538    </g>
22539  </svg></span>
22540                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
22541                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22542    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22543      fill="currentcolor" stroke="none">
22544      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
22545    </g>
22546  </svg>
22547
22548                      </span>
22549                  </button><input type="hidden" name="product-id" value="14719288934763" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
22550              </div>
22551            </div><div
22552            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
22553            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
22554            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
22555            >
22556            <div>
22557              <button
22558                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
22559                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm')" 
22560                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm')" 
22561                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
22562                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
22563                x-customer-event-data="{
22564    &quot;product&quot;: {
22565      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
22566      &quot;listName&quot;: &quot;Bestsellers&quot;,
22567      &quot;sku&quot;: &quot;14719288934763&quot;,
22568      &quot;currencyCode&quot;: &quot;USD&quot;,
22569      &quot;price&quot;: 2495,
22570      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
22571    }
22572  }"
22573                aria-label="Button quickview"
22574              >
22575                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
22576    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22577    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22578  </svg>
22579</span>
22580                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
22581                  
22582
22583  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
22584
22585
22586                </span>
22587              </button>
22588              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
22589                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
22590                aria-label="Button quickview"
22591                x-customer-event-data="{
22592    &quot;product&quot;: {
22593      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
22594      &quot;listName&quot;: &quot;Bestsellers&quot;,
22595      &quot;sku&quot;: &quot;14719288934763&quot;,
22596      &quot;currencyCode&quot;: &quot;USD&quot;,
22597      &quot;price&quot;: 2495,
22598      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
22599    }
22600  }"
22601              >
22602                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
22603    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22604    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22605  </svg>
22606</span>
22607              </button>
22608            </div>
22609          </div>
22610        </div>
22611      
22612    </a>
22613    
22614    
22615    <div class="md:list-layout:hidden">
22616      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
22617        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
22618          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719288934763">
22619            <a href="/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition"
22620              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
22621              @click='$store.xCustomerEvent.fire("product_selected", $el)'
22622              x-customer-event-data="{
22623    &quot;product&quot;: {
22624      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
22625      &quot;listName&quot;: &quot;Bestsellers&quot;,
22626      &quot;sku&quot;: &quot;14719288934763&quot;,
22627      &quot;currencyCode&quot;: &quot;USD&quot;,
22628      &quot;price&quot;: 2495,
22629      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
22630    }
22631  }"
22632            >
22633              The Long-Distance Leader, Second Edition
22634            </a>
22635          </h3>
22636          
22637
22638            
22639  
22640<div 
22641  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
22642><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.4 out of 5.0 stars">
22643      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
22643ox="0 0 512 512"  xml:space="preserve">
22644      <g>
22645        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22646      </g>
22647    </svg>
22648    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
22649      <g>
22650        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22651      </g>
22652    </svg>
22653    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
22654      <g>
22655        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22656      </g>
22657    </svg>
22658    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
22659      <g>
22660        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22661      </g>
22662    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
22663          <defs>
22664              <linearGradient id="grad">
22665                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
22666                  <stop offset="50%" stop-color="currentColor"/>
22667              </linearGradient>
22668          </defs>
22669          <g>
22670            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22671          </g>
22672      </svg>
22673    </div> 
22674    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(188)
22675    </p></div>
22676
22677<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
22678            
22679            
22680              <div class=" price leading-none">
22681  <div class="">
22682    
22683      <div class="hidden">2495</div><p class="price">
22684          <span>$24.95</span>
22685        </p><small class="text-[70%] hidden">
22686        <span class="hidden">Unit price</span>
22687        <span class="up price-item price-item--last">
22688          <span>
22689
22690          </span>
22691          <span aria-hidden="true">/</span>
22692          <span class="hidden">&nbsp;per&nbsp;</span>
22693          <span>
22694          </span>
22695        </span>
22696      </small>
22697    
22698  </div>
22699  
22700</div>
22701            
22702            <div class="next-price empty:hidden"></div>
22703          </div>
22704          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719288934763', [637336453483, 639249514859, 639269732715, 643825140075, 639249744235, 636480389483, 636473475435, 639252758891, 638975902059, 639269339499])"><div 
22705  x-data='{ 
22706    storeAvailabilites: {},
22707    pickupLocation: []
22708  }'
22709  class="mb-3"
22710  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
22711>
22712  <style data-shopify>
22713    .text-available, .text-unavailable {
22714      font-size: 0.669375rem;
22715      font-family: var(--font-body-family);
22716    }
22717
22718    @media (min-width: 768px) {
22719      .text-available, .text-unavailable {
22720        font-size: 0.74375rem;
22721      }
22722    }
22723
22724    .text-available {
22725      color: #6b762d;
22726    }
22727
22728    .dark .text-available {
22729      color: #858F4D;
22730    }
22731
22732    .text-unavailable {
22733      color: #767474;
22734    }
22735
22736    .dark .text-unavailable {
22737      color: #867F7F;
22738    }
22739  </style>
22740  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
22741    <span class="flex h-4 w-4 relative">
22742<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22743  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22744  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22745</svg>
22746
22747</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22748  </div>
22749  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
22750    <span class="flex h-4 w-4 relative">
22751<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22752  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22753  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22754</svg>
22755
22756</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22757  </div>
22758</div></div>
22759        </div>
22760      </div>
22761    </div>
22762    
22763  </div>
22764  <div
22765    id="x-product-template-14719288934763-template--24498228953451__featured_collection_PFy63t-1-15"
22766    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
22767  >
22768    <div class="hidden md:list-layout:block">
22769      
22770      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
22771        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
22772          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719288934763">
22773            <a href="/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition"
22774              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
22775              @click='$store.xCustomerEvent.fire("product_selected", $el)'
22776              x-customer-event-data="{
22777    &quot;product&quot;: {
22778      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
22779      &quot;listName&quot;: &quot;Bestsellers&quot;,
22780      &quot;sku&quot;: &quot;14719288934763&quot;,
22781      &quot;currencyCode&quot;: &quot;USD&quot;,
22782      &quot;price&quot;: 2495,
22783      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
22784    }
22785  }"
22786            >
22787              The Long-Distance Leader, Second Edition
22788            </a>
22789          </h3>
22790          
22791
22792            
22793  
22794<div 
22795  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
22796><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.4 out of 5.0 stars">
22797      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
22797ox="0 0 512 512"  xml:space="preserve">
22798      <g>
22799        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22800      </g>
22801    </svg>
22802    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
22803      <g>
22804        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22805      </g>
22806    </svg>
22807    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
22808      <g>
22809        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22810      </g>
22811    </svg>
22812    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
22813      <g>
22814        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22815      </g>
22816    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
22817          <defs>
22818              <linearGradient id="grad">
22819                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
22820                  <stop offset="50%" stop-color="currentColor"/>
22821              </linearGradient>
22822          </defs>
22823          <g>
22824            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
22825          </g>
22826      </svg>
22827    </div> 
22828    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(188)
22829    </p></div>
22830
22831<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
22832            
22833            
22834              <div class=" price leading-none">
22835  <div class="">
22836    
22837      <div class="hidden">2495</div><p class="price">
22838          <span>$24.95</span>
22839        </p><small class="text-[70%] hidden">
22840        <span class="hidden">Unit price</span>
22841        <span class="up price-item price-item--last">
22842          <span>
22843
22844          </span>
22845          <span aria-hidden="true">/</span>
22846          <span class="hidden">&nbsp;per&nbsp;</span>
22847          <span>
22848          </span>
22849        </span>
22850      </small>
22851    
22852  </div>
22853  
22854</div>
22855            
22856            <div class="next-price empty:hidden"></div>
22857          </div>
22858          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719288934763', [637336453483, 639249514859, 639269732715, 643825140075, 639249744235, 636480389483, 636473475435, 639252758891, 638975902059, 639269339499])"><div 
22859  x-data='{ 
22860    storeAvailabilites: {},
22861    pickupLocation: []
22862  }'
22863  class="mb-3"
22864  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
22865>
22866  <style data-shopify>
22867    .text-available, .text-unavailable {
22868      font-size: 0.669375rem;
22869      font-family: var(--font-body-family);
22870    }
22871
22872    @media (min-width: 768px) {
22873      .text-available, .text-unavailable {
22874        font-size: 0.74375rem;
22875      }
22876    }
22877
22878    .text-available {
22879      color: #6b762d;
22880    }
22881
22882    .dark .text-available {
22883      color: #858F4D;
22884    }
22885
22886    .text-unavailable {
22887      color: #767474;
22888    }
22889
22890    .dark .text-unavailable {
22891      color: #867F7F;
22892    }
22893  </style>
22894  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
22895    <span class="flex h-4 w-4 relative">
22896<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22897  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22898  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22899</svg>
22900
22901</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22902  </div>
22903  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
22904    <span class="flex h-4 w-4 relative">
22905<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22906  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22907  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22908</svg>
22909
22910</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22911  </div>
22912</div></div>
22913        </div>
22914      </div>
22915    
22916    </div>
22917    
22918
22919        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
22920          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570222_the-long-distance-leader-second-edition');
22921        });"></div>
22922        <div
22923          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm" 
22924          class="current-variant hidden"
22925        >
22926          52114837504363
22927        </div>
22928    
22929    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
22930    
22931      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
22932            class="card-info bottom_atc md:list-layout:hidden hide-icon"
22933            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
22934            x-cloak
22935          >
22936            
22937<form method="post" action="/cart/add" id="product-form-choose-option147192889347634015" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114837504363">
22938                
22939                                                            
22940                <button
22941                  type="submit"
22942                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm"
22943                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
22944                  
22945                  
22946                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22947                  
22948aria-label="Add to cart"
22949                    
22950                  
22951                >
22952                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
22953                        <span class="flex items-center justify-center">
22954                          
22955
22956  
22957    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
22958  
22959
22960
22961                        </span></span>
22962                  <div
22963                    class="flex gap-x-2 items-center justify-center"
22964                    role="alert"
22965                    x-cloak
22966                    x-show="errorMessage"
22967                  >
22968                    Sold out
22969                  </div>
22970                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
22971                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22972    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22973      fill="currentcolor" stroke="none">
22974      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
22975    </g>
22976  </svg>
22977
22978                  </div>
22979                </button><input type="hidden" name="product-id" value="14719288934763" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
22980          </div></template>
22981    
22982    
22983      <template x-if="$store.xQuickView">
22984        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
22985              
22986<form method="post" action="/cart/add" id="product-form-choose-option147192889347634015" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52114837504363">
22987                  
22988                                                              
22989                  <button
22990                    type="submit"
22991                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm"
22992                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
22993                    
22994                    
22995                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22996                    
22997aria-label="Add to cart"
22998                      
22999                    
23000                  >
23001                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
23002                          <span class="flex items-center justify-center">
23003                            
23004
23005  
23006    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
23007  
23008
23009
23010                          </span></span>
23011                    <div
23012                      class="flex gap-x-2 items-center justify-center"
23013                      role="alert"
23014                      x-cloak
23015                      x-show="errorMessage"
23016                    >
23017                      Sold out
23018                    </div>
23019                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
23019calc(50%-10px)]" x-show="loading" x-cloak>
23020                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23021    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23022      fill="currentcolor" stroke="none">
23023      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
23024    </g>
23025  </svg>
23026
23027                    </div>
23028                  </button><button 
23029                    type="submit"
23030                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
23031                    
23032                    
23033                    data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm"
23034                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23035                    
23036aria-label="Add to cart"
23037                      
23038                    
23039                    x-customer-event-data="{
23040    &quot;product&quot;: {
23041      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
23042      &quot;listName&quot;: &quot;Bestsellers&quot;,
23043      &quot;sku&quot;: &quot;14719288934763&quot;,
23044      &quot;currencyCode&quot;: &quot;USD&quot;,
23045      &quot;price&quot;: 2495,
23046      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
23047    }
23048  }"
23049                  >
23050                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
23051    <g>
23052    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23053    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23054    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23055    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23056    </g>
23057  </svg></span>
23058                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
23059                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23060    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23061      fill="currentcolor" stroke="none">
23062      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
23063    </g>
23064  </svg>
23065
23066                  </span>
23067                </button><input type="hidden" name="product-id" value="14719288934763" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
23068            </div><button 
23069            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm')" 
23070            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm')" 
23071            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
23072            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
23073            aria-label="Button quickview"
23074            x-customer-event-data="{
23075    &quot;product&quot;: {
23076      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
23077      &quot;listName&quot;: &quot;Bestsellers&quot;,
23078      &quot;sku&quot;: &quot;14719288934763&quot;,
23079      &quot;currencyCode&quot;: &quot;USD&quot;,
23080      &quot;price&quot;: 2495,
23081      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
23082    }
23083  }"
23084            x-show="$store.xQuickView.enabled"
23085          >
23086            <span class="flex justify-center items-center">
23087              
23088
23089  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
23090
23091
23092            </span>
23093          </button>
23094        </div>
23095      </template>
23096    
23097  </div>
23098</div>
23099
23100
23101<div 
23102  
23103    x-data="{ showOptions: false, options: [] }"
23104  
23105  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
23106  x-slide-index="15"
23107>
23108  <div 
23109    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
23110  >
23111    <style data-shopify>
23112      
23113    </style>
23114    
23115    <style data-shopify>
23116      
23117    </style>
23118    <a 
23119      
23120        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
23121      
23122      href="/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition"
23123       
23124        x-data="{ lastWindowWidth: 0 }"
23125        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
23126        x-labels-data="[{
23127        &quot;variant_id&quot;: 52108542837099,
23128        &quot;product_id&quot;: 14717223108971,
23129        &quot;available&quot;: true,
23130        &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Work…and What Does, Second Edition&quot;,
23131        &quot;compare_at_price&quot;: 0,
23132        &quot;price&quot;: 2495,
23133        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
23134        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
23135        &quot;collections&quot;: &quot;||637336453483||639249514859||650454204779||637337043307||639249744235||636480389483||636473475435||639252758891||639269339499||&quot;,
23136        &quot;inventory_management&quot;: &quot;shopify&quot;,
23137        &quot;qty&quot;: 2748,
23138        &quot;container&quot;: &quot;card&quot;,
23139        &quot;can_show_preorder&quot;: false,
23140        &quot;diff_day_create&quot;: 481.29,
23141        &quot;diff_day_publish&quot;: 481.29
23142        
23143          ,&quot;metafield_label&quot;: { 
23144            &quot;custom.format2&quot;:&quot;Paperback&quot;
23145          }
23146        
23147      }]"
23148       
23149      aria-label="Why Motivating People Doesn't Work…and What Does, Second Edition"
23150      id="14717223108971-template--24498228953451__featured_collection_PFy63t"
23151      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
23152      <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
23153        <div
23154          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-16-15"
23155          class="block h-full" 
23156          @click='$store.xCustomerEvent.fire("product_selected", $el)'
23157          x-customer-event-data="{
23158    &quot;product&quot;: {
23159      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Work…and What Does, Second Edition&quot;,
23160      &quot;listName&quot;: &quot;Bestsellers&quot;,
23161      &quot;sku&quot;: &quot;14717223108971&quot;,
23162      &quot;currencyCode&quot;: &quot;USD&quot;,
23163      &quot;price&quot;: 2495,
23164      &quot;vendor&quot;: &quot;Susan Fowler&quot;
23165    }
23166  }"
23167          >
23168<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
23169            >
23170              
23171              <picture>
23172                <img
23173                  srcset="//bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=450 450w,
23174                  //bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=750 750w,
23175                  //bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=900 900w,
23176                  //bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=1100 1100w,
23177                  //bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887 419w" 
23178                  src="//bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=1500"
23179                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
23180                  alt="Cover image for Why Motivating People Doesn&#39;t Work…and What Does, Second Edition, isbn: 9781523004126"
23181                  :class="showSecond ? 'first-img' : ''"
23182                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
23183                  loading="lazy"
23184                  width="419"
23185                  height="648"
23186                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
23187                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
23188                />
23189              </picture>
23190              
23191            </div></div>
23192      </div>
23193      
23194        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
23195              x-show="$store.xQuickView" x-cloak
23196            > 
23197              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
23198                class="w-full hide-icon lg:px-4" 
23199                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
23200                x-cloak
23201              >
23202<form method="post" action="/cart/add" id="product-form-choose-option147172231089714016" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108542837099">
23203                    
23204                                                                
23205                    <button
23206                      type="submit"
23207                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm"
23208                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
23209                      
23210                      
23211                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23212                      
23213aria-label="Add to cart"
23214                        
23215                      
23216                    >
23217                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
23218                            <span class="flex items-center justify-center">
23219                              
23220
23221  
23222    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
23223  
23224
23225
23226                            </span></span>
23227                      <div
23228                        class="flex gap-x-2 items-center justify-center"
23229                        role="alert"
23230                        x-cloak
23231                        x-show="errorMessage"
23232                      >
23233                        Sold out
23234                      </div>
23235                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
23236                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23237    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23238      fill="currentcolor" stroke="none">
23239      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
23240    </g>
23241  </svg>
23242
23243                      </div>
23244                    </button>
23245                    <button 
23246                      type="submit"
23247                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
23248                      
23249                      
23250                      data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm"
23251                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23252                      
23253aria-label="Add to cart"
23254                        
23255                      
23256                      x-customer-event-data="{
23257    &quot;product&quot;: {
23258      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Work…and What Does, Second Edition&quot;,
23259      &quot;listName&quot;: &quot;Bestsellers&quot;,
23260      &quot;sku&quot;: &quot;14717223108971&quot;,
23261      &quot;currencyCode&quot;: &quot;USD&quot;,
23262      &quot;price&quot;: 2495,
23263      &quot;vendor&quot;: &quot;Susan Fowler&quot;
23264    }
23265  }"
23266                    >
23267                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
23268    <g>
23269    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23270    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23271    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23272    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23273    </g>
23274  </svg></span>
23275                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
23276                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23277    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23278      fill="currentcolor" stroke="none">
23279      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
23280    </g>
23281  </svg>
23282
23283                      </span>
23284                  </button><input type="hidden" name="product-id" value="14717223108971" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
23285              </div>
23286            </div><div
23287            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
23288            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
23289            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
23290            >
23291            <div>
23292              <button
23293                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
23294                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm')" 
23295                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm')" 
23296                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
23297                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
23298                x-customer-event-data="{
23299    &quot;product&quot;: {
23300      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Work…and What Does, Second Edition&quot;,
23301      &quot;listName&quot;: &quot;Bestsellers&quot;,
23302      &quot;sku&quot;: &quot;14717223108971&quot;,
23303      &quot;currencyCode&quot;: &quot;USD&quot;,
23304      &quot;price&quot;: 2495,
23305      &quot;vendor&quot;: &quot;Susan Fowler&quot;
23306    }
23307  }"
23308                aria-label="Button quickview"
23309              >
23310                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
23311    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23312    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23313  </svg>
23314</span>
23315                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
23316                  
23317
23318  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
23319
23320
23321                </span>
23322              </button>
23323              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
23324                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
23325                aria-label="Button quickview"
23326                x-customer-event-data="{
23327    &quot;product&quot;: {
23328      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Work…and What Does, Second Edition&quot;,
23329      &quot;listName&quot;: &quot;Bestsellers&quot;,
23330      &quot;sku&quot;: &quot;14717223108971&quot;,
23331      &quot;currencyCode&quot;: &quot;USD&quot;,
23332      &quot;price&quot;: 2495,
23333      &quot;vendor&quot;: &quot;Susan Fowler&quot;
23334    }
23335  }"
23336              >
23337                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
23338    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23339    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23340  </svg>
23341</span>
23342              </button>
23343            </div>
23344          </div>
23345        </div>
23346      
23347    </a>
23348    
23349    
23350    <div class="md:list-layout:hidden">
23351      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
23352        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
23353          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717223108971">
23354            <a href="/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition"
23355              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
23356              @click='$store.xCustomerEvent.fire("product_selected", $el)'
23357              x-customer-event-data="{
23358    &quot;product&quot;: {
23359      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Work…and What Does, Second Edition&quot;,
23360      &quot;listName&quot;: &quot;Bestsellers&quot;,
23361      &quot;sku&quot;: &quot;14717223108971&quot;,
23362      &quot;currencyCode&quot;: &quot;USD&quot;,
23363      &quot;price&quot;: 2495,
23364      &quot;vendor&quot;: &quot;Susan Fowler&quot;
23365    }
23366  }"
23367            >
23368              Why Motivating People Doesn&#39;t Work…and What Does, Second Edition
23369            </a>
23370          </h3>
23371          
23372
23373            
23374  
23375<div 
23376  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
23377><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
23378      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
23378ox="0 0 512 512"  xml:space="preserve">
23379      <g>
23380        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
23381      </g>
23382    </svg>
23383    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
23384      <g>
23385        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
23386      </g>
23387    </svg>
23388    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
23389      <g>
23390        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
23391      </g>
23392    </svg>
23393    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
23394      <g>
23395        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
23396      </g>
23397    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
23398          <defs>
23399              <linearGradient id="grad">
23400                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
23401                  <stop offset="50%" stop-color="currentColor"/>
23402              </linearGradient>
23403          </defs>
23404          <g>
23405            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
23406          </g>
23407      </svg>
23408    </div> 
23409    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(124)
23410    </p></div>
23411
23412<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
23413            
23414            
23415              <div class=" price leading-none">
23416  <div class="">
23417    
23418      <div class="hidden">2495</div><p class="price">
23419          <span>$24.95</span>
23420        </p><small class="text-[70%] hidden">
23421        <span class="hidden">Unit price</span>
23422        <span class="up price-item price-item--last">
23423          <span>
23424
23425          </span>
23426          <span aria-hidden="true">/</span>
23427          <span class="hidden">&nbsp;per&nbsp;</span>
23428          <span>
23429          </span>
23430        </span>
23431      </small>
23432    
23433  </div>
23434  
23435</div>
23436            
23437            <div class="next-price empty:hidden"></div>
23438          </div>
23439          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717223108971', [637336453483, 639249514859, 650454204779, 637337043307, 639249744235, 636480389483, 636473475435, 639252758891, 639269339499])"><div 
23440  x-data='{ 
23441    storeAvailabilites: {},
23442    pickupLocation: []
23443  }'
23444  class="mb-3"
23445  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
23446>
23447  <style data-shopify>
23448    .text-available, .text-unavailable {
23449      font-size: 0.669375rem;
23450      font-family: var(--font-body-family);
23451    }
23452
23453    @media (min-width: 768px) {
23454      .text-available, .text-unavailable {
23455        font-size: 0.74375rem;
23456      }
23457    }
23458
23459    .text-available {
23460      color: #6b762d;
23461    }
23462
23463    .dark .text-available {
23464      color: #858F4D;
23465    }
23466
23467    .text-unavailable {
23468      color: #767474;
23469    }
23470
23471    .dark .text-unavailable {
23472      color: #867F7F;
23473    }
23474  </style>
23475  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
23476    <span class="flex h-4 w-4 relative">
23477<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
23478  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
23479  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
23480</svg>
23481
23482</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
23483  </div>
23484  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
23485    <span class="flex h-4 w-4 relative">
23486<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
23487  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
23488  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
23489</svg>
23490
23491</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
23492  </div>
23493</div></div>
23494        </div>
23495      </div>
23496    </div>
23497    
23498  </div>
23499  <div
23500    id="x-product-template-14717223108971-template--24498228953451__featured_collection_PFy63t-1-16"
23501    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
23502  >
23503    <div class="hidden md:list-layout:block">
23504      
23505      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
23506        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
23507          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717223108971">
23508            <a href="/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition"
23509              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
23510              @click='$store.xCustomerEvent.fire("product_selected", $el)'
23511              x-customer-event-data="{
23512    &quot;product&quot;: {
23513      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Work…and What Does, Second Edition&quot;,
23514      &quot;listName&quot;: &quot;Bestsellers&quot;,
23515      &quot;sku&quot;: &quot;14717223108971&quot;,
23516      &quot;currencyCode&quot;: &quot;USD&quot;,
23517      &quot;price&quot;: 2495,
23518      &quot;vendor&quot;: &quot;Susan Fowler&quot;
23519    }
23520  }"
23521            >
23522              Why Motivating People Doesn&#39;t Work…and What Does, Second Edition
23523            </a>
23524          </h3>
23525          
23526
23527            
23528  
23529<div 
23530  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
23531><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
23532      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
23532ox="0 0 512 512"  xml:space="preserve">
23533      <g>
23534        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
23535      </g>
23536    </svg>
23537    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
23538      <g>
23539        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
23540      </g>
23541    </svg>
23542    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
23543      <g>
23544        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
23545      </g>
23546    </svg>
23547    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
23548      <g>
23549        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
23550      </g>
23551    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
23552          <defs>
23553              <linearGradient id="grad">
23554                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
23555                  <stop offset="50%" stop-color="currentColor"/>
23556              </linearGradient>
23557          </defs>
23558          <g>
23559            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
23560          </g>
23561      </svg>
23562    </div> 
23563    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(124)
23564    </p></div>
23565
23566<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
23567            
23568            
23569              <div class=" price leading-none">
23570  <div class="">
23571    
23572      <div class="hidden">2495</div><p class="price">
23573          <span>$24.95</span>
23574        </p><small class="text-[70%] hidden">
23575        <span class="hidden">Unit price</span>
23576        <span class="up price-item price-item--last">
23577          <span>
23578
23579          </span>
23580          <span aria-hidden="true">/</span>
23581          <span class="hidden">&nbsp;per&nbsp;</span>
23582          <span>
23583          </span>
23584        </span>
23585      </small>
23586    
23587  </div>
23588  
23589</div>
23590            
23591            <div class="next-price empty:hidden"></div>
23592          </div>
23593          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717223108971', [637336453483, 639249514859, 650454204779, 637337043307, 639249744235, 636480389483, 636473475435, 639252758891, 639269339499])"><div 
23594  x-data='{ 
23595    storeAvailabilites: {},
23596    pickupLocation: []
23597  }'
23598  class="mb-3"
23599  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
23600>
23601  <style data-shopify>
23602    .text-available, .text-unavailable {
23603      font-size: 0.669375rem;
23604      font-family: var(--font-body-family);
23605    }
23606
23607    @media (min-width: 768px) {
23608      .text-available, .text-unavailable {
23609        font-size: 0.74375rem;
23610      }
23611    }
23612
23613    .text-available {
23614      color: #6b762d;
23615    }
23616
23617    .dark .text-available {
23618      color: #858F4D;
23619    }
23620
23621    .text-unavailable {
23622      color: #767474;
23623    }
23624
23625    .dark .text-unavailable {
23626      color: #867F7F;
23627    }
23628  </style>
23629  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
23630    <span class="flex h-4 w-4 relative">
23631<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
23632  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
23633  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
23634</svg>
23635
23636</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
23637  </div>
23638  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
23639    <span class="flex h-4 w-4 relative">
23640<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
23641  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
23642  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
23643</svg>
23644
23645</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
23646  </div>
23647</div></div>
23648        </div>
23649      </div>
23650    
23651    </div>
23652    
23653
23654        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
23655          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition');
23656        });"></div>
23657        <div
23658          id="current-variant-template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm" 
23659          class="current-variant hidden"
23660        >
23661          52108542837099
23662        </div>
23663    
23664    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
23665    
23666      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
23667            class="card-info bottom_atc md:list-layout:hidden hide-icon"
23668            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
23669            x-cloak
23670          >
23671            
23672<form method="post" action="/cart/add" id="product-form-choose-option147172231089714016" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108542837099">
23673                
23674                                                            
23675                <button
23676                  type="submit"
23677                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm"
23678                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
23679                  
23680                  
23681                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23682                  
23683aria-label="Add to cart"
23684                    
23685                  
23686                >
23687                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
23688                        <span class="flex items-center justify-center">
23689                          
23690
23691  
23692    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
23693  
23694
23695
23696                        </span></span>
23697                  <div
23698                    class="flex gap-x-2 items-center justify-center"
23699                    role="alert"
23700                    x-cloak
23701                    x-show="errorMessage"
23702                  >
23703                    Sold out
23704                  </div>
23705                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
23706                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23707    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23708      fill="currentcolor" stroke="none">
23709      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
23710    </g>
23711  </svg>
23712
23713                  </div>
23714                </button><input type="hidden" name="product-id" value="14717223108971" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
23715          </div></template>
23716    
23717    
23718      <template x-if="$store.xQuickView">
23719        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
23720              
23721<form method="post" action="/cart/add" id="product-form-choose-option147172231089714016" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108542837099">
23722                  
23723                                                              
23724                  <button
23725                    type="submit"
23726                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm"
23727                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
23728                    
23729                    
23730                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23731                    
23732aria-label="Add to cart"
23733                      
23734                    
23735                  >
23736                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
23737                          <span class="flex items-center justify-center">
23738                            
23739
23740  
23741    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
23742  
23743
23744
23745                          </span></span>
23746                    <div
23747                      class="flex gap-x-2 items-center justify-center"
23748                      role="alert"
23749                      x-cloak
23750                      x-show="errorMessage"
23751                    >
23752                      Sold out
23753                    </div>
23754                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
23754calc(50%-10px)]" x-show="loading" x-cloak>
23755                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23756    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23757      fill="currentcolor" stroke="none">
23758      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
23759    </g>
23760  </svg>
23761
23762                    </div>
23763                  </button><button 
23764                    type="submit"
23765                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
23766                    
23767                    
23768                    data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm"
23769                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23770                    
23771aria-label="Add to cart"
23772                      
23773                    
23774                    x-customer-event-data="{
23775    &quot;product&quot;: {
23776      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Work…and What Does, Second Edition&quot;,
23777      &quot;listName&quot;: &quot;Bestsellers&quot;,
23778      &quot;sku&quot;: &quot;14717223108971&quot;,
23779      &quot;currencyCode&quot;: &quot;USD&quot;,
23780      &quot;price&quot;: 2495,
23781      &quot;vendor&quot;: &quot;Susan Fowler&quot;
23782    }
23783  }"
23784                  >
23785                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
23786    <g>
23787    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23788    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23789    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23790    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23791    </g>
23792  </svg></span>
23793                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
23794                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23795    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23796      fill="currentcolor" stroke="none">
23797      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
23798    </g>
23799  </svg>
23800
23801                  </span>
23802                </button><input type="hidden" name="product-id" value="14717223108971" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
23803            </div><button 
23804            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm')" 
23805            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm')" 
23806            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
23807            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
23808            aria-label="Button quickview"
23809            x-customer-event-data="{
23810    &quot;product&quot;: {
23811      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Work…and What Does, Second Edition&quot;,
23812      &quot;listName&quot;: &quot;Bestsellers&quot;,
23813      &quot;sku&quot;: &quot;14717223108971&quot;,
23814      &quot;currencyCode&quot;: &quot;USD&quot;,
23815      &quot;price&quot;: 2495,
23816      &quot;vendor&quot;: &quot;Susan Fowler&quot;
23817    }
23818  }"
23819            x-show="$store.xQuickView.enabled"
23820          >
23821            <span class="flex justify-center items-center">
23822              
23823
23824  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
23825
23826
23827            </span>
23828          </button>
23829        </div>
23830      </template>
23831    
23832  </div>
23833</div>
23834
23835
23836<div 
23837  
23838    x-data="{ showOptions: false, options: [] }"
23839  
23840  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
23841  x-slide-index="16"
23842>
23843  <div 
23844    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
23845  >
23846    <style data-shopify>
23847      
23848    </style>
23849    
23850    <style data-shopify>
23851      
23852    </style>
23853    <a 
23854      
23855        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
23856      
23857      href="/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition"
23858       
23859        x-data="{ lastWindowWidth: 0 }"
23860        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
23861        x-labels-data="[{
23862        &quot;variant_id&quot;: 52108542804331,
23863        &quot;product_id&quot;: 14717223076203,
23864        &quot;available&quot;: true,
23865        &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
23866        &quot;compare_at_price&quot;: 0,
23867        &quot;price&quot;: 3195,
23868        &quot;price_with_currency&quot;: &quot;$31.95&quot;,
23869        &quot;sale_amount&quot;: &quot;$-31.95&quot;,
23870        &quot;collections&quot;: &quot;||637336453483||639249514859||637337043307||639249744235||636480389483||639269929323||636473475435||639270191467||639269339499||&quot;,
23871        &quot;inventory_management&quot;: &quot;shopify&quot;,
23872        &quot;qty&quot;: 1007,
23873        &quot;container&quot;: &quot;card&quot;,
23874        &quot;can_show_preorder&quot;: false,
23875        &quot;diff_day_create&quot;: 481.29,
23876        &quot;diff_day_publish&quot;: 481.29
23877        
23878          ,&quot;metafield_label&quot;: { 
23879            &quot;custom.format2&quot;:&quot;Paperback&quot;
23880          }
23881        
23882      }]"
23883       
23884      aria-label="Who Do We Choose to Be?, Second Edition"
23885      id="14717223076203-template--24498228953451__featured_collection_PFy63t"
23886      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
23887      <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
23888        <div
23889          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-17-16"
23890          class="block h-full" 
23891          @click='$store.xCustomerEvent.fire("product_selected", $el)'
23892          x-customer-event-data="{
23893    &quot;product&quot;: {
23894      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
23895      &quot;listName&quot;: &quot;Bestsellers&quot;,
23896      &quot;sku&quot;: &quot;14717223076203&quot;,
23897      &quot;currencyCode&quot;: &quot;USD&quot;,
23898      &quot;price&quot;: 3195,
23899      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
23900    }
23901  }"
23902          >
23903<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
23904            >
23905              
23906              <picture>
23907                <img
23908                  srcset="//bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=450 450w,
23909                  //bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=750 750w,
23910                  //bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=900 900w,
23911                  //bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=1100 1100w,
23912                  //bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885 432w" 
23913                  src="//bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=1500"
23914                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
23915                  alt="Cover image for Who Do We Choose to Be?, Second Edition, isbn: 9781523004737"
23916                  :class="showSecond ? 'first-img' : ''"
23917                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
23918                  loading="lazy"
23919                  width="432"
23920                  height="648"
23921                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
23922                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
23923                />
23924              </picture>
23925              
23926            </div></div>
23927      </div>
23928      
23929        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
23930              x-show="$store.xQuickView" x-cloak
23931            > 
23932              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
23933                class="w-full hide-icon lg:px-4" 
23934                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
23935                x-cloak
23936              >
23937<form method="post" action="/cart/add" id="product-form-choose-option147172230762034017" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108542804331">
23938                    
23939                                                                
23940                    <button
23941                      type="submit"
23942                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm"
23943                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
23944                      
23945                      
23946                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23947                      
23948aria-label="Add to cart"
23949                        
23950                      
23951                    >
23952                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
23953                            <span class="flex items-center justify-center">
23954                              
23955
23956  
23957    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
23958  
23959
23960
23961                            </span></span>
23962                      <div
23963                        class="flex gap-x-2 items-center justify-center"
23964                        role="alert"
23965                        x-cloak
23966                        x-show="errorMessage"
23967                      >
23968                        Sold out
23969                      </div>
23970                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
23971                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23972    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23973      fill="currentcolor" stroke="none">
23974      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
23975    </g>
23976  </svg>
23977
23978                      </div>
23979                    </button>
23980                    <button 
23981                      type="submit"
23982                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
23983                      
23984                      
23985                      data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm"
23986                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23987                      
23988aria-label="Add to cart"
23989                        
23990                      
23991                      x-customer-event-data="{
23992    &quot;product&quot;: {
23993      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
23994      &quot;listName&quot;: &quot;Bestsellers&quot;,
23995      &quot;sku&quot;: &quot;14717223076203&quot;,
23996      &quot;currencyCode&quot;: &quot;USD&quot;,
23997      &quot;price&quot;: 3195,
23998      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
23999    }
24000  }"
24001                    >
24002                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
24003    <g>
24004    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24005    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24006    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24007    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24008    </g>
24009  </svg></span>
24010                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
24011                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
24012    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
24013      fill="currentcolor" stroke="none">
24014      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
24015    </g>
24016  </svg>
24017
24018                      </span>
24019                  </button><input type="hidden" name="product-id" value="14717223076203" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
24020              </div>
24021            </div><div
24022            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
24023            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
24024            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
24025            >
24026            <div>
24027              <button
24028                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
24029                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm')" 
24030                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm')" 
24031                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
24032                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
24033                x-customer-event-data="{
24034    &quot;product&quot;: {
24035      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
24036      &quot;listName&quot;: &quot;Bestsellers&quot;,
24037      &quot;sku&quot;: &quot;14717223076203&quot;,
24038      &quot;currencyCode&quot;: &quot;USD&quot;,
24039      &quot;price&quot;: 3195,
24040      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
24041    }
24042  }"
24043                aria-label="Button quickview"
24044              >
24045                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
24046    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24047    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24048  </svg>
24049</span>
24050                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
24051                  
24052
24053  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
24054
24055
24056                </span>
24057              </button>
24058              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
24059                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
24060                aria-label="Button quickview"
24061                x-customer-event-data="{
24062    &quot;product&quot;: {
24063      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
24064      &quot;listName&quot;: &quot;Bestsellers&quot;,
24065      &quot;sku&quot;: &quot;14717223076203&quot;,
24066      &quot;currencyCode&quot;: &quot;USD&quot;,
24067      &quot;price&quot;: 3195,
24068      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
24069    }
24070  }"
24071              >
24072                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
24073    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24074    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24075  </svg>
24076</span>
24077              </button>
24078            </div>
24079          </div>
24080        </div>
24081      
24082    </a>
24083    
24084    
24085    <div class="md:list-layout:hidden">
24086      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
24087        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
24088          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717223076203">
24089            <a href="/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition"
24090              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
24091              @click='$store.xCustomerEvent.fire("product_selected", $el)'
24092              x-customer-event-data="{
24093    &quot;product&quot;: {
24094      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
24095      &quot;listName&quot;: &quot;Bestsellers&quot;,
24096      &quot;sku&quot;: &quot;14717223076203&quot;,
24097      &quot;currencyCode&quot;: &quot;USD&quot;,
24098      &quot;price&quot;: 3195,
24099      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
24100    }
24101  }"
24102            >
24103              Who Do We Choose to Be?, Second Edition
24104            </a>
24105          </h3>
24106          
24107
24108            
24109  
24110<div 
24111  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
24112><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.3 out of 5.0 stars">
24113      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
24113ox="0 0 512 512"  xml:space="preserve">
24114      <g>
24115        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24116      </g>
24117    </svg>
24118    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
24119      <g>
24120        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24121      </g>
24122    </svg>
24123    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
24124      <g>
24125        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24126      </g>
24127    </svg>
24128    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
24129      <g>
24130        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24131      </g>
24132    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
24133          <defs>
24134              <linearGradient id="grad">
24135                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
24136                  <stop offset="50%" stop-color="currentColor"/>
24137              </linearGradient>
24138          </defs>
24139          <g>
24140            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24141          </g>
24142      </svg>
24143    </div> 
24144    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(67)
24145    </p></div>
24146
24147<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
24148            
24149            
24150              <div class=" price leading-none">
24151  <div class="">
24152    
24153      <div class="hidden">3195</div><p class="price">
24154          <span>$31.95</span>
24155        </p><small class="text-[70%] hidden">
24156        <span class="hidden">Unit price</span>
24157        <span class="up price-item price-item--last">
24158          <span>
24159
24160          </span>
24161          <span aria-hidden="true">/</span>
24162          <span class="hidden">&nbsp;per&nbsp;</span>
24163          <span>
24164          </span>
24165        </span>
24166      </small>
24167    
24168  </div>
24169  
24170</div>
24171            
24172            <div class="next-price empty:hidden"></div>
24173          </div>
24174          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717223076203', [637336453483, 639249514859, 637337043307, 639249744235, 636480389483, 639269929323, 636473475435, 639270191467, 639269339499])"><div 
24175  x-data='{ 
24176    storeAvailabilites: {},
24177    pickupLocation: []
24178  }'
24179  class="mb-3"
24180  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
24181>
24182  <style data-shopify>
24183    .text-available, .text-unavailable {
24184      font-size: 0.669375rem;
24185      font-family: var(--font-body-family);
24186    }
24187
24188    @media (min-width: 768px) {
24189      .text-available, .text-unavailable {
24190        font-size: 0.74375rem;
24191      }
24192    }
24193
24194    .text-available {
24195      color: #6b762d;
24196    }
24197
24198    .dark .text-available {
24199      color: #858F4D;
24200    }
24201
24202    .text-unavailable {
24203      color: #767474;
24204    }
24205
24206    .dark .text-unavailable {
24207      color: #867F7F;
24208    }
24209  </style>
24210  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
24211    <span class="flex h-4 w-4 relative">
24212<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
24213  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
24214  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
24215</svg>
24216
24217</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
24218  </div>
24219  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
24220    <span class="flex h-4 w-4 relative">
24221<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
24222  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
24223  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
24224</svg>
24225
24226</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
24227  </div>
24228</div></div>
24229        </div>
24230      </div>
24231    </div>
24232    
24233  </div>
24234  <div
24235    id="x-product-template-14717223076203-template--24498228953451__featured_collection_PFy63t-1-17"
24236    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
24237  >
24238    <div class="hidden md:list-layout:block">
24239      
24240      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
24241        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
24242          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717223076203">
24243            <a href="/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition"
24244              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
24245              @click='$store.xCustomerEvent.fire("product_selected", $el)'
24246              x-customer-event-data="{
24247    &quot;product&quot;: {
24248      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
24249      &quot;listName&quot;: &quot;Bestsellers&quot;,
24250      &quot;sku&quot;: &quot;14717223076203&quot;,
24251      &quot;currencyCode&quot;: &quot;USD&quot;,
24252      &quot;price&quot;: 3195,
24253      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
24254    }
24255  }"
24256            >
24257              Who Do We Choose to Be?, Second Edition
24258            </a>
24259          </h3>
24260          
24261
24262            
24263  
24264<div 
24265  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
24266><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.3 out of 5.0 stars">
24267      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
24267ox="0 0 512 512"  xml:space="preserve">
24268      <g>
24269        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24270      </g>
24271    </svg>
24272    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
24273      <g>
24274        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24275      </g>
24276    </svg>
24277    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
24278      <g>
24279        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24280      </g>
24281    </svg>
24282    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
24283      <g>
24284        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24285      </g>
24286    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
24287          <defs>
24288              <linearGradient id="grad">
24289                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
24290                  <stop offset="50%" stop-color="currentColor"/>
24291              </linearGradient>
24292          </defs>
24293          <g>
24294            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24295          </g>
24296      </svg>
24297    </div> 
24298    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(67)
24299    </p></div>
24300
24301<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
24302            
24303            
24304              <div class=" price leading-none">
24305  <div class="">
24306    
24307      <div class="hidden">3195</div><p class="price">
24308          <span>$31.95</span>
24309        </p><small class="text-[70%] hidden">
24310        <span class="hidden">Unit price</span>
24311        <span class="up price-item price-item--last">
24312          <span>
24313
24314          </span>
24315          <span aria-hidden="true">/</span>
24316          <span class="hidden">&nbsp;per&nbsp;</span>
24317          <span>
24318          </span>
24319        </span>
24320      </small>
24321    
24322  </div>
24323  
24324</div>
24325            
24326            <div class="next-price empty:hidden"></div>
24327          </div>
24328          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717223076203', [637336453483, 639249514859, 637337043307, 639249744235, 636480389483, 639269929323, 636473475435, 639270191467, 639269339499])"><div 
24329  x-data='{ 
24330    storeAvailabilites: {},
24331    pickupLocation: []
24332  }'
24333  class="mb-3"
24334  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
24335>
24336  <style data-shopify>
24337    .text-available, .text-unavailable {
24338      font-size: 0.669375rem;
24339      font-family: var(--font-body-family);
24340    }
24341
24342    @media (min-width: 768px) {
24343      .text-available, .text-unavailable {
24344        font-size: 0.74375rem;
24345      }
24346    }
24347
24348    .text-available {
24349      color: #6b762d;
24350    }
24351
24352    .dark .text-available {
24353      color: #858F4D;
24354    }
24355
24356    .text-unavailable {
24357      color: #767474;
24358    }
24359
24360    .dark .text-unavailable {
24361      color: #867F7F;
24362    }
24363  </style>
24364  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
24365    <span class="flex h-4 w-4 relative">
24366<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
24367  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
24368  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
24369</svg>
24370
24371</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
24372  </div>
24373  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
24374    <span class="flex h-4 w-4 relative">
24375<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
24376  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
24377  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
24378</svg>
24379
24380</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
24381  </div>
24382</div></div>
24383        </div>
24384      </div>
24385    
24386    </div>
24387    
24388
24389        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
24390          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523004737_who-do-we-choose-to-be-second-edition');
24391        });"></div>
24392        <div
24393          id="current-variant-template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm" 
24394          class="current-variant hidden"
24395        >
24396          52108542804331
24397        </div>
24398    
24399    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
24400    
24401      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
24402            class="card-info bottom_atc md:list-layout:hidden hide-icon"
24403            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
24404            x-cloak
24405          >
24406            
24407<form method="post" action="/cart/add" id="product-form-choose-option147172230762034017" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108542804331">
24408                
24409                                                            
24410                <button
24411                  type="submit"
24412                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm"
24413                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
24414                  
24415                  
24416                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
24417                  
24418aria-label="Add to cart"
24419                    
24420                  
24421                >
24422                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
24423                        <span class="flex items-center justify-center">
24424                          
24425
24426  
24427    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
24428  
24429
24430
24431                        </span></span>
24432                  <div
24433                    class="flex gap-x-2 items-center justify-center"
24434                    role="alert"
24435                    x-cloak
24436                    x-show="errorMessage"
24437                  >
24438                    Sold out
24439                  </div>
24440                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
24441                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
24442    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
24443      fill="currentcolor" stroke="none">
24444      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
24445    </g>
24446  </svg>
24447
24448                  </div>
24449                </button><input type="hidden" name="product-id" value="14717223076203" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
24450          </div></template>
24451    
24452    
24453      <template x-if="$store.xQuickView">
24454        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
24455              
24456<form method="post" action="/cart/add" id="product-form-choose-option147172230762034017" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108542804331">
24457                  
24458                                                              
24459                  <button
24460                    type="submit"
24461                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm"
24462                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
24463                    
24464                    
24465                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
24466                    
24467aria-label="Add to cart"
24468                      
24469                    
24470                  >
24471                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
24472                          <span class="flex items-center justify-center">
24473                            
24474
24475  
24476    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
24477  
24478
24479
24480                          </span></span>
24481                    <div
24482                      class="flex gap-x-2 items-center justify-center"
24483                      role="alert"
24484                      x-cloak
24485                      x-show="errorMessage"
24486                    >
24487                      Sold out
24488                    </div>
24489                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
24489calc(50%-10px)]" x-show="loading" x-cloak>
24490                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
24491    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
24492      fill="currentcolor" stroke="none">
24493      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
24494    </g>
24495  </svg>
24496
24497                    </div>
24498                  </button><button 
24499                    type="submit"
24500                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
24501                    
24502                    
24503                    data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm"
24504                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
24505                    
24506aria-label="Add to cart"
24507                      
24508                    
24509                    x-customer-event-data="{
24510    &quot;product&quot;: {
24511      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
24512      &quot;listName&quot;: &quot;Bestsellers&quot;,
24513      &quot;sku&quot;: &quot;14717223076203&quot;,
24514      &quot;currencyCode&quot;: &quot;USD&quot;,
24515      &quot;price&quot;: 3195,
24516      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
24517    }
24518  }"
24519                  >
24520                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
24521    <g>
24522    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24523    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24524    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24525    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24526    </g>
24527  </svg></span>
24528                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
24529                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
24530    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
24531      fill="currentcolor" stroke="none">
24532      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
24533    </g>
24534  </svg>
24535
24536                  </span>
24537                </button><input type="hidden" name="product-id" value="14717223076203" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
24538            </div><button 
24539            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm')" 
24540            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm')" 
24541            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
24542            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
24543            aria-label="Button quickview"
24544            x-customer-event-data="{
24545    &quot;product&quot;: {
24546      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
24547      &quot;listName&quot;: &quot;Bestsellers&quot;,
24548      &quot;sku&quot;: &quot;14717223076203&quot;,
24549      &quot;currencyCode&quot;: &quot;USD&quot;,
24550      &quot;price&quot;: 3195,
24551      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
24552    }
24553  }"
24554            x-show="$store.xQuickView.enabled"
24555          >
24556            <span class="flex justify-center items-center">
24557              
24558
24559  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
24560
24561
24562            </span>
24563          </button>
24564        </div>
24565      </template>
24566    
24567  </div>
24568</div>
24569
24570
24571<div 
24572  
24573    x-data="{ showOptions: false, options: [] }"
24574  
24575  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
24576  x-slide-index="17"
24577>
24578  <div 
24579    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
24580  >
24581    <style data-shopify>
24582      
24583    </style>
24584    
24585    <style data-shopify>
24586      
24587    </style>
24588    <a 
24589      
24590        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
24591      
24592      href="/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition"
24593       
24594        x-data="{ lastWindowWidth: 0 }"
24595        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
24596        x-labels-data="[{
24597        &quot;variant_id&quot;: 52108541919595,
24598        &quot;product_id&quot;: 14717222224235,
24599        &quot;available&quot;: true,
24600        &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
24601        &quot;compare_at_price&quot;: 0,
24602        &quot;price&quot;: 2295,
24603        &quot;price_with_currency&quot;: &quot;$22.95&quot;,
24604        &quot;sale_amount&quot;: &quot;$-22.95&quot;,
24605        &quot;collections&quot;: &quot;||637329310059||637336453483||646765150571||639249514859||639269732715||639249744235||636480389483||636473475435||639252758891||639270191467||639269339499||&quot;,
24606        &quot;inventory_management&quot;: &quot;shopify&quot;,
24607        &quot;qty&quot;: 3534,
24608        &quot;container&quot;: &quot;card&quot;,
24609        &quot;can_show_preorder&quot;: false,
24610        &quot;diff_day_create&quot;: 481.29,
24611        &quot;diff_day_publish&quot;: 481.29
24612        
24613          ,&quot;metafield_label&quot;: { 
24614            &quot;custom.format2&quot;:&quot;Paperback&quot;
24615          }
24616        
24617      }]"
24618       
24619      aria-label="We Can't Talk about That at Work! Second Edition"
24620      id="14717222224235-template--24498228953451__featured_collection_PFy63t"
24621      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
24622      <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
24623        <div
24624          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-18-17"
24625          class="block h-full" 
24626          @click='$store.xCustomerEvent.fire("product_selected", $el)'
24627          x-customer-event-data="{
24628    &quot;product&quot;: {
24629      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
24630      &quot;listName&quot;: &quot;Bestsellers&quot;,
24631      &quot;sku&quot;: &quot;14717222224235&quot;,
24632      &quot;currencyCode&quot;: &quot;USD&quot;,
24633      &quot;price&quot;: 2295,
24634      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
24635    }
24636  }"
24637          >
24638<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
24639            >
24640              
24641              <picture>
24642                <img
24643                  srcset="//bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=450 450w,
24644                  //bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=750 750w,
24645                  //bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=900 900w,
24646                  //bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=1100 1100w,
24647                  //bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876 419w" 
24648                  src="//bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=1500"
24649                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
24650                  alt="Cover image for We Can&#39;t Talk about That at Work! Second Edition, isbn: 9781523006311"
24651                  :class="showSecond ? 'first-img' : ''"
24652                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
24653                  loading="lazy"
24654                  width="419"
24655                  height="648"
24656                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
24657                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
24658                />
24659              </picture>
24660              
24661            </div></div>
24662      </div>
24663      
24664        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
24665              x-show="$store.xQuickView" x-cloak
24666            > 
24667              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
24668                class="w-full hide-icon lg:px-4" 
24669                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
24670                x-cloak
24671              >
24672<form method="post" action="/cart/add" id="product-form-choose-option147172222242354018" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108541919595">
24673                    
24674                                                                
24675                    <button
24676                      type="submit"
24677                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm"
24678                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
24679                      
24680                      
24681                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
24682                      
24683aria-label="Add to cart"
24684                        
24685                      
24686                    >
24687                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
24688                            <span class="flex items-center justify-center">
24689                              
24690
24691  
24692    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
24693  
24694
24695
24696                            </span></span>
24697                      <div
24698                        class="flex gap-x-2 items-center justify-center"
24699                        role="alert"
24700                        x-cloak
24701                        x-show="errorMessage"
24702                      >
24703                        Sold out
24704                      </div>
24705                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
24706                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
24707    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
24708      fill="currentcolor" stroke="none">
24709      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
24710    </g>
24711  </svg>
24712
24713                      </div>
24714                    </button>
24715                    <button 
24716                      type="submit"
24717                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
24718                      
24719                      
24720                      data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm"
24721                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
24722                      
24723aria-label="Add to cart"
24724                        
24725                      
24726                      x-customer-event-data="{
24727    &quot;product&quot;: {
24728      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
24729      &quot;listName&quot;: &quot;Bestsellers&quot;,
24730      &quot;sku&quot;: &quot;14717222224235&quot;,
24731      &quot;currencyCode&quot;: &quot;USD&quot;,
24732      &quot;price&quot;: 2295,
24733      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
24734    }
24735  }"
24736                    >
24737                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
24738    <g>
24739    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24740    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24741    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24742    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24743    </g>
24744  </svg></span>
24745                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
24746                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
24747    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
24748      fill="currentcolor" stroke="none">
24749      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
24750    </g>
24751  </svg>
24752
24753                      </span>
24754                  </button><input type="hidden" name="product-id" value="14717222224235" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
24755              </div>
24756            </div><div
24757            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
24758            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
24759            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
24760            >
24761            <div>
24762              <button
24763                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
24764                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm')" 
24765                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm')" 
24766                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
24767                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
24768                x-customer-event-data="{
24769    &quot;product&quot;: {
24770      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
24771      &quot;listName&quot;: &quot;Bestsellers&quot;,
24772      &quot;sku&quot;: &quot;14717222224235&quot;,
24773      &quot;currencyCode&quot;: &quot;USD&quot;,
24774      &quot;price&quot;: 2295,
24775      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
24776    }
24777  }"
24778                aria-label="Button quickview"
24779              >
24780                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
24781    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24782    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24783  </svg>
24784</span>
24785                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
24786                  
24787
24788  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
24789
24790
24791                </span>
24792              </button>
24793              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
24794                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
24795                aria-label="Button quickview"
24796                x-customer-event-data="{
24797    &quot;product&quot;: {
24798      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
24799      &quot;listName&quot;: &quot;Bestsellers&quot;,
24800      &quot;sku&quot;: &quot;14717222224235&quot;,
24801      &quot;currencyCode&quot;: &quot;USD&quot;,
24802      &quot;price&quot;: 2295,
24803      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
24804    }
24805  }"
24806              >
24807                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
24808    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24809    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24810  </svg>
24811</span>
24812              </button>
24813            </div>
24814          </div>
24815        </div>
24816      
24817    </a>
24818    
24819    
24820    <div class="md:list-layout:hidden">
24821      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
24822        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
24823          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717222224235">
24824            <a href="/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition"
24825              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
24826              @click='$store.xCustomerEvent.fire("product_selected", $el)'
24827              x-customer-event-data="{
24828    &quot;product&quot;: {
24829      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
24830      &quot;listName&quot;: &quot;Bestsellers&quot;,
24831      &quot;sku&quot;: &quot;14717222224235&quot;,
24832      &quot;currencyCode&quot;: &quot;USD&quot;,
24833      &quot;price&quot;: 2295,
24834      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
24835    }
24836  }"
24837            >
24838              We Can&#39;t Talk about That at Work! Second Edition
24839            </a>
24840          </h3>
24841          
24842
24843            
24844  
24845<div 
24846  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
24847><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
24848      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
24848ox="0 0 512 512"  xml:space="preserve">
24849      <g>
24850        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24851      </g>
24852    </svg>
24853    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
24854      <g>
24855        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24856      </g>
24857    </svg>
24858    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
24859      <g>
24860        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24861      </g>
24862    </svg>
24863    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
24864      <g>
24865        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24866      </g>
24867    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
24868          <defs>
24869              <linearGradient id="grad">
24870                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
24871                  <stop offset="50%" stop-color="currentColor"/>
24872              </linearGradient>
24873          </defs>
24874          <g>
24875            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
24876          </g>
24877      </svg>
24878    </div> 
24879    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(478)
24880    </p></div>
24881
24882<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
24883            
24884            
24885              <div class=" price leading-none">
24886  <div class="">
24887    
24888      <div class="hidden">2295</div><p class="price">
24889          <span>$22.95</span>
24890        </p><small class="text-[70%] hidden">
24891        <span class="hidden">Unit price</span>
24892        <span class="up price-item price-item--last">
24893          <span>
24894
24895          </span>
24896          <span aria-hidden="true">/</span>
24897          <span class="hidden">&nbsp;per&nbsp;</span>
24898          <span>
24899          </span>
24900        </span>
24901      </small>
24902    
24903  </div>
24904  
24905</div>
24906            
24907            <div class="next-price empty:hidden"></div>
24908          </div>
24909          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717222224235', [637329310059, 637336453483, 646765150571, 639249514859, 639269732715, 639249744235, 636480389483, 636473475435, 639252758891, 639270191467, 639269339499])"><div 
24910  x-data='{ 
24911    storeAvailabilites: {},
24912    pickupLocation: []
24913  }'
24914  class="mb-3"
24915  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
24916>
24917  <style data-shopify>
24918    .text-available, .text-unavailable {
24919      font-size: 0.669375rem;
24920      font-family: var(--font-body-family);
24921    }
24922
24923    @media (min-width: 768px) {
24924      .text-available, .text-unavailable {
24925        font-size: 0.74375rem;
24926      }
24927    }
24928
24929    .text-available {
24930      color: #6b762d;
24931    }
24932
24933    .dark .text-available {
24934      color: #858F4D;
24935    }
24936
24937    .text-unavailable {
24938      color: #767474;
24939    }
24940
24941    .dark .text-unavailable {
24942      color: #867F7F;
24943    }
24944  </style>
24945  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
24946    <span class="flex h-4 w-4 relative">
24947<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
24948  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
24949  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
24950</svg>
24951
24952</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
24953  </div>
24954  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
24955    <span class="flex h-4 w-4 relative">
24956<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
24957  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
24958  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
24959</svg>
24960
24961</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
24962  </div>
24963</div></div>
24964        </div>
24965      </div>
24966    </div>
24967    
24968  </div>
24969  <div
24970    id="x-product-template-14717222224235-template--24498228953451__featured_collection_PFy63t-1-18"
24971    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
24972  >
24973    <div class="hidden md:list-layout:block">
24974      
24975      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
24976        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
24977          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717222224235">
24978            <a href="/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition"
24979              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
24980              @click='$store.xCustomerEvent.fire("product_selected", $el)'
24981              x-customer-event-data="{
24982    &quot;product&quot;: {
24983      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
24984      &quot;listName&quot;: &quot;Bestsellers&quot;,
24985      &quot;sku&quot;: &quot;14717222224235&quot;,
24986      &quot;currencyCode&quot;: &quot;USD&quot;,
24987      &quot;price&quot;: 2295,
24988      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
24989    }
24990  }"
24991            >
24992              We Can&#39;t Talk about That at Work! Second Edition
24993            </a>
24994          </h3>
24995          
24996
24997            
24998  
24999<div 
25000  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
25001><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
25002      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
25002ox="0 0 512 512"  xml:space="preserve">
25003      <g>
25004        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25005      </g>
25006    </svg>
25007    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
25008      <g>
25009        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25010      </g>
25011    </svg>
25012    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
25013      <g>
25014        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25015      </g>
25016    </svg>
25017    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
25018      <g>
25019        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25020      </g>
25021    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
25022          <defs>
25023              <linearGradient id="grad">
25024                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
25025                  <stop offset="50%" stop-color="currentColor"/>
25026              </linearGradient>
25027          </defs>
25028          <g>
25029            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25030          </g>
25031      </svg>
25032    </div> 
25033    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(478)
25034    </p></div>
25035
25036<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
25037            
25038            
25039              <div class=" price leading-none">
25040  <div class="">
25041    
25042      <div class="hidden">2295</div><p class="price">
25043          <span>$22.95</span>
25044        </p><small class="text-[70%] hidden">
25045        <span class="hidden">Unit price</span>
25046        <span class="up price-item price-item--last">
25047          <span>
25048
25049          </span>
25050          <span aria-hidden="true">/</span>
25051          <span class="hidden">&nbsp;per&nbsp;</span>
25052          <span>
25053          </span>
25054        </span>
25055      </small>
25056    
25057  </div>
25058  
25059</div>
25060            
25061            <div class="next-price empty:hidden"></div>
25062          </div>
25063          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717222224235', [637329310059, 637336453483, 646765150571, 639249514859, 639269732715, 639249744235, 636480389483, 636473475435, 639252758891, 639270191467, 639269339499])"><div 
25064  x-data='{ 
25065    storeAvailabilites: {},
25066    pickupLocation: []
25067  }'
25068  class="mb-3"
25069  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
25070>
25071  <style data-shopify>
25072    .text-available, .text-unavailable {
25073      font-size: 0.669375rem;
25074      font-family: var(--font-body-family);
25075    }
25076
25077    @media (min-width: 768px) {
25078      .text-available, .text-unavailable {
25079        font-size: 0.74375rem;
25080      }
25081    }
25082
25083    .text-available {
25084      color: #6b762d;
25085    }
25086
25087    .dark .text-available {
25088      color: #858F4D;
25089    }
25090
25091    .text-unavailable {
25092      color: #767474;
25093    }
25094
25095    .dark .text-unavailable {
25096      color: #867F7F;
25097    }
25098  </style>
25099  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
25100    <span class="flex h-4 w-4 relative">
25101<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
25102  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
25103  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
25104</svg>
25105
25106</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
25107  </div>
25108  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
25109    <span class="flex h-4 w-4 relative">
25110<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
25111  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
25112  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
25113</svg>
25114
25115</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
25116  </div>
25117</div></div>
25118        </div>
25119      </div>
25120    
25121    </div>
25122    
25123
25124        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
25125          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523006311_we-cant-talk-about-that-at-work-second-edition');
25126        });"></div>
25127        <div
25128          id="current-variant-template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm" 
25129          class="current-variant hidden"
25130        >
25131          52108541919595
25132        </div>
25133    
25134    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
25135    
25136      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
25137            class="card-info bottom_atc md:list-layout:hidden hide-icon"
25138            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
25139            x-cloak
25140          >
25141            
25142<form method="post" action="/cart/add" id="product-form-choose-option147172222242354018" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108541919595">
25143                
25144                                                            
25145                <button
25146                  type="submit"
25147                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm"
25148                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
25149                  
25150                  
25151                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25152                  
25153aria-label="Add to cart"
25154                    
25155                  
25156                >
25157                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
25158                        <span class="flex items-center justify-center">
25159                          
25160
25161  
25162    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
25163  
25164
25165
25166                        </span></span>
25167                  <div
25168                    class="flex gap-x-2 items-center justify-center"
25169                    role="alert"
25170                    x-cloak
25171                    x-show="errorMessage"
25172                  >
25173                    Sold out
25174                  </div>
25175                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
25176                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25177    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25178      fill="currentcolor" stroke="none">
25179      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
25180    </g>
25181  </svg>
25182
25183                  </div>
25184                </button><input type="hidden" name="product-id" value="14717222224235" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
25185          </div></template>
25186    
25187    
25188      <template x-if="$store.xQuickView">
25189        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
25190              
25191<form method="post" action="/cart/add" id="product-form-choose-option147172222242354018" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108541919595">
25192                  
25193                                                              
25194                  <button
25195                    type="submit"
25196                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm"
25197                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
25198                    
25199                    
25200                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25201                    
25202aria-label="Add to cart"
25203                      
25204                    
25205                  >
25206                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
25207                          <span class="flex items-center justify-center">
25208                            
25209
25210  
25211    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
25212  
25213
25214
25215                          </span></span>
25216                    <div
25217                      class="flex gap-x-2 items-center justify-center"
25218                      role="alert"
25219                      x-cloak
25220                      x-show="errorMessage"
25221                    >
25222                      Sold out
25223                    </div>
25224                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
25224calc(50%-10px)]" x-show="loading" x-cloak>
25225                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25226    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25227      fill="currentcolor" stroke="none">
25228      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
25229    </g>
25230  </svg>
25231
25232                    </div>
25233                  </button><button 
25234                    type="submit"
25235                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
25236                    
25237                    
25238                    data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm"
25239                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25240                    
25241aria-label="Add to cart"
25242                      
25243                    
25244                    x-customer-event-data="{
25245    &quot;product&quot;: {
25246      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
25247      &quot;listName&quot;: &quot;Bestsellers&quot;,
25248      &quot;sku&quot;: &quot;14717222224235&quot;,
25249      &quot;currencyCode&quot;: &quot;USD&quot;,
25250      &quot;price&quot;: 2295,
25251      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
25252    }
25253  }"
25254                  >
25255                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
25256    <g>
25257    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25258    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25259    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25260    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25261    </g>
25262  </svg></span>
25263                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
25264                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25265    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25266      fill="currentcolor" stroke="none">
25267      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
25268    </g>
25269  </svg>
25270
25271                  </span>
25272                </button><input type="hidden" name="product-id" value="14717222224235" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
25273            </div><button 
25274            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm')" 
25275            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm')" 
25276            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
25277            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
25278            aria-label="Button quickview"
25279            x-customer-event-data="{
25280    &quot;product&quot;: {
25281      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
25282      &quot;listName&quot;: &quot;Bestsellers&quot;,
25283      &quot;sku&quot;: &quot;14717222224235&quot;,
25284      &quot;currencyCode&quot;: &quot;USD&quot;,
25285      &quot;price&quot;: 2295,
25286      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
25287    }
25288  }"
25289            x-show="$store.xQuickView.enabled"
25290          >
25291            <span class="flex justify-center items-center">
25292              
25293
25294  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
25295
25296
25297            </span>
25298          </button>
25299        </div>
25300      </template>
25301    
25302  </div>
25303</div>
25304
25305
25306<div 
25307  
25308    x-data="{ showOptions: false, options: [] }"
25309  
25310  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
25311  x-slide-index="18"
25312>
25313  <div 
25314    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
25315  >
25316    <style data-shopify>
25317      
25318    </style>
25319    
25320    <style data-shopify>
25321      
25322    </style>
25323    <a 
25324      
25325        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
25326      
25327      href="/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition"
25328       
25329        x-data="{ lastWindowWidth: 0 }"
25330        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
25331        x-labels-data="[{
25332        &quot;variant_id&quot;: 52108541985131,
25333        &quot;product_id&quot;: 14717222158699,
25334        &quot;available&quot;: true,
25335        &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
25336        &quot;compare_at_price&quot;: 0,
25337        &quot;price&quot;: 1995,
25338        &quot;price_with_currency&quot;: &quot;$19.95&quot;,
25339        &quot;sale_amount&quot;: &quot;$-19.95&quot;,
25340        &quot;collections&quot;: &quot;||637336453483||646765150571||639249514859||639269732715||643824779627||636480389483||636473475435||639270191467||639269339499||&quot;,
25341        &quot;inventory_management&quot;: &quot;shopify&quot;,
25342        &quot;qty&quot;: 527,
25343        &quot;container&quot;: &quot;card&quot;,
25344        &quot;can_show_preorder&quot;: false,
25345        &quot;diff_day_create&quot;: 481.29,
25346        &quot;diff_day_publish&quot;: 481.29
25347        
25348          ,&quot;metafield_label&quot;: { 
25349            &quot;custom.format2&quot;:&quot;Paperback&quot;
25350          }
25351        
25352      }]"
25353       
25354      aria-label="Subtle Acts of Exclusion, Second Edition"
25355      id="14717222158699-template--24498228953451__featured_collection_PFy63t"
25356      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
25357      <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
25358        <div
25359          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-19-18"
25360          class="block h-full" 
25361          @click='$store.xCustomerEvent.fire("product_selected", $el)'
25362          x-customer-event-data="{
25363    &quot;product&quot;: {
25364      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
25365      &quot;listName&quot;: &quot;Bestsellers&quot;,
25366      &quot;sku&quot;: &quot;14717222158699&quot;,
25367      &quot;currencyCode&quot;: &quot;USD&quot;,
25368      &quot;price&quot;: 1995,
25369      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
25370    }
25371  }"
25372          >
25373<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
25374            >
25375              
25376              <picture>
25377                <img
25378                  srcset="//bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=450 450w,
25379                  //bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=750 750w,
25380                  //bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=900 900w,
25381                  //bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=1100 1100w,
25382                  //bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875 419w" 
25383                  src="//bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=1500"
25384                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
25385                  alt="Cover image for Subtle Acts of Exclusion, Second Edition, isbn: 9781523004348"
25386                  :class="showSecond ? 'first-img' : ''"
25387                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
25388                  loading="lazy"
25389                  width="419"
25390                  height="648"
25391                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
25392                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
25393                />
25394              </picture>
25395              
25396            </div></div>
25397      </div>
25398      
25399        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
25400              x-show="$store.xQuickView" x-cloak
25401            > 
25402              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
25403                class="w-full hide-icon lg:px-4" 
25404                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
25405                x-cloak
25406              >
25407<form method="post" action="/cart/add" id="product-form-choose-option147172221586994019" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108541985131">
25408                    
25409                                                                
25410                    <button
25411                      type="submit"
25412                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm"
25413                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
25414                      
25415                      
25416                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25417                      
25418aria-label="Add to cart"
25419                        
25420                      
25421                    >
25422                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
25423                            <span class="flex items-center justify-center">
25424                              
25425
25426  
25427    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
25428  
25429
25430
25431                            </span></span>
25432                      <div
25433                        class="flex gap-x-2 items-center justify-center"
25434                        role="alert"
25435                        x-cloak
25436                        x-show="errorMessage"
25437                      >
25438                        Sold out
25439                      </div>
25440                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
25441                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25442    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25443      fill="currentcolor" stroke="none">
25444      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
25445    </g>
25446  </svg>
25447
25448                      </div>
25449                    </button>
25450                    <button 
25451                      type="submit"
25452                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
25453                      
25454                      
25455                      data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm"
25456                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25457                      
25458aria-label="Add to cart"
25459                        
25460                      
25461                      x-customer-event-data="{
25462    &quot;product&quot;: {
25463      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
25464      &quot;listName&quot;: &quot;Bestsellers&quot;,
25465      &quot;sku&quot;: &quot;14717222158699&quot;,
25466      &quot;currencyCode&quot;: &quot;USD&quot;,
25467      &quot;price&quot;: 1995,
25468      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
25469    }
25470  }"
25471                    >
25472                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
25473    <g>
25474    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25475    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25476    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25477    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25478    </g>
25479  </svg></span>
25480                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
25481                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25482    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25483      fill="currentcolor" stroke="none">
25484      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
25485    </g>
25486  </svg>
25487
25488                      </span>
25489                  </button><input type="hidden" name="product-id" value="14717222158699" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
25490              </div>
25491            </div><div
25492            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
25493            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
25494            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
25495            >
25496            <div>
25497              <button
25498                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
25499                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm')" 
25500                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm')" 
25501                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
25502                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
25503                x-customer-event-data="{
25504    &quot;product&quot;: {
25505      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
25506      &quot;listName&quot;: &quot;Bestsellers&quot;,
25507      &quot;sku&quot;: &quot;14717222158699&quot;,
25508      &quot;currencyCode&quot;: &quot;USD&quot;,
25509      &quot;price&quot;: 1995,
25510      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
25511    }
25512  }"
25513                aria-label="Button quickview"
25514              >
25515                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
25516    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25517    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25518  </svg>
25519</span>
25520                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
25521                  
25522
25523  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
25524
25525
25526                </span>
25527              </button>
25528              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
25529                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
25530                aria-label="Button quickview"
25531                x-customer-event-data="{
25532    &quot;product&quot;: {
25533      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
25534      &quot;listName&quot;: &quot;Bestsellers&quot;,
25535      &quot;sku&quot;: &quot;14717222158699&quot;,
25536      &quot;currencyCode&quot;: &quot;USD&quot;,
25537      &quot;price&quot;: 1995,
25538      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
25539    }
25540  }"
25541              >
25542                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
25543    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25544    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25545  </svg>
25546</span>
25547              </button>
25548            </div>
25549          </div>
25550        </div>
25551      
25552    </a>
25553    
25554    
25555    <div class="md:list-layout:hidden">
25556      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
25557        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
25558          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717222158699">
25559            <a href="/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition"
25560              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
25561              @click='$store.xCustomerEvent.fire("product_selected", $el)'
25562              x-customer-event-data="{
25563    &quot;product&quot;: {
25564      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
25565      &quot;listName&quot;: &quot;Bestsellers&quot;,
25566      &quot;sku&quot;: &quot;14717222158699&quot;,
25567      &quot;currencyCode&quot;: &quot;USD&quot;,
25568      &quot;price&quot;: 1995,
25569      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
25570    }
25571  }"
25572            >
25573              Subtle Acts of Exclusion, Second Edition
25574            </a>
25575          </h3>
25576          
25577
25578            
25579  
25580<div 
25581  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
25582><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
25583      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
25583ox="0 0 512 512"  xml:space="preserve">
25584      <g>
25585        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25586      </g>
25587    </svg>
25588    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
25589      <g>
25590        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25591      </g>
25592    </svg>
25593    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
25594      <g>
25595        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25596      </g>
25597    </svg>
25598    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
25599      <g>
25600        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25601      </g>
25602    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
25603          <defs>
25604              <linearGradient id="grad">
25605                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
25606                  <stop offset="50%" stop-color="currentColor"/>
25607              </linearGradient>
25608          </defs>
25609          <g>
25610            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25611          </g>
25612      </svg>
25613    </div> 
25614    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(317)
25615    </p></div>
25616
25617<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
25618            
25619            
25620              <div class=" price leading-none">
25621  <div class="">
25622    
25623      <div class="hidden">1995</div><p class="price">
25624          <span>$19.95</span>
25625        </p><small class="text-[70%] hidden">
25626        <span class="hidden">Unit price</span>
25627        <span class="up price-item price-item--last">
25628          <span>
25629
25630          </span>
25631          <span aria-hidden="true">/</span>
25632          <span class="hidden">&nbsp;per&nbsp;</span>
25633          <span>
25634          </span>
25635        </span>
25636      </small>
25637    
25638  </div>
25639  
25640</div>
25641            
25642            <div class="next-price empty:hidden"></div>
25643          </div>
25644          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717222158699', [637336453483, 646765150571, 639249514859, 639269732715, 643824779627, 636480389483, 636473475435, 639270191467, 639269339499])"><div 
25645  x-data='{ 
25646    storeAvailabilites: {},
25647    pickupLocation: []
25648  }'
25649  class="mb-3"
25650  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
25651>
25652  <style data-shopify>
25653    .text-available, .text-unavailable {
25654      font-size: 0.669375rem;
25655      font-family: var(--font-body-family);
25656    }
25657
25658    @media (min-width: 768px) {
25659      .text-available, .text-unavailable {
25660        font-size: 0.74375rem;
25661      }
25662    }
25663
25664    .text-available {
25665      color: #6b762d;
25666    }
25667
25668    .dark .text-available {
25669      color: #858F4D;
25670    }
25671
25672    .text-unavailable {
25673      color: #767474;
25674    }
25675
25676    .dark .text-unavailable {
25677      color: #867F7F;
25678    }
25679  </style>
25680  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
25681    <span class="flex h-4 w-4 relative">
25682<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
25683  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
25684  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
25685</svg>
25686
25687</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
25688  </div>
25689  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
25690    <span class="flex h-4 w-4 relative">
25691<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
25692  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
25693  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
25694</svg>
25695
25696</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
25697  </div>
25698</div></div>
25699        </div>
25700      </div>
25701    </div>
25702    
25703  </div>
25704  <div
25705    id="x-product-template-14717222158699-template--24498228953451__featured_collection_PFy63t-1-19"
25706    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
25707  >
25708    <div class="hidden md:list-layout:block">
25709      
25710      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
25711        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
25712          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717222158699">
25713            <a href="/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition"
25714              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
25715              @click='$store.xCustomerEvent.fire("product_selected", $el)'
25716              x-customer-event-data="{
25717    &quot;product&quot;: {
25718      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
25719      &quot;listName&quot;: &quot;Bestsellers&quot;,
25720      &quot;sku&quot;: &quot;14717222158699&quot;,
25721      &quot;currencyCode&quot;: &quot;USD&quot;,
25722      &quot;price&quot;: 1995,
25723      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
25724    }
25725  }"
25726            >
25727              Subtle Acts of Exclusion, Second Edition
25728            </a>
25729          </h3>
25730          
25731
25732            
25733  
25734<div 
25735  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
25736><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
25737      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
25737ox="0 0 512 512"  xml:space="preserve">
25738      <g>
25739        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25740      </g>
25741    </svg>
25742    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
25743      <g>
25744        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25745      </g>
25746    </svg>
25747    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
25748      <g>
25749        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25750      </g>
25751    </svg>
25752    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
25753      <g>
25754        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25755      </g>
25756    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
25757          <defs>
25758              <linearGradient id="grad">
25759                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
25760                  <stop offset="50%" stop-color="currentColor"/>
25761              </linearGradient>
25762          </defs>
25763          <g>
25764            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
25765          </g>
25766      </svg>
25767    </div> 
25768    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(317)
25769    </p></div>
25770
25771<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
25772            
25773            
25774              <div class=" price leading-none">
25775  <div class="">
25776    
25777      <div class="hidden">1995</div><p class="price">
25778          <span>$19.95</span>
25779        </p><small class="text-[70%] hidden">
25780        <span class="hidden">Unit price</span>
25781        <span class="up price-item price-item--last">
25782          <span>
25783
25784          </span>
25785          <span aria-hidden="true">/</span>
25786          <span class="hidden">&nbsp;per&nbsp;</span>
25787          <span>
25788          </span>
25789        </span>
25790      </small>
25791    
25792  </div>
25793  
25794</div>
25795            
25796            <div class="next-price empty:hidden"></div>
25797          </div>
25798          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717222158699', [637336453483, 646765150571, 639249514859, 639269732715, 643824779627, 636480389483, 636473475435, 639270191467, 639269339499])"><div 
25799  x-data='{ 
25800    storeAvailabilites: {},
25801    pickupLocation: []
25802  }'
25803  class="mb-3"
25804  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
25805>
25806  <style data-shopify>
25807    .text-available, .text-unavailable {
25808      font-size: 0.669375rem;
25809      font-family: var(--font-body-family);
25810    }
25811
25812    @media (min-width: 768px) {
25813      .text-available, .text-unavailable {
25814        font-size: 0.74375rem;
25815      }
25816    }
25817
25818    .text-available {
25819      color: #6b762d;
25820    }
25821
25822    .dark .text-available {
25823      color: #858F4D;
25824    }
25825
25826    .text-unavailable {
25827      color: #767474;
25828    }
25829
25830    .dark .text-unavailable {
25831      color: #867F7F;
25832    }
25833  </style>
25834  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
25835    <span class="flex h-4 w-4 relative">
25836<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
25837  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
25838  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
25839</svg>
25840
25841</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
25842  </div>
25843  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
25844    <span class="flex h-4 w-4 relative">
25845<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
25846  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
25847  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
25848</svg>
25849
25850</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
25851  </div>
25852</div></div>
25853        </div>
25854      </div>
25855    
25856    </div>
25857    
25858
25859        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
25860          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523004348_subtle-acts-of-exclusion-second-edition');
25861        });"></div>
25862        <div
25863          id="current-variant-template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm" 
25864          class="current-variant hidden"
25865        >
25866          52108541985131
25867        </div>
25868    
25869    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
25870    
25871      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
25872            class="card-info bottom_atc md:list-layout:hidden hide-icon"
25873            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
25874            x-cloak
25875          >
25876            
25877<form method="post" action="/cart/add" id="product-form-choose-option147172221586994019" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108541985131">
25878                
25879                                                            
25880                <button
25881                  type="submit"
25882                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm"
25883                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
25884                  
25885                  
25886                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25887                  
25888aria-label="Add to cart"
25889                    
25890                  
25891                >
25892                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
25893                        <span class="flex items-center justify-center">
25894                          
25895
25896  
25897    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
25898  
25899
25900
25901                        </span></span>
25902                  <div
25903                    class="flex gap-x-2 items-center justify-center"
25904                    role="alert"
25905                    x-cloak
25906                    x-show="errorMessage"
25907                  >
25908                    Sold out
25909                  </div>
25910                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
25911                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25912    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25913      fill="currentcolor" stroke="none">
25914      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
25915    </g>
25916  </svg>
25917
25918                  </div>
25919                </button><input type="hidden" name="product-id" value="14717222158699" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
25920          </div></template>
25921    
25922    
25923      <template x-if="$store.xQuickView">
25924        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
25925              
25926<form method="post" action="/cart/add" id="product-form-choose-option147172221586994019" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108541985131">
25927                  
25928                                                              
25929                  <button
25930                    type="submit"
25931                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm"
25932                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
25933                    
25934                    
25935                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25936                    
25937aria-label="Add to cart"
25938                      
25939                    
25940                  >
25941                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
25942                          <span class="flex items-center justify-center">
25943                            
25944
25945  
25946    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
25947  
25948
25949
25950                          </span></span>
25951                    <div
25952                      class="flex gap-x-2 items-center justify-center"
25953                      role="alert"
25954                      x-cloak
25955                      x-show="errorMessage"
25956                    >
25957                      Sold out
25958                    </div>
25959                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
25959calc(50%-10px)]" x-show="loading" x-cloak>
25960                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25961    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25962      fill="currentcolor" stroke="none">
25963      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
25964    </g>
25965  </svg>
25966
25967                    </div>
25968                  </button><button 
25969                    type="submit"
25970                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
25971                    
25972                    
25973                    data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm"
25974                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25975                    
25976aria-label="Add to cart"
25977                      
25978                    
25979                    x-customer-event-data="{
25980    &quot;product&quot;: {
25981      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
25982      &quot;listName&quot;: &quot;Bestsellers&quot;,
25983      &quot;sku&quot;: &quot;14717222158699&quot;,
25984      &quot;currencyCode&quot;: &quot;USD&quot;,
25985      &quot;price&quot;: 1995,
25986      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
25987    }
25988  }"
25989                  >
25990                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
25991    <g>
25992    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25993    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25994    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25995    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25996    </g>
25997  </svg></span>
25998                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
25999                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
26000    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
26001      fill="currentcolor" stroke="none">
26002      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
26003    </g>
26004  </svg>
26005
26006                  </span>
26007                </button><input type="hidden" name="product-id" value="14717222158699" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
26008            </div><button 
26009            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm')" 
26010            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm')" 
26011            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
26012            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
26013            aria-label="Button quickview"
26014            x-customer-event-data="{
26015    &quot;product&quot;: {
26016      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
26017      &quot;listName&quot;: &quot;Bestsellers&quot;,
26018      &quot;sku&quot;: &quot;14717222158699&quot;,
26019      &quot;currencyCode&quot;: &quot;USD&quot;,
26020      &quot;price&quot;: 1995,
26021      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
26022    }
26023  }"
26024            x-show="$store.xQuickView.enabled"
26025          >
26026            <span class="flex justify-center items-center">
26027              
26028
26029  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
26030
26031
26032            </span>
26033          </button>
26034        </div>
26035      </template>
26036    
26037  </div>
26038</div>
26039
26040
26041<div 
26042  
26043    x-data="{ showOptions: false, options: [] }"
26044  
26045  class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 
26046  x-slide-index="19"
26047>
26048  <div 
26049    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
26050  >
26051    <style data-shopify>
26052      
26053    </style>
26054    
26055    <style data-shopify>
26056      
26057    </style>
26058    <a 
26059      
26060        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
26061      
26062      href="/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition"
26063       
26064        x-data="{ lastWindowWidth: 0 }"
26065        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
26066        x-labels-data="[{
26067        &quot;variant_id&quot;: 52108541722987,
26068        &quot;product_id&quot;: 14717221962091,
26069        &quot;available&quot;: true,
26070        &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
26071        &quot;compare_at_price&quot;: 0,
26072        &quot;price&quot;: 2395,
26073        &quot;price_with_currency&quot;: &quot;$23.95&quot;,
26074        &quot;sale_amount&quot;: &quot;$-23.95&quot;,
26075        &quot;collections&quot;: &quot;||637336453483||639249514859||643824812395||637337043307||642721775979||636480389483||636473475435||&quot;,
26076        &quot;inventory_management&quot;: &quot;shopify&quot;,
26077        &quot;qty&quot;: 5246,
26078        &quot;container&quot;: &quot;card&quot;,
26079        &quot;can_show_preorder&quot;: false,
26080        &quot;diff_day_create&quot;: 481.29,
26081        &quot;diff_day_publish&quot;: 481.29
26082        
26083          ,&quot;metafield_label&quot;: { 
26084            &quot;custom.format2&quot;:&quot;Paperback&quot;
26085          }
26086        
26087      }]"
26088       
26089      aria-label="Confessions of an Economic Hit Man, 3rd Edition"
26090      id="14717221962091-template--24498228953451__featured_collection_PFy63t"
26091      class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
26092      <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
26093        <div
26094          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-20-19"
26095          class="block h-full" 
26096          @click='$store.xCustomerEvent.fire("product_selected", $el)'
26097          x-customer-event-data="{
26098    &quot;product&quot;: {
26099      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
26100      &quot;listName&quot;: &quot;Bestsellers&quot;,
26101      &quot;sku&quot;: &quot;14717221962091&quot;,
26102      &quot;currencyCode&quot;: &quot;USD&quot;,
26103      &quot;price&quot;: 2395,
26104      &quot;vendor&quot;: &quot;John Perkins&quot;
26105    }
26106  }"
26107          >
26108<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
26109            >
26110              
26111              <picture>
26112                <img
26113                  srcset="//bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=450 450w,
26114                  //bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=750 750w,
26115                  //bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=900 900w,
26116                  //bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=1100 1100w,
26117                  //bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874 418w" 
26118                  src="//bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=1500"
26119                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
26120                  alt="Cover image for Confessions of an Economic Hit Man, 3rd Edition, isbn: 9781523001897"
26121                  :class="showSecond ? 'first-img' : ''"
26122                  class="w-full  preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
26123                  loading="lazy"
26124                  width="418"
26125                  height="648"
26126                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
26127                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
26128                />
26129              </picture>
26130              
26131            </div></div>
26132      </div>
26133      
26134        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
26135              x-show="$store.xQuickView" x-cloak
26136            > 
26137              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
26138                class="w-full hide-icon lg:px-4" 
26139                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
26140                x-cloak
26141              >
26142<form method="post" action="/cart/add" id="product-form-choose-option147172219620914020" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108541722987">
26143                    
26144                                                                
26145                    <button
26146                      type="submit"
26147                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm"
26148                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
26149                      
26150                      
26151                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
26152                      
26153aria-label="Add to cart"
26154                        
26155                      
26156                    >
26157                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
26158                            <span class="flex items-center justify-center">
26159                              
26160
26161  
26162    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
26163  
26164
26165
26166                            </span></span>
26167                      <div
26168                        class="flex gap-x-2 items-center justify-center"
26169                        role="alert"
26170                        x-cloak
26171                        x-show="errorMessage"
26172                      >
26173                        Sold out
26174                      </div>
26175                      <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
26176                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
26177    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
26178      fill="currentcolor" stroke="none">
26179      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
26180    </g>
26181  </svg>
26182
26183                      </div>
26184                    </button>
26185                    <button 
26186                      type="submit"
26187                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
26188                      
26189                      
26190                      data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm"
26191                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
26192                      
26193aria-label="Add to cart"
26194                        
26195                      
26196                      x-customer-event-data="{
26197    &quot;product&quot;: {
26198      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
26199      &quot;listName&quot;: &quot;Bestsellers&quot;,
26200      &quot;sku&quot;: &quot;14717221962091&quot;,
26201      &quot;currencyCode&quot;: &quot;USD&quot;,
26202      &quot;price&quot;: 2395,
26203      &quot;vendor&quot;: &quot;John Perkins&quot;
26204    }
26205  }"
26206                    >
26207                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
26208    <g>
26209    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
26210    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
26211    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
26212    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
26213    </g>
26214  </svg></span>
26215                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
26216                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
26217    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
26218      fill="currentcolor" stroke="none">
26219      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
26220    </g>
26221  </svg>
26222
26223                      </span>
26224                  </button><input type="hidden" name="product-id" value="14717221962091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
26225              </div>
26226            </div><div
26227            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
26228            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
26229            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
26230            >
26231            <div>
26232              <button
26233                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
26234                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm')" 
26235                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm')" 
26236                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
26237                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
26238                x-customer-event-data="{
26239    &quot;product&quot;: {
26240      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
26241      &quot;listName&quot;: &quot;Bestsellers&quot;,
26242      &quot;sku&quot;: &quot;14717221962091&quot;,
26243      &quot;currencyCode&quot;: &quot;USD&quot;,
26244      &quot;price&quot;: 2395,
26245      &quot;vendor&quot;: &quot;John Perkins&quot;
26246    }
26247  }"
26248                aria-label="Button quickview"
26249              >
26250                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
26251    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
26252    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
26253  </svg>
26254</span>
26255                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
26256                  
26257
26258  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
26259
26260
26261                </span>
26262              </button>
26263              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
26264                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 
26265                aria-label="Button quickview"
26266                x-customer-event-data="{
26267    &quot;product&quot;: {
26268      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
26269      &quot;listName&quot;: &quot;Bestsellers&quot;,
26270      &quot;sku&quot;: &quot;14717221962091&quot;,
26271      &quot;currencyCode&quot;: &quot;USD&quot;,
26272      &quot;price&quot;: 2395,
26273      &quot;vendor&quot;: &quot;John Perkins&quot;
26274    }
26275  }"
26276              >
26277                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;">
26278    <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
26279    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
26280  </svg>
26281</span>
26282              </button>
26283            </div>
26284          </div>
26285        </div>
26286      
26287    </a>
26288    
26289    
26290    <div class="md:list-layout:hidden">
26291      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
26292        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
26293          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717221962091">
26294            <a href="/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition"
26295              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
26296              @click='$store.xCustomerEvent.fire("product_selected", $el)'
26297              x-customer-event-data="{
26298    &quot;product&quot;: {
26299      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
26300      &quot;listName&quot;: &quot;Bestsellers&quot;,
26301      &quot;sku&quot;: &quot;14717221962091&quot;,
26302      &quot;currencyCode&quot;: &quot;USD&quot;,
26303      &quot;price&quot;: 2395,
26304      &quot;vendor&quot;: &quot;John Perkins&quot;
26305    }
26306  }"
26307            >
26308              Confessions of an Economic Hit Man, 3rd Edition
26309            </a>
26310          </h3>
26311          
26312
26313            
26314  
26315<div 
26316  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
26317><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
26318      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
26318ox="0 0 512 512"  xml:space="preserve">
26319      <g>
26320        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
26321      </g>
26322    </svg>
26323    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
26324      <g>
26325        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
26326      </g>
26327    </svg>
26328    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
26329      <g>
26330        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
26331      </g>
26332    </svg>
26333    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
26334      <g>
26335        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
26336      </g>
26337    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
26338          <defs>
26339              <linearGradient id="grad">
26340                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
26341                  <stop offset="50%" stop-color="currentColor"/>
26342              </linearGradient>
26343          </defs>
26344          <g>
26345            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
26346          </g>
26347      </svg>
26348    </div> 
26349    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(838)
26350    </p></div>
26351
26352<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
26353            
26354            
26355              <div class=" price leading-none">
26356  <div class="">
26357    
26358      <div class="hidden">2395</div><p class="price">
26359          <span>$23.95</span>
26360        </p><small class="text-[70%] hidden">
26361        <span class="hidden">Unit price</span>
26362        <span class="up price-item price-item--last">
26363          <span>
26364
26365          </span>
26366          <span aria-hidden="true">/</span>
26367          <span class="hidden">&nbsp;per&nbsp;</span>
26368          <span>
26369          </span>
26370        </span>
26371      </small>
26372    
26373  </div>
26374  
26375</div>
26376            
26377            <div class="next-price empty:hidden"></div>
26378          </div>
26379          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717221962091', [637336453483, 639249514859, 643824812395, 637337043307, 642721775979, 636480389483, 636473475435])"><div 
26380  x-data='{ 
26381    storeAvailabilites: {},
26382    pickupLocation: []
26383  }'
26384  class="mb-3"
26385  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
26386>
26387  <style data-shopify>
26388    .text-available, .text-unavailable {
26389      font-size: 0.669375rem;
26390      font-family: var(--font-body-family);
26391    }
26392
26393    @media (min-width: 768px) {
26394      .text-available, .text-unavailable {
26395        font-size: 0.74375rem;
26396      }
26397    }
26398
26399    .text-available {
26400      color: #6b762d;
26401    }
26402
26403    .dark .text-available {
26404      color: #858F4D;
26405    }
26406
26407    .text-unavailable {
26408      color: #767474;
26409    }
26410
26411    .dark .text-unavailable {
26412      color: #867F7F;
26413    }
26414  </style>
26415  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
26416    <span class="flex h-4 w-4 relative">
26417<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
26418  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
26419  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
26420</svg>
26421
26422</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
26423  </div>
26424  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
26425    <span class="flex h-4 w-4 relative">
26426<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
26427  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
26428  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
26429</svg>
26430
26431</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
26432  </div>
26433</div></div>
26434        </div>
26435      </div>
26436    </div>
26437    
26438  </div>
26439  <div
26440    id="x-product-template-14717221962091-template--24498228953451__featured_collection_PFy63t-1-20"
26441    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0  text-center"
26442  >
26443    <div class="hidden md:list-layout:block">
26444      
26445      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
26446        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
26447          <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717221962091">
26448            <a href="/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition"
26449              class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
26450              @click='$store.xCustomerEvent.fire("product_selected", $el)'
26451              x-customer-event-data="{
26452    &quot;product&quot;: {
26453      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
26454      &quot;listName&quot;: &quot;Bestsellers&quot;,
26455      &quot;sku&quot;: &quot;14717221962091&quot;,
26456      &quot;currencyCode&quot;: &quot;USD&quot;,
26457      &quot;price&quot;: 2395,
26458      &quot;vendor&quot;: &quot;John Perkins&quot;
26459    }
26460  }"
26461            >
26462              Confessions of an Economic Hit Man, 3rd Edition
26463            </a>
26464          </h3>
26465          
26466
26467            
26468  
26469<div 
26470  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
26471><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
26472      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
26472ox="0 0 512 512"  xml:space="preserve">
26473      <g>
26474        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
26475      </g>
26476    </svg>
26477    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
26478      <g>
26479        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
26480      </g>
26481    </svg>
26482    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
26483      <g>
26484        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
26485      </g>
26486    </svg>
26487    <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"  xml:space="preserve">
26488      <g>
26489        <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
26490      </g>
26491    </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2">
26492          <defs>
26493              <linearGradient id="grad">
26494                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
26495                  <stop offset="50%" stop-color="currentColor"/>
26496              </linearGradient>
26497          </defs>
26498          <g>
26499            <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/>
26500          </g>
26501      </svg>
26502    </div> 
26503    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(838)
26504    </p></div>
26505
26506<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
26507            
26508            
26509              <div class=" price leading-none">
26510  <div class="">
26511    
26512      <div class="hidden">2395</div><p class="price">
26513          <span>$23.95</span>
26514        </p><small class="text-[70%] hidden">
26515        <span class="hidden">Unit price</span>
26516        <span class="up price-item price-item--last">
26517          <span>
26518
26519          </span>
26520          <span aria-hidden="true">/</span>
26521          <span class="hidden">&nbsp;per&nbsp;</span>
26522          <span>
26523          </span>
26524        </span>
26525      </small>
26526    
26527  </div>
26528  
26529</div>
26530            
26531            <div class="next-price empty:hidden"></div>
26532          </div>
26533          <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717221962091', [637336453483, 639249514859, 643824812395, 637337043307, 642721775979, 636480389483, 636473475435])"><div 
26534  x-data='{ 
26535    storeAvailabilites: {},
26536    pickupLocation: []
26537  }'
26538  class="mb-3"
26539  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
26540>
26541  <style data-shopify>
26542    .text-available, .text-unavailable {
26543      font-size: 0.669375rem;
26544      font-family: var(--font-body-family);
26545    }
26546
26547    @media (min-width: 768px) {
26548      .text-available, .text-unavailable {
26549        font-size: 0.74375rem;
26550      }
26551    }
26552
26553    .text-available {
26554      color: #6b762d;
26555    }
26556
26557    .dark .text-available {
26558      color: #858F4D;
26559    }
26560
26561    .text-unavailable {
26562      color: #767474;
26563    }
26564
26565    .dark .text-unavailable {
26566      color: #867F7F;
26567    }
26568  </style>
26569  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
26570    <span class="flex h-4 w-4 relative">
26571<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
26572  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
26573  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
26574</svg>
26575
26576</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
26577  </div>
26578  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
26579    <span class="flex h-4 w-4 relative">
26580<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
26581  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
26582  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
26583</svg>
26584
26585</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
26586  </div>
26587</div></div>
26588        </div>
26589      </div>
26590    
26591    </div>
26592    
26593
26594        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
26595          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition');
26596        });"></div>
26597        <div
26598          id="current-variant-template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm" 
26599          class="current-variant hidden"
26600        >
26601          52108541722987
26602        </div>
26603    
26604    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
26605    
26606      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
26607            class="card-info bottom_atc md:list-layout:hidden hide-icon"
26608            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
26609            x-cloak
26610          >
26611            
26612<form method="post" action="/cart/add" id="product-form-choose-option147172219620914020" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108541722987">
26613                
26614                                                            
26615                <button
26616                  type="submit"
26617                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm"
26618                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60"
26619                  
26620                  
26621                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
26622                  
26623aria-label="Add to cart"
26624                    
26625                  
26626                >
26627                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
26628                        <span class="flex items-center justify-center">
26629                          
26630
26631  
26632    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
26633  
26634
26635
26636                        </span></span>
26637                  <div
26638                    class="flex gap-x-2 items-center justify-center"
26639                    role="alert"
26640                    x-cloak
26641                    x-show="errorMessage"
26642                  >
26643                    Sold out
26644                  </div>
26645                  <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
26646                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
26647    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
26648      fill="currentcolor" stroke="none">
26649      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
26650    </g>
26651  </svg>
26652
26653                  </div>
26654                </button><input type="hidden" name="product-id" value="14717221962091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
26655          </div></template>
26656    
26657    
26658      <template x-if="$store.xQuickView">
26659        <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''">
26660              
26661<form method="post" action="/cart/add" id="product-form-choose-option147172219620914020" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="52108541722987">
26662                  
26663                                                              
26664                  <button
26665                    type="submit"
26666                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm"
26667                    class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block"
26668                    
26669                    
26670                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
26671                    
26672aria-label="Add to cart"
26673                      
26674                    
26675                  >
26676                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
26677                          <span class="flex items-center justify-center">
26678                            
26679
26680  
26681    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
26682  
26683
26684
26685                          </span></span>
26686                    <div
26687                      class="flex gap-x-2 items-center justify-center"
26688                      role="alert"
26689                      x-cloak
26690                      x-show="errorMessage"
26691                    >
26692                      Sold out
26693                    </div>
26694                    <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
26694calc(50%-10px)]" x-show="loading" x-cloak>
26695                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
26696    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
26697      fill="currentcolor" stroke="none">
26698      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
26699    </g>
26700  </svg>
26701
26702                    </div>
26703                  </button><button 
26704                    type="submit"
26705                    name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60"
26706                    
26707                    
26708                    data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm"
26709                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
26710                    
26711aria-label="Add to cart"
26712                      
26713                    
26714                    x-customer-event-data="{
26715    &quot;product&quot;: {
26716      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
26717      &quot;listName&quot;: &quot;Bestsellers&quot;,
26718      &quot;sku&quot;: &quot;14717221962091&quot;,
26719      &quot;currencyCode&quot;: &quot;USD&quot;,
26720      &quot;price&quot;: 2395,
26721      &quot;vendor&quot;: &quot;John Perkins&quot;
26722    }
26723  }"
26724                  >
26725                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;">
26726    <g>
26727    <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
26728    <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
26729    <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
26730    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
26731    </g>
26732  </svg></span>
26733                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
26734                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
26735    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
26736      fill="currentcolor" stroke="none">
26737      <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
26738    </g>
26739  </svg>
26740
26741                  </span>
26742                </button><input type="hidden" name="product-id" value="14717221962091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
26743            </div><button 
26744            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm')" 
26745            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm')" 
26746            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
26747            class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 
26748            aria-label="Button quickview"
26749            x-customer-event-data="{
26750    &quot;product&quot;: {
26751      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
26752      &quot;listName&quot;: &quot;Bestsellers&quot;,
26753      &quot;sku&quot;: &quot;14717221962091&quot;,
26754      &quot;currencyCode&quot;: &quot;USD&quot;,
26755      &quot;price&quot;: 2395,
26756      &quot;vendor&quot;: &quot;John Perkins&quot;
26757    }
26758  }"
26759            x-show="$store.xQuickView.enabled"
26760          >
26761            <span class="flex justify-center items-center">
26762              
26763
26764  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
26765
26766
26767            </span>
26768          </button>
26769        </div>
26770      </template>
26771    
26772  </div>
26773</div>
26774</div>
26775                </div>
26776                
26777                  <div class="splide__arrows flex items-center justify-center">
26778                    <button 
26779                      class="splide__arrow splide__arrow--prev button-arrow p-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:-rotate-90 rotate-90 opacity-100 disabled:cursor-not-allowed disabled:opacity-30 block md:block md:absolute md:top-1/2 md:-mt-6 rtl:md:left-auto rtl:md:right-0 md:left-0 md:duration-200 md:opacity-60 hover:opacity-100 md:transition-all md:ease-in-out md:-translate-x-full rtl:md:translate-x-full"
26780                      aria-label="previous slide"
26781                    >
26782                      <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
26783    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
26784  </svg>
26785
26786                    </button>
26787                    <button 
26788                      class="splide__arrow splide__arrow--next button-arrow p-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:rotate-90 -rotate-90 opacity-100 disabled:cursor-not-allowed disabled:opacity-30 block md:block md:absolute md:top-1/2 md:-mt-6 rtl:md:right-auto rtl:md:left-0 md:right-0 md:duration-200 md:opacity-60 hover:opacity-100 md:transition-all md:ease-in-out md:translate-x-full rtl:md:-translate-x-full"
26789                      aria-label="next slide"
26790                    >
26791                      <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
26792    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
26793  </svg>
26794
26795                    </button>
26796                  </div>
26797                
26798<div class=" md:flex items-center hidden gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto">
26799                    <div class="splide-progress inline-block grow rounded-md">
26800                       <style data-shopify>.splide-progress-bar-template--24498228953451__featured_collection_PFy63t-collection_hxQeQm {
26801                          width: 10.0%;
26802                        }
26803                        @media (min-width: 768px) {
26804                          .splide-progress-bar-template--24498228953451__featured_collection_PFy63t-collection_hxQeQm {
26805                            width: 25.0%;
26806                          }
26807                        }</style><div class="splide-progress-bar-template--24498228953451__featured_collection_PFy63t-collection_hxQeQm splide-progress-bar rounded-md"></div>
26808                    </div>
26809                  </div></div>
26810            </div>
26811          </div>
26812        </div>
26813      </div>
26814  </div>
26815</div>
26816<script src="//bkconnection.com/cdn/shop/t/4/assets/preview-color-swatches.js?v=124028182148704388941747335364" defer></script>
26816
26817</div></div>
26818<script src="//bkconnection.com/cdn/shop/t/4/assets/featured-collection.js?v=168062212644831816131747335364" defer></script>
26818
26819
26820
26821</section><section id="shopify-section-template--24498228953451__collection_list_carousel_XkJ98q" class="shopify-section section section-collection-list-carousel x-section"><style data-shopify>.heading-template--24498228953451__collection_list_carousel_XkJ98q { 
26822      font-size: 1.35rem; 
26823    }
26824    .gap-mobile-template--24498228953451__collection_list_carousel_XkJ98q {
26825      gap: 5px;
26826    }
26827    #shopify-section-template--24498228953451__collection_list_carousel_XkJ98q{
26828      background: ;
26829    }
26830    .dark #shopify-section-template--24498228953451__collection_list_carousel_XkJ98q{
26831      
26832        background: transparent;
26833      
26834    }
26835    @media screen and (min-width: 768px) {
26836      .gap-template--24498228953451__collection_list_carousel_XkJ98q {
26837        
26838          gap: 0px;
26839        
26840      }
26841      .heading-template--24498228953451__collection_list_carousel_XkJ98q{ font-size: 2.25rem; } 
26842    }
26843    
26844      @media (min-width: 1024px){
26845        .preload-slide--template--24498228953451__collection_list_carousel_XkJ98q {
26846          margin-right: 4px;
26847          width: calc(((100% + 4px) / 3) - 4px);
26848        }
26849      }
26850    
26851    
26852      @media (max-width: 1023px) {
26853        .preload-slide--template--24498228953451__collection_list_carousel_XkJ98q {
26854          margin-right: 5px;
26855          width: calc(((100% + 5px) / 2) - 5px);
26856        }
26857      }
26858      @media (max-width: 767px) {
26859        .preload-slide--template--24498228953451__collection_list_carousel_XkJ98q {
26860          margin-right: 5px;
26861          width: calc(((100% + 5px) / 2) - 5px);
26862        }
26863      }
26864    
26865</style>
26866  
26867  <div class="x-container-collection-list-carousel ltr pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px]">
26868    <div class="flex flex-col md:items-center md:flex-row md:justify-end w-full mx-auto pl-0 pr-0 md:pl-5 md:pr-5 full-width"
26869    >
26870      
26871        <div class="card-title relative md:w-1/2 lg:w-5/12 rounded-[10px] pl-5 pr-5 md:pl-0 md:pr-0">
26872      
26873        
26874        
26875<style data-shopify>.text-color-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26876      color: ;
26877      --colors-text: , , ;
26878      --colors-heading: , , ;
26879    }.title-color-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26880      color: ;
26881      --colors-heading: , , ;
26882    }.text-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26883    font-size: 0.0rem;
26884  }
26885  .sub-heading-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26886    font-size: 0.0rem;
26887  }
26888  .heading-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26889    font-size: 0.0rem;
26890  }
26891  @media (min-width: 768px) {
26892    .sub-heading-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26893      font-size: 0.0rem;
26894    }
26895    .heading-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26896      font-size: 0.0rem; 
26897    }
26898    .text-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26899      font-size: 0.0rem;
26900    }
26901  }.background-color-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26902      background: ;
26903    }.button--promotion-template--24498228953451__collection_list_carousel_XkJ98q.button-outline {--colors-secondary-button: , , ; 
26904      --colors-line-secondary-button: , , ;
26905      --background-secondary-button: transparent;--background-secondary-button: , , ; 
26906      --colors-line-secondary-button: , , ;}
26907  
26908</style><div 
26909    
26910    class="w-full relative z-0 before:h-0 before:block pb-[100%] rounded-[10px] overflow-hidden"
26911    
26912  >
26913    
26914    
26915      
26916        <div class="hidden">
26917          <img src="//bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&amp;width=3840" alt="" srcset="//bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&amp;width=225 225w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&amp;width=375 375w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&amp;width=450 450w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&amp;width=750 750w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&amp;width=900 900w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&amp;width=1100 1100w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&amp;width=1500 1500w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&amp;width=1780 1780w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&amp;width=2000 2000w" width="3840" height="2560" loading="eager">
26918        </div>
26919      
26920    
26921    
26922      <div 
26923        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
26924      >
26925    
26926      <img
26927        srcset="//bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=225 225w,
26928        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=375 375w,
26929        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=450 450w,
26930        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=750 750w,
26931        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=900 900w,
26932        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1100 1100w,
26933        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1500 1500w,
26934        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1780 1780w"
26935        src="//bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1780"
26936        
26937          loading="eager" fetchpriority="high" decoding="sync"
26938         
26939        sizes="(min-width: 1200px) calc(100vw / ), (min-width: 768px) calc((100vw - 5rem) / 2), 100vw"
26940        alt=""
26941        width="4096"
26942        height="2731.0000000000005"
26943        style="object-position: 50.0% 50.0%;"
26944        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
26945        onload="this?.classList.add('active'); 
26946          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
26947          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
26948        "
26949      />
26950    </div>
26951  
26952  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div>
26953
26954      
26955        </div>
26956      
26957      <div class="collection-list w-full pl-5 pr-5 md:w-3/4">
26958        <div class="md:-ml-24 lg:-ml-32 mt-7 md:mt-0 mt-7 md:mt-0"
26959        >
26960          <div class="collection-list-header mb-5 lg:mb-8 xl:mb-14 text-left
26961 md:pl-5
26962 md:pr-5
26963md:ml-24 lg:ml-32 "
26964          >
26965
26966
26967<style data-shopify>
26968  .heading-template--24498228953451__collection_list_carousel_XkJ98q {
26969    
26970  }
26971  .dark .heading-template--24498228953451__collection_list_carousel_XkJ98q {
26972    
26973      --color-highlight: #4d6391;
26974    
26975  }
26976</style>
26977
26978
26979 
26980  <h2 class=' heading-template--24498228953451__collection_list_carousel_XkJ98q h2 block leading-tight flex-auto p-break-words '  
26981  > 
26982
26983  
26984    
26985      Signature Collections
26986    
26987  
26988</h2>
26989<div class="rte p-break-words"><p>Explore our carefully curated collections, each designed to provide comprehensive insight into essential topics. These thoughtfully assembled groupings go beyond individual titles to create meaningful learning journeys, bringing together the most impactful voices and perspectives on subjects that matter most to today's readers and practitioners.</p></div></div>
26990          <div
26991            id="x-collection-template--24498228953451__collection_list_carousel_XkJ98q"
26992            class="overflow-hidden x-splide splide visible collection-list-wrapper"
26993            x-intersect.once.margin.200px='$store.xSplide.load($el, {    
26994              "speed": 1000, 
26995              "pagination": false, 
26996              "mediaQuery": "min", 
26997              "updateOnMove": "true",
26998              "progressBar": 5,
26999              
27000              
27001              "breakpoints": {
27002                300: {
27003                  
27004                  "gap": "5px",
27005                  "perPage": 2,
27006                  "perMove": 2
27007                },
27008                768: {
27009                  "gap": "4px",
27010                  "perPage": 2,
27011                  "perMove": 2
27012                },
27013                1024: {
27014                  
27015                    "destroy": false,
27016                  "perPage": 3,
27017                  "perMove": 3,
27018                  "drag": true
27019                }
27020              },
27021              "classes": {
27022                "arrows" : "block", 
27023              }
27024            })'>
27025            <div class="splide__track lg:pt-0.5 lg:pb-0.5 md:cursor-grab">
27026              <div class="lg:flex lg:w-full lg:gap-0 gap-template--24498228953451__collection_list_carousel_XkJ98q splide__list
27027                 flex w-full">
27028                    <div x-slide-index="0" id="Slide-template--24498228953451__collection_list_carousel_XkJ98q-1" class=" splide__slide x-splide-slide preload-slide--template--24498228953451__collection_list_carousel_XkJ98q" >
27029                  
27030
27031
27032<style data-shopify>
27033.text-color-featured_collection_Dy4iD7 {
27034        color: #ffffff;
27035        --colors-text: 255, 255, 255;
27036        --colors-heading: 255, 255, 255;
27037      }
27038  .collection-card-featured_collection_Dy4iD7 .image-overlay,
27039  .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
27040    
27041      opacity: 80%;
27042    
27043  }
27044  .dark .collection-card-featured_collection_Dy4iD7 .image-overlay,
27045  .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
27046    
27047      opacity: 80%;
27048    
27049  }
27050  
27051    .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
27052      
27053        font-size: 1.0125rem;
27054      
27055    }
27056    @media screen and (min-width: 768px) {
27057      .spacing--template--24498228953451__collection_list_carousel_XkJ98q {
27058        gap: 4px;
27059      }
27060      .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
27061        
27062          font-size: 1.35rem;
27063        
27064      }
27065    }
27066  
27067</style>
27068  <div class="collection-card collection-card-featured_collection_Dy4iD7 group disable-effect card relative h-full block">
27069
27070  <div 
27071    x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
27072    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
27073    
27074  ><div       
27075        class="block md:rounded-[10px] rounded-[10px]"
27076      >
27077        
27078
27079          <div 
27080            class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10"
27081          >
27082            <img
27083              srcset="//bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=225 225w,
27084              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=375 375w,
27085              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=450 450w,
27086              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=750 750w,
27087              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=900 900w,
27088              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=1100 1100w,
27089              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=1500 1500w,
27090              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=1780 1780w,
27091              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=2000 2000w,
27092              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=3000 3000w,
27093              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=3840 3840w"
27094              src="//bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=3840"
27095              sizes="
27096          
27097            (min-width: 1200px) 433px,
27098              (min-width: 768px) calc(100vw / 2), 
27099              calc(100vw / 2)
27100          
27101        "
27102              alt="Cover image for The Last American President, isbn: 9798890571847"
27103              height="648"
27104              width="432"
27105              loading="lazy"  
27106              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
27107              onload="this?.classList.add('active'); 
27108                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
27109                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
27110              "
27111            >
27112          </div></div>
27113      <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div>
27114    
27115  <div class="content--template--24498228953451__collection_list_carousel_XkJ98q text-center pt-5 pb-5 overflow-hidden absolute pl-8 pr-8 md:pl-6 md:pr-6 left-0 right-0 top-0 text-color-featured_collection_Dy4iD7 md:pt-8 md:pb-8 flex flex-col justify-between h-full text-color-featured_collection_Dy4iD7 "
27116  >
27117    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
27118    ><p
27119          class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">No Kings Library</p></div>
27120<style data-shopify>.button--featured_collection_Dy4iD7.button-solid,
27121          .button--featured_collection_Dy4iD7.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div>
27122        <a href="/collections/no-kings-library" class="button button-solid button--featured_collection_Dy4iD7 p-break-words border inline-block empty:hidden lg:mb-4 xl:mb-6 pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto mt-4 lg:mt-6">
27123          
27124
27125  
27126    <span class="button-text  is-focus-button:opacity-0">Shop</span>
27127  
27128
27129
27130        </a>
27131      </div>
27132    
27133  </div>
27134  
27135    </div>
27136  
27137
27138  </div>
27139
27140                  
27141                    </div>
27142                  
27143
27144                    <div x-slide-index="1" id="Slide-template--24498228953451__collection_list_carousel_XkJ98q-2" class=" splide__slide x-splide-slide preload-slide--template--24498228953451__collection_list_carousel_XkJ98q" >
27145                  
27146
27147
27148<style data-shopify>
27149.text-color-featured_collection_bQtM4G {
27150        color: #ffffff;
27151        --colors-text: 255, 255, 255;
27152        --colors-heading: 255, 255, 255;
27153      }
27154  .collection-card-featured_collection_bQtM4G .image-overlay,
27155  .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
27156    
27157      opacity: 80%;
27158    
27159  }
27160  .dark .collection-card-featured_collection_bQtM4G .image-overlay,
27161  .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
27162    
27163      opacity: 80%;
27164    
27165  }
27166  
27167    .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
27168      
27169        font-size: 1.0125rem;
27170      
27171    }
27172    @media screen and (min-width: 768px) {
27173      .spacing--template--24498228953451__collection_list_carousel_XkJ98q {
27174        gap: 4px;
27175      }
27176      .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
27177        
27178          font-size: 1.35rem;
27179        
27180      }
27181    }
27182  
27183</style>
27184  <div class="collection-card collection-card-featured_collection_bQtM4G group disable-effect card relative h-full block">
27185
27186  <div 
27187    x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
27188    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
27189    
27190  ><div       
27191        class="block md:rounded-[10px] rounded-[10px]"
27192      >
27193        
27194
27195          <div 
27196            class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10"
27197          >
27198            <img
27199              srcset="//bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=225 225w,
27200              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=375 375w,
27201              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=450 450w,
27202              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=178908788
272023&width=750 750w,
27203              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=900 900w,
27204              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=1100 1100w,
27205              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=1500 1500w,
27206              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=1780 1780w,
27207              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=2000 2000w,
27208              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=3000 3000w,
27209              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=3840 3840w"
27210              src="//bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=3840"
27211              sizes="
27212          
27213            (min-width: 1200px) 433px,
27214              (min-width: 768px) calc(100vw / 2), 
27215              calc(100vw / 2)
27216          
27217        "
27218              alt="Cover image for The Hidden History of Neoliberalism, isbn: 9781523002320"
27219              height="648"
27220              width="463"
27221              loading="lazy"  
27222              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
27223              onload="this?.classList.add('active'); 
27224                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
27225                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
27226              "
27227            >
27228          </div></div>
27229      <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div>
27230    
27231  <div class="content--template--24498228953451__collection_list_carousel_XkJ98q text-center pt-5 pb-5 overflow-hidden absolute pl-8 pr-8 md:pl-6 md:pr-6 left-0 right-0 top-0 text-color-featured_collection_bQtM4G md:pt-8 md:pb-8 flex flex-col justify-between h-full text-color-featured_collection_bQtM4G "
27232  >
27233    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
27234    ><p
27235          class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">The Hidden History Series</p></div>
27236<style data-shopify>.button--featured_collection_bQtM4G.button-solid,
27237          .button--featured_collection_bQtM4G.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div>
27238        <a href="/collections/the-hidden-history-series" class="button button-solid button--featured_collection_bQtM4G p-break-words border inline-block empty:hidden lg:mb-4 xl:mb-6 pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto mt-4 lg:mt-6">
27239          
27240
27241  
27242    <span class="button-text  is-focus-button:opacity-0">Shop</span>
27243  
27244
27245
27246        </a>
27247      </div>
27248    
27249  </div>
27250  
27251    </div>
27252  
27253
27254  </div>
27255
27256                  
27257                    </div>
27258                  
27259
27260                    <div x-slide-index="2" id="Slide-template--24498228953451__collection_list_carousel_XkJ98q-3" class=" splide__slide x-splide-slide preload-slide--template--24498228953451__collection_list_carousel_XkJ98q" >
27261                  
27262
27263
27264<style data-shopify>
27265.text-color-featured_collection_zdTbTY {
27266        color: #ffffff;
27267        --colors-text: 255, 255, 255;
27268        --colors-heading: 255, 255, 255;
27269      }
27270  .collection-card-featured_collection_zdTbTY .image-overlay,
27271  .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
27272    
27273      opacity: 80%;
27274    
27275  }
27276  .dark .collection-card-featured_collection_zdTbTY .image-overlay,
27277  .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
27278    
27279      opacity: 80%;
27280    
27281  }
27282  
27283    .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
27284      
27285        font-size: 1.0125rem;
27286      
27287    }
27288    @media screen and (min-width: 768px) {
27289      .spacing--template--24498228953451__collection_list_carousel_XkJ98q {
27290        gap: 4px;
27291      }
27292      .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
27293        
27294          font-size: 1.35rem;
27295        
27296      }
27297    }
27298  
27299</style>
27300  <div class="collection-card collection-card-featured_collection_zdTbTY group disable-effect card relative h-full block">
27301
27302  <div 
27303    x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
27304    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
27305    
27306  ><div       
27307        class="block md:rounded-[10px] rounded-[10px]"
27308      >
27309        
27310
27311          <div 
27312            class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10"
27313          >
27314            <img
27315              srcset="//bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=225 225w,
27316              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=375 375w,
27317              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=450 450w,
27318              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=750 750w,
27319              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=900 900w,
27320              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=1100 1100w,
27321              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=1500 1500w,
27322              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=1780 1780w,
27323              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=2000 2000w,
27324              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=3000 3000w,
27325              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=3840 3840w"
27326              src="//bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=3840"
27327              sizes="
27328          
27329            (min-width: 1200px) 433px,
27330              (min-width: 768px) calc(100vw / 2), 
27331              calc(100vw / 2)
27332          
27333        "
27334              alt="Cover image for Fit at Last, isbn: 9781626560604"
27335              height="648"
27336              width="425"
27337              loading="lazy"  
27338              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
27339              onload="this?.classList.add('active'); 
27340                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
27341                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
27342              "
27343            >
27344          </div></div>
27345      <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div>
27346    
27347  <div class="content--template--24498228953451__collection_list_carousel_XkJ98q text-center pt-5 pb-5 overflow-hidden absolute pl-8 pr-8 md:pl-6 md:pr-6 left-0 right-0 top-0 text-color-featured_collection_zdTbTY md:pt-8 md:pb-8 flex flex-col justify-between h-full text-color-featured_collection_zdTbTY "
27348  >
27349    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
27350    ><p
27351          class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">The Ken Blanchard Library</p></div>
27352<style data-shopify>.button--featured_collection_zdTbTY.button-solid,
27353          .button--featured_collection_zdTbTY.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div>
27354        <a href="/collections/the-ken-blanchard-library" class="button button-solid button--featured_collection_zdTbTY p-break-words border inline-block empty:hidden lg:mb-4 xl:mb-6 pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto mt-4 lg:mt-6">
27355          
27356
27357  
27358    <span class="button-text  is-focus-button:opacity-0">Shop</span>
27359  
27360
27361
27362        </a>
27363      </div>
27364    
27365  </div>
27366  
27367    </div>
27368  
27369
27370  </div>
27371
27372                  
27373                    </div>
27374                  
27375
27376                    <div x-slide-index="3" id="Slide-template--24498228953451__collection_list_carousel_XkJ98q-4" class=" splide__slide x-splide-slide preload-slide--template--24498228953451__collection_list_carousel_XkJ98q" >
27377                  
27378
27379
27380<style data-shopify>
27381.text-color-featured_collection_H4adgN {
27382        color: #ffffff;
27383        --colors-text: 255, 255, 255;
27384        --colors-heading: 255, 255, 255;
27385      }
27386  .collection-card-featured_collection_H4adgN .image-overlay,
27387  .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
27388    
27389      opacity: 80%;
27390    
27391  }
27392  .dark .collection-card-featured_collection_H4adgN .image-overlay,
27393  .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
27394    
27395      opacity: 80%;
27396    
27397  }
27398  
27399    .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
27400      
27401        font-size: 1.0125rem;
27402      
27403    }
27404    @media screen and (min-width: 768px) {
27405      .spacing--template--24498228953451__collection_list_carousel_XkJ98q {
27406        gap: 4px;
27407      }
27408      .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
27409        
27410          font-size: 1.35rem;
27411        
27412      }
27413    }
27414  
27415</style>
27416  <div class="collection-card collection-card-featured_collection_H4adgN group disable-effect card relative h-full block">
27417
27418  <div 
27419    x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
27420    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
27421    
27422  ><div       
27423        class="block md:rounded-[10px] rounded-[10px]"
27424      >
27425        
27426
27427          <div 
27428            class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10"
27429          >
27430            <img
27431              srcset="//bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=225 225w,
27432              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=375 375w,
27433              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=450 450w,
27434              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=750 750w,
27435              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=900 900w,
27436              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=1100 1100w,
27437              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=1500 1500w,
27438              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=1780 1780w,
27439              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=2000 2000w,
27440              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=3000 3000w,
27441              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=3840 3840w"
27442              src="//bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=3840"
27443              sizes="
27444          
27445            (min-width: 1200px) 433px,
27446              (min-width: 768px) calc(100vw / 2), 
27447              calc(100vw / 2)
27448          
27449        "
27450              alt="Cover image for Trust at a Distance, isbn: 9798890571083"
27451              height="648"
27452              width="419"
27453              loading="lazy"  
27454              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
27455              onload="this?.classList.add('active'); 
27456                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
27457                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
27458              "
27459            >
27460          </div></div>
27461      <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div>
27462    
27463  <div class="content--template--24498228953451__collection_list_carousel_XkJ98q text-center pt-5 pb-5 overflow-hidden absolute pl-8 pr-8 md:pl-6 md:pr-6 left-0 right-0 top-0 text-color-featured_collection_H4adgN md:pt-8 md:pb-8 flex flex-col justify-between h-full text-color-featured_collection_H4adgN "
27464  >
27465    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
27466    ><p
27467          class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">The Remote Work Collection</p></div>
27468<style data-shopify>.button--featured_collection_H4adgN.button-solid,
27469          .button--featured_collection_H4adgN.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div>
27470        <a href="/collections/the-remote-work-collection-1" class="button button-solid button--featured_collection_H4adgN p-break-words border inline-block empty:hidden lg:mb-4 xl:mb-6 pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto mt-4 lg:mt-6">
27471          
27472
27473  
27474    <span class="button-text  is-focus-button:opacity-0">Shop</span>
27475  
27476
27477
27478        </a>
27479      </div>
27480    
27481  </div>
27482  
27483    </div>
27484  
27485
27486  </div>
27487
27488                  
27489                    </div>
27490                  
27491
27492                    <div x-slide-index="4" id="Slide-template--24498228953451__collection_list_carousel_XkJ98q-5" class=" splide__slide x-splide-slide preload-slide--template--24498228953451__collection_list_carousel_XkJ98q" >
27493                  
27494
27495
27496<style data-shopify>
27497.text-color-featured_collection_WcFU9K {
27498        color: #ffffff;
27499        --colors-text: 255, 255, 255;
27500        --colors-heading: 255, 255, 255;
27501      }
27502  .collection-card-featured_collection_WcFU9K .image-overlay,
27503  .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
27504    
27505      opacity: 80%;
27506    
27507  }
27508  .dark .collection-card-featured_collection_WcFU9K .image-overlay,
27509  .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
27510    
27511      opacity: 80%;
27512    
27513  }
27514  
27515    .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
27516      
27517        font-size: 1.0125rem;
27518      
27519    }
27520    @media screen and (min-width: 768px) {
27521      .spacing--template--24498228953451__collection_list_carousel_XkJ98q {
27522        gap: 4px;
27523      }
27524      .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
27525        
27526          font-size: 1.35rem;
27527        
27528      }
27529    }
27530  
27531</style>
27532  <div class="collection-card collection-card-featured_collection_WcFU9K group disable-effect card relative h-full block">
27533
27534  <div 
27535    x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
27536    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
27537    
27538  ><div       
27539        class="block md:rounded-[10px] rounded-[10px]"
27540      >
27541        
27542
27543          <div 
27544            class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10"
27545          >
27546            <img
27547              srcset="//bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=225 225w,
27548              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=375 375w,
27549              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=450 450w,
27550              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=750 750w,
27551              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=900 900w,
27552              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=1100 1100w,
27553              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=1500 1500w,
27554              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=1780 1780w,
27555              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=2000 2000w,
27556              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=3000 3000w,
27557              //bkcon
27557nection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=3840 3840w"
27558              src="//bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=3840"
27559              sizes="
27560          
27561            (min-width: 1200px) 433px,
27562              (min-width: 768px) calc(100vw / 2), 
27563              calc(100vw / 2)
27564          
27565        "
27566              alt="Cover image for Simple Truths of Leadership Playbook, isbn: 9781523006113"
27567              height="648"
27568              width="419"
27569              loading="lazy"  
27570              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
27571              onload="this?.classList.add('active'); 
27572                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
27573                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
27574              "
27575            >
27576          </div></div>
27577      <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div>
27578    
27579  <div class="content--template--24498228953451__collection_list_carousel_XkJ98q text-center pt-5 pb-5 overflow-hidden absolute pl-8 pr-8 md:pl-6 md:pr-6 left-0 right-0 top-0 text-color-featured_collection_WcFU9K md:pt-8 md:pb-8 flex flex-col justify-between h-full text-color-featured_collection_WcFU9K "
27580  >
27581    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
27582    ><p
27583          class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">Essential Workbooks</p></div>
27584<style data-shopify>.button--featured_collection_WcFU9K.button-solid,
27585          .button--featured_collection_WcFU9K.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div>
27586        <a href="/collections/essential-workbooks" class="button button-solid button--featured_collection_WcFU9K p-break-words border inline-block empty:hidden lg:mb-4 xl:mb-6 pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto mt-4 lg:mt-6">
27587          
27588
27589  
27590    <span class="button-text  is-focus-button:opacity-0">Shop</span>
27591  
27592
27593
27594        </a>
27595      </div>
27596    
27597  </div>
27598  
27599    </div>
27600  
27601
27602  </div>
27603
27604                  
27605                    </div>
27606                  
27607</div>
27608            </div><div class="splide__arrows flex items-center justify-center">
27609                <button 
27610                  class="splide__arrow splide__arrow--prev button-arrow p-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:-rotate-90 rotate-90 opacity-100 disabled:cursor-not-allowed disabled:opacity-30 hidden lg:-mt-6 lg:block lg:absolute lg:top-1/2 rtl:lg:right-0 rtl:lg:left-auto lg:left-0 lg:transition-all lg:ease-in-out lg:-translate-x-full rtl:lg:translate-x-full lg:duration-200 lg:opacity-60 hover:opacity-100"
27611                  aria-label="previous slide"
27612                >
27613                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
27614    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
27615  </svg>
27616
27617                </button>
27618                <button 
27619                  class="splide__arrow splide__arrow--next button-arrow p-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:rotate-90 -rotate-90 opacity-100 disabled:cursor-not-allowed disabled:opacity-30 hidden lg:-mt-6 lg:block lg:absolute lg:top-1/2 rtl:lg:left-0 rtl:lg:right-auto lg:right-0 lg:transition-all lg:ease-in-out lg:translate-x-full rtl:lg:-translate-x-full lg:duration-200 lg:opacity-60 hover:opacity-100"
27620                  aria-label="next slide"
27621                >
27622                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
27623    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
27624  </svg>
27625
27626                </button>
27627              </div><div class=" lg:flex items-center flex w-full gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto">
27628                <div class="splide-progress inline-block grow rounded-md">
27629                   <style data-shopify>.splide-progress-bar-template--24498228953451__collection_list_carousel_XkJ98q {
27630                      width: 40.0%;
27631                    }
27632                    @media (min-width: 768px) {
27633                      .splide-progress-bar-template--24498228953451__collection_list_carousel_XkJ98q {
27634                        width: 60.0%;
27635                      }
27636                    }</style><div class="splide-progress-bar-template--24498228953451__collection_list_carousel_XkJ98q splide-progress-bar rounded-md"></div>
27637                </div>
27638              </div></div>
27639        </div>
27640      </div>
27641    </div>
27642  </div>
27643  
27644
27645</section><section id="shopify-section-template--24498228953451__image_with_text_MVGaNU" class="shopify-section section section-image-with-text x-section"><style data-shopify>.iwt--template--24498228953451__image_with_text_MVGaNU {
27646    
27647      background: #e6dbd5;
27648      --background-color: 230, 219, 213;
27649    
27650  }
27651  .dark .iwt--template--24498228953451__image_with_text_MVGaNU {
27652    
27653      background: rgb(var(--colors-background-secondary));
27654      --background-color: var(--colors-background-secondary);
27655    
27656  }.border-radius-template--24498228953451__image_with_text_MVGaNU {
27657      border-radius: 9px;
27658  }
27659  @media screen and (min-width: 768px) {}
27660  .border--template--24498228953451__image_with_text_MVGaNU, .border--template--24498228953451__image_with_text_MVGaNU:before {
27661    
27662      --colors-line-and-border: var(--colors-line-and-border-base)
27663    
27664    }
27665  .dark .border--template--24498228953451__image_with_text_MVGaNU, .dar
27665k .border--template--24498228953451__image_with_text_MVGaNU:before {
27666            
27667      --colors-line-and-border: var(--colors-line-and-border-base)
27668    
27669  }
27670  .icon--template--24498228953451__image_with_text_MVGaNU {
27671    width: 31.5px;
27672    height: 31.5px;
27673    min-width: 31.5px;
27674    min-height: 31.5px;
27675    
27676      color: #4d4a4b;
27677    
27678  }
27679  @media (min-width: 1024px){
27680    .icon--template--24498228953451__image_with_text_MVGaNU {
27681      width: 45px;
27682      height: 45px;
27683      min-width: 45px;
27684      min-height: 45px;
27685    }
27686  }
27687  .dark .icon--template--24498228953451__image_with_text_MVGaNU {
27688    
27689      color: rgb(var(--colors-text));
27690    
27691  }
27692  
27693  .dark .color-text--template--24498228953451__image_with_text_MVGaNU {
27694            
27695      --colors-text: var(--colors-text-secondary);
27696    
27697  }
27698  .columns-header-color--template--24498228953451__image_with_text_MVGaNU {
27699    
27700      --colors-heading: var(--colors-heading-secondary);
27701    
27702    }
27703  .dark .columns-header-color--template--24498228953451__image_with_text_MVGaNU {
27704            
27705      --colors-heading: var(--colors-heading-secondary);
27706    
27707  }</style><div class="ltr pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px] md:pl-5 md:pr-5 pr-5 pl-5">
27708  <div 
27709    class="image-with-text text-[rgb(var(--colors-text))] desktop-medium image-position-mobile-left image-position-left border-radius-template--24498228953451__image_with_text_MVGaNU stacked iwt--template--24498228953451__image_with_text_MVGaNU"
27710  >
27711    
27712      <div class="iwt-image border-radius-template--24498228953451__image_with_text_MVGaNU md:w-1/2 promotion w-full flex">
27713        <div class="promotion w-full relative md:h-auto min-h-[100%] md:promotion:h-[550px] md:promotion:pb-0  h-[400px] md:h-auto">
27714          <div class="flex w-full h-full relative md:promotion:relative">
27715    
27716          
27717            
27718            
27719              
27720              <div class="border-radius-template--24498228953451__image_with_text_MVGaNU h-full w-full overflow-hidden h-full">
27721                <parallax-image class="block h-full w-full">
27722                  <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
27723                    <img
27724                      class="h-full w-full object-cover border-radius-template--24498228953451__image_with_text_MVGaNU animate_transition_slide__image animate-Xpulse skeleton-image"
27725                      srcset="//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=450 450w,
27726                      //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=750 750w,
27727                      //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=900 900w,
27728                      //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1100 1100w,
27729                      //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1500 1500w,
27730                      //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291 1048w"
27731                      src="//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1500"
27732                      alt=""
27733                      
27734                        loading="lazy"
27735                      
27736                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active');"
27737                      sizes="(min-width: 1024px) 50vw, (min-width: 768px) 50vw, 100vw"
27738                      width="1048"
27739                      height="860"
27740                      style="object-position: 50.0% 50.0%"
27741                    >
27742                  </parallax-movement>
27743                </parallax-image>
27744              </div>
27745            
27746            
27747          
27748        </div>
27749      </div>
27750    </div>
27751    <div class="md:w-1/2 w-full flex justify-center md:justify-start items-center iwt-content-no-overlap">
27752      <div class="iwt-content  w-full lg:pl-24 lg:pr-24"><style data-shopify>.heading-size--heading_3F66z7 {
27753                  font-size: 1.08rem;
27754                }
27755                .color-text-heading_3F66z7 {
27756                  
27757                    --colors-heading: 84, 81, 82;
27758                  
27759                  
27760                }
27761                .dark .color-text-heading_3F66z7 {
27762                  
27763                    --colors-heading: var(--colors-heading-secondary);
27764                  
27765                  
27766                    --colors-text: var(--colors-text-secondary);
27767                  
27768                }
27769                @media (min-width: 768px) {
27770                  .heading-size--heading_3F66z7 {
27771                    font-size: 1.8rem;
27772                  }
27773                }</style>
27774              
27775              <div class="x-block-text color-text-heading_3F66z7 text-[rgb(var(--colors-text))] w-full mt-4 text-center">
27776                
27777                
27778                  
27779
27780
27781<style data-shopify>
27782  .heading-heading_3F66z7 {
27783    
27784  }
27785  .dark .heading-heading_3F66z7 {
27786    
27787      --color-highlight: #4d6391;
27788    
27789  }
27790</style>
27791
27792
27793 
27794  <h2 class='heading-size--heading_3F66z7  heading-heading_3F66z7 h2 block mt-2 mb-1.5 md:mt-2.5 md:mb-3 '  
27795  > 
27796
27797  
27798    
27799      Montgomery Station Press
27800    
27801  
27802</h2>
27803                
27804                
27805
27806
27807  <div class="rte"><p>Professional publishing with the editorial, design, marketing, and distribution capabilities of Berrett-Koehler</p></div>
27808
27809              </div>
27810        
27811
27812              
27813                <style data-shopify>
27814                  .button-button_KbR8Gx, .button-button_KbR8Gx *:before {
27815                    
27816                      --colors-button: 195, 149, 125;
27817                    
27818                    
27819                    
27820                    
27821                    
27822                    
27823                    
27824                  }
27825                  .dark .button-button_KbR8Gx, .dark .button-button_KbR8Gx *:before {
27826                      
27827                      --colors-button: 77, 99, 145;
27828                    
27829                     
27830                      --colors-button-text: 40, 41, 40; 
27831                    
27832                      
27833                      --colors-button-hover: rgb(77, 99, 145);
27834                    
27835                      
27836                      --colors-button-text-hover: 36, 36, 36;
27837                    
27838                      
27839                      --colors-secondary-button: 255, 255, 255;
27840                      --colors-line-secondary-button: 255, 255, 255;
27841                    
27842                    
27843                      --background-secondary-button: transparent;
27844                    
27845                    
27846                      --colors-text-link: 77, 99, 145;
27847                    
27848                  }
27849                </style>
27850                <div class="button-button_KbR8Gx flex justify-center mb-9 md:mb-4 mt-4 md:mt-8">
27851                  
27852                    <a class="button button-solid leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="/pages/montgomery-station-press">
27853                      
27854
27855  
27856    <span class="button-text  is-focus-button:opacity-0">Get Started Today</span>
27857  
27858
27859
27860                    </a>
27861                  
27862                </div>
27863              
27864
27865        
27866      </div>
27867    </div>
27868  </div>
27869</div>
27870
27871</section>
27872                                                
27873      </main>
27874
27875      
27876          <!-- BEGIN sections: footer-group-puff -->
27877<div id="shopify-section-sections--24498229510507__footer" class="shopify-section shopify-section-group-footer-group-puff section-footer">
27878<div class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] pt-[0px] md:pt-[0px] pb-[32px] md:pb-[32px]"><div class="flex items-center">
27879      
27880<div id="selector-social" class=" flex lg:items-center lg:justify-end relative py-1.5 mx-auto">
27881    
27882      <ul class="social-list flex  flex-wrap opacity-70" role="list">
27883<li>
27884      <a href="https://www.facebook.com/BerrettKoehler" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none">
27885    <path d="M17.2788 13.2489L17.8494 9.63111H14.2846V7.28444C14.2846 6.29333 14.7822 5.32889 16.3797 5.32889H18V2.24444C18 2.24444 16.5303 2 15.1199 2C12.1851 2 10.2635 3.73333 10.2635 6.87111V9.63111H7V13.2489H10.2635V22H14.2801V13.2489H17.2788Z" fill="currentColor"/>
27886  </svg>
27887</a>
27888    </li><li>
27889      <a href="https://www.instagram.com/bkpub" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
27889<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none">
27890    <path d="M12.0059 3.80184C14.6793 3.80184 14.9959 3.81356 16.0473 3.86046C17.0244 3.90346 17.5521 4.06762 17.9038 4.20442C18.369 4.38421 18.7051 4.60309 19.053 4.95095C19.4047 5.30272 19.6197 5.63494 19.7995 6.10006C19.9363 6.45183 20.1004 6.98339 20.1434 7.95661C20.1903 9.01192 20.2021 9.32851 20.2021 11.998C20.2021 14.6715 20.1903 14.9881 20.1434 16.0395C20.1004 17.0166 19.9363 17.5443 19.7995 17.896C19.6197 18.3612 19.4008 18.6973 19.053 19.0451C18.7012 19.3969 18.369 19.6119 17.9038 19.7917C17.5521 19.9285 17.0205 20.0926 16.0473 20.1356C14.992 20.1825 14.6754 20.1943 12.0059 20.1943C9.33242 20.1943 9.01583 20.1825 7.96443 20.1356C6.9873 20.0926 6.45964 19.9285 6.10788 19.7917C5.64276 19.6119 5.30662 19.393 4.95876 19.0451C4.607 18.6934 4.39203 18.3612 4.21223 17.896C4.07543 17.5443 3.91128 17.0127 3.86828 16.0395C3.82138 14.9842 3.80965 14.6676 3.80965 11.998C3.80965 9.3246 3.82138 9.00801 3.86828 7.95661C3.91128 6.97948 4.07543 6.45183 4.21223 6.10006C4.39203 5.63494 4.6109 5.29881 4.95876 4.95095C5.31053 4.59918 5.64276 4.38421 6.10788 4.20442C6.45964 4.06762 6.99121 3.90346 7.96443 3.86046C9.01583 3.81356 9.33242 3.80184 12.0059 3.80184ZM12.0059 2C9.28943 2 8.94938 2.01173 7.88235 2.05863C6.81923 2.10553 6.08833 2.27751 5.45515 2.52374C4.79461 2.78171 4.23569 3.12175 3.68067 3.68067C3.12175 4.23568 2.78171 4.79461 2.52374 5.45124C2.27751 6.08833 2.10553 6.81532 2.05863 7.87844C2.01173 8.94938 2 9.28943 2 12.0059C2 14.7223 2.01173 15.0623 2.05863 16.1294C2.10553 17.1925 2.27751 17.9234 2.52374 18.5566C2.78171 19.2171 3.12175 19.776 3.68067 20.3311C4.23569 20.8861 4.79461 21.23 5.45124 21.4841C6.08833 21.7303 6.81532 21.9023 7.87844 21.9492C8.94548 21.9961 9.28552 22.0078 12.002 22.0078C14.7184 22.0078 15.0584 21.9961 16.1255 21.9492C17.1886 21.9023 17.9195 21.7303 18.5527 21.4841C19.2093 21.23 19.7682 20.8861 20.3232 20.3311C20.8782 19.776 21.2222 19.2171 21.4763 18.5605C21.7225 17.9234 21.8945 17.1964 21.9414 16.1333
27890C21.9883 15.0663 22 14.7262 22 12.0098C22 9.29334 21.9883 8.95329 21.9414 7.88626C21.8945 6.82314 21.7225 6.09224 21.4763 5.45906C21.23 4.79461 20.89 4.23568 20.3311 3.68067C19.776 3.12566 19.2171 2.78171 18.5605 2.52765C17.9234 2.28141 17.1964 2.10944 16.1333 2.06254C15.0623 2.01173 14.7223 2 12.0059 2Z" fill="currentColor"/>
27891    <path d="M12.0058 6.86618C9.16822 6.86618 6.86609 9.16831 6.86609 12.0059C6.86609 14.8435 9.16822 17.1456 12.0058 17.1456C14.8434 17.1456 17.1455 14.8435 17.1455 12.0059C17.1455 9.16831 14.8434 6.86618 12.0058 6.86618ZM12.0058 15.3399C10.1649 15.3399 8.67183 13.8468 8.67183 12.0059C8.67183 10.165 10.1649 8.67193 12.0058 8.67193C13.8467 8.67193 15.3398 10.165 15.3398 12.0059C15.3398 13.8468 13.8467 15.3399 12.0058 15.3399Z" fill="currentColor"/>
27892    <path d="M18.5488 6.66291C18.5488 7.32736 18.0094 7.86283 17.3488 7.86283C16.6844 7.86283 16.1489 7.32345 16.1489 6.66291C16.1489 5.99845 16.6883 5.46298 17.3488 5.46298C18.0094 5.46298 18.5488 6.00236 18.5488 6.66291Z" fill="currentColor"/>
27893  </svg>
27894</a>
27895    </li><li>
27896      <a href="https://www.tiktok.com/@bkpub" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none">
27897    <path d="M16.0604 2H12.6898V15.6232C12.6898 17.2464 11.3935 18.5797 9.78022 18.5797C8.16695 18.5797 6.87057 17.2464 6.87057 15.6232C6.87057 14.029 8.13814 12.7246 9.69381 12.6667V9.24639C6.2656 9.30433 3.5 12.1159 3.5 15.6232C3.5 19.1594 6.32321 22 9.80904 22C13.2948 22 16.118 19.1304 16.118 15.6232V8.63767C17.3856 9.56522 18.9412 10.1159 20.5833 10.1449V6.72464C18.0482 6.63768 16.0604 4.55072 16.0604 2Z" fill="currentColor"/>
27898  </svg>
27899</a>
27900    </li><li>
27901      <a href="https://www.youtube.com/berrettkoehler" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none">
27902    <path d="M23.0226 7.45237C23.0226 7.45237 22.8005 5.88392 22.1162 5.19522C21.2498 4.28881 20.2812 4.28437 19.8369 4.23105C16.6555 4 11.8791 4 11.8791 4H11.8702C11.8702 4 7.09372 4 3.91239 4.23105C3.46806 4.28437 2.49944 4.28881 1.63302 5.19522C0.948764 5.88392 0.731047 7.45237 0.731047 7.45237C0.731047 7.45237 0.5 9.29631 0.5 11.1358V12.8598C0.5 14.6992 0.726604 16.5432 0.726604 16.5432C0.726604 16.5432 0.948764 18.1116 1.62858 18.8003C2.495 19.7067 3.63246 19.6756 4.13899 19.7734C5.96071 19.9467 11.8746 20 11.8746 20C11.8746 20 16.6555 19.9911 19.8369 19.7645C20.2812 19.7112 21.2498 19.7067 22.1162 18.8003C22.8005 18.1116 23.0226 16.5432 23.0226 16.5432C23.0226 16.5432 23.2492 14.7037 23.2492 12.8598V11.1358C23.2492 9.29631 23.0226 7.45237 23.0226 7.45237ZM9.52416 14.9525V8.55873L15.6691 11.7667L9.52416 14.9525Z" fill="currentColor"/>
27903  </svg>
27904</a>
27905    </li><li>
27906      <a href="https://www.linkedin.com/company/berrett-koehler-publishers/" target="blank" aria-label="Linkedin" class="flex disable-effect hover-text-link  w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-full h-full" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
27907    <path d="M16.5,8.8c-0.8,0-1.5,0.2-2.2,0.6c-0.1-0.3-0.5-0.6-0.8-0.6H10c-0.5,0-0.9,0.4-0.9,0.9c0,0,0,0,0,0v10.4 c0,0.5,0.4,0.9,0.9,0.9c0,0,0,0,0,0h3.5c0.5,0,0.9-0.4,0.9-0.9c0,0,0,0,0,0v-4.8c0-0.5,0.4-0.9,0.9-0.9s0.9,0.4,0.9,0.9v4.8 c0,0.5,0.4,0.9,0.9,0.9c0,0,0,0,0,0h3.5c0.5,0,0.9-0.4,0.9-0.9c0,0,0,0,0,0v-6.5C21.3,10.9,19.2,8.8,16.5,8.8z M19.6,19.2h-1.7v-3.9 c0-1.4-1.2-2.6-2.6-2.6s-2.6,1.2-2.6,2.6v3.9h-1.7v-8.7h1.7v0.6c0,0.5,0.4,0.9,0.9,0.9c0.3,0,0.5-0.1,0.7-0.3c1-1.3,2.9-1.5,4.2-0.5 c0.7,0.6,1.2,1.5,1.2,2.4V19.2z M7.4,8.8H3.9c-0.5,0-0.9,0.4-0.9,0.9c0,0,0,0,0,0v10.4c0,0.5,0.4,0.9,0.9,0.9c0,0,0,0,0,0h3.5 c0.5,0,0.9-0.4,0.9-0.9c0,0,0,0,0,0V9.7C8.3,9.2,7.9,8.8,7.4,8.8C7.4,8.8,7.4,8.8,7.4,8.8z M6.5,19.2H4.8v-8.7h1.7V19.2z M5.7,2.3 C4.1,2.2,2.8,3.4,2.7,5c-0.1,1.5,1.1,2.9,2.6,3c0.1,0,0.2,0,0.3,0h0c1.5,0.1,2.9-1.1,3-2.6S7.5,2.4,6,2.3C5.9,2.3,5.8,2.3,5.7,2.3 L5.7,2.3z M5.7,6.2L5.7,6.2C5,6.3,4.5,5.8,4.4,5.3c0,0,0-0.1,0-0.1c0-0.6,0.5-1.1,1.2-1.1C6.3,4,6.8,4.4,6.9,5c0,0,0,0.1,0,0.1 C6.9,5.8,6.4,6.2,5.7,6.2z"/>
27908  </svg>
27909</a>
27910    </li></ul>
27911     </div>
27912    </div><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7"><div class="pt-6 md:pt-0 md:flex justify-center md:m-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 x-pgw page-width flex-wrap"><div class="footer-col--1 md:pr-5 md:first:pl-0 md:mb-7 md:pl-0 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition">
27913                        <p class="h6 text-[115%]">SHOP</p>
27914                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
27915    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
27916  </svg>
27917</span>
27918                      </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2">
27919                            <a href="/collections/books" class="hover-text-link nav-link relative block lg:inline-block">
27920                              Subjects
27921                            </a>
27922                          </li><li class="mb-1 first:pt-0 pt-2">
27923                            <a href="/collections" class="hover-text-link nav-link relative block lg:inline-block">
27924                              Collections
27925                            </a>
27926                          </li><li class="mb-1 first:pt-0 pt-2">
27927                            <a href="/pages/request-an-exam-copy" class="hover-text-link nav-link relative block lg:inline-block">
27928                              Request an Exam Copy
27929                            </a>
27930                          </li><li class="mb-1 first:pt-0 pt-2">
27931                            <a href="https://share.hsforms.com/1Y5Y-XVDOQty9gUnWt54xVA1s9tp?hsCtaAttrib=184994081100" class="hover-text-link nav-link relative block lg:inline-block">
27932                              Newsletters
27933                            </a>
27934                          </li><li class="mb-1 first:pt-0 pt-2">
27935                            <a href="/pages/bk-community" class="hover-text-link nav-link relative block lg:inline-block">
27936                              Membership
27937                            </a>
27938                          </li></ul></div></div><div class="footer-col--2 md:pr-5 md:first:pl-0 md:mb-7 md:pl-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition">
27939                        <p class="h6 text-[115%]">AUTHORS</p>
27940                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
27941    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
27942  </svg>
27943</span>
27944                      </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2">
27945                            <a href="/pages/why-bk" class="hover-text-link nav-link relative block lg:inline-block">
27946                              Why BK?
27947                            </a>
27948                          </li><li class="mb-1 first:pt-0 pt-2">
27949                            <a href="/pages/montgomery-station-press" class="hover-text-link nav-link relative block lg:inline-block">
27950                              Montgomery Station Press
27951                            </a>
27952                          </li><li class="mb-1 first:pt-0 pt-2">
27953                            <a href="/pages/proposals" class="hover-text-link nav-link relative block lg:inline-block">
27954                              Proposals
27955                            </a>
27956                          </li><li class="mb-1 first:pt-0 pt-2">
27957                            <a href="/pages/author-services" class="hover-text-link nav-link relative block lg:inline-block">
27958                              Author Services
27959                            </a>
27960                          </li></ul></div></div><div class="footer-col--3 md:pr-5 md:first:pl-0 md:mb-7 md:pl-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition">
27961                        <p class="h6 text-[115%]">SUPPORT</p>
27962                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
27963    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
27964  </svg>
27965</span>
27966                      </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2">
27967                            <a href="/pages/faq" class="hover-text-link nav-link relative block lg:inline-block">
27968                              FAQ
27969                            </a>
27970                          </li><li class="mb-1 first:pt-0 pt-2">
27971                            <a href="/pages/bookshelf" class="hover-text-link nav-link relative block lg:inline-block">
27972                              Ebooks
27973                            </a>
27974                          </li><li class="mb-1 first:pt-0 pt-2">
27975                            <a href="/pages/contact" class="hover-text-link nav-link relative block lg:inline-block">
27976                              Contact us
27977                            </a>
27978                          </li><li class="mb-1 first:pt-0 pt-2">
27979                            <a href="/pages/returns" class="hover-text-link nav-link relative block lg:inline-block">
27980                              Returns
27981                            </a>
27982                          </li><li class="mb-1 first:pt-0 pt-2">
27983                            <a href="/pages/bulk-discounts" class="hover-text-link nav-link relative block lg:inline-block">
27984                              Bulk Discounts
27985                            </a>
27986                          </li></ul></div></div><div class="footer-col--4 md:pr-5 md:first:pl-0 md:mb-7 md:pl-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition">
27987                        <p class="h6 text-[115%]">POLICIES</p>
27988                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
27989    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
27990  </svg>
27991</span>
27992                      </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2">
27993                            <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block">
27994                              Refund Policy
27995                            </a>
27996                          </li><li class="mb-1 first:pt-0 pt-2">
27997                            <a href="/policies/shipping-policy" class="hover-text-link nav-link relative block lg:inline-block">
27998                              Shipping Policy
27999                            </a>
28000                          </li><li class="mb-1 first:pt-0 pt-2">
28001                            <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
28002                              Privacy Policy
28003                            </a>
28004                          </li><li class="mb-1 first:pt-0 pt-2">
28005                            <a href="/pages/accessibility" class="hover-text-link nav-link relative block lg:inline-block">
28006                              Accessibility 
28007                            </a>
28008                          </li></ul></div></div></div></div><div class="x-pgw page-width text-center lg:text-center pt-5 md:pt-3.5 md:pb-3 pb-2 change-position-popup">
28009      
28010      
28011      
28011<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js"></script>
vendor: 1 bytes, line 28011
28011
28012<script type="module">
28013  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js");
28014
28015  
28016</script>
28016
28017
28018<shop-follow-button ux-mode="windoid" return-uri="https://bkconnection.com/account/redirect" proxy="true"></shop-follow-button>
28019
28020      
28021    </div><div class="additional-footer ltr mx-5"
28022  >
28023    <div class="flex flex-col"><div class="flex flex-col items-center lg:mt-2 order-last">
28024        <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 p-break-words"><p class="inline-block">&copy; 2026, </p>
28025            <a href="/" title="">Berrett-Koehler Publishers</a>.<div class="ml-1 inline-block">
28026                <p>Powered by <a href="https://supadu.com" target="_blank">Supadu.</a></p>
28027              </div>
28028        </div>
28029      </div></div>
28030  </div>
28031</div>
28032</div>
28033<!-- END sections: footer-group-puff -->
28034        
28035
28036      <div id="eurus-popup" class="fixed duration-500 inset-0 z-[100] md:z-60 pointer-events-none md:block flex flex-col-reverse h-fit top-[unset] md:h-full md:top-0" x-cloak></div><div id="popup-minimal-right" class="fixed z-50 bottom-4 md:bottom-8 right-4 md:right-8 pl-4 md:pl-8 pointer-events-auto flex flex-col items-end"></div>
28037
28038      
28039        <div class="scroll-to-top">
28040  <style data-shopify>
28041    .scroll_top {
28042      bottom: 40px;
28043    }
28044    @media(min-width: 768px) {
28045      .scroll_top {
28046        bottom: 40px;
28047      }
28048    }
28049  </style>
28050  <div
28051    x-data="xScrollTop"
28052    @init-run.window="scrollFunction()"
28053    @scroll.window="scrollFunction()"
28054    class="hidden md:block"
28055  >
28056    <button 
28057      x-show="show" x-cloak 
28058      @click="scrollTop()" 
28059      class="scroll_top fixed z-50 pl-3 pr-3 pb-3 pt-3 w-11 h-11 md:w-14 md:h-14 md:pl-4 md:pt-4 md:pr-4 md:pb-4 border-0 rounded-full right-5 -rotate-90 button button-action"
28060      x-transition:enter="transition-all ease-in-out duration-500"
28061      x-transition:enter-start="opacity-0 transform translate-y-1/3"
28062      x-transition:enter-end="opacity-100 translate-y-0"
28063      x-transition:leave="transition-all ease-in-out duration-500"
28064      x-transition:leave-end="opacity-0 transform translate-y-1/3"
28065      aria-label="scroll top"
28066    >
28067      
28068        <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
28069        <path d="M14.6998 17.7577L20 12.3788L14.6998 7M4 12.3789H18.9697" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
28070      </svg>
28071
28072      
28073    </button>
28074  </div>
28075
28076  
28076<script>
28077    requestAnimationFrame(() => {
28078      document.addEventListener('alpine:init', () => {
28079        Alpine.data('xScrollTop', () => ({
28080          show: false,
28081          scrollTop() {
28082            window.scrollTo({top: 0, behavior: 'smooth'});
28083          },
28084          scrollFunction() {
28085            const position = window.innerWidth < 1025 ? 300 : 900;
28086            this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position)
28087              ? true : false;
28088          }
28089        }));
28090      });
28091    });
28092  </script>
28092
28093</div>
28094      
28095
28096      
28097    </div>
28098    <ul hidden>
28099      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.
28100      </li>
28101      <li id="a11y-new-window-message">Opens in a new window.
28102      </li>
28103    </ul>
28104    
28104<script>
28105      window.Eurus = {
28106        sliderScript: '//bkconnection.com/cdn/shop/t/4/assets/splide4.1.3.js?v=75458750262329959491747335364',
28107        cart_error: `There was an error while updating your cart. Please try again.`,
28108        cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`,
28109        loadedScript: [],
28110        cart_add_url: '/cart/add'
28111      };
28112    </script>
28112
28113    
28114    
28115
28116      
28116<script src="//bkconnection.com/cdn/shop/t/4/assets/product-recommendations.js?v=34614423222916566501747335364" defer></script>
28116
28117    
28118<script src="//bkconnection.com/cdn/shop/t/4/assets/cart-countdown-timer.js?v=136257643267519206061747335364" defer></script>
28118<script src="//bkconnection.com/cdn/shop/t/4/assets/theme.js?v=54686740836025028391747335364" defer></script>
28118
28119    
28119<script src="//bkconnection.com/cdn/shop/t/4/assets/vendors.js?v=21726020999429958561747335364" defer></script>
28119
28120    
28120<script>
28121      window.addEventListener("load", (event) => {
28122        deferScriptLoad('instant.page', '//bkconnection.com/cdn/shop/t/4/assets/instant.page.v5.1.1.js?v=43232110432331176871747335364', () => {}, true);
28123      });
28124    </script>
28124
28125<!-- Start of HubSpot Embed Code -->
28126<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/2998717.js"></script>
28126
28127<!-- End of HubSpot Embed Code -->
28128  <style> .vitalsource-ebook-link {color: rgb(var(--colors-secondary-button)); box-shadow: inset 0 0 0 1px rgba(var(--colors-line-secondary-button), 0.5); background: rgba(var(--background-secondary-button), 0.7); display: block; padding: 0.875rem; text-align: center;} .add_to_cart_button {justify-content: center;} </style>
28129<div id="shopify-block-AR3JYQXBkSHBtRUJsW__1923486770171284578" class="shopify-block shopify-app-block">
28130
28131
28132
28133
28134<script>
28135  (function simpleePreventDuplicates() {
28136    if (window.simpleePreventDuplicatesActive) return;
28137    window.simpleePreventDuplicatesActive = true;
28138    function fixMembershipQuantities() {
28139      fetch('/cart.js')
28140        .then(r => r.json())
28141        .then(cart => {
28142          if (!cart || !cart.items) return;
28143          let updates = {};
28144          let needsUpdate = false;
28145          cart.items.forEach(item => {
28146            if (item.selling_plan_allocation && item.quantity > 1) {
28147              updates[item.key] = 1;
28148              needsUpdate = true;
28149            }
28150          });
28151          if (needsUpdate) {
28152            fetch('/cart/update.js', {
28153              method: 'POST',
28154              headers: { 'Content-Type': 'application/json' },
28155              body: JSON.stringify({ updates: updates })
28156            }).then(() => {
28157              window.location.reload();
28158            }).catch(err => console.error('Simplee Cart Update Error:', err));
28159          }
28160        })
28161        .catch(err => console.error('Simplee Cart Fetch Error:', err));
28162    }
28163    fixMembershipQuantities();
28164    const _origFetch = window.fetch;
28165    window.fetch = async function(...args) {
28166      const url = typeof args[0] === 'string' ? args[0] : (args[0] && args[0].url) || '';
28167      const resp = await _origFetch.apply(this, args);
28168      if (resp.status === 422 && url.includes('/cart/')) {
28169        fixMembershipQuantities();
28170      }
28171      return resp;
28172    };
28173    const _origXHR = window.XMLHttpRequest;
28174    window.XMLHttpRequest = function() {
28175      const xhr = new _origXHR();
28176      xhr.addEventListener('load', function() {
28177        if (xhr.status === 422 && xhr.responseURL && xhr.responseURL.includes('/cart/')) {
28178          fixMembershipQuantities();
28179        }
28180      });
28181      return xhr;
28182    };
28183    
28184    document.addEventListener('submit', function(e) {
28185      if (e.defaultPrevented) return;
28186      var form = e.target;
28187      if (form && form.action && form.action.includes('/cart/add')) {
28188        var hasSellingPlan = form.querySelector('[name="selling_plan"]');
28189        if (hasSellingPlan && hasSellingPlan.value) {
28190          e.preventDefault();
28191          fetch('/cart/add.js', {
28192            method: 'POST',
28193            body: new FormData(form)
28194          })
28195          .then(res => res.json())
28196          .then(data => {
28197            if (data.status === 422) {
28198               alert(data.description || 'A duplicate membership was removed from your cart. Only one membership is allowed.');
28199            }
28200            window.location.href = '/cart';
28201          })
28202          .catch(() => {
28203            window.location.href = '/cart';
28204          });
28205        }
28206      }
28207    });
28208  })();
28209</script>
28209
28210
28211
28212
28213  <div class="simplee-div">
28214    <!-- BEGIN app snippet: simplee -->
28215<!-- END app snippet -->
28216  </div>
28217  
28218
28219  
28220  
28221
28222  
28223
28224  
28225  
28226</div><div id="shopify-block-AbHdwMnZWWDI2eGg1d__12331707899451543273" class="shopify-block shopify-app-block"><div style="display: none;" hidden>
28227    Powerx - Function creator (Fixed)
28228</div>
28229
28230<script>
28231// Global state management to prevent race conditions
28232let isUpdating = false;
28233let updateQueue = [];
28234
28235// Debounced update function to prevent multiple simultaneous requests
28236async function safeUpdateCartAttributes() {
28237    if (isUpdating) {
28238        // If already updating, queue this request
28239        return new Promise((resolve) => {
28240            updateQueue.push(resolve);
28241        });
28242    }
28243    
28244    isUpdating = true;
28245    
28246    try {
28247        await updateAllCartAttributes();
28248        
28249        // Resolve any queued promises
28250        const queuedPromises = [...updateQueue];
28251        updateQueue = [];
28252        queuedPromises.forEach(resolve => resolve());
28253        
28254    } catch (error) {
28255        console.error('Error in safeUpdateCartAttributes:', error);
28256    } finally {
28257        isUpdating = false;
28258    }
28259}
28260
28261// Check if cart is ready and accessible
28262async function isCartReady() {
28263    try {
28264        const response = await fetch('/cart.js');
28265        return response.ok;
28266    } catch (error) {
28267        console.error('Cart not ready:', error);
28268        return false;
28269    }
28270}
28271
28272// Combined function to update all cart attributes in a single request
28273async function updateAllCartAttributes() {
28274    try {
28275        // Wait for cart to be ready
28276        if (!(await isCartReady())) {
28277            console.warn('Cart not ready, skipping update');
28278            return;
28279        }
28280
28281        // Fetch the latest cart data
28282        const cartResponse = await fetch('/cart.js');
28283        if (!cartResponse.ok) {
28284            console.error('Failed to fetch cart data:', cartResponse.status);
28285            return;
28286        }
28287        const cart = await cartResponse.json();
28288
28289        // Prepare all attributes in one object
28290        const allAttributes = {};
28291        const existingAttributes = cart.attributes || {};
28292
28293        // 1. Update discount tracking
28294        let newPowerxDiscount = '';
28295        if (cart.total_discount > 0) {
28296            const discountTitles = new Set();
28297            // Collect cart-level discount titles
28298            if (cart.cart_level_discount_applications) {
28299                cart.cart_level_discount_applications.forEach(app => {
28300                    if (app.title) discountTitles.add(app.title);
28301                });
28302            }
28303            // Collect line-level discount titles
28304            if (cart.items) {
28305                cart.items.forEach(item => {
28306                    if (item.line_level_discount_allocations) {
28307                        item.line_level_discount_allocations.forEach(alloc => {
28308                            if (alloc.discount_application && alloc.discount_application.title) {
28309                                discountTitles.add(alloc.discount_application.title);
28310                            }
28311                        });
28312                    }
28313                });
28314            }
28315            newPowerxDiscount = Array.from(discountTitles).map(t => t.toLowerCase()).join(',');
28316        }
28317
28318        const currentPowerxDiscount = (cart.attributes && cart.attributes._powerx_discount) || '';
28319        if (currentPowerxDiscount !== newPowerxDiscount) {
28320            allAttributes._powerx_discount = newPowerxDiscount;
28321        }
28322
28323        // 2. Handle URL parameters and removals
28324        await addUrlParameterAttributes(allAttributes, existingAttributes);
28325
28326        // 3. Handle expired attributes
28327        await addExpiredAttributeRemovals(allAttributes, existingAttributes);
28328
28329        // Nothing changed: never POST. A no-op cart update makes themes that
28330        // listen for /cart/update re-render or reload on every page view.
28331        if (Object.keys(allAttributes).length === 0) {
28332            return true;
28333        }
28334
28335        // 4. Add timestamp alongside the real changes
28336        allAttributes._powerx_datetime = Math.floor(Date.now() / 1000);
28337
28338        // Single update request for all attributes
28339        const response = await fetch('/cart/update.js', {
28340            method: 'POST',
28341            headers: { 'Content-Type': 'application/json' },
28342            body: JSON.stringify({ attributes: allAttributes })
28343        });
28344
28345        if (!response.ok) {
28346            console.error('Failed to update cart attributes:', response.status);
28347            return false;
28348        }
28349
28350        // Update localStorage only after successful cart update
28351        await updateLocalStorage(allAttributes);
28352        return true;
28353    } catch (error) {
28354        console.error('Error updating cart attributes:', error);
28355        return false;
28356    }
28357}
28358
28359// Handle URL parameter attributes
28360async function addUrlParameterAttributes(allAttributes, existingAttributes = {}) {
28361    try {
28362        // Get settings from schema
28363        const trackedParametersRaw = "powerx_attr";
28364        const trackedParameters = trackedParametersRaw 
28365            ? trackedParametersRaw.split(',').map(param => param.trim()).filter(param => param) 
28366            : ['powerx_attr'];
28367        const removeParameterRaw = "powerx_rm_attr";
28368        const removeParameter = removeParameterRaw ? removeParameterRaw.trim() : 'powerx_rm_attr';
28369
28370        // Parse URL parameters
28371        const urlParams = new URLSearchParams(window.location.search);
28372
28373        // Collect attributes to set from URL
28374        for (const [key, value] of urlParams) {
28375            if (trackedParameters.includes(key) && existingAttributes[key] !== value) {
28376                allAttributes[key] = value;
28377            }
28378        }
28379
28380        // Collect attributes to remove manually via remove_parameter
28381        if (removeParameter) {
28382            const removeValues = urlParams.getAll(removeParameter);
28383            for (const value of removeValues) {
28384                const attrs = value.split(',').map(attr => attr.trim()).filter(attr => attr);
28385                for (const attr of attrs) {
28386                    // Only remove what is actually set, otherwise every page load
28387                    // would send an identical no-op cart update
28388                    if (existingAttributes[attr]) {
28389                        allAttributes[attr] = ''; // Empty string removes the attribute
28390                    }
28391                }
28392            }
28393        }
28394    } catch (error) {
28395        console.error('Error processing URL parameters:', error);
28396    }
28397}
28398
28399// Handle expired attributes
28400async function addExpiredAttributeRemovals(allAttributes, existingAttributes = {}) {
28401    try {
28402        const expireAfterHoursRaw = 5;
28403        const expireAfterHours = expireAfterHoursRaw ? parseInt(expireAfterHoursRaw, 10) : 0;
28404
28405        if (expireAfterHours > 0) {
28406            const now = Date.now();
28407            const attributesToRemoveExpired = [];
28408            
28409            for (let i = 0; i < localStorage.length; i++) {
28410                const key = localStorage.key(i);
28411                if (key && key.startsWith('powerx_attr_')) {
28412                    try {
28413                        const data = JSON.parse(localStorage.getItem(key));
28414                        const attrName = key.replace('powerx_attr_', '');
28415                        const expirationTime = data.timestamp + (expireAfterHours * 60 * 60 * 1000);
28416                        if (now > expirationTime) {
28417                            attributesToRemoveExpired.push(attrName);
28418                        }
28419                    } catch (parseError) {
28420                        console.warn('Invalid localStorage data for key:', key);
28421                        // Remove invalid localStorage entry
28422                        localStorage.removeItem(key);
28423                    }
28424                }
28425            }
28426
28427            // Add expired attributes to removal list
28428            for (const attr of attributesToRemoveExpired) {
28429                if (existingAttributes[attr]) {
28430                    allAttributes[attr] = ''; // Empty string removes the attribute
28431                } else {
28432                    // Already gone from the cart, just drop the stale local record
28433                    localStorage.removeItem(`powerx_attr_${attr}`);
28434                }
28435            }
28436        }
28437    } catch (error) {
28438        console.error('Error processing expired attributes:', error);
28439    }
28440}
28441
28442// Update localStorage after successful cart update
28443async function updateLocalStorage(updatedAttributes) {
28444    try {
28445        const trackedParametersRaw = "powerx_attr";
28446        const trackedParameters = trackedParametersRaw 
28447            ? trackedParametersRaw.split(',').map(param => param.trim()).filter(param => param) 
28448            : ['powerx_attr'];
28449
28450        const now = Date.now();
28451        
28452        for (const [key, value] of Object.entries(updatedAttributes)) {
28453            if (trackedParameters.includes(key) && value && value !== '') {
28454                // Store tracked parameters with timestamp
28455                localStorage.setItem(`powerx_attr_${key}`, JSON.stringify({
28456                    value,
28457                    timestamp: now
28458                }));
28459            } else if (value === '') {
28460                // Remove attributes that were set to empty string
28461                localStorage.removeItem(`powerx_attr_${key}`);
28462            }
28463        }
28464    } catch (error) {
28465        console.error('Error updating localStorage:', error);
28466    }
28467}
28468
28469// Initialize with proper timing and error handling
28470async function initializePowerxEmbed() {
28471    try {
28472        // Wait longer for cart operations to complete
28473        await new Promise(resolve => setTimeout(resolve, 2000));
28474        
28475        // Check if we have any work to do
28476        const trackedParametersRaw = "powerx_attr";
28477        const trackedParameters = trackedParametersRaw 
28478            ? trackedParametersRaw.split(',').map(param => param.trim()).filter(param => param) 
28479            : ['powerx_attr'];
28480        const removeParameterRaw = "powerx_rm_attr";
28481        const removeParameter = removeParameterRaw ? removeParameterRaw.trim() : 'powerx_rm_attr';
28482
28483        // Exit if no parameters to track and no removal parameter
28484        if (trackedParameters.length === 0 && !removeParameter) {
28485            return;
28486        }
28487
28488        // Perform the update
28489        await safeUpdateCartAttributes();
28490        
28491    } catch (error) {
28492        console.error('Error initializing PowerX embed:', error);
28493    }
28494}
28495
28496// Event listeners with debouncing
28497let cartUpdateTimeout;
28498function handleCartUpdate() {
28499    // Clear existing timeout to debounce rapid cart updates
28500    if (cartUpdateTimeout) {
28501        clearTimeout(cartUpdateTimeout);
28502    }
28503    
28504    // Set a new timeout to handle the update after a brief delay
28505    cartUpdateTimeout = setTimeout(() => {
28506        safeUpdateCartAttributes();
28507    }, 500); // 500ms delay to allow cart operations to settle
28508}
28509
28510// // Listen for cart updates with proper debouncing
28511// document.addEventListener('cart:updated', handleCartUpdate);
28512
28513// // Also listen for other common cart events
28514// document.addEventListener('cart:added', handleCartUpdate);
28515// document.addEventListener('cart:changed', handleCartUpdate);
28516
28517// Initialize the embed
28518initializePowerxEmbed();
28519
28520</script>
28520
28521
28522</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
28522<script>
28523  window['ShopifyForms'] = {
28524    ...window['ShopifyForms'],
28525    currentPageType: "index"
28526  };
28527</script>
28527
28528
28529
28530</div>
28530<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
28530
28531<shopify-store store-domain="https://bkconnection.com" country="US" language="en"></shopify-store>
28532<shopify-chat></shopify-chat>
28533</body>
28534</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.