https://bkconnection.com/

html bkconnection.com collected 2026-09-24 07:27:29 UTC 1,753,490 bytes, 27,702 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<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

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

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

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

816<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>

vendor: 1 bytes, line 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

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

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

829<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>

vendor: 1 bytes, line 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

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

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

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

863<script id="__st">var __st={"a":89993085291,"offset":-14400,"reqid":"6d97303d-5710-4b6f-a612-49b92aa59471-1790234848","pageurl":"bkconnection.com\/","u":"d5c46c546f2d","p":"home"};</script>

vendor: 1 bytes, line 863

864<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>

vendor: 1 bytes, line 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

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

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

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

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

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-f1e1e155.js","sha256-86F2r\/8tANRiv732G7Azvy4FxZLwNMjSp3zeaR2BCbY=");})();
878</script>

vendor: 1 bytes, line 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

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

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/amazon-reviews/blocks/product-rating-snippet-embed/88ab28f3-a438-4eb3-a83e-f1a9c62c5069 -->
1019
1020
1021
1022<!-- END app block --><!-- BEGIN app block: shopify://apps/seolab-seo-optimizer/blocks/app_embed/faf700f6-3b71-45c3-86d4-83ea9f7d9216 -->
1023

1024<script type="application/ld+json">
1025    [
1026        
1027        
1028        
1029        
1030        
1031        
1032        
1033        
1034        
1035        
1036        
1037        
1038        
1039        
1040        
1041        
1042        
1043        
1044            
1045            
1046            {
1047                "@context": "http://www.schema.org",
1048                "@id": "https://bkconnection.com/#organization",
1049                "@type": "Organization",
1050                "url": "https://bkconnection.com",
1051                "name": "Berrett-Koehler Publishers",
1052                "address": {
1053                    "@type": "PostalAddress",
1054                    "streetAddress": "1333 Broadway, P100",
1055                    "addressLocality": "Oakland",
1056                    "addressRegion": "California",
1057                    "addressCountry": "US",
1058                    "postalCode": "94612"
1059                },
1060                "description": "Empowering readers through bold ideas and transformative booksâBerrett-Koehler connects people and ideas to create a more equitable, inclusive, and sustainable world.",
1061                "telephone": "800-929-2929 ",
1062                "contactPoint": [
1063                    {
1064                        "@type": "ContactPoint",
1065                        "telephone": "800-929-2929 ",
1066                        "contactType": "technical support",
1067                        "contactOption": "TollFree"
1068                    },
1069                    {
1070                        "@type": "ContactPoint",
1071                        "telephone": "800-929-2929 ",
1072                        "contactType": "customer support",
1073                        "contactOption": "TollFree"
1074                    },
1075                    {
1076                        "@type": "ContactPoint",
1077                        "telephone": "800-929-2929 ",
1078                        "contactType": "sales",
1079                        "contactOption": "TollFree"
1080                    }
1081                ],
1082                "logo": "https://nbg1.your-objectstorage.com/seolab/jsonld-images/6C5IMIDNF5w2bbVyaA1fUNe1lRO5TYarK7GRDwi8.png",
1083                "image": "https://nbg1.your-objectstorage.com/seolab/jsonld-images/6C5IMIDNF5w2bbVyaA1fUNe1lRO5TYarK7GRDwi8.png"
1084                
1085                ,"sameAs": ["https://www.youtube.com/berrettkoehler","https://www.facebook.com/BerrettKoehler/","https://www.linkedin.com/company/berrett-koehler-publishers/","https://www.instagram.com/bkpub"]
1086                
1087            }
1088            
1089        
1090        
1091        
1092    ]
1093</script>

1097<script type="text/javascript">
1098    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")})}})});
1099</script>

1105<script type="text/javascript">
1106    !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})}}();
1107</script>

1111<script type="text/javascript">
1112    !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()}();
1113</script>

1113
1114
1115
1116<!-- END app block --><!-- BEGIN app block: shopify://apps/supadu-blocks-berrett-koehler/blocks/app-embed/2614fd4f-7b4b-4395-bbf5-cebedcc664e5 -->
1117
1118
1119
1120
1121

1122<script
1123  type="application/json"
1124  id="sf-app-embed"
1125  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."}'
1126  data-customer-id=''
1127  
1128></script>

1128
1129
1130
1131  
1132
1133  
1134
1135
1136
1137
1138<!-- END app block -->

1138<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>

1138
1139<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">

1140<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 1140

1141<script src="https://cdn.shopify.com/extensions/01a0d027-6243-7586-9855-c6f857ae9fdc/forms-2592/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>

1141
1142<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">

1143<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 1143

1144<script>
1145  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1146</script>

vendor: 1 bytes, line 1146

1147<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}

1147).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: ["16072cab","8450a54b"],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"]}

1147,{"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":"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":"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}]},{"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}]}

1147,{"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":"14734976549227","handle":"9798890571625_the-creativity-leap-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185256460651","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":"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":"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}]},{"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}]}

1147,{"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}]}

1147,{"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}]}

1147,{"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","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"177306042731","themeStoreId":"2048","themePublished":"true","eventMetadataId":"87f156c1-168d-406e-8c74-1d38d42ff78f","pageType":"home","shopId":"89993085291","storefrontBaseUrl":"https:\/\/bkconnection.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>

1147<script>
1148  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1149  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1150  window.ShopifyAnalytics.meta.currency = 'USD';
1151  var meta = {"page":{"pageType":"home","requestId":"6d97303d-5710-4b6f-a612-49b92aa59471-1790234848"}};
1152  for (var attr in meta) {
1153    window.ShopifyAnalytics.meta[attr] = meta[attr];
1154  }
1155</script>

vendor: 1 bytes, line 1155

1156<script class="analytics">
1157  (function () {
1158    var customDocumentWrite = function(content) {
1159      var jquery = null;
1160
1161      if (window.jQuery) {
1162        jquery = window.jQuery;
1163      } else if (window.Checkout && window.Checkout.$) {
1164        jquery = window.Checkout.$;
1165      }
1166
1167      if (jquery) {
1168        jquery('body').append(content);
1169      }
1170    };
1171
1172    var hasLoggedConversion = function(token) {
1173      if (token) {
1174        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1175      }
1176      return false;
1177    }
1178
1179    var setCookieIfConversion = function(token) {
1180      if (token) {
1181        var twoMonthsFromNow = new Date(Date.now());
1182        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1183
1184        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1185      }
1186    }
1187
1188    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1189    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1190    if (trekkie.integrations) {
1191      return;
1192    }
1193    trekkie.methods = [
1194      'identify',
1195      'page',
1196      'ready',
1197      'track',
1198      'trackForm',
1199      'trackLink'
1200    ];
1201    trekkie.factory = function(method) {
1202      return function() {
1203        var args = Array.prototype.slice.call(arguments);
1204        args.unshift(method);
1205        trekkie.push(args);
1206        if (method == 'track' || method == 'page') {
1207          try {
1208            if (window.__TREKKIE_SHIM_QUEUE == null) {
1209              window.__TREKKIE_SHIM_QUEUE = [];
1210            }
1211            window.__TREKKIE_SHIM_QUEUE.push({
1212              from: 'trekkie-stub',
1213              method: method,
1214              args: args.slice(1)
1215            });
1216          } catch (e) {
1217            // no-op
1218          }
1219        }
1220        return trekkie;
1221      };
1222    };
1223    for (var i = 0; i < trekkie.methods.length; i++) {
1224      var key = trekkie.methods[i];
1225      trekkie[key] = trekkie.factory(key);
1226    }
1227    trekkie.load = function(config) {
1228      trekkie.config = config || {};
1229      trekkie.config.initialDocumentCookie = document.cookie;
1230      var first = document.getElementsByTagName('script')[0];
1231var script = document.createElement('script');
1232script.type = 'text/javascript';
1233script.onerror = function(e) {
1234  var scriptFallback = document.createElement('script');
1235  scriptFallback.type = 'text/javascript';
1236  scriptFallback.onerror = function(error) {
1237          var Monorail = {
1238      produce: function produce(monorailDomain, schemaId, payload) {
1239        var currentMs = new Date().getTime();
1240        var event = {
1241          schema_id: schemaId,
1242          payload: payload,
1243          metadata: {
1244            event_created_at_ms: currentMs,
1245            event_sent_at_ms: currentMs
1246          }
1247        };
1248        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1249      },
1250      sendRequest: function sendRequest(endpointUrl, payload) {
1251        // Try the sendBeacon API
1252        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1253          var blobData = new window.Blob([payload], {
1254            type: 'text/plain'
1255          });
1256
1257          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1258            return true;
1259          } // sendBeacon was not successful
1260
1261        } // XHR beacon
1262
1263        var xhr = new XMLHttpRequest();
1264
1265        try {
1266          xhr.open('POST', endpointUrl);
1267          xhr.setRequestHeader('Content-Type', 'text/plain');
1268          xhr.send(payload);
1269        } catch (e) {
1270          console.log(e);
1271        }
1272
1273        return false;
1274      },
1275      isIos12: function isIos12() {
1276        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1277      }
1278    };
1279    Monorail.produce('monorail-edge.shopifysvc.com',
1280      'trekkie_storefront_load_errors/1.1',
1281      {shop_id: 89993085291,
1282      theme_id: 177306042731,
1283      app_name: "storefront",
1284      context_url: window.location.href,
1285      source_url: "//bkconnection.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
1286
1287  };
1288  scriptFallback.async = true;
1289  scriptFallback.src = '//bkconnection.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1290  first.parentNode.insertBefore(scriptFallback, first);
1291};
1292script.async = true;
1293script.src = '//bkconnection.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1294first.parentNode.insertBefore(script, first);
1295
1296    };
1297    trekkie.load(
1298      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":89993085291,"isMerchantRequest":null,"themeId":177306042731,"themeCityHash":"11249351944727281660","contentLanguage":"en","currency":"USD","eventMetadataId":"87f156c1-168d-4

129806e-8c74-1d38d42ff78f"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1299    );
1300
1301    var loaded = false;
1302    trekkie.ready(function() {
1303      if (loaded) return;
1304      loaded = true;
1305
1306      window.ShopifyAnalytics.lib = window.trekkie;
1307
1308      var originalDocumentWrite = document.write;
1309      document.write = customDocumentWrite;
1310      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1311      document.write = originalDocumentWrite;
1312
1313      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1314      var token = match? match[1]: undefined;
1315      if (!hasLoggedConversion(token)) {
1316        setCookieIfConversion(token);
1317        
1318      }
1319    });
1320
1321    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"6d97303d-5710-4b6f-a612-49b92aa59471-1790234848","shopifyEmitted":true});
1322
1323    var eventsListenerScript = document.createElement('script');
1324    eventsListenerScript.async = true;
1325    eventsListenerScript.src = "//bkconnection.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1326    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1327})();</script>

vendor: 1 bytes, line 1327

1328<script
1329  defer
1330  src="https://bkconnection.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1331  data-application="storefront-renderer"
1332  data-shop-id="89993085291"
1333  data-render-region="gcp-us-central1"
1334  data-page-type="index"
1335  data-theme-instance-id="177306042731"
1336  data-theme-name="Eurus"
1337  data-theme-version="8.7.0"
1338  data-monorail-region="shop_domain"
1339  data-resource-timing-sampling-rate="10"
1340  data-shs="true"
1341  data-shs-beacon="true"
1342  data-shs-export-with-fetch="true"
1343  data-shs-logs-sample-rate="1"
1344  data-shs-beacon-endpoint="https://bkconnection.com/api/collect"
1345></script>

1345
1346<meta name="shopify-y" content="70da557b-5378-4dbb-9ea7-1cd6c184c2b6" data-expiration="1821792448000"><meta name="shopify-s" content="d1531ce0-a161-4d46-a1b5-9129e1239ff6" data-expiration="1790236648000"><meta name="new-cookie-storage-activated" content="t">
1347</head>
1348  <body 
1349    class="gradient scrollbar-body overflow-x-hidden text-[0.7875rem] md:text-[0.875rem]" 
1350    x-data="{ runDispatch: true }"
1351    :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 
1352    x-init="$store.xPopup.setWidthScrollbar();"
1353    x-on:mouseover="if (runDispatch) { $dispatch('init-run'); runDispatch = false; }"
1354    x-on:touchstart="if (runDispatch) { 
1355      if (event.target.parentNode.parentNode.id == 'SearchOpen' || event.target.parentNode.id == 'SearchOpen') { setTimeout(() => {  document.querySelector('#SearchOpen').click() }, 200) }
1356      if (event.target.parentNode.parentNode.id == 'cart-icon' || event.target.parentNode.id == 'cart-icon') { setTimeout(() => {  document.querySelector('#cart-icon').click() }, 200) }
1357      if (event.target.parentNode.id == 'mobile-navigation' || event.target.id == 'mobile-navigation') { setTimeout(() => {  document.querySelector('#mobile-navigation').click() }, 200) }
1358      $dispatch('init-run'); runDispatch = false;
1359    }"
1360  ><div
1361          class="hidden" 
1362          x-data='xTabAttention({
1363            message1: "ð Psst...", 
1364            message2: "Donât forget your books!", 
1365            delay: 3
1366          })'
1367        >
1368        </div>
1369

1369<script src="//bkconnection.com/cdn/shop/t/4/assets/tab-attention.js?v=135415189931050011531747335364" defer></script>

1369<div
1370        x-data="{ loading: true }" 
1371        x-intersect=
1372        "
1373          window.onload = () => { 
1374            loading = false; 
1375            setTimeout(() => {
1376              $el.remove();
1377            }, 1000); 
1378          }
1379        "
1380        x-show="loading"
1381        x-transition:leave="transition-all ease-in-out duration-1000"
1382        x-transition:leave-start="opacity-100"
1383        x-transition:leave-end="opacity-0"
1384        class="fixed top-0 left-0 w-full h-full bg-black z-[9999]"
1385      ></div><div class="main-container flex flex-col min-h-screen relative">
1386      <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">
1387        Skip to content
1388      </a>
1389
1390      
1391          <!-- BEGIN sections: header-group-puff -->
1392<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 {
1393    background: transparent;
1394    border: 0;
1395    box-shadow: none;
1396    color: #ffffff;
1397  }
1398  .dark #x-announcement-bar .arrow {
1399    color: #ffffff;
1400  }
1401  .announcement-bar_container-sections--24498229674347__announcement-bar {
1402    
1403      background: #4e628c;
1404    
1405    
1406      --colors-text-link: 255,255,255;
1407    
1408  }
1409  .dark .announcement-bar_container-sections--24498229674347__announcement-bar {
1410    
1411      background: #ffffff;
1412    
1413--colors-text-link: 255,255,255;
1414    
1415  }
1416  .announcement-bar_text {
1417    
1418      color: #ffffff;
1419      --colors-line-and-border: 255,255,255;
1420    
1421  }
1422  .dark .announcement-bar_text {
1423    
1424      color: #ffffff;
1425      --colors-line-and-border: 255,255,255;
1426    
1427  }
1428  
1429    .section-announcement {
1430      position: sticky;
1431      top: 0;
1432      z-index: 30;
1433    }
1434  
1435</style><div 
1436    id="x-announcement" 
1437    class="announcement-bar_container-sections--24498229674347__announcement-bar ltr mx-auto flex items-center lg:pl-5 lg:pr-5"
1438    
1439      data-is-sticky="true"
1440      x-init='$store.xHeaderMenu.setVariableHeightHeader(true);document.documentElement.style.setProperty("--top-cart-noti", $el.offsetHeight + "px")'
1441    
1442  >
1443        
1444          <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">
1445            <div class="splide__track x-pgw page-width mx-auto pl-0 pr-0">
1446              <div class="splide__list w-full flex  md:block"><style data-shopify>.text--promo_code_LtceAD .width-countdown {
1447                    width: 7.875rem;
1448                  }.text--promo_code_LtceAD,
1449                    .btn--promo_code_LtceAD {
1450                      font-size: 0.7875rem;
1451                    }
1452                    @media (min-width: 768px) {
1453                      .text--promo_code_LtceAD,
1454                      .btn--promo_code_LtceAD {
1455                        font-size: 0.875rem;
1456                      }
1457                    }.icon--promo_code_LtceAD {
1458                    width: 0.875rem;
1459                    height: 0.875rem;
1460                  }
1461                  .button.text_button_announ--promo_code_LtceAD {
1462                    
1463                      color: ;
1464                    
1465                    
1466                      background: ;
1467                    
1468                  }
1469                  .dark .button.text_button_announ--promo_code_LtceAD {
1470                    
1471                      color: ;
1472                    
1473                    
1474                      background: ;
1475                    
1476                  } 
1477                  @media(min-width: 768px){
1478                    .button.text_button_announ--promo_code_LtceAD {
1479                      
1480                        color: ;
1481                      
1482                      
1483                        background: ;
1484                      
1485                    }
1486                    .dark .button.text_button_announ--promo_code_LtceAD {
1487                      
1488                        color: ;
1489                      
1490                      
1491                        background: ;
1492                      
1493                    } 
1494                  }
1495                  .text-link-with-arrow--promo_code_LtceAD {
1496                    
1497                      color: ;
1498                    
1499                  }
1500                  .dark .text-link-with-arrow--promo_code_LtceAD {
1501                    
1502                      color: ;
1503                    
1504                  }
1505                  .hyperlink-circle-color--promo_code_LtceAD {
1506                    
1507                      background-color: ;
1508                    
1509                  }
1510                  .dark .hyperlink-circle-color--promo_code_LtceAD {
1511                    
1512                      background-color: ;
1513                    
1514                  }</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 
1515                      
1516                      class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
1517                      
1518                      <div class="text--promo_code_LtceAD announcement-bar_text flex">
1519                            <div class="flex items-center mr-2 md:mr-3">

1520                              <span class="inline-block icon--promo_code_LtceAD">
1521                                
1522                                  
1523                                    <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
1524    
1525        <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"/>
1526        <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"/>
1527        <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"/>
1528        <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"/>
1529        <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"/>
1530        <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"/>
1531        <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"/>
1532      
1533  </svg>
1534
1535                                  
1536                                
1537                              </span>
1538                            </div>
1539                          
1540
1541<p class="x-announcement-bar-block-data leading-[initial]">FREE shipping on orders over $65!</p></div>
1542                            <style data-shopify>
1543                            .button-coupon--promo_code_LtceAD {color: #ffffff;
1544                                border-color: #ffffff;
1545                              }
1546                            .dark .button-coupon--promo_code_LtceAD {  
1547                                color: var(--colors-button-hover);
1548                                border-color: var(--colors-button-hover);                      
1549                              
1550                            }
1551                            </style>
1552                            <div>
1553                              <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">
1554                                <p x-ref="code_value">
1555                                  FREESHIP
1556                                </p>
1557                                <div class="md:ml-4 ml-3 flex items-center">

1558                                  <span class="icon--promo_code_LtceAD inline-block" x-show="!copySuccess"
1559                                    x-transition:enter="transition-all absolute ease-in-out duration-300"
1560                                    x-transition:enter-start="opacity-0 absolute transform translate-y-full"
1561                                    x-transition:enter-end="opacity-100 absolute transform translate-y-0"
1562                                    x-transition:leave="transition-all absolute ease-in-out duration-300"
1563                                    x-transition:leave-end="opacity-0 transform absolute -translate-y-full">
1564                                  <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
1565        <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"/>
1566        <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"/>
1567      </svg>
1568
1569                                  </span>
1570                                  <span class="icon--promo_code_LtceAD inline-block" x-show="copySuccess" x-cloak
1571                                    x-transition:enter="transition-all ease-in-out duration-300"
1572                                    x-transition:enter-start="opacity-0 transform translate-y-full"
1573                                    x-transition:enter-end="opacity-100 transform translate-y-0"
1574                                    x-transition:leave="transition ease-in-out duration-300"
1575                                    x-transition:leave-end="opacity-0 transform -translate-y-full">
1576                                    <svg width="100%" height="100%" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1577    <g clip-path="url(#clip0_1602_2141)">
1578    <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"/>
1579    </g>
1580  </svg>
1581
1582                                  </span>
1583                                </div>
1584                              </button>
1585                            </div>
1586

1586<script src="//bkconnection.com/cdn/shop/t/4/assets/coupon-code.js?v=99683073096863989621747335364" defer></script>

1586
1587                          
1588</div></div></div>
1589            </div></div>
1590        
1591
1592</div>
1593</div><div id="shopify-section-sections--24498229674347__header" class="shopify-section shopify-section-group-header-group-puff section-header">
1594
1595<style data-shopify>
1596.logo-name {
1597    font-size: 1.125rem;
1598  }
1599  .transparent-header .logo-name,
1600  .transparent-header header {
1601    
1602      color: #ffffff;
1603    
1604  }
1605  .dark .transparent-header .logo-name,
1606  .dark .transparent-header header {
1607    
1608      color: #ffffff;
1609    
1610    
1611  }
1612  
1613  header {
1614    grid-template-areas: "drawer heading icons";
1615    
1616  }
1617  @media (min-width: 1024px) {
1618    header {
1619      grid-template-areas: "heading navigation icons" ". . .";
1620      grid-template-columns: 1fr 4fr 1fr;
1621    } 
1622    .logo-name {
1623      font-size: 2.25rem;
1624    }
1625    .pt-header {
1626      padding-top: 12px;
1627    }
1628    .pb-header {
1629      padding-bottom: 12px;
1630    }
1631  }</style><div x-show="$store.xHeaderMenu.overlay" 
1632  x-transition:enter="ease-in-out duration-300"
1633  x-transition:enter-start="opacity-0"
1634  x-transition:enter-end="opacity-100"
1635  x-transition:leave="transition-all ease-in-out duration-300"
1636  x-transition:leave-end="opacity-0"
1637  class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0 z-20" x-cloak>
1638</div>
1639<div
1640  id="x-header-container"
1641  class="relative text-[rgb(var(--colors-text-header))] z-50"
1642  x-init='$store.xHeaderMenu.removeStickyHeader();$store.xHeaderMenu.initSticky($el, "shopify-section-sections--24498229674347__header", "always", false); $store.xHeaderMenu.mobileHeaderLayout="center-left";'
1643  
1644    x-intersect:leave="$store.xHeaderMenu.handleAlwaysSticky()"
1645    data-is-sticky="true"
1646    :class="$store.xMiniCart.open && 'z-[60]'"
1647  
1648  @click.away="$store.xHeaderMenu.openHamburgerMenu = false;"
1649  
1650>
1651  <div id="sticky-header" class="shopify-header text-[rgb(var(--colors-text-header))] background-header"
1652    x-intersect="$store.xHeaderMenu.setVariableHeightHeader(true)"
1653  >
1654    <div
1655      id="sticky-header-content"
1656      class="sticky-header-content z-20 w-full top-0
1657       header-full-width"
1658      :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}"
1659      
1660      x-intersect.once="$store.xHeaderMenu.setTopStickyHeader()"
1661    >
1662      <header 
1663        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 }"
1664        
1665      >
1666        <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full">
1667          
1668          
1669          <style data-shopify>
1670            .mobile-navigation-modern-icon-bg{
1671              background: rgba(var(--colors-line-header),1)
1672            }
1673          </style>
1674          <div 
1675            id="mobile-navigation"
1676            @click="setTimeout(() => { $store.xMobileNav.open() }, 0)"
1677            class="relative  p-2 mobile-navigation-modern-icon-bg  rounded-full cursor-pointer "
1678          > 
1679            <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;">
1680        <path d="M4 8H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1681        <path d="M4 16H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1682      </svg>
1683</div>            
1684          </div>
1685        </div>
1686          <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"
1687          >
1688        
1689          
1690
1691<div class="flex">
1692  <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
1693        src="//bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=2400"
1694        alt="Berrett-Koehler Publishers"
1695        sizes="(min-width: 768px) 200px, 150px"
1696        srcset="//bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=50 50w,
1697          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=100 100w,
1698          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=150 150w,
1699          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=200 200w,
1700          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=250 250w,
1701          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=300 300w,
1702          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=400 400w,
1703          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=500 500w,
1704          //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=600 600w"
1705        width="2400"
1706        height="600"
1707        class="header-logo block dark:hidden dark:absolute mx-auto md:ml-0"
1708        loading="eager"
1709        fetchpriority="high"
1710        decoding="sync"
1711      /></a>
1712</div>
1713</h1>
1714        <div
1715          class="x-container-header-icons justify-end lg:order-4 [grid-area:icons] lg:[grid-area:auto] pb-header flex"
1716        >

1717          <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3"></div><style data-shopify>
1718              
1719                @media (max-width: 767px) {
1720                  .mobile-center-left #SearchOpen {
1721                    left: 3.5rem;
1722                  }
1723                  .mobile-center-right #SearchOpen {
1724                    right: 3.5rem;
1725                  }
1726                }
1727              
1728            </style>
1729            <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');">
1730              <a 
1731                id="SearchOpen"
1732                href="/search" 
1733                aria-label="search"
1734                class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 
1735                @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)">
1736                <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;">
1737        <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"/>
1738        <path d="M17 18L21 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
1739      </svg>        
1740    
1741</span>
1742              </a>
1743            </div>
1744            <a href="/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full&region_country=US"
1745              aria-label="Log in"
1746              class="header-icon-account hidden lg:flex relative items-center justify-center">
1747              <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2">
1748                <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
1749        <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"/>
1750        <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"/>
1751      </svg>
1752
1753              </span>
1754            </a><div class="header-icon-cart cursor-pointer relative flex items-center">
1755              <a 
1756                id="cart-icon"
1757                href="/cart"
1758                class="relative flex items-center"   
1759                           
1760                  @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)"
1761                  :class="$store.xMiniCart.open && 'pointer-events-none'"
1762                
1763                aria-controls="CartDrawer"
1764                aria-expanded="false"
1765                aria-label="icon-cart"
1766              >
1767                <span class="w-11 h-10 md:pl-3 inline-block pl-3 pr-0 md:pr-2.5 pt-2.5 pb-2">
1768                  <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill:none;">
1769    <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"/>
1770    <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"/>
1771  </svg>
1772                </span>
1773                <div id="cart-icon-bubble" class="count_item absolute -top-0.5
1774                -right-1.5
1775                   md:right-0 " data-value="0">
1776                  <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>
1777                </div>
1778              </a>
1779            </div></div>
1780
1781        
1782
1783        
1784
1785<style data-shopify>
1786    .svg-highlight-sections--24498229674347__header {
1787    
1788      --color-highlight: #f8c000;
1789    
1790    }
1791    .dark .svg-highlight-sections--24498229674347__header {
1792      
1793        --color-highlight: #4d6391;
1794      
1795    }
1796  
1797  .x-icon-caret svg {
1798    color: var(--colors-text-header);
1799    --tw-rotate: 0deg;
1800    transform: rotate(var(--tw-rotate));
1801    transition: transform 0.5s ease 0.1s;
1802  }
1803  
1804    .clicked .x-icon-caret svg {
1805      color: var(--colors-text-link);
1806      --tw-rotate: 180deg;
1807    }
1808  
1809</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">
1810  <ul class="duration-500 list-menu inline-flex flex-wrap items-center justify-center">
1811<li x-data='{ active: false }' 
1812                class="pr-5 simple_menu pl-5 has-dropdown" 
1813                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
1814                
1815                  
1816                  x-on:mouseover="$el.classList.add('is-focus');"
1817                  @mouseleave="$el.classList.remove('is-focus');"
1818                  @focusin="$el.classList.add('is-focus');"
1819                  @focusout="$el.classList.remove('is-focus');"
1820                
1821              >
1822                <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"
1823                  
1824                    
1825                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
1826                    
1827                  
1828                >
1829                  <div class=" flex items-center">
1830                    <div class="relative">
1831                      <a href="#"
1832                        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" 
1833                      >
1834                        
1835          
1836          
1837            
1838

1839              <span>Shop</span>
1840            
1841          
1842        
1843                      </a>
1844                      
1845                    </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;">
1846    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1847  </svg>
1848</span></div>
1849                </div><div id="menu-1"></div></li>
1850<li x-data='{ active: false }' 
1851                class="pr-5 tabbed_menu pl-5 has-dropdown" 
1852                
1853                  
1854                  x-on:mouseover="$el.classList.add('is-focus');"
1855                  @mouseleave="$el.classList.remove('is-focus');"
1856                  @focusin="$el.classList.add('is-focus');"
1857                  @focusout="$el.classList.remove('is-focus');"
1858                
1859              >
1860                <div class="tabbed_menu_item cursor-pointer relative hover-text-link flex items-center is-focus:link-active"
1861                  
1862                    
1863                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
1864                    
1865                  
1866                >
1867                  <div class=" flex items-center">
1868                    <div class="relative">
1869                      <a href="#"
1870                        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" 
1871                        
1872                      >
1873                        
1874          
1875          
1876            
1877            
1878              <span>Offers</span>
1879            
1880          
1881        
1882                      </a>
1883                      
1884                    </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;">
1885    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1886  </svg>
1887</span></div>
1888                </div>
1889                
1890                  <div id="menu-2"></div>
1891                
1892              </li>
1893<li
1894              id="tree_menu_qnqE8m"
1895              class="pr-5 tree-menu pl-5 relative has-dropdown"
1896              
1897                
1898                x-on:mouseover="$el.classList.add('is-focus');"
1899                @mouseleave="$el.classList.remove('is-focus');"
1900                @focusin="$el.classList.add('is-focus');"
1901                @focusout="$el.classList.remove('is-focus');"
1902              
1903            >
1904              <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 }' 
1905                
1906                  
1907                    @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
1908                  
1909                
1910              >
1911                <div class=" flex items-center">
1912                  <div class="relative">
1913                    <a
1914                      href="/pages/author-services"
1915                      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" 
1916                      
1917                    > 
1918                      
1919          
1920          
1921            
1922            
1923              <span>Services</span>
1924            
1925          
1926        
1927                    </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;">
1928    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1929  </svg>
1930</span></div>
1931              </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))]" >
1932                  <div class="tree-menu-nav" id="menu-3"> </div>
1933                </div></li>
1934<li
1935              id="tree_menu_4jytzF"
1936              class="pr-5 tree-menu pl-5 relative has-dropdown"
1937              
1938                
1939                x-on:mouseover="$el.classList.add('is-focus');"
1940                @mouseleave="$el.classList.remove('is-focus');"
1941                @focusin="$el.classList.add('is-focus');"
1942                @focusout="$el.classList.remove('is-focus');"
1943              
1944            >
1945              <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

1945is-focus:link-active" x-data='{ active: false }' 
1946                
1947                  
1948                    @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
1949                  
1950                
1951              >
1952                <div class=" flex items-center">
1953                  <div class="relative">
1954                    <a
1955                      href="#"
1956                      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" 
1957                      
1958                    > 
1959                      
1960          
1961          
1962            
1963            
1964              <span>Get Published</span>
1965            
1966          
1967        
1968                    </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;">
1969    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1970  </svg>
1971</span></div>
1972              </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))]" >
1973                  <div class="tree-menu-nav" id="menu-4"> </div>
1974                </div></li>
1975<li x-data='{ active: false }' 
1976                class="pr-5 simple_menu pl-5 has-dropdown" 
1977                @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)"
1978                
1979                  
1980                  x-on:mouseover="$el.classList.add('is-focus');"
1981                  @mouseleave="$el.classList.remove('is-focus');"
1982                  @focusin="$el.classList.add('is-focus');"
1983                  @focusout="$el.classList.remove('is-focus');"
1984                
1985              >
1986                <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"
1987                  
1988                    
1989                      @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
1990                    
1991                  
1992                >
1993                  <div class=" flex items-center">
1994                    <div class="relative">
1995                      <a href="#"
1996                        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" 
1997                      >
1998                        
1999          
2000          
2001            
2002            
2003              
2004
2005
2006<span 
2007  class="highlight relative inline-block" 
2008  x-data="{ isIntersecting: false }" 
2009  x-intersect.once="isIntersecting = true"
2010  :class="isIntersecting && 'highlight-anm-start'"
2011>
2012  Members
2013  
2014  
2015    <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">
2016      <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"/>
2017    </svg>
2018  
2019
2020</span>
2021            
2022          
2023        
2024                      </a>
2025                      
2026                    </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;">
2027    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2028  </svg>
2029</span></div>
2030                </div><div id="menu-5"></div></li>
2031<li
2032              id="tree_menu_Kz4jcQ"
2033              class="pr-5 tree-menu pl-5 relative has-dropdown"
2034              
2035                
2036                x-on:mouseover="$el.classList.add('is-focus');"
2037                @mouseleave="$el.classList.remove('is-focus');"
2038                @focusin="$el.classList.add('is-focus');"
2039                @focusout="$el.classList.remove('is-focus');"
2040              
2041            >
2042              <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

2042is-focus:link-active" x-data='{ active: false }' 
2043                
2044                  
2045                    @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)"
2046                  
2047                
2048              >
2049                <div class=" flex items-center">
2050                  <div class="relative">
2051                    <a
2052                      href="#"
2053                      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" 
2054                      
2055                    > 
2056                      
2057          
2058          
2059            
2060            
2061              <span>About</span>
2062            
2063          
2064        
2065                    </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;">
2066    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2067  </svg>
2068</span></div>
2069              </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))]" >
2070                  <div class="tree-menu-nav" id="menu-6"> </div>
2071                </div></li>
2072<template x-teleport="#menu-1">
2073<template x-if="!runDispatch">  
2074      <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]">
2075        <div>
2076          <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">
2077                    <div class="font-semibold">
2078<a href="/collections/books" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3">
2079                        Subjects
2080                      </a>
2081                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2082<span class="flex-1">
2083                              <a href="/collections/leadership" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2084                                Leadership
2085                              </a>
2086                            </span>
2087                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2088<span class="flex-1">
2089                              <a href="/collections/professional-development" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2090                                Professional Development
2091                              </a>
2092                            </span>
2093                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2094<span class="flex-1">
2095                              <a href="/collections/workplace-culture" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2096                                Workplace Culture
2097                              </a>
2098                            </span>
2099                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2100<span class="flex-1">
2101                              <a href="/collections/diversity-inclusion" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2102                                Diversity &amp; Inclusion
2103                              </a>
2104                            </span>
2105                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2106<span class="flex-1">
2107                              <a href="/collections/personal-growth" class="nav-link relative transition duration-200 p-break-words hover-text-link

2107inline-block">
2108                                Personal Growth
2109                              </a>
2110                            </span>
2111                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2112<span class="flex-1">
2113                              <a href="/collections/social-change" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2114                                Social Change
2115                              </a>
2116                            </span>
2117                          </li></ul></li><li class="relative w-24 lg:w-48">
2118                    <div class="font-semibold">
2119<a href="/collections" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3">
2120                        Curations
2121                      </a>
2122                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2123<span class="flex-1">
2124                              <a href="/collections/new-releases" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2125                                New Releases
2126                              </a>
2127                            </span>
2128                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2129<span class="flex-1">
2130                              <a href="/collections/coming-soon" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2131                                Coming Soon
2132                              </a>
2133                            </span>
2134                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2135<span class="flex-1">
2136                              <a href="/collections/bestsellers" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2137                                Bestsellers
2138                              </a>
2139                            </span>
2140                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2141<span class="flex-1">
2142                              <a href="/collections/award-winners" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2143                                Award Winners
2144                              </a>
2145                            </span>
2146                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2147<span class="flex-1">
2148                              <a href="/collections/higher-education" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2149                                Higher Education
2150                              </a>
2151                            </span>
2152                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2153<span class="flex-1">
2154                              <a href="/collections/essential-workbooks" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2155                                Essential Workbooks
2156                              </a>
2157                            </span>
2158                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2159<span class="flex-1">
2160                              <a href="/collections/companion-card-decks" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2161                                Companion Card Decks
2162                              </a>
2163                            </span>
2164                          </li></ul></li><li class="relative w-24 lg:w-48">
2165                    <div class="font-semibold">
2166<a href="/collections" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3">
2167                        Signature Collections
2168                      </a>
2169                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2170<span class="flex-1">
2171                              <a href="/collections/no-kings-library" class="nav-link relative transition duration-200 p-break-words hover-text-link

2171inline-block">
2172                                No Kings Library
2173                              </a>
2174                            </span>
2175                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2176<span class="flex-1">
2177                              <a href="/collections/the-hidden-history-series" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2178                                The Hidden History Series
2179                              </a>
2180                            </span>
2181                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2182<span class="flex-1">
2183                              <a href="/collections/the-ken-blanchard-library" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2184                                The Ken Blanchard Library
2185                              </a>
2186                            </span>
2187                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2188<span class="flex-1">
2189                              <a href="/collections/the-remote-work-collection-1" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2190                                The Remote Work Collection
2191                              </a>
2192                            </span>
2193                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2194<span class="flex-1">
2195                              <a href="/collections/black-history-collection" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2196                                Black History Collection
2197                              </a>
2198                            </span>
2199                          </li></ul></li></ul><div class="relative float-right md:right-5 lg:right-0 pt-8 pb-8 w-1/5 order-4"> 
2200                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex gap-5"><style data-shopify>
2201                      .image-simple_menu_qVN9bW-1 {
2202                        height: 150px;
2203                      }
2204                    </style>
2205                    
2206                    <div class="mega-menu-card w-full group relative background-color-simple_menu_qVN9bW-1 ltr rounded-[10px]">
2207                      
2208<style data-shopify>.title-color-simple_menu_qVN9bW-1 {
2209      color: ;
2210      --colors-heading: , , ;
2211    }.text-simple_menu_qVN9bW-1 {
2212    font-size: 0.7875rem;
2213  }
2214  .sub-heading-simple_menu_qVN9bW-1 {
2215    font-size: 1.125rem;
2216  }
2217  .heading-simple_menu_qVN9bW-1 {
2218    font-size: 1.575rem;
2219  }
2220  @media (min-width: 768px) {
2221    .sub-heading-simple_menu_qVN9bW-1 {
2222      font-size: 1.305rem;
2223    }
2224    .heading-simple_menu_qVN9bW-1 {
2225      font-size: 2.25rem; 
2226    }
2227    .text-simple_menu_qVN9bW-1 {
2228      font-size: 0.875rem;
2229    }
2230  }.button--simple_menu_qVN9bW-1.button-solid,
2231    .button--simple_menu_qVN9bW-1.button-solid:before {--colors-line-and-border: var(--colors-button);}.button--simple_menu_qVN9bW-1.button-outline {}
2232  
2233</style><div 
2234    
2235    class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_qVN9bW-1 pb-[%] rounded-[10px] overflow-hidden"
2236    
2237  >
2238    
2239    
2240    
2241      <div 
2242        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
2243      >
2244    
2245      <img
2246        srcset="//bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=225 225w,
2247        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=375 375w,
2248        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=450 450w,
2249        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=750 750w,
2250        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=900 900w,
2251        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=1100 1100w,
2252        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=1500 1500w,
2253        //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=1780 1780w"
2254        src="//bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=1780"
2255        
2256          loading="lazy"
2257         
2258        sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw"
2259        alt=""
2260        width="750"
2261        height="500.0"
2262        style="object-position: 50.0% 50.0%;"
2263        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
2264        onload="this?.classList.add('active'); 
2265          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
2266          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
2267        "
2268      />
2269    </div>
2270  
2271  <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">
2272        
2273
2274  
2275    <span class="button-text  is-focus-button:opacity-0">BK Gift Cards</span>
2276  
2277
2278
2279      </a>
2280    
2281  </div>
2282
2283
2284                    </div></div>
2285              </div></div>
2286          
2287        </div>
2288      </div>
2289    </template></template>
2290          
2291
2292
2293                  <template x-teleport="#menu-2">

2294<template x-if="!runDispatch">
2295      <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">
2296        <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]">
2297              
2298              
2299<style data-shopify>.text-color-banner_menu_8rp4Xy-1 {
2300      color: #ffffff;
2301      --colors-text: 255, 255, 255;
2302      --colors-heading: 255, 255, 255;
2303    }.title-color-banner_menu_8rp4Xy-1 {
2304      color: ;
2305      --colors-heading: , , ;
2306    }.text-banner_menu_8rp4Xy-1 {
2307    font-size: 0.7875rem;
2308  }
2309  .sub-heading-banner_menu_8rp4Xy-1 {
2310    font-size: 1.125rem;
2311  }
2312  .heading-banner_menu_8rp4Xy-1 {
2313    font-size: 1.575rem;
2314  }
2315  @media (min-width: 768px) {
2316    .sub-heading-banner_menu_8rp4Xy-1 {
2317      font-size: 1.305rem;
2318    }
2319    .heading-banner_menu_8rp4Xy-1 {
2320      font-size: 2.25rem; 
2321    }
2322    .text-banner_menu_8rp4Xy-1 {
2323      font-size: 0.875rem;
2324    }
2325  }.button--banner_menu_8rp4Xy-1.button-solid,
2326    .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; 
2327      --colors-line-secondary-button: 255, 255, 255;
2328      --background-secondary-button: transparent;}
2329  
2330    .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 {
2331      --colors-text-link: 255, 255, 255;
2332    }
2333  
2334</style><div 
2335    
2336    class="group w-full relative text-center image-banner_menu_8rp4Xy-1 overflow-hidden promotion-header overflow-hidden rounded-[10px] overflow-hidden">
2337    
2338    
2339    
2340      <div 
2341        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]"
2342      >
2343    
2344      <img
2345        srcset="//bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=225 225w,
2346        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=375 375w,
2347        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=450 450w,
2348        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=750 750w,
2349        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=900 900w,
2350        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=1100 1100w,
2351        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=1500 1500w,
2352        //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=1780 1780w"
2353        src="//bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=1780"
2354        
2355          loading="lazy"
2356         
2357        sizes="(min-width: 1200px) 400px, (min-width: 768px) calc(100vw/3), 100vw"
2358        alt=""
2359        width="2250"
2360        height="1500.0"
2361        style="object-position: 50.0% 50.0%;"
2362        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
2363        onload="this?.classList.add('active'); 
2364          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
2365          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
2366        "
2367      />
2368    </div>
2369  
2370  <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">
2371        
2372
2373  
2374    <span class="button-text  is-focus-button:opacity-0">Learn More</span>
2375  
2376
2377
2378      </a>
2379    
2380  </div>
2381
2382</div>
2383            </div>
2384          
2385
2386            <div class="mega-menu-card group section--sections--24498229674347__header w-full flex relative overflow-hidden h-[300px]">
2387              
2388<style data-shopify>.text-color-banner_menu_8rp4Xy-2 {
2389      color: #ffffff;
2390      --colors-text: 255, 255, 255;
2391      --colors-heading: 255, 255, 255;
2392    }.title-color-banner_menu_8rp4Xy-2 {
2393      color: ;
2394      --colors-heading: , , ;
2395    }.text-banner_menu_8rp4Xy-2 {
2396    font-size: 0.7875rem;
2397  }
2398  .sub-heading-banner_menu_8rp4Xy-2 {
2399    font-size: 1.125rem;
2400  }
2401  .heading-banner_menu_8rp4Xy-2 {
2402    font-size: 1.575rem;
2403  }
2404  @media (min-width: 768px) {
2405    .sub-heading-banner_menu_8rp4Xy-2 {
2406      font-size: 1.305rem;
2407    }
2408    .heading-banner_menu_8rp4Xy-2 {
2409      font-size: 2.25rem; 
2410    }
2411    .text-banner_menu_8rp4Xy-2 {
2412      font-size: 0.875rem;
2413    }
2414  }.button--banner_menu_8rp4Xy-2.button-solid,
2415    .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; 
2416      --colors-line-secondary-button: 255, 255, 255;
2417      --background-secondary-button: transparent;}
2418  
2419    .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 {
2420      --colors-text-link: 255, 255, 255;
2421    }
2422  
2423</style><div 
2424    
2425    class="group w-full relative text-center image-banner_menu_8rp4Xy-2 overflow-hidden promotion-header overflow-hidden rounded-[10px] overflow-hidden">
2426    
2427    
2428    
2429      <div 
2430        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]"
2431      >
2432    
2433      <img
2434        srcset="//bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=225 225w,
2435        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=375 375w,
2436        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=450 450w,
2437        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=750 750w,
2438        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=900 900w,
2439        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=1100 1100w,
2440        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=1500 1500w,
2441        //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=1780 1780w"
2442        src="//bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=1780"
2443        
2444          loading="lazy"
2445         
2446        sizes="(min-width: 1200px) 400px, (min-width: 768px) calc(100vw/3), 100vw"
2447        alt=""
2448        width="2250"
2449        height="1500.0"
2450        style="object-position: 50.0% 50.0%;"
2451        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
2452        onload="this?.classList.add('active'); 
2453          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
2454          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
2455        "
2456      />
2457    </div>
2458  
2459  <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">
2460        
2461
2462  
2463    <span class="button-text  is-focus-button:opacity-0">Learn More</span>
2464  
2465
2466
2467      </a>
2468    
2469  </div>
2470
2471</div>
2472            </div>
2473          
2474
2475            <div class="mega-menu-card group section--sections--24498229674347__header w-full flex relative overflow-hidden h-[300px]">
2476              
2477<style data-shopify>.text-color-banner_menu_8rp4Xy-3 {
2478      color: #ffffff;
2479      --colors-text: 255, 255, 255;
2480      --colors-heading: 255, 255, 255;
2481    }.title-color-banner_menu_8rp4Xy-3 {
2482      color: ;
2483      --colors-heading: , , ;
2484    }.text-banner_menu_8rp4Xy-3 {
2485    font-size: 0.86625rem;
2486  }
2487  .sub-heading-banner_menu_8rp4Xy-3 {
2488    font-size: 1.125rem;
2489  }
2490  .heading-banner_menu_8rp4Xy-3 {
2491    font-size: 1.575rem;
2492  }
2493  @media (min-width: 768px) {
2494    .sub-heading-banner_menu_8rp4Xy-3 {
2495      font-size: 1.305rem;
2496    }
2497    .heading-banner_menu_8rp4Xy-3 {
2498      font-size: 2.25rem; 
2499    }
2500    .text-banner_menu_8rp4Xy-3 {
2501      font-size: 0.9625rem;
2502    }
2503  }.button--banner_menu_8rp4Xy-3.button-solid,
2504    .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; 
2505      --colors-line-secondary-button: 255, 255, 255;
2506      --background-secondary-button: transparent;}
2507  
2508    .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 {
2509      --colors-text-link: 255, 255, 255;
2510    }
2511  
2512</style><div 
2513    
2514    class="group w-full relative text-center image-banner_menu_8rp4Xy-3 overflow-hidden promotion-header overflow-hidden rounded-[10px] overflow-hidden">
2515    
2516    
2517    
2518      <div 
2519        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]"
2520      >
2521    
2522      <img
2523        srcset="//bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=225 225w,
2524        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=375 375w,
2525        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=450 450w,
2526        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=750 750w,
2527        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=900 900w,
2528        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=1100 1100w,
2529        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=1500 1500w,
2530        //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=1780 1780w"
2531        src="//bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=1780"
2532        
2533          loading="lazy"
2534         
2535        sizes="(min-width: 1200px) 400px, (min-width: 768px) calc(100vw/3), 100vw"
2536        alt=""
2537        width="2250"
2538        height="1500.0"
2539        style="object-position: 50.0% 50.0%;"
2540        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
2541        onload="this?.classList.add('active'); 
2542          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
2543          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
2544        "
2545      />
2546    </div>
2547  
2548  <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">
2549        
2550
2551  
2552    <span class="button-text  is-focus-button:opacity-0">Learn More</span>
2553  
2554
2555
2556      </a>
2557    
2558  </div>
2559
2560</div>
2561            </div>
2562          
2563
2564            <div class="mega-menu-card group section--sections--24498229674347__header w-full flex relative overflow-hidden h-[300px]">
2565              
2566<style data-shopify>.text-color-banner_menu_8rp4Xy-4 {
2567      color: #ffffff;
2568      --colors-text: 255, 255, 255;
2569      --colors-heading: 255, 255, 255;
2570    }.title-color-banner_menu_8rp4Xy-4 {
2571      color: ;
2572      --colors-heading: , , ;
2573    }.text-banner_menu_8rp4Xy-4 {
2574    font-size: 0.86625rem;
2575  }
2576  .sub-heading-banner_menu_8rp4Xy-4 {
2577    font-size: 1.125rem;
2578  }
2579  .heading-banner_menu_8rp4Xy-4 {
2580    font-size: 1.575rem;
2581  }
2582  @media (min-width: 768px) {
2583    .sub-heading-banner_menu_8rp4Xy-4 {
2584      font-size: 1.305rem;
2585    }
2586    .heading-banner_menu_8rp4Xy-4 {
2587      font-size: 2.25rem; 
2588    }
2589    .text-banner_menu_8rp4Xy-4 {
2590      font-size: 0.9625rem;
2591    }
2592  }.button--banner_menu_8rp4Xy-4.button-solid,
2593    .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; 
2594      --colors-line-secondary-button: 255, 255, 255;
2595      --background-secondary-button: transparent;}
2596  
2597    .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 {
2598      --colors-text-link: 255, 255, 255;
2599    }
2600  
2601</style><div 
2602    
2603    class="group w-full relative text-center image-banner_menu_8rp4Xy-4 overflow-hidden promotion-header overflow-hidden rounded-[10px] overflow-hidden">
2604    
2605    
2606    
2607      <div 
2608        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]"
2609      >
2610    
2611      <img
2612        srcset="//bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=225 225w,
2613        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=375 375w,
2614        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=450 450w,
2615        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=750 750w,
2616        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=900 900w,
2617        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=1100 1100w,
2618        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=17

261865232369&width=1500 1500w,
2619        //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=1780 1780w"
2620        src="//bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=1780"
2621        
2622          loading="lazy"
2623         
2624        sizes="(min-width: 1200px) 400px, (min-width: 768px) calc(100vw/3), 100vw"
2625        alt=""
2626        width="600"
2627        height="600.0"
2628        style="object-position: 50.0% 50.0%;"
2629        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
2630        onload="this?.classList.add('active'); 
2631          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
2632          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
2633        "
2634      />
2635    </div>
2636  
2637  <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">
2638        
2639
2640  
2641    <span class="button-text  is-focus-button:opacity-0">Learn More</span>
2642  
2643
2644
2645      </a>
2646    
2647  </div>
2648
2649</div>
2650            </div>
2651          
2652
2653        </div>
2654      </div>
2655    </template></template>
2656                
2657              
2658          
2659
2660<template x-teleport="#menu-3">
2661<template x-if="!runDispatch">
2662      <ul class="pt-5 pb-5">
2663        
2664<li  
2665            x-data="{ openSub: false }" 
2666            class="relative pl-7 pr-6"
2667            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2668            @mouseleave="$el.classList.remove('is-focus-child');"
2669            @mouseover.away="openSub = false"
2670            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2671            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2672          >
2673            <div class="sub-menu flex items-center">
2674
2675              <span class="flex-1">
2676                <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"
2677                  
2678                >
2679                  <span >Author Services</span></a>
2680              </span>
2681            </div></li><li  
2682            x-data="{ openSub: false }" 
2683            class="relative pl-7 pr-6"
2684            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2685            @mouseleave="$el.classList.remove('is-focus-child');"
2686            @mouseover.away="openSub = false"
2687            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2688            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2689          >
2690            <div class="sub-menu flex items-center pt-3">
2691
2692              <span class="flex-1">
2693                <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"
2694                  
2695                >
2696                  <span >Editorial Services</span></a>
2697              </span>
2698            </div></li><li  
2699            x-data="{ openSub: false }" 
2700            class="relative pl-7 pr-6"
2701            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2702            @mouseleave="$el.classList.remove('is-focus-child');"
2703            @mouseover.away="openSub = false"
2704            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2705            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2706          >
2707            <div class="sub-menu flex items-center pt-3">
2708

2709              <span class="flex-1">
2710                <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"
2711                  
2712                >
2713                  <span >Marketing Services</span></a>
2714              </span>
2715            </div></li><li  
2716            x-data="{ openSub: false }" 
2717            class="relative pl-7 pr-6"
2718            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2719            @mouseleave="$el.classList.remove('is-focus-child');"
2720            @mouseover.away="openSub = false"
2721            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2722            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2723          >
2724            <div class="sub-menu flex items-center pt-3">
2725
2726              <span class="flex-1">
2727                <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"
2728                  
2729                >
2730                  <span >Montgomery Station Press</span></a>
2731              </span>
2732            </div></li></ul>
2733    </template></template>
2734          
2735
2736<template x-teleport="#menu-4">
2737<template x-if="!runDispatch">
2738      <ul class="pt-5 pb-5">
2739        
2740<li  
2741            x-data="{ openSub: false }" 
2742            class="relative pl-7 pr-6"
2743            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2744            @mouseleave="$el.classList.remove('is-focus-child');"
2745            @mouseover.away="openSub = false"
2746            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2747            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2748          >
2749            <div class="sub-menu flex items-center">
2750
2751              <span class="flex-1">
2752                <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"
2753                  
2754                >
2755                  <span >Why BK?</span></a>
2756              </span>
2757            </div></li><li  
2758            x-data="{ openSub: false }" 
2759            class="relative pl-7 pr-6"
2760            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2761            @mouseleave="$el.classList.remove('is-focus-child');"
2762            @mouseover.away="openSub = false"
2763            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2764            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2765          >
2766            <div class="sub-menu flex items-center pt-3">
2767
2768              <span class="flex-1">
2769                <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"
2770                  
2771                >
2772                  <span >Montgomery Station Press</span></a>
2773              </span>
2774            </div></li><li  
2775            x-data="{ openSub: false }" 
2776            class="relative pl-7 pr-6"
2777            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2778            @mouseleave="$el.classList.remove('is-focus-child');"
2779            @mouseover.away="openSub = false"
2780            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2781            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2782          >
2783            <div class="sub-menu flex items-center pt-3">
2784
2785              <span class="flex-1">
2786                <a href="/pages/proposals" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
2787                  
2788                >
2789                  <span >Proposals</span></a>
2790              </span>
2791            </div></li></ul>
2792    </template></template>
2793          
2794
2795<template x-teleport="#menu-5">
2796<template x-if="!runDispatch">  
2797      <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]">
2798        <div>
2799          <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">
2800                    <div class="font-semibold">
2801<a href="/pages/bk-community" class="nav-link relative transition duration-200 p-break-words hover-text-link

2801inline-block mb-3">
2802                        Learn More
2803                      </a>
2804                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2805<span class="flex-1">
2806                              <a href="/pages/bk-community" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2807                                About BK Community
2808                              </a>
2809                            </span>
2810                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2811<span class="flex-1">
2812                              <a href="/collections/the-berrett-koehler-community" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2813                                Membership Tiers
2814                              </a>
2815                            </span>
2816                          </li></ul></li><li class="relative w-24 lg:w-48">
2817                    <div class="font-semibold">
2818<a href="/pages/members-dashboard" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3">
2819                        Members Dashboard
2820                      </a>
2821                    </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2822<span class="flex-1">
2823                              <a href="/pages/author-talks" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2824                                Author Talks
2825                              </a>
2826                            </span>
2827                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2828<span class="flex-1">
2829                              <a href="/pages/book-boosters" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2830                                Book Boosters
2831                              </a>
2832                            </span>
2833                          </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal">
2834<span class="flex-1">
2835                              <a href="/blogs/bk-community" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block">
2836                                BK Community News
2837                              </a>
2838                            </span>
2839                          </li></ul></li></ul><div class="relative float-right md:right-5 lg:right-0 pt-8 pb-8 w-1/2 order-4"> 
2840                <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex gap-5"><style data-shopify>
2841                      .image-simple_menu_PWTKrQ-1 {
2842                        height: 150px;
2843                      }
2844                    </style>
2845                    
2846                    <div class="mega-menu-card w-full group relative background-color-simple_menu_PWTKrQ-1 ltr rounded-[10px]">
2847                      
2848<style data-shopify>.title-color-simple_menu_PWTKrQ-1 {
2849      color: ;
2850      --colors-heading: , , ;
2851    }.text-simple_menu_PWTKrQ-1 {
2852    font-size: 0.7875rem;
2853  }
2854  .sub-heading-simple_menu_PWTKrQ-1 {
2855    font-size: 1.125rem;
2856  }
2857  .heading-simple_menu_PWTKrQ-1 {
2858    font-size: 1.575rem;
2859  }
2860  @media (min-width: 768px) {
2861    .sub-heading-simple_menu_PWTKrQ-1 {
2862      font-size: 1.305rem;
2863    }
2864    .heading-simple_menu_PWTKrQ-1 {
2865      font-size: 2.25rem; 
2866    }
2867    .text-simple_menu_PWTKrQ-1 {
2868      font-size: 0.875rem;
2869    }
2870  }.button--simple_menu_PWTKrQ-1.button-outline {}
2871  
2872</style><div 
2873    
2874    class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_PWTKrQ-1 pb-[%] rounded-[10px] overflow-hidden"
2875    
2876  >
2877    
2878    
2879    
2880      <div 
2881        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
2882      >
2883    
2884      <img
2885        srcset="//bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=225 225w,
2886        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=375 375w,
2887        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=450 450w,
2888        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=750 750w,
2889        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=900 900w,
2890        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=1100 1100w,
2891        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=1500 1500w,
2892        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=1780 1780w"
2893        src="//bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=1780"
2894        
2895          loading="lazy"
2896         
2897        sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw"
2898        alt=""
2899        width="1200"
2900        height="450.0"
2901        style="object-position: 50.0% 50.0%;"
2902        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
2903        onload="this?.classList.add('active'); 
2904          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
2905          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
2906        "
2907      />
2908    </div>
2909  
2910  <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">
2911        
2912
2913  
2914    <span class="button-text  is-focus-button:opacity-0">Get 25% Off</span>
2915  
2916
2917
2918      </a>
2919    
2920  </div>
2921
2922
2923                    </div><style data-shopify>
2924                      .image-simple_menu_PWTKrQ-2 {
2925                        height: 150px;
2926                      }
2927                    </style>
2928                    
2929                    <div class="mega-menu-card w-full group relative background-color-simple_menu_PWTKrQ-2 ltr rounded-[10px]">
2930                      
2931<style data-shopify>.title-color-simple_menu_PWTKrQ-2 {
2932      color: ;
2933      --colors-heading: , , ;
2934    }.text-simple_menu_PWTKrQ-2 {
2935    font-size: 0.7875rem;
2936  }
2937  .sub-heading-simple_menu_PWTKrQ-2 {
2938    font-size: 1.125rem;
2939  }
2940  .heading-simple_menu_PWTKrQ-2 {
2941    font-size: 1.575rem;
2942  }
2943  @media (min-width: 768px) {
2944    .sub-heading-simple_menu_PWTKrQ-2 {
2945      font-size: 1.305rem;
2946    }
2947    .heading-simple_menu_PWTKrQ-2 {
2948      font-size: 2.25rem; 
2949    }
2950    .text-simple_menu_PWTKrQ-2 {
2951      font-size: 0.875rem;
2952    }
2953  }.button--simple_menu_PWTKrQ-2.button-outline {}
2954  
2955</style><div 
2956    
2957    class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_PWTKrQ-2 pb-[%] rounded-[10px] overflow-hidden"
2958    
2959  >
2960    
2961    
2962    
2963      <div 
2964        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
2965      >
2966    
2967      <img
2968        srcset="//bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=225 225w,
2969        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=375 375w,
2970        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=450 450w,
2971        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=750 750w,
2972        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=900 900w,
2973        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=1100 1100w,
2974        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=1500 1500w,
2975        //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=1780 1780w"
2976        src="//bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=1780"
2977        
2978          loading="lazy"
2979         
2980        sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw"
2981        alt=""
2982        width="1200"
2983        height="450.0"
2984        style="object-position: 50.0% 50.0%;"
2985        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
2986        onload="this?.classList.add('active'); 
2987          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
2988          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
2989        "
2990      />
2991    </div>
2992  
2993  <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">
2994        
2995
2996  
2997    <span class="button-text  is-focus-button:opacity-0">Get Free Books</span>
2998  
2999
3000
3001      </a>
3002    
3003  </div>
3004
3005
3006                    </div></div>
3007              </div></div>
3008          
3009        </div>
3010      </div>
3011    </template></template>
3012          
3013
3014<template x-teleport="#menu-6">

3015<template x-if="!runDispatch">
3016      <ul class="pt-5 pb-5">
3017        
3018<li  
3019            x-data="{ openSub: false }" 
3020            class="relative pl-7 pr-6"
3021            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3022            @mouseleave="$el.classList.remove('is-focus-child');"
3023            @mouseover.away="openSub = false"
3024            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3025            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3026          >
3027            <div class="sub-menu flex items-center">
3028
3029              <span class="flex-1">
3030                <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"
3031                  
3032                >
3033                  <span >Our Company</span></a>
3034              </span>
3035            </div></li><li  
3036            x-data="{ openSub: false }" 
3037            class="relative pl-7 pr-6"
3038            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3039            @mouseleave="$el.classList.remove('is-focus-child');"
3040            @mouseover.away="openSub = false"
3041            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3042            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3043          >
3044            <div class="sub-menu flex items-center pt-3">
3045
3046              <span class="flex-1">
3047                <a href="/pages/team" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
3048                  
3049                >
3050                  <span >Our Team</span></a>
3051              </span>
3052            </div></li><li  
3053            x-data="{ openSub: false }" 
3054            class="relative pl-7 pr-6"
3055            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3056            @mouseleave="$el.classList.remove('is-focus-child');"
3057            @mouseover.away="openSub = false"
3058            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3059            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3060          >
3061            <div class="sub-menu flex items-center pt-3">
3062
3063              <span class="flex-1">
3064                <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"
3065                  
3066                >
3067                  <span >Careers</span></a>
3068              </span>
3069            </div></li><li  
3070            x-data="{ openSub: false }" 
3071            class="relative pl-7 pr-6"
3072            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3073            @mouseleave="$el.classList.remove('is-focus-child');"
3074            @mouseover.away="openSub = false"
3075            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3076            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3077          >
3078            <div class="sub-menu flex items-center pt-3">
3079
3080              <span class="flex-1">
3081                <a href="/pages/faq" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
3082                  
3083                >
3084                  <span >FAQ</span></a>
3085              </span>
3086            </div></li><li  
3087            x-data="{ openSub: false }" 
3088            class="relative pl-7 pr-6"
3089            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3090            @mouseleave="$el.classList.remove('is-focus-child');"
3091            @mouseover.away="openSub = false"
3092            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3093            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3094          >
3095            <div class="sub-menu flex items-center pt-3">
3096
3097              <span class="flex-1">
3098                <a href="/blogs/the-bk-exchange" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link

3098is-focus-child:effect-inline"
3099                  
3100                >
3101                  <span >Blog</span></a>
3102              </span>
3103            </div></li><li  
3104            x-data="{ openSub: false }" 
3105            class="relative pl-7 pr-6"
3106            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
3107            @mouseleave="$el.classList.remove('is-focus-child');"
3108            @mouseover.away="openSub = false"
3109            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
3110            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3111          >
3112            <div class="sub-menu flex items-center pt-3">
3113
3114              <span class="flex-1">
3115                <a href="/pages/contact" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline"
3116                  
3117                >
3118                  <span >Contact Us</span></a>
3119              </span>
3120            </div></li></ul>
3121    </template></template>
3122          
3123</ul>
3124</nav>
3125      </header>
3126      
3127<div @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div>
3128    </div>
3129    
3130  </div>
3131</div>

3132<script src="//bkconnection.com/cdn/shop/t/4/assets/search-prompts.js?v=123663537316562764691747335364" defer></script>

3133<script type="application/ld+json">
3134  {
3135    "@context": "http://schema.org",
3136    "@type": "Organization",
3137    "name": "Berrett-Koehler Publishers",
3138    
3139      "logo": "https:\/\/bkconnection.com\/cdn\/shop\/files\/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701\u0026width=2400",
3140    
3141    "sameAs": [
3142      "",
3143      "https:\/\/www.facebook.com\/BerrettKoehler",
3144      "",
3145      "https:\/\/www.instagram.com\/bkpub",
3146      "https:\/\/www.tiktok.com\/@bkpub",
3147      "",
3148      "",
3149      "https:\/\/www.youtube.com\/berrettkoehler",
3150      ""
3151    ],
3152    "url": "https:\/\/bkconnection.com"
3153  }
3154</script>

3154
3155

3155<script type="application/ld+json">
3156    {
3157      "@context": "http://schema.org",
3158      "@type": "WebSite",
3159      "name": "Berrett-Koehler Publishers",
3160      "potentialAction": {
3161        "@type": "SearchAction",
3162        "target": "https:\/\/bkconnection.com\/search?q={search_term_string}",
3163        "query-input": "required name=search_term_string"
3164      },
3165      "url": "https:\/\/bkconnection.com"
3166    }
3167  </script>

3167<script src="//bkconnection.com/cdn/shop/t/4/assets/store-selector.js?v=36088188951445041851747335364" defer="defer"></script>

3167
3168
3169</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;}
3170  .dark #mobile-navigation * {border-color: #313131;} 
3171  #mobile-navigation .text-color,
3172  #mobile-navigation .background-header {background: #ffffff;--colors-heading: 0, 0, 0;
3173      color: #000000;
3174      --colors-text-header: 0, 0, 0;  
3175        --colors-text-link: 77, 99, 145;
3176      
3177  }
3178  .dark #mobile-navigation .text-color,
3179  .dark #mobile-navigation .background-header {background: #202020;--colors-heading: 255, 255, 255;
3180      color: #ffffff;
3181      --colors-text-header: 255, 255, 255;
3182      --colors-text-link: 255, 255, 255;  
3183      --colors-text-link: 77, 99, 145;
3184    
3185  }
3186  
3187</style><div
3188  class="z-[60] fixed top-0 h-full w-full opacity-60 bg-black"
3189  x-show="$store.xMobileNav.show"
3190  x-cloak
3191  @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
3192></div>
3193<template x-if="!runDispatch">
3194  <div
3195    id="mobile-navigation"
3196    :class="{ 'menu-opening': $store.xMobileNav.show }" 
3197    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]"
3198  >
3199    <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">
3200      <div class="x-block-mobile-nav-close h-10 w-full px-2 text-right"
3201        aria-label="Close"
3202      >
3203        <span
3204          class="cursor-pointer w-11 h-8 inline-block p-2"
3205          @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
3206        ><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3207        <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"/>
3208      </svg>
3209</span>
3210      </div>
3211      <div
3212        id="menu-navigation"
3213        class="h-full flex-1 overflow-x-hidden scrollbar-body"
3214        :class="$store.xMobileNav.currentMenuLinks.length == 0 ? ' overflow-y-auto' : 'overflow-hidden'">
3215        <ul 
3216          id="menu-level-0"
3217          role="list" 
3218          class="menu-parent relative h-full w-full" 
3219        >
3220          <li class="block-mobile-navigation x-header-store-selector-container pl-5 pr-5 pb-5"></li>
3221           <li>
3222                <span class="flex border-t ml-5 mr-5"></span>
3223
3224<div  
3225    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"x-init="active = true;"
3226  >
3227    
3228      <a href="/" class="flex-1 pt-2.5 pb-2.5 gap-2.5 flex items-center disable-effect effect-inline active">
3229    
3230      
3231      
3232      <span class="p-break-words">
3233        
3234        
3235          <span>Home</span>
3236        
3237      </span>
3238    </a>
3239</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2')" 
3240    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
3241  >
3242    
3243      <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect">
3244    
3245      
3246      
3247      <span class="p-break-words">
3248        
3249        
3250          <span>Shop</span>
3251        
3252      </span>
3253    </span>
3254<span
3255        class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"
3256      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3257    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3258  </svg>
3259</span></div><div
3260      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"
3261      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2')}"
3262    >
3263      <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3264        :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
3265      >
3266        <div class="flex items-center justify-between ml-4 mr-4 pl-[3px] pr-[5px] rtl:pr-[3px] rtl:pl-[5

3266px] border-y text-left">
3267          <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 
3268            @click="$store.xMobileNav.removeActiveLink('-2'); "
3269          >
3270            <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3271    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3272  </svg>
3273
3274          </span>
3275          <a href="/collections/all" class="pt-4 pb-4 flex-1 font-semibold disable-effect">
3276            <span class="p-break-words">Shop</span>
3277          </a>
3278        </div>
3279        <ul 
3280          id="menu-level-1"
3281          class="background-header w-full px-4" 
3282        ><li  class="border-b">
3283              
3284              <div
3285                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3286                @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2-1');"
3287              >
3288                
3289                  <span class="p-break-words flex gap-2.5 h-full flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3290                
3291                  
3292                  
3293                  <span class="flex justify-between items-center w-full gap-2">
3294                    Subjects
3295                    
3296                  </span>
3297                </span>
3298 
3299                <span class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90">
3300                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3301    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3302  </svg>
3303
3304                </span>
3305              
3306</div><div
3307                  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" 
3308                  :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2-1')} "
3309                >
3310                  <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3311                    :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
3312                  >
3313                    <div class="flex items-center justify-between ml-4 mr-4 border-y pl-[5px] pr-[5px] text-right">
3314                      <span
3315                        class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4"
3316                        @click="$store.xMobileNav.removeActiveLink('-2-1')"
3317                      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3318    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3319  </svg>
3320</span>
3321                      <a href="/collections" class="p-break-words pt-4 pb-4 flex-1 font-semibold disable-effect">
3322                        Subjects
3323                      </a>
3324                    </div>
3325                    <ul
3326                      id="menu-level-2"
3327                      class="w-full background-header px-4"
3328                    ><li >
3329                          <a
3330                            href="/collections/leadership"
3331                            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"
3332                            
3333                          >
3334                            
3335                            
3336                            <span>Leadership</span>
3337                          </a>
3338                        </li><li >
3339                          <a
3340                            href="/collections/professional-development"
3341                            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"
3342                            
3343                          >
3344                            
3345

3346                            <span>Professional Development</span>
3347                          </a>
3348                        </li><li >
3349                          <a
3350                            href="/collections/workplace-culture"
3351                            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"
3352                            
3353                          >
3354                            
3355                            
3356                            <span>Workplace Culture</span>
3357                          </a>
3358                        </li><li >
3359                          <a
3360                            href="/collections/diversity-inclusion"
3361                            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"
3362                            
3363                          >
3364                            
3365                            
3366                            <span>Diversity &amp; Inclusion</span>
3367                          </a>
3368                        </li><li >
3369                          <a
3370                            href="/collections/personal-growth"
3371                            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"
3372                            
3373                          >
3374                            
3375                            
3376                            <span>Personal Growth</span>
3377                          </a>
3378                        </li><li >
3379                          <a
3380                            href="/collections/social-change"
3381                            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"
3382                            
3383                          >
3384                            
3385                            
3386                            <span>Social Change</span>
3387                          </a>
3388                        </li></ul>
3389                  </div>
3390                </div></li><li  class="border-b">
3391              
3392              <div
3393                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3394                @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2-2');"
3395              >
3396                
3397                  <span class="p-break-words flex gap-2.5 h-full flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3398                
3399                  
3400                  
3401                  <span class="flex justify-between items-center w-full gap-2">
3402                    Curations
3403                    
3404                  </span>
3405                </span>
3406 
3407                <span class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90">
3408                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3409    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3410  </svg>
3411
3412                </span>
3413              
3414</div><div
3415                  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" 
3416                  :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2-2')} "
3417                >
3418                  <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3419                    :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
3420                  >
3421                    <div class="flex items-center justify-between ml-4 mr-4 border-y pl-[5px] pr-[5px] text-right">
3422                      <span
3423                        class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4"
3424                        @click="$store.xMobileNav.removeActiveLink('-2-2')"
3425                      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3426    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3427  </svg>
3428</span>
3429                      <a href="/collections" class="p-break-words pt-4 pb-4 flex-1 font-semibold disable-effect">
3430                        Curations
3431                      </a>
3432                    </div>
3433                    <ul
3434                      id="menu-level-2"
3435                      class="w-full background-header px-4"
3436                    ><li >
3437                          <a
3438                            href="/collections/new-releases"
3439                            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"
3440                            
3441                          >
3442                            
3443

3444                            <span>New Releases</span>
3445                          </a>
3446                        </li><li >
3447                          <a
3448                            href="/collections/coming-soon"
3449                            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"
3450                            
3451                          >
3452                            
3453                            
3454                            <span>Coming Soon</span>
3455                          </a>
3456                        </li><li >
3457                          <a
3458                            href="/collections/bestsellers"
3459                            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"
3460                            
3461                          >
3462                            
3463                            
3464                            <span>Bestsellers</span>
3465                          </a>
3466                        </li><li >
3467                          <a
3468                            href="/collections/award-winners"
3469                            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"
3470                            
3471                          >
3472                            
3473                            
3474                            <span>Award Winners</span>
3475                          </a>
3476                        </li><li >
3477                          <a
3478                            href="/collections/higher-education"
3479                            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"
3480                            
3481                          >
3482                            
3483                            
3484                            <span>Higher Education</span>
3485                          </a>
3486                        </li></ul>
3487                  </div>
3488                </div></li><li  class="border-b">
3489              
3490              <div
3491                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3492                @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2-3');"
3493              >
3494                
3495                  <span class="p-break-words flex gap-2.5 h-full flex-1 pt-2.5 pb-2.5 disable-effect items-center">
3496                
3497                  
3498                  
3499                  <span class="flex justify-between items-center w-full gap-2">
3500                    Signature Collections
3501                    
3502                  </span>
3503                </span>
3504 
3505                <span class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90">
3506                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3507    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3508  </svg>
3509
3510                </span>
3511              
3512</div><div
3513                  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" 
3514                  :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2-3')} "
3515                >
3516                  <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3517                    :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
3518                  >
3519                    <div class="flex items-center justify-between ml-4 mr-4 border-y pl-[5px] pr-[5px] text-right">
3520                      <span
3521                        class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4"
3522                        @click="$store.xMobileNav.removeActiveLink('-2-3')"
3523                      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3524    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3525  </svg>
3526</span>
3527                      <a href="/collections" class="p-break-words pt-4 pb-4 flex-1 font-semibold disable-effect">
3528                        Signature Collections
3529                      </a>
3530                    </div>
3531                    <ul
3532                      id="menu-level-2"
3533                      class="w-full background-header px-4"
3534                    ><li >
3535                          <a
3536                            href="/collections/no-kings-library"
3537                            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"
3538                            
3539                          >
3540                            
3541

3542                            <span>No Kings Library</span>
3543                          </a>
3544                        </li><li >
3545                          <a
3546                            href="/collections/the-hidden-history-series"
3547                            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"
3548                            
3549                          >
3550                            
3551                            
3552                            <span>The Hidden History Series</span>
3553                          </a>
3554                        </li><li >
3555                          <a
3556                            href="/collections/the-ken-blanchard-library"
3557                            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"
3558                            
3559                          >
3560                            
3561                            
3562                            <span>The Ken Blanchard Library</span>
3563                          </a>
3564                        </li><li >
3565                          <a
3566                            href="/collections/the-remote-work-collection-1"
3567                            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"
3568                            
3569                          >
3570                            
3571                            
3572                            <span>The Remote Work Collection</span>
3573                          </a>
3574                        </li></ul>
3575                  </div>
3576                </div></li><li  class="border-b">
3577              
3578              <div
3579                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3580                
3581              >
3582                
3583                  <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">
3584                
3585                  
3586                  
3587                  <span class="flex justify-between items-center w-full gap-2">
3588                    Gift Cards
3589                    
3590                  </span>
3591                </a>
3592</div></li></ul>
3593      </div>
3594    </div><div  
3595    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
3596  >
3597    
3598      <a href="/pages/author-services" class="flex-1 pt-2.5 pb-2.5 gap-2.5 flex items-center disable-effect">
3599    
3600      
3601      
3602      <span class="p-break-words">
3603        
3604        
3605          <span>Services</span>
3606        
3607      </span>
3608    </a>
3609</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-4')" 
3610    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
3611  >
3612    
3613      <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect">
3614    
3615      
3616      
3617      <span class="p-break-words">
3618        
3619        
3620          <span>Get Published</span>
3621        
3622      </span>
3623    </span>
3624<span
3625        class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"
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></div><div
3630      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"
3631      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-4')}"
3632    >
3633      <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3634        :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
3635      >
3636        <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">
3637          <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 
3638            @click="$store.xMobileNav.removeActiveLink('-4'); "
3639          >

3640            <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3641    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3642  </svg>
3643
3644          </span>
3645          <a href="/pages/why-bk" class="pt-4 pb-4 flex-1 font-semibold disable-effect">
3646            <span class="p-break-words">Get Published</span>
3647          </a>
3648        </div>
3649        <ul 
3650          id="menu-level-1"
3651          class="background-header w-full px-4" 
3652        ><li  class="border-b">
3653              
3654              <div
3655                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3656                
3657              >
3658                
3659                  <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">
3660                
3661                  
3662                  
3663                  <span class="flex justify-between items-center w-full gap-2">
3664                    Why BK?
3665                    
3666                  </span>
3667                </a>
3668</div></li><li  class="border-b">
3669              
3670              <div
3671                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3672                
3673              >
3674                
3675                  <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">
3676                
3677                  
3678                  
3679                  <span class="flex justify-between items-center w-full gap-2">
3680                    Montgomery Station Press
3681                    
3682                  </span>
3683                </a>
3684</div></li><li  class="border-b">
3685              
3686              <div
3687                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3688                
3689              >
3690                
3691                  <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">
3692                
3693                  
3694                  
3695                  <span class="flex justify-between items-center w-full gap-2">
3696                    Proposals
3697                    
3698                  </span>
3699                </a>
3700</div></li></ul>
3701      </div>
3702    </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-5')" 
3703    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
3704  >
3705    
3706      <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect">
3707    
3708      
3709      
3710      <span class="p-break-words">
3711        
3712        
3713          <span>About Us</span>
3714        
3715      </span>
3716    </span>
3717<span
3718        class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"
3719      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3720    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3721  </svg>
3722</span></div><div
3723      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"
3724      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-5')}"
3725    >
3726      <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3727        :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
3728      >
3729        <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">
3730          <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 
3731            @click="$store.xMobileNav.removeActiveLink('-5'); "
3732          >
3733            <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3734    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3735  </svg>
3736
3737          </span>
3738          <a href="/pages/about-us" class="pt-4 pb-4 flex-1 font-semibold disable-effect">

3739            <span class="p-break-words">About Us</span>
3740          </a>
3741        </div>
3742        <ul 
3743          id="menu-level-1"
3744          class="background-header w-full px-4" 
3745        ><li  class="border-b">
3746              
3747              <div
3748                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3749                
3750              >
3751                
3752                  <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">
3753                
3754                  
3755                  
3756                  <span class="flex justify-between items-center w-full gap-2">
3757                    Our Company
3758                    
3759                  </span>
3760                </a>
3761</div></li><li  class="border-b">
3762              
3763              <div
3764                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3765                
3766              >
3767                
3768                  <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">
3769                
3770                  
3771                  
3772                  <span class="flex justify-between items-center w-full gap-2">
3773                    Our Team
3774                    
3775                  </span>
3776                </a>
3777</div></li><li  class="border-b">
3778              
3779              <div
3780                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3781                
3782              >
3783                
3784                  <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">
3785                
3786                  
3787                  
3788                  <span class="flex justify-between items-center w-full gap-2">
3789                    Careers
3790                    
3791                  </span>
3792                </a>
3793</div></li><li  class="border-b">
3794              
3795              <div
3796                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3797                
3798              >
3799                
3800                  <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">
3801                
3802                  
3803                  
3804                  <span class="flex justify-between items-center w-full gap-2">
3805                    Blog
3806                    
3807                  </span>
3808                </a>
3809</div></li><li  class="border-b">
3810              
3811              <div
3812                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3813                
3814              >
3815                
3816                  <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">
3817                
3818                  
3819                  
3820                  <span class="flex justify-between items-center w-full gap-2">
3821                    FAQ
3822                    
3823                  </span>
3824                </a>
3825</div></li><li  class="border-b">
3826              
3827              <div
3828                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3829                
3830              >
3831                
3832                  <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">
3833                
3834                  
3835                  
3836                  <span class="flex justify-between items-center w-full gap-2">
3837                    Contact Us
3838                    
3839                  </span>
3840                </a>
3841</div></li></ul>
3842      </div>
3843    </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-6')" 
3844    class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"
3845  >
3846    
3847      <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect">
3848    
3849      
3850

3851      <span class="p-break-words">
3852        
3853        
3854          <span>Members</span>
3855        
3856      </span>
3857    </span>
3858<span
3859        class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"
3860      ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3861    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3862  </svg>
3863</span></div><div
3864      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"
3865      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-6')}"
3866    >
3867      <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full"
3868        :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
3869      >
3870        <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">
3871          <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 
3872            @click="$store.xMobileNav.removeActiveLink('-6'); "
3873          >
3874            <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3875    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3876  </svg>
3877
3878          </span>
3879          <a href="/pages/bk-community" class="pt-4 pb-4 flex-1 font-semibold disable-effect">
3880            <span class="p-break-words">Members</span>
3881          </a>
3882        </div>
3883        <ul 
3884          id="menu-level-1"
3885          class="background-header w-full px-4" 
3886        ><li  class="border-b">
3887              
3888              <div
3889                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3890                
3891              >
3892                
3893                  <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">
3894                
3895                  
3896                  
3897                  <span class="flex justify-between items-center w-full gap-2">
3898                    Learn More
3899                    
3900                  </span>
3901                </a>
3902</div></li><li  class="border-b">
3903              
3904              <div
3905                class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]"
3906                
3907              >
3908                
3909                  <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">
3910                
3911                  
3912                  
3913                  <span class="flex justify-between items-center w-full gap-2">
3914                    Members Dashboard
3915                    
3916                  </span>
3917                </a>
3918</div></li></ul>
3919      </div>
3920    </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" 
3921                      class="pt-3.5 pb-3.5 flex items-center border-b disable-effect"
3922                      data-no-instant
3923                      aria-label="Log in"
3924                    >
3925                      <span class="w-5 mr-4">
3926                        <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
3927        <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"/>
3928        <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"/>
3929      </svg>
3930
3931                      </span>Log in</a>
3932                  </li><li class="x-block-social block-mobile-navigation pl-5 pr-5" >
3933                  <div class="pt-2 pb-2 pl-0.5 pr-0.5 flex items-center justify-center opacity-70 border-b">
3934                    
3935<div id="selector-social" class=" flex lg:items-center lg:justify-end relative py-1.5">
3936    
3937      <ul class="social-list flex  flex-wrap opacity-70" role="list">
3938<li>
3939      <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">

3939<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none">
3940    <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"/>
3941  </svg>
3942</a>
3943    </li><li>
3944      <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">
3945    <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

3945C21.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"/>
3946    <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"/>
3947    <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"/>
3948  </svg>
3949</a>
3950    </li><li>
3951      <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">
3952    <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"/>
3953  </svg>
3954</a>
3955    </li><li>
3956      <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">
3957    <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"/>
3958  </svg>
3959</a>
3960    </li><li>
3961      <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">
3962    <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"/>
3963  </svg>
3964</a>
3965    </li></ul>

3966     </div>
3967                  </div>
3968                </li>
3969        </ul>
3970      </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">
3971</div></div>
3972  </div>
3973</template>
3974</div>
3975<!-- END sections: header-group-puff -->
3976        
3977      
3978      
3979          <!-- BEGIN sections: aside-group-puff -->
3980<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{
3981          background-color:#DCE6F3;
3982          color:#545152;
3983          
3984        }
3985        .dark .x-badge-text_label_AqTJe4 .x-badge-content.x-badge-text{
3986          background-color:#DCE6F3;
3987          color:#ffffff;
3988          
3989            border-width: 0;
3990          
3991        }.x-badge-text_label_AqTJe4 {
3992        --font-size-scale: 0.9rem;
3993        
3994      }
3995      @media (min-width: 768px) {
3996        .x-badge-text_label_AqTJe4 {
3997          --font-size-scale: 0.9rem;
3998          
3999        }
4000      }</style><div class="x-badges-block-data" x-badges-block-data='{
4001      "id": "text_label_AqTJe4",
4002      "enable": true,
4003      "type": "text-label",
4004      "settings": {
4005        "show_on_product_card": true,
4006        "show_on_product_page": true,
4007        "applied_to": "",
4008        "applied_products": [],
4009        "applied_collections": [],
4010        "content": "{custom.format2}",
4011        "type": "round",
4012        "background_color": "#DCE6F3",
4013        "text_color": "#545152",
4014        "image": null,
4015        "image_alt": "",
4016        "image_aspect_ratio": 0,
4017        "size": 2,
4018        "size_mobile": 2,
4019        "opacity": 100,
4020        "position": "below-image",
4021        "horizontal_position": 5,
4022        "vertical_position": 5,
4023        "schedule_enabled": false,
4024        "timezone": -4,
4025        "start_year": 2023,
4026        "start_month": 1,
4027        "start_day": 1,
4028        "start_hour": 0,
4029        "start_minute": 0,
4030        "end_year": 2023,
4031        "end_month": 1,
4032        "end_day": 1,
4033        "end_hour": 0,
4034        "end_minute": 0,
4035        "day_since": "none",
4036        "number_show": 30
4037      }
4038    }' x-badges-icon=''></div>

4038<script src="//bkconnection.com/cdn/shop/t/4/assets/labels-and-badges.js?v=31298988695393774671747335364" defer></script>

4038
4039</div><div id="shopify-section-sections--24498229346667__cookie-banner" class="shopify-section shopify-section-group-aside-group-puff section-cookie-banner"><style data-shopify>
4040      .color-heading--sections--24498229346667__cookie-banner {
4041        --colors-heading: 247, 247, 247;
4042      }
4043    
4044    .dark .color-heading--sections--24498229346667__cookie-banner {
4045      
4046        --colors-heading: 40, 41, 40;
4047      
4048    }
4049    /* button accept */
4050    .button-accept {
4051      
4052        color: #000000;
4053      
4054      
4055        background-color: #f7f7f7;
4056        border-color: #f7f7f7;
4057      
4058    }
4059    .dark .button-accept {
4060      
4061        color: #f7f7f7;
4062      
4063      
4064        background-color: #282928;
4065        border-color: #282928;
4066      
4067    }
4068    /* button decline */
4069    .button-decline {
4070      
4071        border-color: #f7f7f7;
4072        color: #f7f7f7;
4073      
4074      border: 1px solid;
4075    }
4076    .dark .button-decline {
4077      
4078        border-color: #282928;
4079        color: #282928;
4080      
4081      border: 1px solid;
4082    }
4083    /* bacnkground and color of section */
4084    .bg-cookie-banner {
4085      
4086        color: #f7f7f7;
4087      
4088      background: #282928;
4089    }
4090    .dark .bg-cookie-banner {
4091      
4092        color: #282928;
4093      
4094      background: #ffffff;
4095    }</style><div 
4096    id="cookies-banner" 
4097    x-data="xCookieBanner(4)"  x-show="show"  
4098    x-cloak 
4099    x-transition:enter="transition-all ease-in-out duration-500"
4100    x-transition:enter-start="opacity-0 transform translate-y-full"
4101    x-transition:enter-end="opacity-100 transform translate-y-0"
4102    x-transition:leave="transition-all ease-in-out duration-500"
4103    x-transition:leave-end="opacity-0 transform translate-y-full"
4104    class="w-full fixed bottom-0 left-0 right-0 z-50 bg-cookie-banner color-heading--sections--24498229346667__

4104cookie-banner"
4105  >
4106    <div class="x-pgw page-width mx-auto flex flex-wrap lg:flex-nowrap lg:justify-between">
4107      <div class="rte py-3 w-full lg:py-4 lg:w-auto text- md:flex md:items-center md:justify-start">
4108        <span><p>We use cookies and similar technologies to provide the best experience on our website. </p></span>
4109      </div>
4110      <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()">
4111            Decline
4112          </button><button class="button button-accept w-auto px-10 py-4 mr-2.5 lg:my-4 empty:hidden whitespace-nowrap" @click="handleAccept()">
4113            Got it!
4114          </button></div>
4115    </div>
4116  </div>

4116<script src="//bkconnection.com/cdn/shop/t/4/assets/cookie-banner.js?v=135863105119365794521747335364" defer></script>

4116
4117
4118</div>
4119<!-- END sections: aside-group-puff -->
4120        
4121      
4122      <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-index theme-template-suffix-none" role="main" tabindex="-1">
4123           
4124                                              
4125                                                    <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;
4126      padding-bottom: 143.33333333333334%;}
4127  
4128  @media screen and (min-width: 768px) {
4129    .desktop-template--24498228953451__slideshow_KMcUt8-natural{height:0;
4130        padding-bottom: 44.79166666666667%;}
4131  }
4132  .paginate-slide-image--template--24498228953451__slideshow_KMcUt8 {
4133    
4134    
4135  }
4136  
4137    #overlay-image-paginate--template--24498228953451__slideshow_KMcUt8.active {
4138      transition: width 4s ease-out;
4139      width: 100%;
4140      left: 0;
4141      right: auto;
4142      transform-origin: left;
4143    }
4144
4145    .rtl #overlay-image-paginate--template--24498228953451__slideshow_KMcUt8.active {
4146      right: 0;
4147      left: auto;
4148      transform-origin: right;
4149    }
4150
4151    
4152      #x-slideshow-template--24498228953451__slideshow_KMcUt8:hover #overlay-image-paginate--template--24498228953451__slideshow_KMcUt8.active {
4153        transition: none;
4154        width: 0%;
4155      }
4156    
4157    
4158  .splide__arrow--prev:hover .pagination-button-next-overlay {
4159    opacity: 0;
4160    transition-duration: 100ms;
4161  }
4162
4163  .splide__arrow--next:hover .pagination-image-next-overlay {
4164    opacity: 0;
4165    transition-duration: 100ms;
4166  }</style><div class="pt-[0px] md:pt-[0px] pb-[4px] md:pb-[0px]">
4167  <div

4168    id="x-slideshow-template--24498228953451__slideshow_KMcUt8"
4169    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"
4170    
4171      x-intersect.once.margin.200px='$store.xSplide.load($el, {
4172        "speed": 1000, 
4173        "pauseOnHover": true,
4174        "pauseOnFocus": false,
4175          "rewind": true,
4176          "type": "fade",
4177"autoplay": true,
4178          "interval": 4000,
4179
4180        "classes": {"arrows": "splide__arrows block",
4181            "pagination": "splide__pagination flex pointer-events-none flex-nowrap absolute bottom-0 left-1/2 -translate-x-1/2 pagination-bars mb-4 ",
4182            "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"
4183            
4184          
4185        },
4186        "events": [
4187          
4188          ,{
4189            "event": "ready",
4190            "callback": () => {
4191              
4192                let slide = document.getElementById("x-slideshow-template--24498228953451__slideshow_KMcUt8").querySelector(".disable-animation-slideshow");
4193                if (slide) {
4194                  slide.classList.remove("disable-animation-slideshow");
4195                }
4196              
4197              
4198              
4199            }
4200          }
4201          
4202        ]
4203      })'><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]">
4204      <div class="w-full h-full splide__list flex md:slideshow:relative relative">
4205<style data-shopify>.button--slide_n4gq86.button-solid,
4206                .button--slide_n4gq86.button-solid:before {--colors-line-and-border: var(--colors-button);}
4207                .button--slide_n4gq86.button-outline {
4208
4209                }
4210                
4211.heading-slide_n4gq86 {
4212                  font-size: 1.9125rem;
4213                }
4214                .sub-heading-slide_n4gq86 {
4215                  font-size: 0.9rem;
4216                }
4217                .image-slide_n4gq86 {
4218                  object-position:50.0% 50.0%;
4219                }
4220                .bg-content-slide_n4gq86 {
4221                    background-color: rgb(var(--colors-background-secondary));}
4222                @media screen and (min-width: 768px) {
4223                  .heading-slide_n4gq86 {
4224                    font-size: 3.825rem;
4225                  }
4226                  .sub-heading-slide_n4gq86 {
4227                    font-size: 1.0rem;
4228                  }
4229                  .image-slide_n4gq86 {
4230                    object-position:50.0% 50.0%;
4231                  }
4232                  #image-paginate--template--24498228953451__slideshow_KMcUt8[image-next-active="0"] {
4233                    
4234                      background-image: url(//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=300);
4235                    
4236                      background-size: cover;
4237                      background-repeat: no-repeat;
4238                      background-position: center;
4239                  }
4240                  .bg-full-slide_n4gq86 {
4241                    background: transparent;
4242                  }
4243                }
4244                .bg-full-slide_n4gq86 {
4245                    background-color: rgb(var(--colors-background-secondary));}</style>
4246                <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">
4247<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">
4248                </div>
4249              
4250              <div x-slide-index="0" 
4251                class=" x-slideshow-slide_n4gq86 disable-animation-sli

4251deshow  h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
4252                x-data="{effect: false}" 
4253                
4254                
4255              >
4256                
4257                  <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">
4258                  </div>
4259                
4260                <div class="h-full relative overflow-hidden">
4261                  
4262                    <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
4263                    <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">
4264                        <parallax-image class=" h-full w-full">
4265                          <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
4266                            <picture>
4267                              <source
4268                                srcset="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=375 375w,
4269                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=450 450w,
4270                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=750 750w,
4271                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=900 900w,
4272                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=1100 1100w,
4273                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=1500 1500w"
4274                                media="(max-width: 767px)"
4275                                width="900"
4276                                height="1290"
4277                              >
4278                              <img
4279                                srcset="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=750 750w,
4280                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=900 900w,
4281                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=1100 1100w,
4282                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=1500 1500w,
4283                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=1780 1780w,
4284                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=2000 2000w,
4285                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=3000 3000w,
4286                                  //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=3840 3840w"
4287                                
4288                                  loading="eager"
4289                                  fetchpriority="high"
4290                                  decoding="sync"
4291                                
4292                                sizes="100vw"
4293                                src="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=3840"
4294                                
4295                                  :alt="(screen.width < 768) ? '' : ''"
4296                                
4297                                class="object-cover h-full w-full image-slide_n4gq86"
4298                                width="1920"
4299                                height="860"
4300                              >
4301                            </picture>
4302                          </parallax-movement>
4303                        </parallax-image>
4304                        
4305
4306
4307                    </div>
4308                  
4309                </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">
4310                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%]
4311 align-middle text-center"
4312                  >
4313                    <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">
4314                    </div>
4315                  </div>
4316                </div>
4317                
4318                  <a href="/pages/bulk-discounts" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/pages/bulk-discounts</a>
4319                
4320              </div>
4321            
4322
4323<style data-shopify>#shopify-section-template--24498228953451__slideshow_KMcUt8 .x-slideshow-slide_text_ceeFeN {
4324                    --image-treatment-text: 78, 74, 75;
4325                  }
4326                  .block-text--slide_text_ceeFeN {
4327                    background: #e6dbd5;
4328                  }
4329                
4330                .button--slide_text_ceeFeN.button-solid,
4331                .button--slide_text_ceeFeN.button-solid:before {--colors-line-and-border: 195, 149, 125;
4332                    --colors-button: 195, 149, 125;}
4333                .button--slide_text_ceeFeN.button-outline {
4334
4335                }
4336                
4337.heading-slide_text_ceeFeN {
4338                  font-size: 1.125rem;
4339                }
4340                .sub-heading-slide_text_ceeFeN {
4341                  font-size: 0.9rem;
4342                }
4343                .image-slide_text_ceeFeN {
4344                  object-position:50.0% 50.0%;
4345                }
4346                @media screen and (min-width: 768px) {
4347                  .heading-slide_text_ceeFeN {
4348                    font-size: 2.25rem;
4349                  }
4350                  .sub-heading-slide_text_ceeFeN {
4351                    font-size: 1.0rem;
4352                  }
4353                  .image-slide_text_ceeFeN {
4354                    object-position:50.0% 50.0%;
4355                  }
4356                  #image-paginate--template--24498228953451__slideshow_KMcUt8[image-next-active="1"] {
4357                    
4358                      background-image: url(//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=300);
4359                    
4360                    background-size: cover;
4361                    background-repeat: no-repeat;
4362                    background-position: center;
4363                  }
4364                  .bg-full-slide_text_ceeFeN {
4365                    background: transparent;
4366                  }
4367                }
4368                .bg-full-slide_text_ceeFeN {background-color: #e6dbd5;
4369                  }</style>
4370              <div x-slide-index="1" 
4371                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"
4372                x-data="{effect: false}" 
4373                 
4374                
4375              >
4376                
4377                  <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">
4378                  </div>
4379                
4380                <div class="h-full md:w-3/5 relative overflow-hidden">
4381                  <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">
4382                      <parallax-image class=" h-full w-full">
4383                        <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
4384                          <picture>
4385                            <source
4386                              srcset="//bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=375 375w,
4387                                //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=450 450w,
4388                                //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=750 750w,
4389                                //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=900 900w,
4390                                //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=1100 1100w,
4391                                //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=1500 1500w"
4392                              media="(max-width: 767px)"
4393                              width="1048"
4394                              height="860"
4395                            >
4396                            <img
4397                              srcset="//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=750 750w,
4398                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=600 900w,
4399                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=700 1100w,
4400                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1000 1500w,
4401                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1200 1780w,
4402                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1300 2000w,
4403                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1900 3000w,
4404                                //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=2400 3840w"
4405                              
4406                                loading="lazy"
4407                              
4408                              sizes="100vw"
4409                              src="//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=3840"
4410                              
4411                                :alt="(screen.width < 768) ? '' : ''"
4412                              
4413                              class="object-cover h-full w-full image-slide_text_ceeFeN"
4414                              width="1048"
4415                              height="860"
4416                            >
4417                          </picture>
4418                        </parallax-movement>
4419                      </parallax-image>
4420                      
4421
4422
4423                  </div>
4424                  
4425                    <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>
4426                  
4427                </div><style data-shopify>
4428                  .bg-full-slide_text_ceeFeN {background-color: #e6dbd5;
4429                    }
4430                </style>
4431                <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">
4432                  <div class="table-cell max-w-2xl lg:w-3/5 align-middle text-left">
4433                    <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">
4434
4435
4436<style data-shopify>
4437  .heading-slide_text_ceeFeN {
4438    
4439  }
4440  .dark .heading-slide_text_ceeFeN {
4441    
4442      --color-highlight: #4d6391;
4443    
4444  }
4445</style>
4446
4447
4448 
4449  <h2 class=' heading-slide_text_ceeFeN p-break-words h2 block mt-1 leading-tight image-treatment-text '  
4450  > 
4451
4452  
4453    
4454      An imprint of Berrett-Koehler Publishers
4455    
4456  
4457</h2>
4458<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte">
4459                          <p>Your book deserves a real publisher. <strong>Montgomery Station Press</strong> gives serious authors the full BK experience.</p>
4460                        </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">
4461                              
4462
4463  
4464    <span class="button-text  is-focus-button:opacity-0">Learn More</span>
4465  
4466
4467
4468                            </a></div>
4469                    </div>
4470                  </div>
4471                </div>
4472              </div>
4473            
4474
4475<style data-shopify>.button--slide_4CNRWq.button-solid,
4476                .button--slide_4CNRWq.button-solid:before {--colors-line-and-border: var(--colors-button);}
4477                .button--slide_4CNRWq.button-outline {
4478
4479                }
4480                
4481.heading-slide_4CNRWq {
4482                  font-size: 1.125rem;
4483                }
4484                .sub-heading-slide_4CNRWq {
4485                  font-size: 0.9rem;
4486                }
4487                .image-slide_4CNRWq {
4488                  object-position:;
4489                }
4490                .bg-content-slide_4CNRWq {
4491                    background-color: rgb(var(--colors-background-secondary));}
4492                @media screen and (min-width: 768px) {
4493                  .heading-slide_4CNRWq {
4494                    font-size: 2.25rem;
4495                  }
4496                  .sub-heading-slide_4CNRWq {
4497                    font-size: 1.0rem;
4498                  }
4499                  .image-slide_4CNRWq {
4500                    object-position:;
4501                  }
4502                  #image-paginate--template--24498228953451__slideshow_KMcUt8[image-next-active="2"] {
4503                    
4504                      
4505                        background-image: url(//bkconnection.com/cdn/shop/files/preview_images/98ff21f41b954471913619d6dee1c9cd.thumbnail.0000000000.jpg?v=1771614822&width=300);
4506                      
4507                    
4508                      background-size: cover;
4509                      background-repeat: no-repeat;
4510                      background-position: center;
4511                  }
4512                  .bg-full-slide_4CNRWq {
4513                    background: transparent;
4514                  }
4515                }
4516                .bg-full-slide_4CNRWq {
4517                    background-color: rgb(var(--colors-background-secondary));}</style>
4518              <div x-slide-index="2" 
4519                class=" x-slideshow-slide_4CNRWq h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full"
4520                x-data="{effect: false}" 
4521                
4522                
4523              >
4524                
4525                  <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">
4526                  </div>
4527                
4528                <div class="h-full relative overflow-hidden">
4529                  
4530<div 
4531                      class="video-hero"
4532                    >
4533                      
4534                        <div 
4535                          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"
4536                          x-intersect:leave="$store.xVideo.pause($el)"
4537                          @click.stop="$store.xVideo.togglePlay($el)"
4538                          x-intersect="$store.xVideo.play($el)"
4539                            
4540                          
4541                            style="padding-bottom: 44.86316733961418%;"
4542                          
4543                        >

4544                          <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
4545                            <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>
4546                            <div class="button-play z-20 absolute top-1/2 left-1/2">
4547                        <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">
4548                          <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))]">
4549                            <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none">
4550    <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"/>
4551  </svg> 
4552
4553
4554                          </span>
4555                        </div>
4556                      </div>
4557                          
4558                        </div>
4559                        
4560                      
4561                    </div>
4562                  
4563                </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">
4564                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%]
4565 align-middle text-center"
4566                  >
4567                    <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">
4568
4569
4570<style data-shopify>
4571  .heading-slide_4CNRWq {
4572    
4573  }
4574  .dark .heading-slide_4CNRWq {
4575    
4576      --color-highlight: #4d6391;
4577    
4578  }
4579</style>
4580
4581
4582 
4583  <h2 class=' heading-slide_4CNRWq p-break-words h2 block mt-1 leading-tight image-treatment-text '  
4584  > 
4585
4586  
4587    
4588      Publishing expertise, built around you.
4589    
4590  
4591</h2>
4592<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte">
4593                          <p>BK now offers editorial + marketing services â for any author</p>
4594                        </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">
4595                              
4596
4597  
4598    <span class="button-text  is-focus-button:opacity-0">Learn More</span>
4599  
4600
4601
4602                            </a></div>
4603                    </div>
4604                  </div>
4605                </div>
4606                
4607                  <a href="/pages/author-services" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/pages/author-services</a>
4608                
4609              </div>
4610            
4611</div>
4612    </div>
4613    
4614      <div class="splide__arrows ">
4615        <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">

4616          <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4617    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4618  </svg>
4619
4620        </button>
4621        <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">
4622          <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4623    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4624  </svg>
4625
4626        </button>
4627      </div>
4628    
4629</div>
4630</div>

4631<script src="//bkconnection.com/cdn/shop/t/4/assets/video.js?v=101461472853853783711747335364" defer></script>

4631
4632</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 {
4633    font-size: 1.35rem;
4634  }
4635  #shopify-section-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
4636    font-size: 0.875rem; 
4637  }
4638  @media (min-width: 768px) {
4639    .heading-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4640      font-size: 2.25rem; 
4641    }
4642    #shopify-section-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
4643      font-size: 0.98rem; 
4644    }
4645  }
4646  @media (min-width: 1024px) {
4647    #shopify-section-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
4648      font-size: 1.225rem; 
4649    }
4650  }
4651
4652  .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 
4653    
4654      
4655        background: transparent;
4656      
4657    
4658    
4659  }
4660  .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656.active, .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656.active:hover { 
4661    
4662      
4663        background: rgba(77, 74, 75, 0.1);
4664      
4665    
4666    
4667  }
4668  .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656:hover { 
4669    
4670      background: #3c6898;
4671    
4672    
4673      color: #ffffff;
4674    
4675  }
4676
4677  .dark .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 
4678    
4679      
4680        background: transparent;
4681      
4682    
4683    
4684  }
4685  .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 { 
4686    
4687      
4688        background: rgba(255, 255, 255, 0.1);
4689      
4690    
4691    
4692  }
4693  .dark .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656:hover { 
4694    
4695      
4696        background: rgba(255, 255, 255, 0.1);
4697      
4698    
4699    
4700  }</style>
4701
4702<div 
4703  class="x-container-featured-collection pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px]"
4704  x-data="{ 
4705    view_all_link: '/collections/new-releases',
4706    setViewAllLink(url) {
4707      this.view_all_link = url;
4708    }
4709  }"
4710>
4711  <div class="collection_wrapper"><style data-shopify>
4712.collection-title-container.scrollbar-body::-webkit-scrollbar{
4713  width: 1px;
4714  height: 2px;
4715}
4716</style>
4717
4718<div class="mb-4 md:mb-2 relative">
4719  <div class="relative w-full bg-transparent"><div
4720        class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2"
4721        x-data='xFeaturedCollection("template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656", "page", $el)'
4722      >
4723        <div class="x-block-header pl-5 pr-5 flex flex-col items-centerjustify-end">
4724          
4725            <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">
4726              <div class="flex flex-row items-center h-full md:justify-center"><div
4727                    class="collection-title max-w-[75%] px-1 md:px-2 "
4728                    @click="setTimeout(() => { select(1); setViewAllLink('/collections/new-releases'); scrollIntoView($el) }, 0)" 
4729                    :class="currentTab === 1 || 'opacity-80'"
4730                    
4731                    
4732                        
4733                    
4734                  >
4735                    <span 
4736                      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]"
4737                      :class="currentTab === 1 && 'active'"
4738                    >
4739                      New Releases
4740                    </span>
4741                  </div><div
4742                    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"
4743                    @click="setTimeout(() => { select(2); setViewAllLink('/collections/coming-soon'); scrollIntoView($el) }, 0)" 
4744                    :class="currentTab === 2 || 'opacity-80'"
4745                    
4746                    
4747                      x-intersect.once='loadData(2)'
4748                    
4749                  >

4750                    <span 
4751                      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]"
4752                      :class="currentTab === 2 && 'active'"
4753                    >
4754                      Coming Soon
4755                    </span>
4756                  </div></div>
4757            </div>
4758          
4759        </div><div class="flex justify-center pt-1.5 pb-1.5 md:pb-3 md:pt-3">
4760            
4761              <a
4762                x-cloak
4763                x-show="view_all_link"
4764                class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1"
4765                :href="view_all_link" 
4766                :class="'opacity-70 hover:cursor-not-allowed' && view_all_link"
4767              >
4768                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;">
4769    <g>
4770    <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4771    <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4772    </g>
4773  </svg>
4774</span>
4775              </a>
4776            
4777          </div><div class=" md:pl-5 md:pr-5 x-pgw page-width-mobile" x-show="loading">
4778          
4779              
4780              <div :class="currentTab === 2? '!block': 'hidden'" class="hidden lg:mt-8">
4781                
4782<style data-shopify>
4783  .gap-skeleton-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4784    gap: 16px;
4785  }
4786  @media (min-width: 768px) {
4787    .gap-skeleton-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4788      gap: 30px;
4789    }
4790  }
4791</style>
4792
4793    <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">
4794      
4795        <div class="animate-Xpulse">
4796          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div>
4797          <div class="flex flex-col items-center">
4798            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
4799            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
4800          </div>
4801        </div>
4802      
4803        <div class="animate-Xpulse">
4804          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div>
4805          <div class="flex flex-col items-center">
4806            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
4807            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
4808          </div>
4809        </div>
4810      
4811        <div class="animate-Xpulse hidden md:block">
4812          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div>
4813          <div class="flex flex-col items-center">
4814            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
4815            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
4816          </div>
4817        </div>
4818      
4819        <div class="animate-Xpulse hidden md:block">
4820          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div>
4821          <div class="flex flex-col items-center">
4822            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
4823            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
4824          </div>
4825        </div>
4826      
4827        <div class="animate-Xpulse hidden md:block">
4828          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div>
4829          <div class="flex flex-col items-center">
4830            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
4831            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
4832          </div>
4833        </div>
4834      
4835    </div>
4836
4837              </div>
4838            
4839          
4840        </div>
4841        
4842        <div>
4843          
4844            
4845
4846            
4847
4848        </div>
4849        <div class="animate-fade-in relative md:mt-4 lg:mt-8"
4850          id="x-fc-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

485056-1"
4851           x-show="currentTab == 1"
4852        >
4853          <style data-shopify>
4854          
4855            @media (max-width: 767px) {
4856              .preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4857                  margin-right: 16px;
4858                
4859                width: calc(((100% + 16px) / 2) - 16px);
4860              }
4861            }
4862          
4863          
4864          
4865            @media (min-width: 768px){
4866              .preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4867                  margin-right: 30px;
4868                
4869                
4870                  width: calc(((100% + 30px) / 4) - 30px);
4871                
4872              }
4873            }
4874            
4875              @media (min-width: 1024px){
4876                .preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4877                  width: calc(((100% + 30px) / 5) - 30px);
4878                }
4879              }
4880            
4881          
4882          
4883
4884          </style>
4885          <div
4886            class=" carousel-mobile carousel-tablet md:pl-5 md:pr-5 pl-5 pr-5"
4887            x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `New Releases`, id: "collection" }}

4887)'
4888          ><div 
4889            ><div
4890                id="x-collection-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
4891                class="collection overflow-hidden x-splide visible splide"
4892                x-data-slider="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656"
4893                  x-intersect.once.margin.200px='$store.xSplide.load($el, {
4894                    "speed": 1000,
4895                    "pagination": false, 
4896                    "mediaQuery": "min",
4897                    "updateOnMove": "true",
4898                    "pauseOnHover": true,
4899                    "pauseOnFocus": false,
4900                    "progressBar": 8,
4901                      "drag": false,
4902
4903"rewind": true,
4904                      "autoplay": true,
4905                      "interval": 3000,
4906                    "breakpoints": {
4907                      300: {"gap": "16px",
4908                        "perPage": 2,
4909                        "perMove": 2
4910                      },
4911                      768: {
4912                        "drag": true,
4913                          "destroy": false,
4914                        "gap": "30px",
4915                          "perPage": 4,
4916                          "perMove": 4
4917                      },
4918                      1024: {
4919                        "perPage": 5,
4920                        "perMove": 5
4921                      }
4922                    },
4923                    "classes": {
4924                      "arrows" : "block"
4925                    },
4926                    "events": [
4927                      {
4928                        "event": "ready",
4929                        "callback": () => {
4930                          document.dispatchEvent(new CustomEvent("eurus:template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656:splide-ready"));
4931                        }
4932                      }
4933                    ]
4934                  })'>
4935                <style data-shopify>
4936                  .gap-mobile-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4937                    gap: 16px;
4938                  }
4939                  @media (min-width: 768px) {
4940                    .gap-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
4941                      
4942                        gap: 0px;
4943                      
4944                    }
4945                  }
4946                </style>
4947                <div class="splide__track md:cursor-grab lg:pl-0 lg:pr-0">
4948                  <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">
4949
4950<div 
4951  
4952    x-data="{ showOptions: false, options: [] }"
4953  
4954  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]" 
4955  x-slide-index="0"
4956>
4957  <div 
4958    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
4959  >
4960    <style data-shopify>
4961      
4962    </style>
4963    
4964    <style data-shopify>
4965      
4966    </style>
4967    <a 
4968      
4969        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
4970      
4971      href="/collections/new-releases/products/9798890572554_the-art-of-the-steal"
4972       
4973        x-data="{ lastWindowWidth: 0 }"
4974        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
4975        x-labels-data="[{
4976        &quot;variant_id&quot;: 53075717423467,
4977        &quot;product_id&quot;: 14945863369067,
4978        &quot;available&quot;: true,
4979        &quot;title&quot;: &quot;The Art of the Steal&quot;,
4980        &quot;compare_at_price&quot;: 0,
4981        &quot;price&quot;: 2195,
4982        &quot;price_with_currency&quot;: &quot;$21.95&quot;,
4983        &quot;sale_amount&quot;: &quot;$-21.95&quot;,
4984        &quot;collections&quot;: &quot;||639249514859||636503097707||636480389483||636473475435||&quot;,
4985        &quot;inventory_management&quot;: &quot;shopify&quot;,
4986        &quot;qty&quot;: 3743,
4987        &quot;container&quot;: &quot;card&quot;,
4988        &quot;can_show_preorder&quot;: false,
4989        &quot;diff_day_create&quot;: 168.28,
4990        &quot;diff_day_publish&quot;: 168.28
4991        
4992          ,&quot;metafield_label&quot;: { 
4993            &quot;custom.format2&quot;:&quot;Paperback&quot;
4994          }
4995        
4996      }]"
4997       
4998      aria-label="The Art of the Steal"
4999      id="14945863369067-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

499956"
5000      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%]">
5001      <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">
5002        <div
5003          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1-0"
5004          class="block h-full" 
5005          @click='$store.xCustomerEvent.fire("product_selected", $el)'
5006          x-customer-event-data="{
5007    &quot;product&quot;: {
5008      &quot;title&quot;: &quot;The Art of the Steal&quot;,
5009      &quot;listName&quot;: &quot;New Releases&quot;,
5010      &quot;sku&quot;: &quot;14945863369067&quot;,
5011      &quot;currencyCode&quot;: &quot;USD&quot;,
5012      &quot;price&quot;: 2195,
5013      &quot;vendor&quot;: &quot;John Perkins&quot;
5014    }
5015  }"
5016          >
5017<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
5018            >
5019              
5020              <picture>
5021                <img
5022                  srcset="//bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=450 450w,
5023                  //bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=750 750w,
5024                  //bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=900 900w,
5025                  //bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=1100 1100w,
5026                  //bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891 432w" 
5027                  src="//bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=1500"
5028                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
5029                  alt="Cover image for The Art of the Steal, isbn: 9798890572554"
5030                  :class="showSecond ? 'first-img' : ''"
5031                  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"
5032                  loading="lazy"
5033                  width="432"
5034                  height="648"
5035                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
5036                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
5037                />
5038              </picture>
5039              
5040            </div></div>
5041      </div>
5042      
5043        <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"
5044              x-show="$store.xQuickView" x-cloak
5045            > 
5046              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
5047                class="w-full hide-icon lg:px-4" 
5048                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
5049                x-cloak
5050              >
5051<form method="post" action="/cart/add" id="product-form-choose-option14945863369067201" 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">
5052                    
5053                                                                
5054                    <button
5055                      type="submit"
5056                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

505656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5057                      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"
5058                      
5059                      
5060                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5061                      
5062aria-label="Add to cart"
5063                        
5064                      
5065                    >
5066                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
5067                            <span class="flex items-center justify-center">
5068                              
5069
5070  
5071    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
5072  
5073
5074
5075                            </span></span>
5076                      <div
5077                        class="flex gap-x-2 items-center justify-center"
5078                        role="alert"
5079                        x-cloak
5080                        x-show="errorMessage"
5081                      >
5082                        Sold out
5083                      </div>
5084                      <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>
5085                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5086    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5087      fill="currentcolor" stroke="none">
5088      <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"/>
5089    </g>
5090  </svg>
5091
5092                      </div>
5093                    </button>
5094                    <button 
5095                      type="submit"
5096                      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"
5097                      
5098                      
5099                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5100                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5101                      
5102aria-label="Add to cart"
5103                        
5104                      
5105                      x-customer-event-data="{
5106    &quot;product&quot;: {
5107      &quot;title&quot;: &quot;The Art of the Steal&quot;,
5108      &quot;listName&quot;: &quot;New Releases&quot;,
5109      &quot;sku&quot;: &quot;14945863369067&quot;,
5110      &quot;currencyCode&quot;: &quot;USD&quot;,
5111      &quot;price&quot;: 2195,
5112      &quot;vendor&quot;: &quot;John Perkins&quot;
5113    }
5114  }"
5115                    >
5116                      <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;">
5117    <g>
5118    <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"/>
5119    <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"/>
5120    <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"/>
5121    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5122    </g>
5123  </svg></span>

5124                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
5125                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5126    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5127      fill="currentcolor" stroke="none">
5128      <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"/>
5129    </g>
5130  </svg>
5131
5132                      </span>
5133                  </button><input type="hidden" name="product-id" value="14945863369067" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
5134              </div>
5135            </div><div
5136            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"
5137            :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'"
5138            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
5139            >
5140            <div>
5141              <button
5142                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
5143                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')" 
5144                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')" 
5145                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
5146                :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'"
5147                x-customer-event-data="{
5148    &quot;product&quot;: {
5149      &quot;title&quot;: &quot;The Art of the Steal&quot;,
5150      &quot;listName&quot;: &quot;New Releases&quot;,
5151      &quot;sku&quot;: &quot;14945863369067&quot;,
5152      &quot;currencyCode&quot;: &quot;USD&quot;,
5153      &quot;price&quot;: 2195,
5154      &quot;vendor&quot;: &quot;John Perkins&quot;
5155    }
5156  }"
5157                aria-label="Button quickview"
5158              >
5159                <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;">
5160    <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"/>
5161    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5162  </svg>
5163</span>

5164                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
5165                  
5166
5167  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
5168
5169
5170                </span>
5171              </button>
5172              <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);' 
5173                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" 
5174                aria-label="Button quickview"
5175                x-customer-event-data="{
5176    &quot;product&quot;: {
5177      &quot;title&quot;: &quot;The Art of the Steal&quot;,
5178      &quot;listName&quot;: &quot;New Releases&quot;,
5179      &quot;sku&quot;: &quot;14945863369067&quot;,
5180      &quot;currencyCode&quot;: &quot;USD&quot;,
5181      &quot;price&quot;: 2195,
5182      &quot;vendor&quot;: &quot;John Perkins&quot;
5183    }
5184  }"
5185              >
5186                <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;">
5187    <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"/>
5188    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5189  </svg>
5190</span>
5191              </button>
5192            </div>
5193          </div>
5194        </div>
5195      
5196    </a>
5197    
5198    
5199    <div class="md:list-layout:hidden">
5200      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
5201        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
5202          <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">
5203            <a href="/collections/new-releases/products/9798890572554_the-art-of-the-steal"
5204              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"
5205              @click='$store.xCustomerEvent.fire("product_selected", $el)'
5206              x-customer-event-data="{
5207    &quot;product&quot;: {
5208      &quot;title&quot;: &quot;The Art of the Steal&quot;,
5209      &quot;listName&quot;: &quot;New Releases&quot;,
5210      &quot;sku&quot;: &quot;14945863369067&quot;,
5211      &quot;currencyCode&quot;: &quot;USD&quot;,
5212      &quot;price&quot;: 2195,
5213      &quot;vendor&quot;: &quot;John Perkins&quot;
5214    }
5215  }"
5216            >
5217              The Art of the Steal
5218            </a>
5219          </h3>
5220          
5221
5222            
5223  
5224<div 
5225  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
5226><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
5227      <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">
5228      <g>
5229        <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"/>
5230      </g>
5231    </svg>
5232    <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

5232ox="0 0 512 512"  xml:space="preserve">
5233      <g>
5234        <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"/>
5235      </g>
5236    </svg>
5237    <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">
5238      <g>
5239        <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"/>
5240      </g>
5241    </svg>
5242    <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">
5243      <g>
5244        <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"/>
5245      </g>
5246    </svg>
5247    <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">
5248      <g>
5249        <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"/>
5250      </g>
5251    </svg>
5252    </div> 
5253    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
5254    </p></div>
5255
5256<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">
5257            
5258            
5259              <div class=" price leading-none">
5260  <div class="">
5261    
5262      <div class="hidden">2195</div><p class="price">
5263          <span>$21.95</span>
5264        </p><small class="text-[70%] hidden">
5265        <span class="hidden">Unit price</span>
5266        <span class="up price-item price-item--last">
5267          <span>
5268
5269          </span>
5270          <span aria-hidden="true">/</span>
5271          <span class="hidden">&nbsp;per&nbsp;</span>
5272          <span>
5273          </span>
5274        </span>
5275      </small>
5276    
5277  </div>
5278  
5279</div>
5280            
5281            <div class="next-price empty:hidden"></div>
5282          </div>
5283          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

528356" 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 
5284  x-data='{ 
5285    storeAvailabilites: {},
5286    pickupLocation: []
5287  }'
5288  class="mb-3"
5289  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
5290>
5291  <style data-shopify>
5292    .text-available, .text-unavailable {
5293      font-size: 0.669375rem;
5294      font-family: var(--font-body-family);
5295    }
5296
5297    @media (min-width: 768px) {
5298      .text-available, .text-unavailable {
5299        font-size: 0.74375rem;
5300      }
5301    }
5302
5303    .text-available {
5304      color: #6b762d;
5305    }
5306
5307    .dark .text-available {
5308      color: #858F4D;
5309    }
5310
5311    .text-unavailable {
5312      color: #767474;
5313    }
5314
5315    .dark .text-unavailable {
5316      color: #867F7F;
5317    }
5318  </style>
5319  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
5320    <span class="flex h-4 w-4 relative">
5321<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5322  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5323  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5324</svg>
5325
5326</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
5327  </div>
5328  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
5329    <span class="flex h-4 w-4 relative">
5330<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5331  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5332  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5333</svg>
5334
5335</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
5336  </div>
5337</div></div>
5338        </div>
5339      </div>
5340    </div>
5341    
5342  </div>
5343  <div
5344    id="x-product-template-14945863369067-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1"
5345    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"
5346  >
5347    <div class="hidden md:list-layout:block">
5348      
5349      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
5350        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
5351          <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">
5352            <a href="/collections/new-releases/products/9798890572554_the-art-of-the-steal"
5353              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"
5354              @click='$store.xCustomerEvent.fire("product_selected", $el)'
5355              x-customer-event-data="{
5356    &quot;product&quot;: {
5357      &quot;title&quot;: &quot;The Art of the Steal&quot;,
5358      &quot;listName&quot;: &quot;New Releases&quot;,
5359      &quot;sku&quot;: &quot;14945863369067&quot;,
5360      &quot;currencyCode&quot;: &quot;USD&quot;,
5361      &quot;price&quot;: 2195,
5362      &quot;vendor&quot;: &quot;John Perkins&quot;
5363    }
5364  }"
5365            >
5366              The Art of the Steal
5367            </a>
5368          </h3>
5369          
5370
5371            
5372  
5373<div 
5374  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
5375><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
5376      <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

5376ox="0 0 512 512"  xml:space="preserve">
5377      <g>
5378        <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"/>
5379      </g>
5380    </svg>
5381    <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">
5382      <g>
5383        <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"/>
5384      </g>
5385    </svg>
5386    <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">
5387      <g>
5388        <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"/>
5389      </g>
5390    </svg>
5391    <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">
5392      <g>
5393        <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"/>
5394      </g>
5395    </svg>
5396    <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">
5397      <g>
5398        <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"/>
5399      </g>
5400    </svg>
5401    </div> 
5402    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
5403    </p></div>
5404
5405<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">
5406            
5407            
5408              <div class=" price leading-none">
5409  <div class="">
5410    
5411      <div class="hidden">2195</div><p class="price">

5412          <span>$21.95</span>
5413        </p><small class="text-[70%] hidden">
5414        <span class="hidden">Unit price</span>
5415        <span class="up price-item price-item--last">
5416          <span>
5417
5418          </span>
5419          <span aria-hidden="true">/</span>
5420          <span class="hidden">&nbsp;per&nbsp;</span>
5421          <span>
5422          </span>
5423        </span>
5424      </small>
5425    
5426  </div>
5427  
5428</div>
5429            
5430            <div class="next-price empty:hidden"></div>
5431          </div>
5432          <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 
5433  x-data='{ 
5434    storeAvailabilites: {},
5435    pickupLocation: []
5436  }'
5437  class="mb-3"
5438  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
5439>
5440  <style data-shopify>
5441    .text-available, .text-unavailable {
5442      font-size: 0.669375rem;
5443      font-family: var(--font-body-family);
5444    }
5445
5446    @media (min-width: 768px) {
5447      .text-available, .text-unavailable {
5448        font-size: 0.74375rem;
5449      }
5450    }
5451
5452    .text-available {
5453      color: #6b762d;
5454    }
5455
5456    .dark .text-available {
5457      color: #858F4D;
5458    }
5459
5460    .text-unavailable {
5461      color: #767474;
5462    }
5463
5464    .dark .text-unavailable {
5465      color: #867F7F;
5466    }
5467  </style>
5468  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
5469    <span class="flex h-4 w-4 relative">
5470<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5471  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5472  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5473</svg>
5474
5475</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
5476  </div>
5477  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
5478    <span class="flex h-4 w-4 relative">
5479<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5480  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
5481  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
5482</svg>
5483
5484</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
5485  </div>
5486</div></div>
5487        </div>
5488      </div>
5489    
5490    </div>
5491    
5492
5493        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
5494          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572554_the-art-of-the-steal');
5495        });"></div>
5496        <div
5497          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
5498          class="current-variant hidden"
5499        >
5500          53075717423467
5501        </div>
5502    
5503    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
5504    
5505      <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)" 
5506            class="card-info bottom_atc md:list-layout:hidden hide-icon"
5507            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
5508            x-cloak
5509          >
5510            
5511<form method="post" action="/cart/add" id="product-form-choose-option14945863369067201" 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">
5512                
5513                                                            
5514                <button
5515                  type="submit"
5516                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

551656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5517                  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"
5518                  
5519                  
5520                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5521                  
5522aria-label="Add to cart"
5523                    
5524                  
5525                >
5526                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
5527                        <span class="flex items-center justify-center">
5528                          
5529
5530  
5531    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
5532  
5533
5534
5535                        </span></span>
5536                  <div
5537                    class="flex gap-x-2 items-center justify-center"
5538                    role="alert"
5539                    x-cloak
5540                    x-show="errorMessage"
5541                  >
5542                    Sold out
5543                  </div>
5544                  <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>
5545                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5546    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5547      fill="currentcolor" stroke="none">
5548      <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"/>
5549    </g>
5550  </svg>
5551
5552                  </div>
5553                </button><input type="hidden" name="product-id" value="14945863369067" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
5554          </div></template>
5555    
5556    
5557      <template x-if="$store.xQuickView">
5558        <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 && ''">
5559              
5560<form method="post" action="/cart/add" id="product-form-choose-option14945863369067201" 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">
5561                  
5562                                                              
5563                  <button
5564                    type="submit"
5565                    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"
5566                    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"
5567                    
5568                    
5569                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5570                    
5571aria-label="Add to cart"
5572                      
5573                    
5574                  >
5575                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

5576                          <span class="flex items-center justify-center">
5577                            
5578
5579  
5580    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
5581  
5582
5583
5584                          </span></span>
5585                    <div
5586                      class="flex gap-x-2 items-center justify-center"
5587                      role="alert"
5588                      x-cloak
5589                      x-show="errorMessage"
5590                    >
5591                      Sold out
5592                    </div>
5593                    <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>
5594                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5595    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5596      fill="currentcolor" stroke="none">
5597      <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"/>
5598    </g>
5599  </svg>
5600
5601                    </div>
5602                  </button><button 
5603                    type="submit"
5604                    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"
5605                    
5606                    
5607                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5608                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5609                    
5610aria-label="Add to cart"
5611                      
5612                    
5613                    x-customer-event-data="{
5614    &quot;product&quot;: {
5615      &quot;title&quot;: &quot;The Art of the Steal&quot;,
5616      &quot;listName&quot;: &quot;New Releases&quot;,
5617      &quot;sku&quot;: &quot;14945863369067&quot;,
5618      &quot;currencyCode&quot;: &quot;USD&quot;,
5619      &quot;price&quot;: 2195,
5620      &quot;vendor&quot;: &quot;John Perkins&quot;
5621    }
5622  }"
5623                  >
5624                    <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;">
5625    <g>
5626    <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"/>
5627    <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"/>
5628    <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"/>
5629    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5630    </g>
5631  </svg></span>
5632                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
5633                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5634    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5635      fill="currentcolor" stroke="none">
5636      <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"/>
5637    </g>
5638  </svg>
5639
5640                  </span>
5641                </button><input type="hidden" name="product-id" value="14945863369067" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

564156" /></form> 
5642            </div><button 
5643            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')" 
5644            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')" 
5645            @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);' 
5646            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" 
5647            aria-label="Button quickview"
5648            x-customer-event-data="{
5649    &quot;product&quot;: {
5650      &quot;title&quot;: &quot;The Art of the Steal&quot;,
5651      &quot;listName&quot;: &quot;New Releases&quot;,
5652      &quot;sku&quot;: &quot;14945863369067&quot;,
5653      &quot;currencyCode&quot;: &quot;USD&quot;,
5654      &quot;price&quot;: 2195,
5655      &quot;vendor&quot;: &quot;John Perkins&quot;
5656    }
5657  }"
5658            x-show="$store.xQuickView.enabled"
5659          >
5660            <span class="flex justify-center items-center">
5661              
5662
5663  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
5664
5665
5666            </span>
5667          </button>
5668        </div>
5669      </template>
5670    
5671  </div>
5672</div>
5673
5674
5675<div 
5676  
5677    x-data="{ showOptions: false, options: [] }"
5678  
5679  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]" 
5680  x-slide-index="1"
5681>
5682  <div 
5683    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
5684  >
5685    <style data-shopify>
5686      
5687    </style>
5688    
5689    <style data-shopify>
5690      
5691    </style>
5692    <a 
5693      
5694        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
5695      
5696      href="/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough"
5697       
5698        x-data="{ lastWindowWidth: 0 }"
5699        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
5700        x-labels-data="[{
5701        &quot;variant_id&quot;: 53075717292395,
5702        &quot;product_id&quot;: 14945863237995,
5703        &quot;available&quot;: true,
5704        &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
5705        &quot;compare_at_price&quot;: 0,
5706        &quot;price&quot;: 2995,
5707        &quot;price_with_currency&quot;: &quot;$29.95&quot;,
5708        &quot;sale_amount&quot;: &quot;$-29.95&quot;,
5709        &quot;collections&quot;: &quot;||639249514859||636503097707||636480389483||636473475435||639252758891||&quot;,
5710        &quot;inventory_management&quot;: &quot;shopify&quot;,
5711        &quot;qty&quot;: 1484,
5712        &quot;container&quot;: &quot;card&quot;,
5713        &quot;can_show_preorder&quot;: false,
5714        &quot;diff_day_create&quot;: 168.28,
5715        &quot;diff_day_publish&quot;: 168.28
5716        
5717          ,&quot;metafield_label&quot;: { 
5718            &quot;custom.format2&quot;:&quot;Paperback&quot;
5719          }
5720        
5721      }]"
5722       
5723      aria-label="The Impact Entrepreneur Breakthrough"
5724      id="14945863237995-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

572456"
5725      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%]">
5726      <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">
5727        <div
5728          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2-1"
5729          class="block h-full" 
5730          @click='$store.xCustomerEvent.fire("product_selected", $el)'
5731          x-customer-event-data="{
5732    &quot;product&quot;: {
5733      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
5734      &quot;listName&quot;: &quot;New Releases&quot;,
5735      &quot;sku&quot;: &quot;14945863237995&quot;,
5736      &quot;currencyCode&quot;: &quot;USD&quot;,
5737      &quot;price&quot;: 2995,
5738      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
5739    }
5740  }"
5741          >
5742<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
5743            >
5744              
5745              <picture>
5746                <img
5747                  srcset="//bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=450 450w,
5748                  //bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=750 750w,
5749                  //bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=900 900w,
5750                  //bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=1100 1100w,
5751                  //bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887 432w" 
5752                  src="//bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=1500"
5753                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
5754                  alt="Cover image for The Impact Entrepreneur Breakthrough, isbn: 9798890572318"
5755                  :class="showSecond ? 'first-img' : ''"
5756                  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"
5757                  loading="lazy"
5758                  width="432"
5759                  height="648"
5760                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
5761                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
5762                />
5763              </picture>
5764              
5765            </div></div>
5766      </div>
5767      
5768        <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"
5769              x-show="$store.xQuickView" x-cloak
5770            > 
5771              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
5772                class="w-full hide-icon lg:px-4" 
5773                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
5774                x-cloak
5775              >
5776<form method="post" action="/cart/add" id="product-form-choose-option14945863237995202" 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">
5777                    
5778                                                                
5779                    <button
5780                      type="submit"
5781                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

578156-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5782                      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"
5783                      
5784                      
5785                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5786                      
5787aria-label="Add to cart"
5788                        
5789                      
5790                    >
5791                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
5792                            <span class="flex items-center justify-center">
5793                              
5794
5795  
5796    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
5797  
5798
5799
5800                            </span></span>
5801                      <div
5802                        class="flex gap-x-2 items-center justify-center"
5803                        role="alert"
5804                        x-cloak
5805                        x-show="errorMessage"
5806                      >
5807                        Sold out
5808                      </div>
5809                      <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>
5810                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5811    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5812      fill="currentcolor" stroke="none">
5813      <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"/>
5814    </g>
5815  </svg>
5816
5817                      </div>
5818                    </button>
5819                    <button 
5820                      type="submit"
5821                      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"
5822                      
5823                      
5824                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
5825                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
5826                      
5827aria-label="Add to cart"
5828                        
5829                      
5830                      x-customer-event-data="{
5831    &quot;product&quot;: {
5832      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
5833      &quot;listName&quot;: &quot;New Releases&quot;,
5834      &quot;sku&quot;: &quot;14945863237995&quot;,
5835      &quot;currencyCode&quot;: &quot;USD&quot;,
5836      &quot;price&quot;: 2995,
5837      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
5838    }
5839  }"
5840                    >
5841                      <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;">
5842    <g>
5843    <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"/>
5844    <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.

584414948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5845    <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"/>
5846    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5847    </g>
5848  </svg></span>
5849                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
5850                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
5851    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
5852      fill="currentcolor" stroke="none">
5853      <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"/>
5854    </g>
5855  </svg>
5856
5857                      </span>
5858                  </button><input type="hidden" name="product-id" value="14945863237995" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
5859              </div>
5860            </div><div
5861            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"
5862            :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'"
5863            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
5864            >
5865            <div>
5866              <button
5867                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
5868                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')" 
5869                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')" 
5870                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
5871                :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'"
5872                x-customer-event-data="{
5873    &quot;product&quot;: {
5874      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
5875      &quot;listName&quot;: &quot;New Releases&quot;,
5876      &quot;sku&quot;: &quot;14945863237995&quot;,
5877      &quot;currencyCode&quot;: &quot;USD&quot;,
5878      &quot;price&quot;: 2995,
5879      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
5880    }
5881  }"
5882                aria-label="Button quickview"
5883              >
5884                <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

5884ox="0 0 16 16" fill="none" style="fill:none;">
5885    <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"/>
5886    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5887  </svg>
5888</span>
5889                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
5890                  
5891
5892  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
5893
5894
5895                </span>
5896              </button>
5897              <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);' 
5898                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" 
5899                aria-label="Button quickview"
5900                x-customer-event-data="{
5901    &quot;product&quot;: {
5902      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
5903      &quot;listName&quot;: &quot;New Releases&quot;,
5904      &quot;sku&quot;: &quot;14945863237995&quot;,
5905      &quot;currencyCode&quot;: &quot;USD&quot;,
5906      &quot;price&quot;: 2995,
5907      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
5908    }
5909  }"
5910              >
5911                <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;">
5912    <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"/>
5913    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
5914  </svg>
5915</span>
5916              </button>
5917            </div>
5918          </div>
5919        </div>
5920      
5921    </a>
5922    
5923    
5924    <div class="md:list-layout:hidden">
5925      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
5926        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
5927          <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">
5928            <a href="/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough"
5929              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"
5930              @click='$store.xCustomerEvent.fire("product_selected", $el)'
5931              x-customer-event-data="{
5932    &quot;product&quot;: {
5933      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
5934      &quot;listName&quot;: &quot;New Releases&quot;,
5935      &quot;sku&quot;: &quot;14945863237995&quot;,
5936      &quot;currencyCode&quot;: &quot;USD&quot;,
5937      &quot;price&quot;: 2995,
5938      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
5939    }
5940  }"
5941            >
5942              The Impact Entrepreneur Breakthrough
5943            </a>
5944          </h3>
5945          
5946
5947            
5948  
5949<div 
5950  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
5951><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
5952      <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

5952ox="0 0 512 512"  xml:space="preserve">
5953      <g>
5954        <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"/>
5955      </g>
5956    </svg>
5957    <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">
5958      <g>
5959        <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"/>
5960      </g>
5961    </svg>
5962    <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">
5963      <g>
5964        <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"/>
5965      </g>
5966    </svg>
5967    <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">
5968      <g>
5969        <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"/>
5970      </g>
5971    </svg>
5972    <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">
5973      <g>
5974        <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"/>
5975      </g>
5976    </svg>
5977    </div> 
5978    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
5979    </p></div>
5980
5981<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">
5982            
5983            
5984              <div class=" price leading-none">
5985  <div class="">
5986    
5987      <div class="hidden">2995</div><p class="price">

5988          <span>$29.95</span>
5989        </p><small class="text-[70%] hidden">
5990        <span class="hidden">Unit price</span>
5991        <span class="up price-item price-item--last">
5992          <span>
5993
5994          </span>
5995          <span aria-hidden="true">/</span>
5996          <span class="hidden">&nbsp;per&nbsp;</span>
5997          <span>
5998          </span>
5999        </span>
6000      </small>
6001    
6002  </div>
6003  
6004</div>
6005            
6006            <div class="next-price empty:hidden"></div>
6007          </div>
6008          <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 
6009  x-data='{ 
6010    storeAvailabilites: {},
6011    pickupLocation: []
6012  }'
6013  class="mb-3"
6014  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
6015>
6016  <style data-shopify>
6017    .text-available, .text-unavailable {
6018      font-size: 0.669375rem;
6019      font-family: var(--font-body-family);
6020    }
6021
6022    @media (min-width: 768px) {
6023      .text-available, .text-unavailable {
6024        font-size: 0.74375rem;
6025      }
6026    }
6027
6028    .text-available {
6029      color: #6b762d;
6030    }
6031
6032    .dark .text-available {
6033      color: #858F4D;
6034    }
6035
6036    .text-unavailable {
6037      color: #767474;
6038    }
6039
6040    .dark .text-unavailable {
6041      color: #867F7F;
6042    }
6043  </style>
6044  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
6045    <span class="flex h-4 w-4 relative">
6046<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6047  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6048  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6049</svg>
6050
6051</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6052  </div>
6053  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
6054    <span class="flex h-4 w-4 relative">
6055<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6056  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6057  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6058</svg>
6059
6060</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6061  </div>
6062</div></div>
6063        </div>
6064      </div>
6065    </div>
6066    
6067  </div>
6068  <div
6069    id="x-product-template-14945863237995-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2"
6070    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"
6071  >
6072    <div class="hidden md:list-layout:block">
6073      
6074      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
6075        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
6076          <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">
6077            <a href="/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough"
6078              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"
6079              @click='$store.xCustomerEvent.fire("product_selected", $el)'
6080              x-customer-event-data="{
6081    &quot;product&quot;: {
6082      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
6083      &quot;listName&quot;: &quot;New Releases&quot;,
6084      &quot;sku&quot;: &quot;14945863237995&quot;,
6085      &quot;currencyCode&quot;: &quot;USD&quot;,
6086      &quot;price&quot;: 2995,
6087      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
6088    }
6089  }"
6090            >
6091              The Impact Entrepreneur Breakthrough
6092            </a>
6093          </h3>
6094          
6095
6096            
6097  
6098<div 
6099  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
6100><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
6101      <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

6101ox="0 0 512 512"  xml:space="preserve">
6102      <g>
6103        <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"/>
6104      </g>
6105    </svg>
6106    <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">
6107      <g>
6108        <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"/>
6109      </g>
6110    </svg>
6111    <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">
6112      <g>
6113        <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"/>
6114      </g>
6115    </svg>
6116    <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">
6117      <g>
6118        <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"/>
6119      </g>
6120    </svg>
6121    <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">
6122      <g>
6123        <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"/>
6124      </g>
6125    </svg>
6126    </div> 
6127    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
6128    </p></div>
6129
6130<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">
6131            
6132            
6133              <div class=" price leading-none">
6134  <div class="">
6135    
6136      <div class="hidden">2995</div><p class="price">

6137          <span>$29.95</span>
6138        </p><small class="text-[70%] hidden">
6139        <span class="hidden">Unit price</span>
6140        <span class="up price-item price-item--last">
6141          <span>
6142
6143          </span>
6144          <span aria-hidden="true">/</span>
6145          <span class="hidden">&nbsp;per&nbsp;</span>
6146          <span>
6147          </span>
6148        </span>
6149      </small>
6150    
6151  </div>
6152  
6153</div>
6154            
6155            <div class="next-price empty:hidden"></div>
6156          </div>
6157          <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 
6158  x-data='{ 
6159    storeAvailabilites: {},
6160    pickupLocation: []
6161  }'
6162  class="mb-3"
6163  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
6164>
6165  <style data-shopify>
6166    .text-available, .text-unavailable {
6167      font-size: 0.669375rem;
6168      font-family: var(--font-body-family);
6169    }
6170
6171    @media (min-width: 768px) {
6172      .text-available, .text-unavailable {
6173        font-size: 0.74375rem;
6174      }
6175    }
6176
6177    .text-available {
6178      color: #6b762d;
6179    }
6180
6181    .dark .text-available {
6182      color: #858F4D;
6183    }
6184
6185    .text-unavailable {
6186      color: #767474;
6187    }
6188
6189    .dark .text-unavailable {
6190      color: #867F7F;
6191    }
6192  </style>
6193  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
6194    <span class="flex h-4 w-4 relative">
6195<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6196  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6197  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6198</svg>
6199
6200</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6201  </div>
6202  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
6203    <span class="flex h-4 w-4 relative">
6204<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6205  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6206  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6207</svg>
6208
6209</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6210  </div>
6211</div></div>
6212        </div>
6213      </div>
6214    
6215    </div>
6216    
6217
6218        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
6219          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572318_the-impact-entrepreneur-breakthrough');
6220        });"></div>
6221        <div
6222          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
6223          class="current-variant hidden"
6224        >
6225          53075717292395
6226        </div>
6227    
6228    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
6229    
6230      <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)" 
6231            class="card-info bottom_atc md:list-layout:hidden hide-icon"
6232            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
6233            x-cloak
6234          >
6235            
6236<form method="post" action="/cart/add" id="product-form-choose-option14945863237995202" 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">
6237                
6238                                                            
6239                <button
6240                  type="submit"
6241                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

624156-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
6242                  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"
6243                  
6244                  
6245                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
6246                  
6247aria-label="Add to cart"
6248                    
6249                  
6250                >
6251                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
6252                        <span class="flex items-center justify-center">
6253                          
6254
6255  
6256    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
6257  
6258
6259
6260                        </span></span>
6261                  <div
6262                    class="flex gap-x-2 items-center justify-center"
6263                    role="alert"
6264                    x-cloak
6265                    x-show="errorMessage"
6266                  >
6267                    Sold out
6268                  </div>
6269                  <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>
6270                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
6271    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
6272      fill="currentcolor" stroke="none">
6273      <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"/>
6274    </g>
6275  </svg>
6276
6277                  </div>
6278                </button><input type="hidden" name="product-id" value="14945863237995" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
6279          </div></template>
6280    
6281    
6282      <template x-if="$store.xQuickView">
6283        <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 && ''">
6284              
6285<form method="post" action="/cart/add" id="product-form-choose-option14945863237995202" 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">
6286                  
6287                                                              
6288                  <button
6289                    type="submit"
6290                    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"
6291                    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"
6292                    
6293                    
6294                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
6295                    
6296aria-label="Add to cart"
6297                      
6298                    
6299                  >
6300                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

6301                          <span class="flex items-center justify-center">
6302                            
6303
6304  
6305    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
6306  
6307
6308
6309                          </span></span>
6310                    <div
6311                      class="flex gap-x-2 items-center justify-center"
6312                      role="alert"
6313                      x-cloak
6314                      x-show="errorMessage"
6315                    >
6316                      Sold out
6317                    </div>
6318                    <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>
6319                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
6320    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
6321      fill="currentcolor" stroke="none">
6322      <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"/>
6323    </g>
6324  </svg>
6325
6326                    </div>
6327                  </button><button 
6328                    type="submit"
6329                    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"
6330                    
6331                    
6332                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
6333                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
6334                    
6335aria-label="Add to cart"
6336                      
6337                    
6338                    x-customer-event-data="{
6339    &quot;product&quot;: {
6340      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
6341      &quot;listName&quot;: &quot;New Releases&quot;,
6342      &quot;sku&quot;: &quot;14945863237995&quot;,
6343      &quot;currencyCode&quot;: &quot;USD&quot;,
6344      &quot;price&quot;: 2995,
6345      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
6346    }
6347  }"
6348                  >
6349                    <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;">
6350    <g>
6351    <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"/>
6352    <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"/>
6353    <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"/>
6354    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6355    </g>
6356  </svg></span>
6357                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
6358                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
6359    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
6360      fill="currentcolor" stroke="none">
6361      <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"/>
6362    </g>
6363  </svg>
6364
6365                  </span>
6366                </button><input type="hidden" name="product-id" value="14945863237995" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

636656" /></form> 
6367            </div><button 
6368            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')" 
6369            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')" 
6370            @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);' 
6371            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" 
6372            aria-label="Button quickview"
6373            x-customer-event-data="{
6374    &quot;product&quot;: {
6375      &quot;title&quot;: &quot;The Impact Entrepreneur Breakthrough&quot;,
6376      &quot;listName&quot;: &quot;New Releases&quot;,
6377      &quot;sku&quot;: &quot;14945863237995&quot;,
6378      &quot;currencyCode&quot;: &quot;USD&quot;,
6379      &quot;price&quot;: 2995,
6380      &quot;vendor&quot;: &quot;Laurie Lane-Zucker&quot;
6381    }
6382  }"
6383            x-show="$store.xQuickView.enabled"
6384          >
6385            <span class="flex justify-center items-center">
6386              
6387
6388  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
6389
6390
6391            </span>
6392          </button>
6393        </div>
6394      </template>
6395    
6396  </div>
6397</div>
6398
6399
6400<div 
6401  
6402    x-data="{ showOptions: false, options: [] }"
6403  
6404  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]" 
6405  x-slide-index="2"
6406>
6407  <div 
6408    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
6409  >
6410    <style data-shopify>
6411      
6412    </style>
6413    
6414    <style data-shopify>
6415      
6416    </style>
6417    <a 
6418      
6419        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
6420      
6421      href="/collections/new-releases/products/9798890572639_who-killed-the-american-dream"
6422       
6423        x-data="{ lastWindowWidth: 0 }"
6424        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
6425        x-labels-data="[{
6426        &quot;variant_id&quot;: 52775018332523,
6427        &quot;product_id&quot;: 14878849007979,
6428        &quot;available&quot;: true,
6429        &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
6430        &quot;compare_at_price&quot;: 0,
6431        &quot;price&quot;: 2495,
6432        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
6433        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
6434        &quot;collections&quot;: &quot;||641199341931||639249514859||636503097707||636480389483||636473475435||639269339499||&quot;,
6435        &quot;inventory_management&quot;: &quot;shopify&quot;,
6436        &quot;qty&quot;: 3056,
6437        &quot;container&quot;: &quot;card&quot;,
6438        &quot;can_show_preorder&quot;: false,
6439        &quot;diff_day_create&quot;: 248.07,
6440        &quot;diff_day_publish&quot;: 248.01
6441        
6442          ,&quot;metafield_label&quot;: { 
6443            &quot;custom.format2&quot;:&quot;Paperback&quot;
6444          }
6445        
6446      }]"
6447       
6448      aria-label="Who Killed the American Dream?"
6449      id="14878849007979-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

644956"
6450      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%]">
6451      <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">
6452        <div
6453          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3-2"
6454          class="block h-full" 
6455          @click='$store.xCustomerEvent.fire("product_selected", $el)'
6456          x-customer-event-data="{
6457    &quot;product&quot;: {
6458      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
6459      &quot;listName&quot;: &quot;New Releases&quot;,
6460      &quot;sku&quot;: &quot;14878849007979&quot;,
6461      &quot;currencyCode&quot;: &quot;USD&quot;,
6462      &quot;price&quot;: 2495,
6463      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
6464    }
6465  }"
6466          >
6467<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
6468            >
6469              
6470              <picture>
6471                <img
6472                  srcset="//bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=450 450w,
6473                  //bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=750 750w,
6474                  //bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=900 900w,
6475                  //bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=1100 1100w,
6476                  //bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883 432w" 
6477                  src="//bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=1500"
6478                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
6479                  alt="Cover image for Who Killed the American Dream?, isbn: 9798890572639"
6480                  :class="showSecond ? 'first-img' : ''"
6481                  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"
6482                  loading="lazy"
6483                  width="432"
6484                  height="648"
6485                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
6486                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
6487                />
6488              </picture>
6489              
6490            </div></div>
6491      </div>
6492      
6493        <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"
6494              x-show="$store.xQuickView" x-cloak
6495            > 
6496              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
6497                class="w-full hide-icon lg:px-4" 
6498                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
6499                x-cloak
6500              >
6501<form method="post" action="/cart/add" id="product-form-choose-option14878849007979203" 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">
6502                    
6503                                                                
6504                    <button
6505                      type="submit"
6506                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

650656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
6507                      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"
6508                      
6509                      
6510                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
6511                      
6512aria-label="Add to cart"
6513                        
6514                      
6515                    >
6516                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
6517                            <span class="flex items-center justify-center">
6518                              
6519
6520  
6521    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
6522  
6523
6524
6525                            </span></span>
6526                      <div
6527                        class="flex gap-x-2 items-center justify-center"
6528                        role="alert"
6529                        x-cloak
6530                        x-show="errorMessage"
6531                      >
6532                        Sold out
6533                      </div>
6534                      <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>
6535                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
6536    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
6537      fill="currentcolor" stroke="none">
6538      <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"/>
6539    </g>
6540  </svg>
6541
6542                      </div>
6543                    </button>
6544                    <button 
6545                      type="submit"
6546                      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"
6547                      
6548                      
6549                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
6550                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
6551                      
6552aria-label="Add to cart"
6553                        
6554                      
6555                      x-customer-event-data="{
6556    &quot;product&quot;: {
6557      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
6558      &quot;listName&quot;: &quot;New Releases&quot;,
6559      &quot;sku&quot;: &quot;14878849007979&quot;,
6560      &quot;currencyCode&quot;: &quot;USD&quot;,
6561      &quot;price&quot;: 2495,
6562      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
6563    }
6564  }"
6565                    >
6566                      <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;">
6567    <g>
6568    <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"/>
6569    <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"/>
6570    <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"/>
6571    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6572    </g>
6573  </svg></span>

6574                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
6575                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
6576    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
6577      fill="currentcolor" stroke="none">
6578      <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"/>
6579    </g>
6580  </svg>
6581
6582                      </span>
6583                  </button><input type="hidden" name="product-id" value="14878849007979" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
6584              </div>
6585            </div><div
6586            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"
6587            :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'"
6588            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
6589            >
6590            <div>
6591              <button
6592                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
6593                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')" 
6594                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')" 
6595                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
6596                :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'"
6597                x-customer-event-data="{
6598    &quot;product&quot;: {
6599      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
6600      &quot;listName&quot;: &quot;New Releases&quot;,
6601      &quot;sku&quot;: &quot;14878849007979&quot;,
6602      &quot;currencyCode&quot;: &quot;USD&quot;,
6603      &quot;price&quot;: 2495,
6604      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
6605    }
6606  }"
6607                aria-label="Button quickview"
6608              >
6609                <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;">
6610    <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"/>
6611    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6612  </svg>
6613</span>

6614                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
6615                  
6616
6617  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
6618
6619
6620                </span>
6621              </button>
6622              <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);' 
6623                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" 
6624                aria-label="Button quickview"
6625                x-customer-event-data="{
6626    &quot;product&quot;: {
6627      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
6628      &quot;listName&quot;: &quot;New Releases&quot;,
6629      &quot;sku&quot;: &quot;14878849007979&quot;,
6630      &quot;currencyCode&quot;: &quot;USD&quot;,
6631      &quot;price&quot;: 2495,
6632      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
6633    }
6634  }"
6635              >
6636                <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;">
6637    <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"/>
6638    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6639  </svg>
6640</span>
6641              </button>
6642            </div>
6643          </div>
6644        </div>
6645      
6646    </a>
6647    
6648    
6649    <div class="md:list-layout:hidden">
6650      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
6651        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
6652          <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">
6653            <a href="/collections/new-releases/products/9798890572639_who-killed-the-american-dream"
6654              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"
6655              @click='$store.xCustomerEvent.fire("product_selected", $el)'
6656              x-customer-event-data="{
6657    &quot;product&quot;: {
6658      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
6659      &quot;listName&quot;: &quot;New Releases&quot;,
6660      &quot;sku&quot;: &quot;14878849007979&quot;,
6661      &quot;currencyCode&quot;: &quot;USD&quot;,
6662      &quot;price&quot;: 2495,
6663      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
6664    }
6665  }"
6666            >
6667              Who Killed the American Dream?
6668            </a>
6669          </h3>
6670          
6671
6672            
6673  
6674<div 
6675  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
6676><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
6677      <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">
6678      <g>
6679        <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"/>
6680      </g>
6681    </svg>
6682    <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

6682ox="0 0 512 512"  xml:space="preserve">
6683      <g>
6684        <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"/>
6685      </g>
6686    </svg>
6687    <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">
6688      <g>
6689        <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"/>
6690      </g>
6691    </svg>
6692    <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">
6693      <g>
6694        <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"/>
6695      </g>
6696    </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">
6697          <defs>
6698              <linearGradient id="grad">
6699                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
6700                  <stop offset="50%" stop-color="currentColor"/>
6701              </linearGradient>
6702          </defs>
6703          <g>
6704            <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"/>
6705          </g>
6706      </svg>
6707    </div> 
6708    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(18)
6709    </p></div>
6710
6711<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">
6712            
6713            
6714              <div class=" price leading-none">
6715  <div class="">
6716    
6717      <div class="hidden">2495</div><p class="price">
6718          <span>$24.95</span>
6719        </p><small class="text-[70%] hidden">
6720        <span class="hidden">Unit price</span>

6721        <span class="up price-item price-item--last">
6722          <span>
6723
6724          </span>
6725          <span aria-hidden="true">/</span>
6726          <span class="hidden">&nbsp;per&nbsp;</span>
6727          <span>
6728          </span>
6729        </span>
6730      </small>
6731    
6732  </div>
6733  
6734</div>
6735            
6736            <div class="next-price empty:hidden"></div>
6737          </div>
6738          <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 
6739  x-data='{ 
6740    storeAvailabilites: {},
6741    pickupLocation: []
6742  }'
6743  class="mb-3"
6744  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
6745>
6746  <style data-shopify>
6747    .text-available, .text-unavailable {
6748      font-size: 0.669375rem;
6749      font-family: var(--font-body-family);
6750    }
6751
6752    @media (min-width: 768px) {
6753      .text-available, .text-unavailable {
6754        font-size: 0.74375rem;
6755      }
6756    }
6757
6758    .text-available {
6759      color: #6b762d;
6760    }
6761
6762    .dark .text-available {
6763      color: #858F4D;
6764    }
6765
6766    .text-unavailable {
6767      color: #767474;
6768    }
6769
6770    .dark .text-unavailable {
6771      color: #867F7F;
6772    }
6773  </style>
6774  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
6775    <span class="flex h-4 w-4 relative">
6776<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6777  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6778  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6779</svg>
6780
6781</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6782  </div>
6783  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
6784    <span class="flex h-4 w-4 relative">
6785<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6786  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6787  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6788</svg>
6789
6790</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6791  </div>
6792</div></div>
6793        </div>
6794      </div>
6795    </div>
6796    
6797  </div>
6798  <div
6799    id="x-product-template-14878849007979-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3"
6800    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"
6801  >
6802    <div class="hidden md:list-layout:block">
6803      
6804      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
6805        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
6806          <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">
6807            <a href="/collections/new-releases/products/9798890572639_who-killed-the-american-dream"
6808              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"
6809              @click='$store.xCustomerEvent.fire("product_selected", $el)'
6810              x-customer-event-data="{
6811    &quot;product&quot;: {
6812      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
6813      &quot;listName&quot;: &quot;New Releases&quot;,
6814      &quot;sku&quot;: &quot;14878849007979&quot;,
6815      &quot;currencyCode&quot;: &quot;USD&quot;,
6816      &quot;price&quot;: 2495,
6817      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
6818    }
6819  }"
6820            >
6821              Who Killed the American Dream?
6822            </a>
6823          </h3>
6824          
6825
6826            
6827  
6828<div 
6829  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
6830><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
6831      <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

6831ox="0 0 512 512"  xml:space="preserve">
6832      <g>
6833        <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"/>
6834      </g>
6835    </svg>
6836    <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">
6837      <g>
6838        <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"/>
6839      </g>
6840    </svg>
6841    <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">
6842      <g>
6843        <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"/>
6844      </g>
6845    </svg>
6846    <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">
6847      <g>
6848        <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"/>
6849      </g>
6850    </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">
6851          <defs>
6852              <linearGradient id="grad">
6853                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
6854                  <stop offset="50%" stop-color="currentColor"/>
6855              </linearGradient>
6856          </defs>
6857          <g>
6858            <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"/>
6859          </g>
6860      </svg>
6861    </div> 
6862    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(18)
6863    </p></div>
6864
6865<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">
6866            
6867            
6868              <div class=" price leading-none">
6869  <div class="">
6870    
6871      <div class="hidden">2495</div><p class="price">

6872          <span>$24.95</span>
6873        </p><small class="text-[70%] hidden">
6874        <span class="hidden">Unit price</span>
6875        <span class="up price-item price-item--last">
6876          <span>
6877
6878          </span>
6879          <span aria-hidden="true">/</span>
6880          <span class="hidden">&nbsp;per&nbsp;</span>
6881          <span>
6882          </span>
6883        </span>
6884      </small>
6885    
6886  </div>
6887  
6888</div>
6889            
6890            <div class="next-price empty:hidden"></div>
6891          </div>
6892          <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 
6893  x-data='{ 
6894    storeAvailabilites: {},
6895    pickupLocation: []
6896  }'
6897  class="mb-3"
6898  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
6899>
6900  <style data-shopify>
6901    .text-available, .text-unavailable {
6902      font-size: 0.669375rem;
6903      font-family: var(--font-body-family);
6904    }
6905
6906    @media (min-width: 768px) {
6907      .text-available, .text-unavailable {
6908        font-size: 0.74375rem;
6909      }
6910    }
6911
6912    .text-available {
6913      color: #6b762d;
6914    }
6915
6916    .dark .text-available {
6917      color: #858F4D;
6918    }
6919
6920    .text-unavailable {
6921      color: #767474;
6922    }
6923
6924    .dark .text-unavailable {
6925      color: #867F7F;
6926    }
6927  </style>
6928  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
6929    <span class="flex h-4 w-4 relative">
6930<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6931  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6932  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6933</svg>
6934
6935</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6936  </div>
6937  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
6938    <span class="flex h-4 w-4 relative">
6939<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6940  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
6941  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
6942</svg>
6943
6944</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
6945  </div>
6946</div></div>
6947        </div>
6948      </div>
6949    
6950    </div>
6951    
6952
6953        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
6954          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572639_who-killed-the-american-dream');
6955        });"></div>
6956        <div
6957          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
6958          class="current-variant hidden"
6959        >
6960          52775018332523
6961        </div>
6962    
6963    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
6964    
6965      <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)" 
6966            class="card-info bottom_atc md:list-layout:hidden hide-icon"
6967            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
6968            x-cloak
6969          >
6970            
6971<form method="post" action="/cart/add" id="product-form-choose-option14878849007979203" 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">
6972                
6973                                                            
6974                <button
6975                  type="submit"
6976                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

697656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
6977                  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"
6978                  
6979                  
6980                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
6981                  
6982aria-label="Add to cart"
6983                    
6984                  
6985                >
6986                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
6987                        <span class="flex items-center justify-center">
6988                          
6989
6990  
6991    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
6992  
6993
6994
6995                        </span></span>
6996                  <div
6997                    class="flex gap-x-2 items-center justify-center"
6998                    role="alert"
6999                    x-cloak
7000                    x-show="errorMessage"
7001                  >
7002                    Sold out
7003                  </div>
7004                  <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>
7005                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7006    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7007      fill="currentcolor" stroke="none">
7008      <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"/>
7009    </g>
7010  </svg>
7011
7012                  </div>
7013                </button><input type="hidden" name="product-id" value="14878849007979" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
7014          </div></template>
7015    
7016    
7017      <template x-if="$store.xQuickView">
7018        <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 && ''">
7019              
7020<form method="post" action="/cart/add" id="product-form-choose-option14878849007979203" 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">
7021                  
7022                                                              
7023                  <button
7024                    type="submit"
7025                    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"
7026                    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"
7027                    
7028                    
7029                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7030                    
7031aria-label="Add to cart"
7032                      
7033                    
7034                  >
7035                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

7036                          <span class="flex items-center justify-center">
7037                            
7038
7039  
7040    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
7041  
7042
7043
7044                          </span></span>
7045                    <div
7046                      class="flex gap-x-2 items-center justify-center"
7047                      role="alert"
7048                      x-cloak
7049                      x-show="errorMessage"
7050                    >
7051                      Sold out
7052                    </div>
7053                    <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>
7054                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7055    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7056      fill="currentcolor" stroke="none">
7057      <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"/>
7058    </g>
7059  </svg>
7060
7061                    </div>
7062                  </button><button 
7063                    type="submit"
7064                    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"
7065                    
7066                    
7067                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7068                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7069                    
7070aria-label="Add to cart"
7071                      
7072                    
7073                    x-customer-event-data="{
7074    &quot;product&quot;: {
7075      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
7076      &quot;listName&quot;: &quot;New Releases&quot;,
7077      &quot;sku&quot;: &quot;14878849007979&quot;,
7078      &quot;currencyCode&quot;: &quot;USD&quot;,
7079      &quot;price&quot;: 2495,
7080      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
7081    }
7082  }"
7083                  >
7084                    <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;">
7085    <g>
7086    <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"/>
7087    <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"/>
7088    <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"/>
7089    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7090    </g>
7091  </svg></span>
7092                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
7093                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7094    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7095      fill="currentcolor" stroke="none">
7096      <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"/>
7097    </g>
7098  </svg>
7099
7100                  </span>
7101                </button><input type="hidden" name="product-id" value="14878849007979" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

710156" /></form> 
7102            </div><button 
7103            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')" 
7104            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')" 
7105            @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);' 
7106            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" 
7107            aria-label="Button quickview"
7108            x-customer-event-data="{
7109    &quot;product&quot;: {
7110      &quot;title&quot;: &quot;Who Killed the American Dream?&quot;,
7111      &quot;listName&quot;: &quot;New Releases&quot;,
7112      &quot;sku&quot;: &quot;14878849007979&quot;,
7113      &quot;currencyCode&quot;: &quot;USD&quot;,
7114      &quot;price&quot;: 2495,
7115      &quot;vendor&quot;: &quot;Thom Hartmann&quot;
7116    }
7117  }"
7118            x-show="$store.xQuickView.enabled"
7119          >
7120            <span class="flex justify-center items-center">
7121              
7122
7123  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
7124
7125
7126            </span>
7127          </button>
7128        </div>
7129      </template>
7130    
7131  </div>
7132</div>
7133
7134
7135<div 
7136  
7137    x-data="{ showOptions: false, options: [] }"
7138  
7139  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]" 
7140  x-slide-index="3"
7141>
7142  <div 
7143    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
7144  >
7145    <style data-shopify>
7146      
7147    </style>
7148    
7149    <style data-shopify>
7150      
7151    </style>
7152    <a 
7153      
7154        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
7155      
7156      href="/collections/new-releases/products/9798890572103_culture-blooming"
7157       
7158        x-data="{ lastWindowWidth: 0 }"
7159        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
7160        x-labels-data="[{
7161        &quot;variant_id&quot;: 52653074645355,
7162        &quot;product_id&quot;: 14854886031723,
7163        &quot;available&quot;: true,
7164        &quot;title&quot;: &quot;Culture Blooming&quot;,
7165        &quot;compare_at_price&quot;: 0,
7166        &quot;price&quot;: 2295,
7167        &quot;price_with_currency&quot;: &quot;$22.95&quot;,
7168        &quot;sale_amount&quot;: &quot;$-22.95&quot;,
7169        &quot;collections&quot;: &quot;||641199341931||639249514859||639269732715||639249744235||636503097707||636480389483||636473475435||639252758891||639270191467||639269339499||&quot;,
7170        &quot;inventory_management&quot;: &quot;shopify&quot;,
7171        &quot;qty&quot;: 1504,
7172        &quot;container&quot;: &quot;card&quot;,
7173        &quot;can_show_preorder&quot;: false,
7174        &quot;diff_day_create&quot;: 292.36,
7175        &quot;diff_day_publish&quot;: 292.36
7176        
7177          ,&quot;metafield_label&quot;: { 
7178            &quot;custom.format2&quot;:&quot;Paperback&quot;
7179          }
7180        
7181      }]"
7182       
7183      aria-label="Culture Blooming"
7184      id="14854886031723-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

718456"
7185      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%]">
7186      <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">
7187        <div
7188          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4-3"
7189          class="block h-full" 
7190          @click='$store.xCustomerEvent.fire("product_selected", $el)'
7191          x-customer-event-data="{
7192    &quot;product&quot;: {
7193      &quot;title&quot;: &quot;Culture Blooming&quot;,
7194      &quot;listName&quot;: &quot;New Releases&quot;,
7195      &quot;sku&quot;: &quot;14854886031723&quot;,
7196      &quot;currencyCode&quot;: &quot;USD&quot;,
7197      &quot;price&quot;: 2295,
7198      &quot;vendor&quot;: &quot;Abi Adamson&quot;
7199    }
7200  }"
7201          >
7202<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
7203            >
7204              
7205              <picture>
7206                <img
7207                  srcset="//bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=450 450w,
7208                  //bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=750 750w,
7209                  //bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=900 900w,
7210                  //bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=1100 1100w,
7211                  //bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879 432w" 
7212                  src="//bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=1500"
7213                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
7214                  alt="Cover image for Culture Blooming, isbn: 9798890572103"
7215                  :class="showSecond ? 'first-img' : ''"
7216                  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"
7217                  loading="lazy"
7218                  width="432"
7219                  height="648"
7220                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
7221                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
7222                />
7223              </picture>
7224              
7225            </div></div>
7226      </div>
7227      
7228        <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"
7229              x-show="$store.xQuickView" x-cloak
7230            > 
7231              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
7232                class="w-full hide-icon lg:px-4" 
7233                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
7234                x-cloak
7235              >
7236<form method="post" action="/cart/add" id="product-form-choose-option14854886031723204" 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">
7237                    
7238                                                                
7239                    <button
7240                      type="submit"
7241                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

724156-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7242                      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"
7243                      
7244                      
7245                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7246                      
7247aria-label="Add to cart"
7248                        
7249                      
7250                    >
7251                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7252                            <span class="flex items-center justify-center">
7253                              
7254
7255  
7256    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
7257  
7258
7259
7260                            </span></span>
7261                      <div
7262                        class="flex gap-x-2 items-center justify-center"
7263                        role="alert"
7264                        x-cloak
7265                        x-show="errorMessage"
7266                      >
7267                        Sold out
7268                      </div>
7269                      <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>
7270                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7271    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7272      fill="currentcolor" stroke="none">
7273      <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"/>
7274    </g>
7275  </svg>
7276
7277                      </div>
7278                    </button>
7279                    <button 
7280                      type="submit"
7281                      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"
7282                      
7283                      
7284                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7285                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7286                      
7287aria-label="Add to cart"
7288                        
7289                      
7290                      x-customer-event-data="{
7291    &quot;product&quot;: {
7292      &quot;title&quot;: &quot;Culture Blooming&quot;,
7293      &quot;listName&quot;: &quot;New Releases&quot;,
7294      &quot;sku&quot;: &quot;14854886031723&quot;,
7295      &quot;currencyCode&quot;: &quot;USD&quot;,
7296      &quot;price&quot;: 2295,
7297      &quot;vendor&quot;: &quot;Abi Adamson&quot;
7298    }
7299  }"
7300                    >
7301                      <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;">
7302    <g>
7303    <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"/>
7304    <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"/>
7305    <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"/>
7306    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7307    </g>
7308  </svg></span>

7309                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
7310                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7311    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7312      fill="currentcolor" stroke="none">
7313      <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"/>
7314    </g>
7315  </svg>
7316
7317                      </span>
7318                  </button><input type="hidden" name="product-id" value="14854886031723" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
7319              </div>
7320            </div><div
7321            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"
7322            :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'"
7323            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
7324            >
7325            <div>
7326              <button
7327                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
7328                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')" 
7329                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')" 
7330                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
7331                :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'"
7332                x-customer-event-data="{
7333    &quot;product&quot;: {
7334      &quot;title&quot;: &quot;Culture Blooming&quot;,
7335      &quot;listName&quot;: &quot;New Releases&quot;,
7336      &quot;sku&quot;: &quot;14854886031723&quot;,
7337      &quot;currencyCode&quot;: &quot;USD&quot;,
7338      &quot;price&quot;: 2295,
7339      &quot;vendor&quot;: &quot;Abi Adamson&quot;
7340    }
7341  }"
7342                aria-label="Button quickview"
7343              >
7344                <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;">
7345    <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"/>
7346    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7347  </svg>
7348</span>

7349                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
7350                  
7351
7352  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
7353
7354
7355                </span>
7356              </button>
7357              <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);' 
7358                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" 
7359                aria-label="Button quickview"
7360                x-customer-event-data="{
7361    &quot;product&quot;: {
7362      &quot;title&quot;: &quot;Culture Blooming&quot;,
7363      &quot;listName&quot;: &quot;New Releases&quot;,
7364      &quot;sku&quot;: &quot;14854886031723&quot;,
7365      &quot;currencyCode&quot;: &quot;USD&quot;,
7366      &quot;price&quot;: 2295,
7367      &quot;vendor&quot;: &quot;Abi Adamson&quot;
7368    }
7369  }"
7370              >
7371                <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;">
7372    <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"/>
7373    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7374  </svg>
7375</span>
7376              </button>
7377            </div>
7378          </div>
7379        </div>
7380      
7381    </a>
7382    
7383    
7384    <div class="md:list-layout:hidden">
7385      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
7386        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
7387          <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">
7388            <a href="/collections/new-releases/products/9798890572103_culture-blooming"
7389              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"
7390              @click='$store.xCustomerEvent.fire("product_selected", $el)'
7391              x-customer-event-data="{
7392    &quot;product&quot;: {
7393      &quot;title&quot;: &quot;Culture Blooming&quot;,
7394      &quot;listName&quot;: &quot;New Releases&quot;,
7395      &quot;sku&quot;: &quot;14854886031723&quot;,
7396      &quot;currencyCode&quot;: &quot;USD&quot;,
7397      &quot;price&quot;: 2295,
7398      &quot;vendor&quot;: &quot;Abi Adamson&quot;
7399    }
7400  }"
7401            >
7402              Culture Blooming
7403            </a>
7404          </h3>
7405          
7406
7407            
7408  
7409<div 
7410  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
7411><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
7412      <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">
7413      <g>
7414        <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"/>
7415      </g>
7416    </svg>
7417    <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

7417ox="0 0 512 512"  xml:space="preserve">
7418      <g>
7419        <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"/>
7420      </g>
7421    </svg>
7422    <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">
7423      <g>
7424        <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"/>
7425      </g>
7426    </svg>
7427    <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">
7428      <g>
7429        <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"/>
7430      </g>
7431    </svg>
7432    <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">
7433      <g>
7434        <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"/>
7435      </g>
7436    </svg>
7437    </div> 
7438    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
7439    </p></div>
7440
7441<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">
7442            
7443            
7444              <div class=" price leading-none">
7445  <div class="">
7446    
7447      <div class="hidden">2295</div><p class="price">
7448          <span>$22.95</span>
7449        </p><small class="text-[70%] hidden">
7450        <span class="hidden">Unit price</span>
7451        <span class="up price-item price-item--last">
7452          <span>
7453
7454          </span>
7455          <span aria-hidden="true">/</span>
7456          <span class="hidden">&nbsp;per&nbsp;</span>
7457          <span>
7458          </span>
7459        </span>
7460      </small>
7461    
7462  </div>
7463  
7464</div>
7465            
7466            <div class="next-price empty:hidden"></div>
7467          </div>
7468          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

746856" 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 
7469  x-data='{ 
7470    storeAvailabilites: {},
7471    pickupLocation: []
7472  }'
7473  class="mb-3"
7474  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
7475>
7476  <style data-shopify>
7477    .text-available, .text-unavailable {
7478      font-size: 0.669375rem;
7479      font-family: var(--font-body-family);
7480    }
7481
7482    @media (min-width: 768px) {
7483      .text-available, .text-unavailable {
7484        font-size: 0.74375rem;
7485      }
7486    }
7487
7488    .text-available {
7489      color: #6b762d;
7490    }
7491
7492    .dark .text-available {
7493      color: #858F4D;
7494    }
7495
7496    .text-unavailable {
7497      color: #767474;
7498    }
7499
7500    .dark .text-unavailable {
7501      color: #867F7F;
7502    }
7503  </style>
7504  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
7505    <span class="flex h-4 w-4 relative">
7506<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7507  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7508  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7509</svg>
7510
7511</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
7512  </div>
7513  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
7514    <span class="flex h-4 w-4 relative">
7515<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7516  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7517  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7518</svg>
7519
7520</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
7521  </div>
7522</div></div>
7523        </div>
7524      </div>
7525    </div>
7526    
7527  </div>
7528  <div
7529    id="x-product-template-14854886031723-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4"
7530    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"
7531  >
7532    <div class="hidden md:list-layout:block">
7533      
7534      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
7535        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
7536          <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">
7537            <a href="/collections/new-releases/products/9798890572103_culture-blooming"
7538              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"
7539              @click='$store.xCustomerEvent.fire("product_selected", $el)'
7540              x-customer-event-data="{
7541    &quot;product&quot;: {
7542      &quot;title&quot;: &quot;Culture Blooming&quot;,
7543      &quot;listName&quot;: &quot;New Releases&quot;,
7544      &quot;sku&quot;: &quot;14854886031723&quot;,
7545      &quot;currencyCode&quot;: &quot;USD&quot;,
7546      &quot;price&quot;: 2295,
7547      &quot;vendor&quot;: &quot;Abi Adamson&quot;
7548    }
7549  }"
7550            >
7551              Culture Blooming
7552            </a>
7553          </h3>
7554          
7555
7556            
7557  
7558<div 
7559  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
7560><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
7561      <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

7561ox="0 0 512 512"  xml:space="preserve">
7562      <g>
7563        <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"/>
7564      </g>
7565    </svg>
7566    <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">
7567      <g>
7568        <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"/>
7569      </g>
7570    </svg>
7571    <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">
7572      <g>
7573        <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"/>
7574      </g>
7575    </svg>
7576    <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">
7577      <g>
7578        <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"/>
7579      </g>
7580    </svg>
7581    <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">
7582      <g>
7583        <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"/>
7584      </g>
7585    </svg>
7586    </div> 
7587    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
7588    </p></div>
7589
7590<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">
7591            
7592            
7593              <div class=" price leading-none">
7594  <div class="">
7595    
7596      <div class="hidden">2295</div><p class="price">

7597          <span>$22.95</span>
7598        </p><small class="text-[70%] hidden">
7599        <span class="hidden">Unit price</span>
7600        <span class="up price-item price-item--last">
7601          <span>
7602
7603          </span>
7604          <span aria-hidden="true">/</span>
7605          <span class="hidden">&nbsp;per&nbsp;</span>
7606          <span>
7607          </span>
7608        </span>
7609      </small>
7610    
7611  </div>
7612  
7613</div>
7614            
7615            <div class="next-price empty:hidden"></div>
7616          </div>
7617          <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 
7618  x-data='{ 
7619    storeAvailabilites: {},
7620    pickupLocation: []
7621  }'
7622  class="mb-3"
7623  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
7624>
7625  <style data-shopify>
7626    .text-available, .text-unavailable {
7627      font-size: 0.669375rem;
7628      font-family: var(--font-body-family);
7629    }
7630
7631    @media (min-width: 768px) {
7632      .text-available, .text-unavailable {
7633        font-size: 0.74375rem;
7634      }
7635    }
7636
7637    .text-available {
7638      color: #6b762d;
7639    }
7640
7641    .dark .text-available {
7642      color: #858F4D;
7643    }
7644
7645    .text-unavailable {
7646      color: #767474;
7647    }
7648
7649    .dark .text-unavailable {
7650      color: #867F7F;
7651    }
7652  </style>
7653  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
7654    <span class="flex h-4 w-4 relative">
7655<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7656  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7657  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7658</svg>
7659
7660</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
7661  </div>
7662  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
7663    <span class="flex h-4 w-4 relative">
7664<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7665  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
7666  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
7667</svg>
7668
7669</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
7670  </div>
7671</div></div>
7672        </div>
7673      </div>
7674    
7675    </div>
7676    
7677
7678        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
7679          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572103_culture-blooming');
7680        });"></div>
7681        <div
7682          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
7683          class="current-variant hidden"
7684        >
7685          52653074645355
7686        </div>
7687    
7688    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
7689    
7690      <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)" 
7691            class="card-info bottom_atc md:list-layout:hidden hide-icon"
7692            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
7693            x-cloak
7694          >
7695            
7696<form method="post" action="/cart/add" id="product-form-choose-option14854886031723204" 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">
7697                
7698                                                            
7699                <button
7700                  type="submit"
7701                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

770156-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7702                  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"
7703                  
7704                  
7705                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7706                  
7707aria-label="Add to cart"
7708                    
7709                  
7710                >
7711                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7712                        <span class="flex items-center justify-center">
7713                          
7714
7715  
7716    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
7717  
7718
7719
7720                        </span></span>
7721                  <div
7722                    class="flex gap-x-2 items-center justify-center"
7723                    role="alert"
7724                    x-cloak
7725                    x-show="errorMessage"
7726                  >
7727                    Sold out
7728                  </div>
7729                  <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>
7730                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7731    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7732      fill="currentcolor" stroke="none">
7733      <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"/>
7734    </g>
7735  </svg>
7736
7737                  </div>
7738                </button><input type="hidden" name="product-id" value="14854886031723" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
7739          </div></template>
7740    
7741    
7742      <template x-if="$store.xQuickView">
7743        <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 && ''">
7744              
7745<form method="post" action="/cart/add" id="product-form-choose-option14854886031723204" 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">
7746                  
7747                                                              
7748                  <button
7749                    type="submit"
7750                    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"
7751                    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"
7752                    
7753                    
7754                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7755                    
7756aria-label="Add to cart"
7757                      
7758                    
7759                  >
7760                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

7761                          <span class="flex items-center justify-center">
7762                            
7763
7764  
7765    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
7766  
7767
7768
7769                          </span></span>
7770                    <div
7771                      class="flex gap-x-2 items-center justify-center"
7772                      role="alert"
7773                      x-cloak
7774                      x-show="errorMessage"
7775                    >
7776                      Sold out
7777                    </div>
7778                    <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>
7779                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7780    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7781      fill="currentcolor" stroke="none">
7782      <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"/>
7783    </g>
7784  </svg>
7785
7786                    </div>
7787                  </button><button 
7788                    type="submit"
7789                    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"
7790                    
7791                    
7792                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7793                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7794                    
7795aria-label="Add to cart"
7796                      
7797                    
7798                    x-customer-event-data="{
7799    &quot;product&quot;: {
7800      &quot;title&quot;: &quot;Culture Blooming&quot;,
7801      &quot;listName&quot;: &quot;New Releases&quot;,
7802      &quot;sku&quot;: &quot;14854886031723&quot;,
7803      &quot;currencyCode&quot;: &quot;USD&quot;,
7804      &quot;price&quot;: 2295,
7805      &quot;vendor&quot;: &quot;Abi Adamson&quot;
7806    }
7807  }"
7808                  >
7809                    <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;">
7810    <g>
7811    <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"/>
7812    <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"/>
7813    <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"/>
7814    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
7815    </g>
7816  </svg></span>
7817                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
7818                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7819    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7820      fill="currentcolor" stroke="none">
7821      <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"/>
7822    </g>
7823  </svg>
7824
7825                  </span>
7826                </button><input type="hidden" name="product-id" value="14854886031723" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

782656" /></form> 
7827            </div><button 
7828            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')" 
7829            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')" 
7830            @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);' 
7831            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" 
7832            aria-label="Button quickview"
7833            x-customer-event-data="{
7834    &quot;product&quot;: {
7835      &quot;title&quot;: &quot;Culture Blooming&quot;,
7836      &quot;listName&quot;: &quot;New Releases&quot;,
7837      &quot;sku&quot;: &quot;14854886031723&quot;,
7838      &quot;currencyCode&quot;: &quot;USD&quot;,
7839      &quot;price&quot;: 2295,
7840      &quot;vendor&quot;: &quot;Abi Adamson&quot;
7841    }
7842  }"
7843            x-show="$store.xQuickView.enabled"
7844          >
7845            <span class="flex justify-center items-center">
7846              
7847
7848  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
7849
7850
7851            </span>
7852          </button>
7853        </div>
7854      </template>
7855    
7856  </div>
7857</div>
7858
7859
7860<div 
7861  
7862    x-data="{ showOptions: false, options: [] }"
7863  
7864  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]" 
7865  x-slide-index="4"
7866>
7867  <div 
7868    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
7869  >
7870    <style data-shopify>
7871      
7872    </style>
7873    
7874    <style data-shopify>
7875      
7876    </style>
7877    <a 
7878      
7879        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
7880      
7881      href="/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you"
7882       
7883        x-data="{ lastWindowWidth: 0 }"
7884        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
7885        x-labels-data="[{
7886        &quot;variant_id&quot;: 52653074612587,
7887        &quot;product_id&quot;: 14854885998955,
7888        &quot;available&quot;: true,
7889        &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
7890        &quot;compare_at_price&quot;: 0,
7891        &quot;price&quot;: 2295,
7892        &quot;price_with_currency&quot;: &quot;$22.95&quot;,
7893        &quot;sale_amount&quot;: &quot;$-22.95&quot;,
7894        &quot;collections&quot;: &quot;||641199341931||639249514859||639269732715||639249744235||636503097707||636480389483||636473475435||639252758891||639269339499||&quot;,
7895        &quot;inventory_management&quot;: &quot;shopify&quot;,
7896        &quot;qty&quot;: 1990,
7897        &quot;container&quot;: &quot;card&quot;,
7898        &quot;can_show_preorder&quot;: false,
7899        &quot;diff_day_create&quot;: 292.36,
7900        &quot;diff_day_publish&quot;: 292.36
7901        
7902          ,&quot;metafield_label&quot;: { 
7903            &quot;custom.format2&quot;:&quot;Paperback&quot;
7904          }
7905        
7906      }]"
7907       
7908      aria-label="What Your Team Won't Tell You"
7909      id="14854885998955-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

790956"
7910      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%]">
7911      <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">
7912        <div
7913          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5-4"
7914          class="block h-full" 
7915          @click='$store.xCustomerEvent.fire("product_selected", $el)'
7916          x-customer-event-data="{
7917    &quot;product&quot;: {
7918      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
7919      &quot;listName&quot;: &quot;New Releases&quot;,
7920      &quot;sku&quot;: &quot;14854885998955&quot;,
7921      &quot;currencyCode&quot;: &quot;USD&quot;,
7922      &quot;price&quot;: 2295,
7923      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
7924    }
7925  }"
7926          >
7927<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
7928            >
7929              
7930              <picture>
7931                <img
7932                  srcset="//bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=450 450w,
7933                  //bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=750 750w,
7934                  //bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=900 900w,
7935                  //bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=1100 1100w,
7936                  //bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878 419w" 
7937                  src="//bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=1500"
7938                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
7939                  alt="Cover image for What Your Team Won&#39;t Tell You, isbn: 9798890571960"
7940                  :class="showSecond ? 'first-img' : ''"
7941                  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"
7942                  loading="lazy"
7943                  width="419"
7944                  height="648"
7945                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
7946                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
7947                />
7948              </picture>
7949              
7950            </div></div>
7951      </div>
7952      
7953        <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"
7954              x-show="$store.xQuickView" x-cloak
7955            > 
7956              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
7957                class="w-full hide-icon lg:px-4" 
7958                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
7959                x-cloak
7960              >
7961<form method="post" action="/cart/add" id="product-form-choose-option14854885998955205" 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">
7962                    
7963                                                                
7964                    <button
7965                      type="submit"
7966                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

796656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
7967                      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"
7968                      
7969                      
7970                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
7971                      
7972aria-label="Add to cart"
7973                        
7974                      
7975                    >
7976                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7977                            <span class="flex items-center justify-center">
7978                              
7979
7980  
7981    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
7982  
7983
7984
7985                            </span></span>
7986                      <div
7987                        class="flex gap-x-2 items-center justify-center"
7988                        role="alert"
7989                        x-cloak
7990                        x-show="errorMessage"
7991                      >
7992                        Sold out
7993                      </div>
7994                      <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>
7995                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
7996    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
7997      fill="currentcolor" stroke="none">
7998      <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"/>
7999    </g>
8000  </svg>
8001
8002                      </div>
8003                    </button>
8004                    <button 
8005                      type="submit"
8006                      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"
8007                      
8008                      
8009                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8010                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8011                      
8012aria-label="Add to cart"
8013                        
8014                      
8015                      x-customer-event-data="{
8016    &quot;product&quot;: {
8017      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
8018      &quot;listName&quot;: &quot;New Releases&quot;,
8019      &quot;sku&quot;: &quot;14854885998955&quot;,
8020      &quot;currencyCode&quot;: &quot;USD&quot;,
8021      &quot;price&quot;: 2295,
8022      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
8023    }
8024  }"
8025                    >
8026                      <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;">
8027    <g>
8028    <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"/>
8029    <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.

802914948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8030    <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"/>
8031    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8032    </g>
8033  </svg></span>
8034                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
8035                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8036    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8037      fill="currentcolor" stroke="none">
8038      <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"/>
8039    </g>
8040  </svg>
8041
8042                      </span>
8043                  </button><input type="hidden" name="product-id" value="14854885998955" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
8044              </div>
8045            </div><div
8046            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"
8047            :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'"
8048            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
8049            >
8050            <div>
8051              <button
8052                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8053                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')" 
8054                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')" 
8055                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
8056                :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'"
8057                x-customer-event-data="{
8058    &quot;product&quot;: {
8059      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
8060      &quot;listName&quot;: &quot;New Releases&quot;,
8061      &quot;sku&quot;: &quot;14854885998955&quot;,
8062      &quot;currencyCode&quot;: &quot;USD&quot;,
8063      &quot;price&quot;: 2295,
8064      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
8065    }
8066  }"
8067                aria-label="Button quickview"
8068              >
8069                <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

8069ox="0 0 16 16" fill="none" style="fill:none;">
8070    <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"/>
8071    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8072  </svg>
8073</span>
8074                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
8075                  
8076
8077  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
8078
8079
8080                </span>
8081              </button>
8082              <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);' 
8083                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" 
8084                aria-label="Button quickview"
8085                x-customer-event-data="{
8086    &quot;product&quot;: {
8087      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
8088      &quot;listName&quot;: &quot;New Releases&quot;,
8089      &quot;sku&quot;: &quot;14854885998955&quot;,
8090      &quot;currencyCode&quot;: &quot;USD&quot;,
8091      &quot;price&quot;: 2295,
8092      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
8093    }
8094  }"
8095              >
8096                <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;">
8097    <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"/>
8098    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8099  </svg>
8100</span>
8101              </button>
8102            </div>
8103          </div>
8104        </div>
8105      
8106    </a>
8107    
8108    
8109    <div class="md:list-layout:hidden">
8110      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
8111        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
8112          <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">
8113            <a href="/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you"
8114              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"
8115              @click='$store.xCustomerEvent.fire("product_selected", $el)'
8116              x-customer-event-data="{
8117    &quot;product&quot;: {
8118      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
8119      &quot;listName&quot;: &quot;New Releases&quot;,
8120      &quot;sku&quot;: &quot;14854885998955&quot;,
8121      &quot;currencyCode&quot;: &quot;USD&quot;,
8122      &quot;price&quot;: 2295,
8123      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
8124    }
8125  }"
8126            >
8127              What Your Team Won&#39;t Tell You
8128            </a>
8129          </h3>
8130          
8131
8132            
8133  
8134<div 
8135  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
8136><div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
8137      <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

8137ox="0 0 512 512"  xml:space="preserve">
8138      <g>
8139        <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"/>
8140      </g>
8141    </svg>
8142    <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">
8143      <g>
8144        <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"/>
8145      </g>
8146    </svg>
8147    <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">
8148      <g>
8149        <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"/>
8150      </g>
8151    </svg>
8152    <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">
8153      <g>
8154        <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"/>
8155      </g>
8156    </svg>
8157    <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">
8158      <g>
8159        <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"/>
8160      </g>
8161    </svg>
8162    </div> 
8163    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(1)
8164    </p></div>
8165
8166<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">
8167            
8168            
8169              <div class=" price leading-none">
8170  <div class="">
8171    
8172      <div class="hidden">2295</div><p class="price">

8173          <span>$22.95</span>
8174        </p><small class="text-[70%] hidden">
8175        <span class="hidden">Unit price</span>
8176        <span class="up price-item price-item--last">
8177          <span>
8178
8179          </span>
8180          <span aria-hidden="true">/</span>
8181          <span class="hidden">&nbsp;per&nbsp;</span>
8182          <span>
8183          </span>
8184        </span>
8185      </small>
8186    
8187  </div>
8188  
8189</div>
8190            
8191            <div class="next-price empty:hidden"></div>
8192          </div>
8193          <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 
8194  x-data='{ 
8195    storeAvailabilites: {},
8196    pickupLocation: []
8197  }'
8198  class="mb-3"
8199  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
8200>
8201  <style data-shopify>
8202    .text-available, .text-unavailable {
8203      font-size: 0.669375rem;
8204      font-family: var(--font-body-family);
8205    }
8206
8207    @media (min-width: 768px) {
8208      .text-available, .text-unavailable {
8209        font-size: 0.74375rem;
8210      }
8211    }
8212
8213    .text-available {
8214      color: #6b762d;
8215    }
8216
8217    .dark .text-available {
8218      color: #858F4D;
8219    }
8220
8221    .text-unavailable {
8222      color: #767474;
8223    }
8224
8225    .dark .text-unavailable {
8226      color: #867F7F;
8227    }
8228  </style>
8229  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
8230    <span class="flex h-4 w-4 relative">
8231<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8232  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8233  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8234</svg>
8235
8236</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
8237  </div>
8238  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
8239    <span class="flex h-4 w-4 relative">
8240<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8241  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8242  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8243</svg>
8244
8245</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
8246  </div>
8247</div></div>
8248        </div>
8249      </div>
8250    </div>
8251    
8252  </div>
8253  <div
8254    id="x-product-template-14854885998955-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5"
8255    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"
8256  >
8257    <div class="hidden md:list-layout:block">
8258      
8259      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
8260        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
8261          <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">
8262            <a href="/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you"
8263              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"
8264              @click='$store.xCustomerEvent.fire("product_selected", $el)'
8265              x-customer-event-data="{
8266    &quot;product&quot;: {
8267      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
8268      &quot;listName&quot;: &quot;New Releases&quot;,
8269      &quot;sku&quot;: &quot;14854885998955&quot;,
8270      &quot;currencyCode&quot;: &quot;USD&quot;,
8271      &quot;price&quot;: 2295,
8272      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
8273    }
8274  }"
8275            >
8276              What Your Team Won&#39;t Tell You
8277            </a>
8278          </h3>
8279          
8280
8281            
8282  
8283<div 
8284  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
8285><div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
8286      <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

8286ox="0 0 512 512"  xml:space="preserve">
8287      <g>
8288        <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"/>
8289      </g>
8290    </svg>
8291    <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">
8292      <g>
8293        <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"/>
8294      </g>
8295    </svg>
8296    <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">
8297      <g>
8298        <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"/>
8299      </g>
8300    </svg>
8301    <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">
8302      <g>
8303        <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"/>
8304      </g>
8305    </svg>
8306    <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">
8307      <g>
8308        <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"/>
8309      </g>
8310    </svg>
8311    </div> 
8312    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(1)
8313    </p></div>
8314
8315<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">
8316            
8317            
8318              <div class=" price leading-none">
8319  <div class="">
8320    
8321      <div class="hidden">2295</div><p class="price">

8322          <span>$22.95</span>
8323        </p><small class="text-[70%] hidden">
8324        <span class="hidden">Unit price</span>
8325        <span class="up price-item price-item--last">
8326          <span>
8327
8328          </span>
8329          <span aria-hidden="true">/</span>
8330          <span class="hidden">&nbsp;per&nbsp;</span>
8331          <span>
8332          </span>
8333        </span>
8334      </small>
8335    
8336  </div>
8337  
8338</div>
8339            
8340            <div class="next-price empty:hidden"></div>
8341          </div>
8342          <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 
8343  x-data='{ 
8344    storeAvailabilites: {},
8345    pickupLocation: []
8346  }'
8347  class="mb-3"
8348  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
8349>
8350  <style data-shopify>
8351    .text-available, .text-unavailable {
8352      font-size: 0.669375rem;
8353      font-family: var(--font-body-family);
8354    }
8355
8356    @media (min-width: 768px) {
8357      .text-available, .text-unavailable {
8358        font-size: 0.74375rem;
8359      }
8360    }
8361
8362    .text-available {
8363      color: #6b762d;
8364    }
8365
8366    .dark .text-available {
8367      color: #858F4D;
8368    }
8369
8370    .text-unavailable {
8371      color: #767474;
8372    }
8373
8374    .dark .text-unavailable {
8375      color: #867F7F;
8376    }
8377  </style>
8378  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
8379    <span class="flex h-4 w-4 relative">
8380<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8381  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8382  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8383</svg>
8384
8385</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
8386  </div>
8387  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
8388    <span class="flex h-4 w-4 relative">
8389<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8390  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8391  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8392</svg>
8393
8394</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
8395  </div>
8396</div></div>
8397        </div>
8398      </div>
8399    
8400    </div>
8401    
8402
8403        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
8404          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890571960_what-your-team-wont-tell-you');
8405        });"></div>
8406        <div
8407          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
8408          class="current-variant hidden"
8409        >
8410          52653074612587
8411        </div>
8412    
8413    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
8414    
8415      <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)" 
8416            class="card-info bottom_atc md:list-layout:hidden hide-icon"
8417            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
8418            x-cloak
8419          >
8420            
8421<form method="post" action="/cart/add" id="product-form-choose-option14854885998955205" 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">
8422                
8423                                                            
8424                <button
8425                  type="submit"
8426                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

842656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8427                  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"
8428                  
8429                  
8430                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8431                  
8432aria-label="Add to cart"
8433                    
8434                  
8435                >
8436                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8437                        <span class="flex items-center justify-center">
8438                          
8439
8440  
8441    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
8442  
8443
8444
8445                        </span></span>
8446                  <div
8447                    class="flex gap-x-2 items-center justify-center"
8448                    role="alert"
8449                    x-cloak
8450                    x-show="errorMessage"
8451                  >
8452                    Sold out
8453                  </div>
8454                  <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>
8455                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8456    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8457      fill="currentcolor" stroke="none">
8458      <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"/>
8459    </g>
8460  </svg>
8461
8462                  </div>
8463                </button><input type="hidden" name="product-id" value="14854885998955" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
8464          </div></template>
8465    
8466    
8467      <template x-if="$store.xQuickView">
8468        <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 && ''">
8469              
8470<form method="post" action="/cart/add" id="product-form-choose-option14854885998955205" 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">
8471                  
8472                                                              
8473                  <button
8474                    type="submit"
8475                    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"
8476                    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"
8477                    
8478                    
8479                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8480                    
8481aria-label="Add to cart"
8482                      
8483                    
8484                  >
8485                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

8486                          <span class="flex items-center justify-center">
8487                            
8488
8489  
8490    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
8491  
8492
8493
8494                          </span></span>
8495                    <div
8496                      class="flex gap-x-2 items-center justify-center"
8497                      role="alert"
8498                      x-cloak
8499                      x-show="errorMessage"
8500                    >
8501                      Sold out
8502                    </div>
8503                    <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>
8504                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8505    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8506      fill="currentcolor" stroke="none">
8507      <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"/>
8508    </g>
8509  </svg>
8510
8511                    </div>
8512                  </button><button 
8513                    type="submit"
8514                    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"
8515                    
8516                    
8517                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8518                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8519                    
8520aria-label="Add to cart"
8521                      
8522                    
8523                    x-customer-event-data="{
8524    &quot;product&quot;: {
8525      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
8526      &quot;listName&quot;: &quot;New Releases&quot;,
8527      &quot;sku&quot;: &quot;14854885998955&quot;,
8528      &quot;currencyCode&quot;: &quot;USD&quot;,
8529      &quot;price&quot;: 2295,
8530      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
8531    }
8532  }"
8533                  >
8534                    <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;">
8535    <g>
8536    <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"/>
8537    <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"/>
8538    <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"/>
8539    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8540    </g>
8541  </svg></span>
8542                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
8543                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8544    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8545      fill="currentcolor" stroke="none">
8546      <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"/>
8547    </g>
8548  </svg>
8549
8550                  </span>
8551                </button><input type="hidden" name="product-id" value="14854885998955" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

855156" /></form> 
8552            </div><button 
8553            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')" 
8554            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')" 
8555            @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);' 
8556            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" 
8557            aria-label="Button quickview"
8558            x-customer-event-data="{
8559    &quot;product&quot;: {
8560      &quot;title&quot;: &quot;What Your Team Won&amp;#39;t Tell You&quot;,
8561      &quot;listName&quot;: &quot;New Releases&quot;,
8562      &quot;sku&quot;: &quot;14854885998955&quot;,
8563      &quot;currencyCode&quot;: &quot;USD&quot;,
8564      &quot;price&quot;: 2295,
8565      &quot;vendor&quot;: &quot;Tanya Uyigue&quot;
8566    }
8567  }"
8568            x-show="$store.xQuickView.enabled"
8569          >
8570            <span class="flex justify-center items-center">
8571              
8572
8573  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
8574
8575
8576            </span>
8577          </button>
8578        </div>
8579      </template>
8580    
8581  </div>
8582</div>
8583
8584
8585<div 
8586  
8587    x-data="{ showOptions: false, options: [] }"
8588  
8589  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]" 
8590  x-slide-index="5"
8591>
8592  <div 
8593    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
8594  >
8595    <style data-shopify>
8596      
8597    </style>
8598    
8599    <style data-shopify>
8600      
8601    </style>
8602    <a 
8603      
8604        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
8605      
8606      href="/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition"
8607       
8608        x-data="{ lastWindowWidth: 0 }"
8609        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
8610        x-labels-data="[{
8611        &quot;variant_id&quot;: 52653074579819,
8612        &quot;product_id&quot;: 14854885966187,
8613        &quot;available&quot;: true,
8614        &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
8615        &quot;compare_at_price&quot;: 0,
8616        &quot;price&quot;: 2895,
8617        &quot;price_with_currency&quot;: &quot;$28.95&quot;,
8618        &quot;sale_amount&quot;: &quot;$-28.95&quot;,
8619        &quot;collections&quot;: &quot;||641199341931||639249514859||639269732715||639249744235||636503097707||636480389483||636473475435||639252758891||639269339499||&quot;,
8620        &quot;inventory_management&quot;: &quot;shopify&quot;,
8621        &quot;qty&quot;: 1519,
8622        &quot;container&quot;: &quot;card&quot;,
8623        &quot;can_show_preorder&quot;: false,
8624        &quot;diff_day_create&quot;: 292.36,
8625        &quot;diff_day_publish&quot;: 292.36
8626        
8627          ,&quot;metafield_label&quot;: { 
8628            &quot;custom.format2&quot;:&quot;Paperback&quot;
8629          }
8630        
8631      }]"
8632       
8633      aria-label="The 4 Stages of Psychological Safety, Second Edition"
8634      id="14854885966187-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

863456"
8635      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%]">
8636      <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">
8637        <div
8638          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-6-5"
8639          class="block h-full" 
8640          @click='$store.xCustomerEvent.fire("product_selected", $el)'
8641          x-customer-event-data="{
8642    &quot;product&quot;: {
8643      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
8644      &quot;listName&quot;: &quot;New Releases&quot;,
8645      &quot;sku&quot;: &quot;14854885966187&quot;,
8646      &quot;currencyCode&quot;: &quot;USD&quot;,
8647      &quot;price&quot;: 2895,
8648      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
8649    }
8650  }"
8651          >
8652<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
8653            >
8654              
8655              <picture>
8656                <img
8657                  srcset="//bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=450 450w,
8658                  //bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=750 750w,
8659                  //bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=900 900w,
8660                  //bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=1100 1100w,
8661                  //bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878 432w" 
8662                  src="//bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=1500"
8663                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
8664                  alt="Cover image for The 4 Stages of Psychological Safety, Second Edition, isbn: 9798890572035"
8665                  :class="showSecond ? 'first-img' : ''"
8666                  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"
8667                  loading="lazy"
8668                  width="432"
8669                  height="648"
8670                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
8671                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
8672                />
8673              </picture>
8674              
8675            </div></div>
8676      </div>
8677      
8678        <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"
8679              x-show="$store.xQuickView" x-cloak
8680            > 
8681              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
8682                class="w-full hide-icon lg:px-4" 
8683                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
8684                x-cloak
8685              >
8686<form method="post" action="/cart/add" id="product-form-choose-option14854885966187206" 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">
8687                    
8688                                                                
8689                    <button
8690                      type="submit"
8691                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

869156-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8692                      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"
8693                      
8694                      
8695                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8696                      
8697aria-label="Add to cart"
8698                        
8699                      
8700                    >
8701                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8702                            <span class="flex items-center justify-center">
8703                              
8704
8705  
8706    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
8707  
8708
8709
8710                            </span></span>
8711                      <div
8712                        class="flex gap-x-2 items-center justify-center"
8713                        role="alert"
8714                        x-cloak
8715                        x-show="errorMessage"
8716                      >
8717                        Sold out
8718                      </div>
8719                      <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>
8720                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8721    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8722      fill="currentcolor" stroke="none">
8723      <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"/>
8724    </g>
8725  </svg>
8726
8727                      </div>
8728                    </button>
8729                    <button 
8730                      type="submit"
8731                      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"
8732                      
8733                      
8734                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
8735                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
8736                      
8737aria-label="Add to cart"
8738                        
8739                      
8740                      x-customer-event-data="{
8741    &quot;product&quot;: {
8742      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
8743      &quot;listName&quot;: &quot;New Releases&quot;,
8744      &quot;sku&quot;: &quot;14854885966187&quot;,
8745      &quot;currencyCode&quot;: &quot;USD&quot;,
8746      &quot;price&quot;: 2895,
8747      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
8748    }
8749  }"
8750                    >
8751                      <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;">
8752    <g>
8753    <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"/>
8754    <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.

875414948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8755    <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"/>
8756    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8757    </g>
8758  </svg></span>
8759                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
8760                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
8761    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
8762      fill="currentcolor" stroke="none">
8763      <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"/>
8764    </g>
8765  </svg>
8766
8767                      </span>
8768                  </button><input type="hidden" name="product-id" value="14854885966187" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
8769              </div>
8770            </div><div
8771            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"
8772            :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'"
8773            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
8774            >
8775            <div>
8776              <button
8777                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
8778                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')" 
8779                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')" 
8780                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
8781                :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'"
8782                x-customer-event-data="{
8783    &quot;product&quot;: {
8784      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
8785      &quot;listName&quot;: &quot;New Releases&quot;,
8786      &quot;sku&quot;: &quot;14854885966187&quot;,
8787      &quot;currencyCode&quot;: &quot;USD&quot;,
8788      &quot;price&quot;: 2895,
8789      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
8790    }
8791  }"
8792                aria-label="Button quickview"
8793              >
8794                <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

8794ox="0 0 16 16" fill="none" style="fill:none;">
8795    <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"/>
8796    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8797  </svg>
8798</span>
8799                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
8800                  
8801
8802  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
8803
8804
8805                </span>
8806              </button>
8807              <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);' 
8808                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" 
8809                aria-label="Button quickview"
8810                x-customer-event-data="{
8811    &quot;product&quot;: {
8812      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
8813      &quot;listName&quot;: &quot;New Releases&quot;,
8814      &quot;sku&quot;: &quot;14854885966187&quot;,
8815      &quot;currencyCode&quot;: &quot;USD&quot;,
8816      &quot;price&quot;: 2895,
8817      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
8818    }
8819  }"
8820              >
8821                <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;">
8822    <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"/>
8823    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
8824  </svg>
8825</span>
8826              </button>
8827            </div>
8828          </div>
8829        </div>
8830      
8831    </a>
8832    
8833    
8834    <div class="md:list-layout:hidden">
8835      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
8836        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
8837          <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">
8838            <a href="/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition"
8839              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"
8840              @click='$store.xCustomerEvent.fire("product_selected", $el)'
8841              x-customer-event-data="{
8842    &quot;product&quot;: {
8843      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
8844      &quot;listName&quot;: &quot;New Releases&quot;,
8845      &quot;sku&quot;: &quot;14854885966187&quot;,
8846      &quot;currencyCode&quot;: &quot;USD&quot;,
8847      &quot;price&quot;: 2895,
8848      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
8849    }
8850  }"
8851            >
8852              The 4 Stages of Psychological Safety, Second Edition
8853            </a>
8854          </h3>
8855          
8856
8857            
8858  
8859<div 
8860  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
8861><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
8862      <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

8862ox="0 0 512 512"  xml:space="preserve">
8863      <g>
8864        <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"/>
8865      </g>
8866    </svg>
8867    <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">
8868      <g>
8869        <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"/>
8870      </g>
8871    </svg>
8872    <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">
8873      <g>
8874        <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"/>
8875      </g>
8876    </svg>
8877    <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">
8878      <g>
8879        <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"/>
8880      </g>
8881    </svg>
8882    <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">
8883      <g>
8884        <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"/>
8885      </g>
8886    </svg>
8887    </div> 
8888    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
8889    </p></div>
8890
8891<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">
8892            
8893            
8894              <div class=" price leading-none">
8895  <div class="">
8896    
8897      <div class="hidden">2895</div><p class="price">

8898          <span>$28.95</span>
8899        </p><small class="text-[70%] hidden">
8900        <span class="hidden">Unit price</span>
8901        <span class="up price-item price-item--last">
8902          <span>
8903
8904          </span>
8905          <span aria-hidden="true">/</span>
8906          <span class="hidden">&nbsp;per&nbsp;</span>
8907          <span>
8908          </span>
8909        </span>
8910      </small>
8911    
8912  </div>
8913  
8914</div>
8915            
8916            <div class="next-price empty:hidden"></div>
8917          </div>
8918          <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 
8919  x-data='{ 
8920    storeAvailabilites: {},
8921    pickupLocation: []
8922  }'
8923  class="mb-3"
8924  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
8925>
8926  <style data-shopify>
8927    .text-available, .text-unavailable {
8928      font-size: 0.669375rem;
8929      font-family: var(--font-body-family);
8930    }
8931
8932    @media (min-width: 768px) {
8933      .text-available, .text-unavailable {
8934        font-size: 0.74375rem;
8935      }
8936    }
8937
8938    .text-available {
8939      color: #6b762d;
8940    }
8941
8942    .dark .text-available {
8943      color: #858F4D;
8944    }
8945
8946    .text-unavailable {
8947      color: #767474;
8948    }
8949
8950    .dark .text-unavailable {
8951      color: #867F7F;
8952    }
8953  </style>
8954  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
8955    <span class="flex h-4 w-4 relative">
8956<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8957  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8958  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8959</svg>
8960
8961</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
8962  </div>
8963  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
8964    <span class="flex h-4 w-4 relative">
8965<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8966  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
8967  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
8968</svg>
8969
8970</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
8971  </div>
8972</div></div>
8973        </div>
8974      </div>
8975    </div>
8976    
8977  </div>
8978  <div
8979    id="x-product-template-14854885966187-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-6"
8980    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"
8981  >
8982    <div class="hidden md:list-layout:block">
8983      
8984      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
8985        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
8986          <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">
8987            <a href="/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition"
8988              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"
8989              @click='$store.xCustomerEvent.fire("product_selected", $el)'
8990              x-customer-event-data="{
8991    &quot;product&quot;: {
8992      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
8993      &quot;listName&quot;: &quot;New Releases&quot;,
8994      &quot;sku&quot;: &quot;14854885966187&quot;,
8995      &quot;currencyCode&quot;: &quot;USD&quot;,
8996      &quot;price&quot;: 2895,
8997      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
8998    }
8999  }"
9000            >
9001              The 4 Stages of Psychological Safety, Second Edition
9002            </a>
9003          </h3>
9004          
9005
9006            
9007  
9008<div 
9009  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
9010><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
9011      <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

9011ox="0 0 512 512"  xml:space="preserve">
9012      <g>
9013        <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"/>
9014      </g>
9015    </svg>
9016    <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">
9017      <g>
9018        <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"/>
9019      </g>
9020    </svg>
9021    <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">
9022      <g>
9023        <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"/>
9024      </g>
9025    </svg>
9026    <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">
9027      <g>
9028        <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"/>
9029      </g>
9030    </svg>
9031    <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">
9032      <g>
9033        <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"/>
9034      </g>
9035    </svg>
9036    </div> 
9037    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
9038    </p></div>
9039
9040<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">
9041            
9042            
9043              <div class=" price leading-none">
9044  <div class="">
9045    
9046      <div class="hidden">2895</div><p class="price">

9047          <span>$28.95</span>
9048        </p><small class="text-[70%] hidden">
9049        <span class="hidden">Unit price</span>
9050        <span class="up price-item price-item--last">
9051          <span>
9052
9053          </span>
9054          <span aria-hidden="true">/</span>
9055          <span class="hidden">&nbsp;per&nbsp;</span>
9056          <span>
9057          </span>
9058        </span>
9059      </small>
9060    
9061  </div>
9062  
9063</div>
9064            
9065            <div class="next-price empty:hidden"></div>
9066          </div>
9067          <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 
9068  x-data='{ 
9069    storeAvailabilites: {},
9070    pickupLocation: []
9071  }'
9072  class="mb-3"
9073  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
9074>
9075  <style data-shopify>
9076    .text-available, .text-unavailable {
9077      font-size: 0.669375rem;
9078      font-family: var(--font-body-family);
9079    }
9080
9081    @media (min-width: 768px) {
9082      .text-available, .text-unavailable {
9083        font-size: 0.74375rem;
9084      }
9085    }
9086
9087    .text-available {
9088      color: #6b762d;
9089    }
9090
9091    .dark .text-available {
9092      color: #858F4D;
9093    }
9094
9095    .text-unavailable {
9096      color: #767474;
9097    }
9098
9099    .dark .text-unavailable {
9100      color: #867F7F;
9101    }
9102  </style>
9103  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
9104    <span class="flex h-4 w-4 relative">
9105<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9106  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9107  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9108</svg>
9109
9110</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9111  </div>
9112  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
9113    <span class="flex h-4 w-4 relative">
9114<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9115  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9116  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9117</svg>
9118
9119</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9120  </div>
9121</div></div>
9122        </div>
9123      </div>
9124    
9125    </div>
9126    
9127
9128        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
9129          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572035_the-4-stages-of-psychological-safety-second-edition');
9130        });"></div>
9131        <div
9132          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
9133          class="current-variant hidden"
9134        >
9135          52653074579819
9136        </div>
9137    
9138    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
9139    
9140      <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)" 
9141            class="card-info bottom_atc md:list-layout:hidden hide-icon"
9142            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
9143            x-cloak
9144          >
9145            
9146<form method="post" action="/cart/add" id="product-form-choose-option14854885966187206" 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">
9147                
9148                                                            
9149                <button
9150                  type="submit"
9151                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

915156-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9152                  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"
9153                  
9154                  
9155                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9156                  
9157aria-label="Add to cart"
9158                    
9159                  
9160                >
9161                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9162                        <span class="flex items-center justify-center">
9163                          
9164
9165  
9166    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
9167  
9168
9169
9170                        </span></span>
9171                  <div
9172                    class="flex gap-x-2 items-center justify-center"
9173                    role="alert"
9174                    x-cloak
9175                    x-show="errorMessage"
9176                  >
9177                    Sold out
9178                  </div>
9179                  <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>
9180                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9181    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9182      fill="currentcolor" stroke="none">
9183      <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"/>
9184    </g>
9185  </svg>
9186
9187                  </div>
9188                </button><input type="hidden" name="product-id" value="14854885966187" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
9189          </div></template>
9190    
9191    
9192      <template x-if="$store.xQuickView">
9193        <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 && ''">
9194              
9195<form method="post" action="/cart/add" id="product-form-choose-option14854885966187206" 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">
9196                  
9197                                                              
9198                  <button
9199                    type="submit"
9200                    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"
9201                    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"
9202                    
9203                    
9204                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9205                    
9206aria-label="Add to cart"
9207                      
9208                    
9209                  >
9210                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

9211                          <span class="flex items-center justify-center">
9212                            
9213
9214  
9215    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
9216  
9217
9218
9219                          </span></span>
9220                    <div
9221                      class="flex gap-x-2 items-center justify-center"
9222                      role="alert"
9223                      x-cloak
9224                      x-show="errorMessage"
9225                    >
9226                      Sold out
9227                    </div>
9228                    <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>
9229                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9230    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9231      fill="currentcolor" stroke="none">
9232      <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"/>
9233    </g>
9234  </svg>
9235
9236                    </div>
9237                  </button><button 
9238                    type="submit"
9239                    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"
9240                    
9241                    
9242                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9243                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9244                    
9245aria-label="Add to cart"
9246                      
9247                    
9248                    x-customer-event-data="{
9249    &quot;product&quot;: {
9250      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
9251      &quot;listName&quot;: &quot;New Releases&quot;,
9252      &quot;sku&quot;: &quot;14854885966187&quot;,
9253      &quot;currencyCode&quot;: &quot;USD&quot;,
9254      &quot;price&quot;: 2895,
9255      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
9256    }
9257  }"
9258                  >
9259                    <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;">
9260    <g>
9261    <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"/>
9262    <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"/>
9263    <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"/>
9264    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9265    </g>
9266  </svg></span>
9267                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
9268                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9269    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9270      fill="currentcolor" stroke="none">
9271      <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"/>
9272    </g>
9273  </svg>
9274
9275                  </span>
9276                </button><input type="hidden" name="product-id" value="14854885966187" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

927656" /></form> 
9277            </div><button 
9278            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')" 
9279            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')" 
9280            @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);' 
9281            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" 
9282            aria-label="Button quickview"
9283            x-customer-event-data="{
9284    &quot;product&quot;: {
9285      &quot;title&quot;: &quot;The 4 Stages of Psychological Safety, Second Edition&quot;,
9286      &quot;listName&quot;: &quot;New Releases&quot;,
9287      &quot;sku&quot;: &quot;14854885966187&quot;,
9288      &quot;currencyCode&quot;: &quot;USD&quot;,
9289      &quot;price&quot;: 2895,
9290      &quot;vendor&quot;: &quot;Timothy R. Clark&quot;
9291    }
9292  }"
9293            x-show="$store.xQuickView.enabled"
9294          >
9295            <span class="flex justify-center items-center">
9296              
9297
9298  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
9299
9300
9301            </span>
9302          </button>
9303        </div>
9304      </template>
9305    
9306  </div>
9307</div>
9308
9309
9310<div 
9311  
9312    x-data="{ showOptions: false, options: [] }"
9313  
9314  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]" 
9315  x-slide-index="6"
9316>
9317  <div 
9318    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
9319  >
9320    <style data-shopify>
9321      
9322    </style>
9323    
9324    <style data-shopify>
9325      
9326    </style>
9327    <a 
9328      
9329        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
9330      
9331      href="/collections/new-releases/products/9798890571724_bust-those-management-myths"
9332       
9333        x-data="{ lastWindowWidth: 0 }"
9334        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
9335        x-labels-data="[{
9336        &quot;variant_id&quot;: 52185258230123,
9337        &quot;product_id&quot;: 14734982054251,
9338        &quot;available&quot;: true,
9339        &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
9340        &quot;compare_at_price&quot;: 0,
9341        &quot;price&quot;: 2495,
9342        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
9343        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
9344        &quot;collections&quot;: &quot;||639249514859||639249744235||636503097707||636480389483||636473475435||639252758891||639269339499||&quot;,
9345        &quot;inventory_management&quot;: &quot;shopify&quot;,
9346        &quot;qty&quot;: 1561,
9347        &quot;container&quot;: &quot;card&quot;,
9348        &quot;can_show_preorder&quot;: false,
9349        &quot;diff_day_create&quot;: 441.04,
9350        &quot;diff_day_publish&quot;: 397.67
9351        
9352          ,&quot;metafield_label&quot;: { 
9353            &quot;custom.format2&quot;:&quot;Paperback&quot;
9354          }
9355        
9356      }]"
9357       
9358      aria-label="Bust Those Management Myths"
9359      id="14734982054251-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

935956"
9360      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%]">
9361      <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">
9362        <div
9363          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-7-6"
9364          class="block h-full" 
9365          @click='$store.xCustomerEvent.fire("product_selected", $el)'
9366          x-customer-event-data="{
9367    &quot;product&quot;: {
9368      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
9369      &quot;listName&quot;: &quot;New Releases&quot;,
9370      &quot;sku&quot;: &quot;14734982054251&quot;,
9371      &quot;currencyCode&quot;: &quot;USD&quot;,
9372      &quot;price&quot;: 2495,
9373      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
9374    }
9375  }"
9376          >
9377<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
9378            >
9379              
9380              <picture>
9381                <img
9382                  srcset="//bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=450 450w,
9383                  //bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=750 750w,
9384                  //bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=900 900w,
9385                  //bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=1100 1100w,
9386                  //bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685 432w" 
9387                  src="//bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=1500"
9388                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
9389                  alt="Cover image for Bust Those Management Myths, isbn: 9798890571724"
9390                  :class="showSecond ? 'first-img' : ''"
9391                  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"
9392                  loading="lazy"
9393                  width="432"
9394                  height="648"
9395                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
9396                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
9397                />
9398              </picture>
9399              
9400            </div></div>
9401      </div>
9402      
9403        <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"
9404              x-show="$store.xQuickView" x-cloak
9405            > 
9406              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
9407                class="w-full hide-icon lg:px-4" 
9408                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
9409                x-cloak
9410              >
9411<form method="post" action="/cart/add" id="product-form-choose-option14734982054251207" 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">
9412                    
9413                                                                
9414                    <button
9415                      type="submit"
9416                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

941656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9417                      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"
9418                      
9419                      
9420                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9421                      
9422aria-label="Add to cart"
9423                        
9424                      
9425                    >
9426                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9427                            <span class="flex items-center justify-center">
9428                              
9429
9430  
9431    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
9432  
9433
9434
9435                            </span></span>
9436                      <div
9437                        class="flex gap-x-2 items-center justify-center"
9438                        role="alert"
9439                        x-cloak
9440                        x-show="errorMessage"
9441                      >
9442                        Sold out
9443                      </div>
9444                      <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>
9445                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9446    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9447      fill="currentcolor" stroke="none">
9448      <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"/>
9449    </g>
9450  </svg>
9451
9452                      </div>
9453                    </button>
9454                    <button 
9455                      type="submit"
9456                      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"
9457                      
9458                      
9459                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9460                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9461                      
9462aria-label="Add to cart"
9463                        
9464                      
9465                      x-customer-event-data="{
9466    &quot;product&quot;: {
9467      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
9468      &quot;listName&quot;: &quot;New Releases&quot;,
9469      &quot;sku&quot;: &quot;14734982054251&quot;,
9470      &quot;currencyCode&quot;: &quot;USD&quot;,
9471      &quot;price&quot;: 2495,
9472      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
9473    }
9474  }"
9475                    >
9476                      <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;">
9477    <g>
9478    <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"/>
9479    <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"/>
9480    <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"/>
9481    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9482    </g>
9483  </svg></span>

9484                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
9485                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9486    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9487      fill="currentcolor" stroke="none">
9488      <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"/>
9489    </g>
9490  </svg>
9491
9492                      </span>
9493                  </button><input type="hidden" name="product-id" value="14734982054251" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
9494              </div>
9495            </div><div
9496            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"
9497            :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'"
9498            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
9499            >
9500            <div>
9501              <button
9502                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
9503                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')" 
9504                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')" 
9505                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
9506                :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'"
9507                x-customer-event-data="{
9508    &quot;product&quot;: {
9509      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
9510      &quot;listName&quot;: &quot;New Releases&quot;,
9511      &quot;sku&quot;: &quot;14734982054251&quot;,
9512      &quot;currencyCode&quot;: &quot;USD&quot;,
9513      &quot;price&quot;: 2495,
9514      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
9515    }
9516  }"
9517                aria-label="Button quickview"
9518              >
9519                <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;">
9520    <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"/>
9521    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9522  </svg>
9523</span>

9524                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
9525                  
9526
9527  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
9528
9529
9530                </span>
9531              </button>
9532              <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);' 
9533                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" 
9534                aria-label="Button quickview"
9535                x-customer-event-data="{
9536    &quot;product&quot;: {
9537      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
9538      &quot;listName&quot;: &quot;New Releases&quot;,
9539      &quot;sku&quot;: &quot;14734982054251&quot;,
9540      &quot;currencyCode&quot;: &quot;USD&quot;,
9541      &quot;price&quot;: 2495,
9542      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
9543    }
9544  }"
9545              >
9546                <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;">
9547    <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"/>
9548    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9549  </svg>
9550</span>
9551              </button>
9552            </div>
9553          </div>
9554        </div>
9555      
9556    </a>
9557    
9558    
9559    <div class="md:list-layout:hidden">
9560      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
9561        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
9562          <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">
9563            <a href="/collections/new-releases/products/9798890571724_bust-those-management-myths"
9564              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"
9565              @click='$store.xCustomerEvent.fire("product_selected", $el)'
9566              x-customer-event-data="{
9567    &quot;product&quot;: {
9568      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
9569      &quot;listName&quot;: &quot;New Releases&quot;,
9570      &quot;sku&quot;: &quot;14734982054251&quot;,
9571      &quot;currencyCode&quot;: &quot;USD&quot;,
9572      &quot;price&quot;: 2495,
9573      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
9574    }
9575  }"
9576            >
9577              Bust Those Management Myths
9578            </a>
9579          </h3>
9580          
9581
9582            
9583  
9584<div 
9585  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
9586><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
9587      <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">
9588      <g>
9589        <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"/>
9590      </g>
9591    </svg>
9592    <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

9592ox="0 0 512 512"  xml:space="preserve">
9593      <g>
9594        <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"/>
9595      </g>
9596    </svg>
9597    <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">
9598      <g>
9599        <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"/>
9600      </g>
9601    </svg>
9602    <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">
9603      <g>
9604        <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"/>
9605      </g>
9606    </svg>
9607    <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">
9608      <g>
9609        <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"/>
9610      </g>
9611    </svg>
9612    </div> 
9613    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
9614    </p></div>
9615
9616<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">
9617            
9618            
9619              <div class=" price leading-none">
9620  <div class="">
9621    
9622      <div class="hidden">2495</div><p class="price">
9623          <span>$24.95</span>
9624        </p><small class="text-[70%] hidden">
9625        <span class="hidden">Unit price</span>
9626        <span class="up price-item price-item--last">
9627          <span>
9628
9629          </span>
9630          <span aria-hidden="true">/</span>
9631          <span class="hidden">&nbsp;per&nbsp;</span>
9632          <span>
9633          </span>
9634        </span>
9635      </small>
9636    
9637  </div>
9638  
9639</div>
9640            
9641            <div class="next-price empty:hidden"></div>
9642          </div>
9643          <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

964356" 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 
9644  x-data='{ 
9645    storeAvailabilites: {},
9646    pickupLocation: []
9647  }'
9648  class="mb-3"
9649  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
9650>
9651  <style data-shopify>
9652    .text-available, .text-unavailable {
9653      font-size: 0.669375rem;
9654      font-family: var(--font-body-family);
9655    }
9656
9657    @media (min-width: 768px) {
9658      .text-available, .text-unavailable {
9659        font-size: 0.74375rem;
9660      }
9661    }
9662
9663    .text-available {
9664      color: #6b762d;
9665    }
9666
9667    .dark .text-available {
9668      color: #858F4D;
9669    }
9670
9671    .text-unavailable {
9672      color: #767474;
9673    }
9674
9675    .dark .text-unavailable {
9676      color: #867F7F;
9677    }
9678  </style>
9679  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
9680    <span class="flex h-4 w-4 relative">
9681<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9682  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9683  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9684</svg>
9685
9686</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9687  </div>
9688  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
9689    <span class="flex h-4 w-4 relative">
9690<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9691  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9692  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9693</svg>
9694
9695</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9696  </div>
9697</div></div>
9698        </div>
9699      </div>
9700    </div>
9701    
9702  </div>
9703  <div
9704    id="x-product-template-14734982054251-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-7"
9705    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"
9706  >
9707    <div class="hidden md:list-layout:block">
9708      
9709      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
9710        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
9711          <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">
9712            <a href="/collections/new-releases/products/9798890571724_bust-those-management-myths"
9713              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"
9714              @click='$store.xCustomerEvent.fire("product_selected", $el)'
9715              x-customer-event-data="{
9716    &quot;product&quot;: {
9717      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
9718      &quot;listName&quot;: &quot;New Releases&quot;,
9719      &quot;sku&quot;: &quot;14734982054251&quot;,
9720      &quot;currencyCode&quot;: &quot;USD&quot;,
9721      &quot;price&quot;: 2495,
9722      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
9723    }
9724  }"
9725            >
9726              Bust Those Management Myths
9727            </a>
9728          </h3>
9729          
9730
9731            
9732  
9733<div 
9734  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
9735><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
9736      <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

9736ox="0 0 512 512"  xml:space="preserve">
9737      <g>
9738        <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"/>
9739      </g>
9740    </svg>
9741    <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">
9742      <g>
9743        <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"/>
9744      </g>
9745    </svg>
9746    <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">
9747      <g>
9748        <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"/>
9749      </g>
9750    </svg>
9751    <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">
9752      <g>
9753        <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"/>
9754      </g>
9755    </svg>
9756    <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">
9757      <g>
9758        <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"/>
9759      </g>
9760    </svg>
9761    </div> 
9762    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
9763    </p></div>
9764
9765<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">
9766            
9767            
9768              <div class=" price leading-none">
9769  <div class="">
9770    
9771      <div class="hidden">2495</div><p class="price">

9772          <span>$24.95</span>
9773        </p><small class="text-[70%] hidden">
9774        <span class="hidden">Unit price</span>
9775        <span class="up price-item price-item--last">
9776          <span>
9777
9778          </span>
9779          <span aria-hidden="true">/</span>
9780          <span class="hidden">&nbsp;per&nbsp;</span>
9781          <span>
9782          </span>
9783        </span>
9784      </small>
9785    
9786  </div>
9787  
9788</div>
9789            
9790            <div class="next-price empty:hidden"></div>
9791          </div>
9792          <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 
9793  x-data='{ 
9794    storeAvailabilites: {},
9795    pickupLocation: []
9796  }'
9797  class="mb-3"
9798  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
9799>
9800  <style data-shopify>
9801    .text-available, .text-unavailable {
9802      font-size: 0.669375rem;
9803      font-family: var(--font-body-family);
9804    }
9805
9806    @media (min-width: 768px) {
9807      .text-available, .text-unavailable {
9808        font-size: 0.74375rem;
9809      }
9810    }
9811
9812    .text-available {
9813      color: #6b762d;
9814    }
9815
9816    .dark .text-available {
9817      color: #858F4D;
9818    }
9819
9820    .text-unavailable {
9821      color: #767474;
9822    }
9823
9824    .dark .text-unavailable {
9825      color: #867F7F;
9826    }
9827  </style>
9828  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
9829    <span class="flex h-4 w-4 relative">
9830<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9831  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9832  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9833</svg>
9834
9835</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9836  </div>
9837  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
9838    <span class="flex h-4 w-4 relative">
9839<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9840  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
9841  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
9842</svg>
9843
9844</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
9845  </div>
9846</div></div>
9847        </div>
9848      </div>
9849    
9850    </div>
9851    
9852
9853        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
9854          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890571724_bust-those-management-myths');
9855        });"></div>
9856        <div
9857          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
9858          class="current-variant hidden"
9859        >
9860          52185258230123
9861        </div>
9862    
9863    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
9864    
9865      <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)" 
9866            class="card-info bottom_atc md:list-layout:hidden hide-icon"
9867            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
9868            x-cloak
9869          >
9870            
9871<form method="post" action="/cart/add" id="product-form-choose-option14734982054251207" 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">
9872                
9873                                                            
9874                <button
9875                  type="submit"
9876                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

987656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9877                  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"
9878                  
9879                  
9880                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9881                  
9882aria-label="Add to cart"
9883                    
9884                  
9885                >
9886                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9887                        <span class="flex items-center justify-center">
9888                          
9889
9890  
9891    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
9892  
9893
9894
9895                        </span></span>
9896                  <div
9897                    class="flex gap-x-2 items-center justify-center"
9898                    role="alert"
9899                    x-cloak
9900                    x-show="errorMessage"
9901                  >
9902                    Sold out
9903                  </div>
9904                  <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>
9905                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9906    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9907      fill="currentcolor" stroke="none">
9908      <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"/>
9909    </g>
9910  </svg>
9911
9912                  </div>
9913                </button><input type="hidden" name="product-id" value="14734982054251" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
9914          </div></template>
9915    
9916    
9917      <template x-if="$store.xQuickView">
9918        <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 && ''">
9919              
9920<form method="post" action="/cart/add" id="product-form-choose-option14734982054251207" 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">
9921                  
9922                                                              
9923                  <button
9924                    type="submit"
9925                    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"
9926                    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"
9927                    
9928                    
9929                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9930                    
9931aria-label="Add to cart"
9932                      
9933                    
9934                  >
9935                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

9936                          <span class="flex items-center justify-center">
9937                            
9938
9939  
9940    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
9941  
9942
9943
9944                          </span></span>
9945                    <div
9946                      class="flex gap-x-2 items-center justify-center"
9947                      role="alert"
9948                      x-cloak
9949                      x-show="errorMessage"
9950                    >
9951                      Sold out
9952                    </div>
9953                    <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>
9954                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9955    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9956      fill="currentcolor" stroke="none">
9957      <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"/>
9958    </g>
9959  </svg>
9960
9961                    </div>
9962                  </button><button 
9963                    type="submit"
9964                    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"
9965                    
9966                    
9967                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
9968                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
9969                    
9970aria-label="Add to cart"
9971                      
9972                    
9973                    x-customer-event-data="{
9974    &quot;product&quot;: {
9975      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
9976      &quot;listName&quot;: &quot;New Releases&quot;,
9977      &quot;sku&quot;: &quot;14734982054251&quot;,
9978      &quot;currencyCode&quot;: &quot;USD&quot;,
9979      &quot;price&quot;: 2495,
9980      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
9981    }
9982  }"
9983                  >
9984                    <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;">
9985    <g>
9986    <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"/>
9987    <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"/>
9988    <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"/>
9989    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
9990    </g>
9991  </svg></span>
9992                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
9993                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
9994    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9995      fill="currentcolor" stroke="none">
9996      <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"/>
9997    </g>
9998  </svg>
9999
10000                  </span>
10001                </button><input type="hidden" name="product-id" value="14734982054251" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

1000156" /></form> 
10002            </div><button 
10003            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')" 
10004            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')" 
10005            @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);' 
10006            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" 
10007            aria-label="Button quickview"
10008            x-customer-event-data="{
10009    &quot;product&quot;: {
10010      &quot;title&quot;: &quot;Bust Those Management Myths&quot;,
10011      &quot;listName&quot;: &quot;New Releases&quot;,
10012      &quot;sku&quot;: &quot;14734982054251&quot;,
10013      &quot;currencyCode&quot;: &quot;USD&quot;,
10014      &quot;price&quot;: 2495,
10015      &quot;vendor&quot;: &quot;Henry Mintzberg&quot;
10016    }
10017  }"
10018            x-show="$store.xQuickView.enabled"
10019          >
10020            <span class="flex justify-center items-center">
10021              
10022
10023  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10024
10025
10026            </span>
10027          </button>
10028        </div>
10029      </template>
10030    
10031  </div>
10032</div>
10033
10034
10035<div 
10036  
10037    x-data="{ showOptions: false, options: [] }"
10038  
10039  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]" 
10040  x-slide-index="7"
10041>
10042  <div 
10043    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
10044  >
10045    <style data-shopify>
10046      
10047    </style>
10048    
10049    <style data-shopify>
10050      
10051    </style>
10052    <a 
10053      
10054        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
10055      
10056      href="/collections/new-releases/products/9798890571625_the-creativity-leap-second-edition"
10057       
10058        x-data="{ lastWindowWidth: 0 }"
10059        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
10060        x-labels-data="[{
10061        &quot;variant_id&quot;: 52185256460651,
10062        &quot;product_id&quot;: 14734976549227,
10063        &quot;available&quot;: true,
10064        &quot;title&quot;: &quot;The Creativity Leap, Second Edition&quot;,
10065        &quot;compare_at_price&quot;: 0,
10066        &quot;price&quot;: 2495,
10067        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
10068        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
10069        &quot;collections&quot;: &quot;||641199341931||639249514859||636503097707||636480389483||639269929323||636473475435||639252758891||&quot;,
10070        &quot;inventory_management&quot;: &quot;shopify&quot;,
10071        &quot;qty&quot;: 1345,
10072        &quot;container&quot;: &quot;card&quot;,
10073        &quot;can_show_preorder&quot;: false,
10074        &quot;diff_day_create&quot;: 441.04,
10075        &quot;diff_day_publish&quot;: 321.31
10076        
10077          ,&quot;metafield_label&quot;: { 
10078            &quot;custom.format2&quot;:&quot;Paperback&quot;
10079          }
10080        
10081      }]"
10082       
10083      aria-label="The Creativity Leap, Second Edition"
10084      id="14734976549227-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

1008456"
10085      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%]">
10086      <div x-data="xDoubleTouch('/collections/new-releases/products/9798890571625_the-creativity-leap-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image">
10087        <div
10088          id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-8-7"
10089          class="block h-full" 
10090          @click='$store.xCustomerEvent.fire("product_selected", $el)'
10091          x-customer-event-data="{
10092    &quot;product&quot;: {
10093      &quot;title&quot;: &quot;The Creativity Leap, Second Edition&quot;,
10094      &quot;listName&quot;: &quot;New Releases&quot;,
10095      &quot;sku&quot;: &quot;14734976549227&quot;,
10096      &quot;currencyCode&quot;: &quot;USD&quot;,
10097      &quot;price&quot;: 2495,
10098      &quot;vendor&quot;: &quot;Natalie Nixon&quot;
10099    }
10100  }"
10101          >
10102<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
10103            >
10104              
10105              <picture>
10106                <img
10107                  srcset="//bkconnection.com/cdn/shop/files/9798890571625.jpg?v=1789087885&width=450 450w,
10108                  //bkconnection.com/cdn/shop/files/9798890571625.jpg?v=1789087885&width=750 750w,
10109                  //bkconnection.com/cdn/shop/files/9798890571625.jpg?v=1789087885&width=900 900w,
10110                  //bkconnection.com/cdn/shop/files/9798890571625.jpg?v=1789087885&width=1100 1100w,
10111                  //bkconnection.com/cdn/shop/files/9798890571625.jpg?v=1789087885&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571625.jpg?v=1789087885 419w" 
10112                  src="//bkconnection.com/cdn/shop/files/9798890571625.jpg?v=1789087885&width=1500"
10113                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
10114                  alt="Cover image for The Creativity Leap, Second Edition, isbn: 9798890571625"
10115                  :class="showSecond ? 'first-img' : ''"
10116                  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"
10117                  loading="lazy"
10118                  width="419"
10119                  height="648"
10120                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
10121                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
10122                />
10123              </picture>
10124              
10125            </div></div>
10126      </div>
10127      
10128        <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"
10129              x-show="$store.xQuickView" x-cloak
10130            > 
10131              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
10132                class="w-full hide-icon lg:px-4" 
10133                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
10134                x-cloak
10135              >
10136<form method="post" action="/cart/add" id="product-form-choose-option14734976549227208" 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="52185256460651">
10137                    
10138                                                                
10139                    <button
10140                      type="submit"
10141                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

1014156-14734976549227-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10142                      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"
10143                      
10144                      
10145                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10146                      
10147aria-label="Add to cart"
10148                        
10149                      
10150                    >
10151                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10152                            <span class="flex items-center justify-center">
10153                              
10154
10155  
10156    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
10157  
10158
10159
10160                            </span></span>
10161                      <div
10162                        class="flex gap-x-2 items-center justify-center"
10163                        role="alert"
10164                        x-cloak
10165                        x-show="errorMessage"
10166                      >
10167                        Sold out
10168                      </div>
10169                      <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>
10170                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10171    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10172      fill="currentcolor" stroke="none">
10173      <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"/>
10174    </g>
10175  </svg>
10176
10177                      </div>
10178                    </button>
10179                    <button 
10180                      type="submit"
10181                      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"
10182                      
10183                      
10184                      data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734976549227-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10185                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10186                      
10187aria-label="Add to cart"
10188                        
10189                      
10190                      x-customer-event-data="{
10191    &quot;product&quot;: {
10192      &quot;title&quot;: &quot;The Creativity Leap, Second Edition&quot;,
10193      &quot;listName&quot;: &quot;New Releases&quot;,
10194      &quot;sku&quot;: &quot;14734976549227&quot;,
10195      &quot;currencyCode&quot;: &quot;USD&quot;,
10196      &quot;price&quot;: 2495,
10197      &quot;vendor&quot;: &quot;Natalie Nixon&quot;
10198    }
10199  }"
10200                    >
10201                      <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;">
10202    <g>
10203    <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"/>
10204    <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.

1020414948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10205    <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"/>
10206    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10207    </g>
10208  </svg></span>
10209                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
10210                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10211    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10212      fill="currentcolor" stroke="none">
10213      <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"/>
10214    </g>
10215  </svg>
10216
10217                      </span>
10218                  </button><input type="hidden" name="product-id" value="14734976549227" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>                 
10219              </div>
10220            </div><div
10221            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"
10222            :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'"
10223            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
10224            >
10225            <div>
10226              <button
10227                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10228                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571625_the-creativity-leap-second-edition', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734976549227-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10229                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571625_the-creativity-leap-second-edition', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734976549227-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10230                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
10231                :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'"
10232                x-customer-event-data="{
10233    &quot;product&quot;: {
10234      &quot;title&quot;: &quot;The Creativity Leap, Second Edition&quot;,
10235      &quot;listName&quot;: &quot;New Releases&quot;,
10236      &quot;sku&quot;: &quot;14734976549227&quot;,
10237      &quot;currencyCode&quot;: &quot;USD&quot;,
10238      &quot;price&quot;: 2495,
10239      &quot;vendor&quot;: &quot;Natalie Nixon&quot;
10240    }
10241  }"
10242                aria-label="Button quickview"
10243              >
10244                <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

10244ox="0 0 16 16" fill="none" style="fill:none;">
10245    <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"/>
10246    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10247  </svg>
10248</span>
10249                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
10250                  
10251
10252  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10253
10254
10255                </span>
10256              </button>
10257              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890571625_the-creativity-leap-second-edition", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734976549227-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10258                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" 
10259                aria-label="Button quickview"
10260                x-customer-event-data="{
10261    &quot;product&quot;: {
10262      &quot;title&quot;: &quot;The Creativity Leap, Second Edition&quot;,
10263      &quot;listName&quot;: &quot;New Releases&quot;,
10264      &quot;sku&quot;: &quot;14734976549227&quot;,
10265      &quot;currencyCode&quot;: &quot;USD&quot;,
10266      &quot;price&quot;: 2495,
10267      &quot;vendor&quot;: &quot;Natalie Nixon&quot;
10268    }
10269  }"
10270              >
10271                <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;">
10272    <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"/>
10273    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10274  </svg>
10275</span>
10276              </button>
10277            </div>
10278          </div>
10279        </div>
10280      
10281    </a>
10282    
10283    
10284    <div class="md:list-layout:hidden">
10285      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
10286        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
10287          <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-14734976549227">
10288            <a href="/collections/new-releases/products/9798890571625_the-creativity-leap-second-edition"
10289              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"
10290              @click='$store.xCustomerEvent.fire("product_selected", $el)'
10291              x-customer-event-data="{
10292    &quot;product&quot;: {
10293      &quot;title&quot;: &quot;The Creativity Leap, Second Edition&quot;,
10294      &quot;listName&quot;: &quot;New Releases&quot;,
10295      &quot;sku&quot;: &quot;14734976549227&quot;,
10296      &quot;currencyCode&quot;: &quot;USD&quot;,
10297      &quot;price&quot;: 2495,
10298      &quot;vendor&quot;: &quot;Natalie Nixon&quot;
10299    }
10300  }"
10301            >
10302              The Creativity Leap, Second Edition
10303            </a>
10304          </h3>
10305          
10306
10307            
10308  
10309<div 
10310  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
10311><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.0 out of 5.0 stars">
10312      <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

10312ox="0 0 512 512"  xml:space="preserve">
10313      <g>
10314        <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"/>
10315      </g>
10316    </svg>
10317    <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">
10318      <g>
10319        <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"/>
10320      </g>
10321    </svg>
10322    <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">
10323      <g>
10324        <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"/>
10325      </g>
10326    </svg>
10327    <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">
10328      <g>
10329        <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"/>
10330      </g>
10331    </svg><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">
10332      <g>
10333        <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"/>
10334      </g>
10335    </svg>
10336    </div> 
10337    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(2)
10338    </p></div>
10339
10340<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">
10341            
10342            
10343              <div class=" price leading-none">
10344  <div class="">
10345    
10346      <div class="hidden">2495</div><p class="price">

10347          <span>$24.95</span>
10348        </p><small class="text-[70%] hidden">
10349        <span class="hidden">Unit price</span>
10350        <span class="up price-item price-item--last">
10351          <span>
10352
10353          </span>
10354          <span aria-hidden="true">/</span>
10355          <span class="hidden">&nbsp;per&nbsp;</span>
10356          <span>
10357          </span>
10358        </span>
10359      </small>
10360    
10361  </div>
10362  
10363</div>
10364            
10365            <div class="next-price empty:hidden"></div>
10366          </div>
10367          <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('14734976549227', [641199341931, 639249514859, 636503097707, 636480389483, 639269929323, 636473475435, 639252758891])"><div 
10368  x-data='{ 
10369    storeAvailabilites: {},
10370    pickupLocation: []
10371  }'
10372  class="mb-3"
10373  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
10374>
10375  <style data-shopify>
10376    .text-available, .text-unavailable {
10377      font-size: 0.669375rem;
10378      font-family: var(--font-body-family);
10379    }
10380
10381    @media (min-width: 768px) {
10382      .text-available, .text-unavailable {
10383        font-size: 0.74375rem;
10384      }
10385    }
10386
10387    .text-available {
10388      color: #6b762d;
10389    }
10390
10391    .dark .text-available {
10392      color: #858F4D;
10393    }
10394
10395    .text-unavailable {
10396      color: #767474;
10397    }
10398
10399    .dark .text-unavailable {
10400      color: #867F7F;
10401    }
10402  </style>
10403  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
10404    <span class="flex h-4 w-4 relative">
10405<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10406  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10407  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10408</svg>
10409
10410</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
10411  </div>
10412  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
10413    <span class="flex h-4 w-4 relative">
10414<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10415  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10416  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10417</svg>
10418
10419</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
10420  </div>
10421</div></div>
10422        </div>
10423      </div>
10424    </div>
10425    
10426  </div>
10427  <div
10428    id="x-product-template-14734976549227-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-8"
10429    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"
10430  >
10431    <div class="hidden md:list-layout:block">
10432      
10433      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
10434        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
10435          <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-14734976549227">
10436            <a href="/collections/new-releases/products/9798890571625_the-creativity-leap-second-edition"
10437              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"
10438              @click='$store.xCustomerEvent.fire("product_selected", $el)'
10439              x-customer-event-data="{
10440    &quot;product&quot;: {
10441      &quot;title&quot;: &quot;The Creativity Leap, Second Edition&quot;,
10442      &quot;listName&quot;: &quot;New Releases&quot;,
10443      &quot;sku&quot;: &quot;14734976549227&quot;,
10444      &quot;currencyCode&quot;: &quot;USD&quot;,
10445      &quot;price&quot;: 2495,
10446      &quot;vendor&quot;: &quot;Natalie Nixon&quot;
10447    }
10448  }"
10449            >
10450              The Creativity Leap, Second Edition
10451            </a>
10452          </h3>
10453          
10454
10455            
10456  
10457<div 
10458  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
10459><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.0 out of 5.0 stars">
10460      <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

10460ox="0 0 512 512"  xml:space="preserve">
10461      <g>
10462        <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"/>
10463      </g>
10464    </svg>
10465    <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">
10466      <g>
10467        <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"/>
10468      </g>
10469    </svg>
10470    <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">
10471      <g>
10472        <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"/>
10473      </g>
10474    </svg>
10475    <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">
10476      <g>
10477        <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"/>
10478      </g>
10479    </svg><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">
10480      <g>
10481        <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"/>
10482      </g>
10483    </svg>
10484    </div> 
10485    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(2)
10486    </p></div>
10487
10488<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">
10489            
10490            
10491              <div class=" price leading-none">
10492  <div class="">
10493    
10494      <div class="hidden">2495</div><p class="price">

10495          <span>$24.95</span>
10496        </p><small class="text-[70%] hidden">
10497        <span class="hidden">Unit price</span>
10498        <span class="up price-item price-item--last">
10499          <span>
10500
10501          </span>
10502          <span aria-hidden="true">/</span>
10503          <span class="hidden">&nbsp;per&nbsp;</span>
10504          <span>
10505          </span>
10506        </span>
10507      </small>
10508    
10509  </div>
10510  
10511</div>
10512            
10513            <div class="next-price empty:hidden"></div>
10514          </div>
10515          <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('14734976549227', [641199341931, 639249514859, 636503097707, 636480389483, 639269929323, 636473475435, 639252758891])"><div 
10516  x-data='{ 
10517    storeAvailabilites: {},
10518    pickupLocation: []
10519  }'
10520  class="mb-3"
10521  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
10522>
10523  <style data-shopify>
10524    .text-available, .text-unavailable {
10525      font-size: 0.669375rem;
10526      font-family: var(--font-body-family);
10527    }
10528
10529    @media (min-width: 768px) {
10530      .text-available, .text-unavailable {
10531        font-size: 0.74375rem;
10532      }
10533    }
10534
10535    .text-available {
10536      color: #6b762d;
10537    }
10538
10539    .dark .text-available {
10540      color: #858F4D;
10541    }
10542
10543    .text-unavailable {
10544      color: #767474;
10545    }
10546
10547    .dark .text-unavailable {
10548      color: #867F7F;
10549    }
10550  </style>
10551  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
10552    <span class="flex h-4 w-4 relative">
10553<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10554  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10555  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10556</svg>
10557
10558</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
10559  </div>
10560  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
10561    <span class="flex h-4 w-4 relative">
10562<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
10563  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
10564  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
10565</svg>
10566
10567</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
10568  </div>
10569</div></div>
10570        </div>
10571      </div>
10572    
10573    </div>
10574    
10575
10576        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
10577          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890571625_the-creativity-leap-second-edition');
10578        });"></div>
10579        <div
10580          id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734976549227-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 
10581          class="current-variant hidden"
10582        >
10583          52185256460651
10584        </div>
10585    
10586    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
10587    
10588      <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)" 
10589            class="card-info bottom_atc md:list-layout:hidden hide-icon"
10590            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
10591            x-cloak
10592          >
10593            
10594<form method="post" action="/cart/add" id="product-form-choose-option14734976549227208" 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="52185256460651">
10595                
10596                                                            
10597                <button
10598                  type="submit"
10599                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

1059956-14734976549227-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10600                  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"
10601                  
10602                  
10603                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10604                  
10605aria-label="Add to cart"
10606                    
10607                  
10608                >
10609                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10610                        <span class="flex items-center justify-center">
10611                          
10612
10613  
10614    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
10615  
10616
10617
10618                        </span></span>
10619                  <div
10620                    class="flex gap-x-2 items-center justify-center"
10621                    role="alert"
10622                    x-cloak
10623                    x-show="errorMessage"
10624                  >
10625                    Sold out
10626                  </div>
10627                  <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>
10628                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10629    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10630      fill="currentcolor" stroke="none">
10631      <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"/>
10632    </g>
10633  </svg>
10634
10635                  </div>
10636                </button><input type="hidden" name="product-id" value="14734976549227" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
10637          </div></template>
10638    
10639    
10640      <template x-if="$store.xQuickView">
10641        <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 && ''">
10642              
10643<form method="post" action="/cart/add" id="product-form-choose-option14734976549227208" 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="52185256460651">
10644                  
10645                                                              
10646                  <button
10647                    type="submit"
10648                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734976549227-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10649                    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"
10650                    
10651                    
10652                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10653                    
10654aria-label="Add to cart"
10655                      
10656                    
10657                  >
10658                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">

10659                          <span class="flex items-center justify-center">
10660                            
10661
10662  
10663    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
10664  
10665
10666
10667                          </span></span>
10668                    <div
10669                      class="flex gap-x-2 items-center justify-center"
10670                      role="alert"
10671                      x-cloak
10672                      x-show="errorMessage"
10673                    >
10674                      Sold out
10675                    </div>
10676                    <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>
10677                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10678    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10679      fill="currentcolor" stroke="none">
10680      <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"/>
10681    </g>
10682  </svg>
10683
10684                    </div>
10685                  </button><button 
10686                    type="submit"
10687                    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"
10688                    
10689                    
10690                    data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734976549227-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"
10691                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
10692                    
10693aria-label="Add to cart"
10694                      
10695                    
10696                    x-customer-event-data="{
10697    &quot;product&quot;: {
10698      &quot;title&quot;: &quot;The Creativity Leap, Second Edition&quot;,
10699      &quot;listName&quot;: &quot;New Releases&quot;,
10700      &quot;sku&quot;: &quot;14734976549227&quot;,
10701      &quot;currencyCode&quot;: &quot;USD&quot;,
10702      &quot;price&quot;: 2495,
10703      &quot;vendor&quot;: &quot;Natalie Nixon&quot;
10704    }
10705  }"
10706                  >
10707                    <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;">
10708    <g>
10709    <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"/>
10710    <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"/>
10711    <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"/>
10712    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
10713    </g>
10714  </svg></span>
10715                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
10716                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
10717    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
10718      fill="currentcolor" stroke="none">
10719      <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"/>
10720    </g>
10721  </svg>
10722
10723                  </span>
10724                </button><input type="hidden" name="product-id" value="14734976549227" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

1072456" /></form> 
10725            </div><button 
10726            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571625_the-creativity-leap-second-edition', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734976549227-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10727            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571625_the-creativity-leap-second-edition', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734976549227-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 
10728            @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890571625_the-creativity-leap-second-edition", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734976549227-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
10729            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" 
10730            aria-label="Button quickview"
10731            x-customer-event-data="{
10732    &quot;product&quot;: {
10733      &quot;title&quot;: &quot;The Creativity Leap, Second Edition&quot;,
10734      &quot;listName&quot;: &quot;New Releases&quot;,
10735      &quot;sku&quot;: &quot;14734976549227&quot;,
10736      &quot;currencyCode&quot;: &quot;USD&quot;,
10737      &quot;price&quot;: 2495,
10738      &quot;vendor&quot;: &quot;Natalie Nixon&quot;
10739    }
10740  }"
10741            x-show="$store.xQuickView.enabled"
10742          >
10743            <span class="flex justify-center items-center">
10744              
10745
10746  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
10747
10748
10749            </span>
10750          </button>
10751        </div>
10752      </template>
10753    
10754  </div>
10755</div>
10756</div>
10757                </div>
10758                
10759                  <div class="splide__arrows flex items-center justify-center">
10760                    <button 
10761                      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"
10762                      aria-label="previous slide"
10763                    >
10764                      <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
10765    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10766  </svg>
10767
10768                    </button>
10769                    <button 
10770                      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"
10771                      aria-label="next slide"
10772                    >
10773                      <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
10774    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10775  </svg>
10776
10777                    </button>
10778                  </div>
10779                
10780<div class=" md:flex items-center hidden gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto">
10781                    <div class="splide-progress inline-block grow rounded-md">
10782                       <style data-shopify>.splide-progress-bar-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76

1078256-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1 {
10783                          width: 25.0%;
10784                        }
10785                        @media (min-width: 768px) {
10786                          .splide-progress-bar-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1 {
10787                            width: 62.5%;
10788                          }
10789                        }</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>
10790                    </div>
10791                  </div></div>
10792            </div>
10793          </div>
10794        </div>
10795      </div>
10796  </div>
10797</div>

10798<script src="//bkconnection.com/cdn/shop/t/4/assets/preview-color-swatches.js?v=124028182148704388941747335364" defer></script>

10798
10799</div></div>

10800<script src="//bkconnection.com/cdn/shop/t/4/assets/featured-collection.js?v=168062212644831816131747335364" defer></script>

10800
10801
10802
10803</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 {
10804    
10805      background: rgb(var(--colors-background-secondary));
10806      --background-color: var(--colors-background-secondary);
10807    
10808  }
10809  .dark .iwt--template--24498228953451__image_with_text_CDKmkg {
10810    
10811      background: rgb(var(--colors-background-secondary));
10812      --background-color: var(--colors-background-secondary);
10813    
10814  }.border-radius-template--24498228953451__image_with_text_CDKmkg {
10815      border-radius: 9px;
10816  }
10817  @media screen and (min-width: 768px) {}
10818  .border--template--24498228953451__image_with_text_CDKmkg, .border--template--24498228953451__image_with_text_CDKmkg:before {
10819    
10820      --colors-line-and-border: var(--colors-line-and-border-base)
10821    
10822    }
10823  .dark .border--template--24498228953451__image_with_text_CDKmkg, .dark .border--template--24498228953451__image_with_text_CDKmkg:before {
10824            
10825      --colors-line-and-border: var(--colors-line-and-border-base)
10826    
10827  }
10828  .icon--template--24498228953451__image_with_text_CDKmkg {
10829    width: 31.5px;
10830    height: 31.5px;
10831    min-width: 31.5px;
10832    min-height: 31.5px;
10833    
10834      color: #4d4a4b;
10835    
10836  }
10837  @media (min-width: 1024px){
10838    .icon--template--24498228953451__image_with_text_CDKmkg {
10839      width: 45px;
10840      height: 45px;
10841      min-width: 45px;
10842      min-height: 45px;
10843    }
10844  }
10845  .dark .icon--template--24498228953451__image_with_text_CDKmkg {
10846    
10847      color: rgb(var(--colors-text));
10848    
10849  }
10850  
10851  .dark .color-text--template--24498228953451__image_with_text_CDKmkg {
10852            
10853      --colors-text: var(--colors-text-secondary);
10854    
10855  }
10856  .columns-header-color--template--24498228953451__image_with_text_CDKmkg {
10857    
10858      --colors-heading: var(--colors-heading-secondary);
10859    
10860    }
10861  .dark .columns-header-color--template--24498228953451__image_with_text_CDKmkg {
10862            
10863      --colors-heading: var(--colors-heading-secondary);
10864    
10865  }</style><div class="ltr pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px] md:pl-5 md:pr-5 pr-5 pl-5">
10866  <div 
10867    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"
10868  >
10869    
10870      <div class="iwt-image border-radius-template--24498228953451__image_with_text_CDKmkg md:w-1/2 promotion w-full flex">
10871        <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">
10872          <div class="flex w-full h-full relative md:promotion:relative">
10873    
10874          
10875            
10876            
10877              
10878              <div class="border-radius-template--24498228953451__image_with_text_CDKmkg h-full w-full overflow-hidden h-full">
10879                <parallax-image class="block h-full w-full">
10880                  <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
10881                    <img
10882                      class="h-full w-full object-cover border-radius-template--24498228953451__image_with_text_CDKmkg animate_transition_slide__image animate-Xpulse skeleton-image"
10883                      srcset="//bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=450 450w,
10884                      //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=750 750w,
10885                      //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=900 900w,
10886                      //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=1100 1100w,
10887                      //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=1500 1500w,
10888                      //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912 4096w"
10889                      src="//bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=1500"
10890                      alt=""
10891                      
10892                        loading="lazy"
10893                      
10894                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active');"
10895                      sizes="(min-width: 1024px) 50vw, (min-width: 768px) 50vw, 100vw"
10896                      width="4096"
10897                      height="2731"
10898                      style="object-position: 50.0% 50.0%"
10899                    >
10900                  </parallax-movement>
10901                </parallax-image>
10902              </div>
10903            
10904            
10905          
10906        </div>
10907      </div>
10908    </div>
10909    <div class="md:w-1/2 w-full flex justify-center md:justify-start items-center md:justify-end iwt-content-no-overlap">
10910      <div class="iwt-content  w-full lg:pl-24 lg:pr-24"><style data-shopify>.heading-size--heading_PXWreQ {
10911                  font-size: 1.08rem;
10912                }
10913                .color-text-heading_PXWreQ {
10914                  
10915                  
10916                }
10917                .dark .color-text-heading_PXWreQ {
10918                  
10919                    --colors-heading: var(--colors-heading-secondary);
10920                  
10921                  
10922                    --colors-text: var(--colors-text-secondary);
10923                  
10924                }
10925                @media (min-width: 768px) {
10926                  .heading-size--heading_PXWreQ {
10927                    font-size: 1.8rem;
10928                  }
10929                }</style>
10930              
10931              <div class="x-block-text color-text-heading_PXWreQ text-[rgb(var(--colors-text))] w-full mt-4 text-center">
10932                
10933                  <p class="font-medium">Support independent publishing</p>
10934                
10935                
10936                  
10937
10938
10939<style data-shopify>
10940  .heading-heading_PXWreQ {
10941    
10942  }
10943  .dark .heading-heading_PXWreQ {
10944    
10945      --color-highlight: #4d6391;
10946    
10947  }
10948</style>
10949
10950
10951 
10952  <h2 class='heading-size--heading_PXWreQ  heading-heading_PXWreQ h2 block mt-2 mb-1.5 md:mt-2.5 md:mb-3 '  
10953  > 
10954
10955  
10956    
10957      MORE THAN A MEMBERSHIP
10958    
10959  
10960</h2>
10961                
10962                
10963
10964
10965  <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>
10966
10967              </div>
10968        
10969
10970              
10971                <style data-shopify>
10972                  .button-button_8XPPF6, .button-button_8XPPF6 *:before {
10973                    
10974                    
10975                    
10976                    
10977                    
10978                    
10979                    
10980                  }
10981                  .dark .button-button_8XPPF6, .dark .button-button_8XPPF6 *:before {
10982                      
10983                      --colors-button: 77, 99, 145;
10984                    
10985                     
10986                      --colors-button-text: 40, 41, 40; 
10987                    
10988                      
10989                      --colors-button-hover: rgb(77, 99, 145);
10990                    
10991                      
10992                      --colors-button-text-hover: 36, 36, 36;
10993                    
10994                      
10995                      --colors-secondary-button: 255, 255, 255;
10996                      --colors-line-secondary-button: 255, 255, 255;
10997                    
10998                    
10999                      --background-secondary-button: transparent;
11000                    
11001                    
11002                      --colors-text-link: 77, 99, 145;
11003                    
11004                  }
11005                </style>
11006                <div class="button-button_8XPPF6 flex justify-center mb-9 md:mb-4 mt-4 md:mt-8">
11007                  
11008                    <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">
11009                      
11010
11011  
11012    <span class="button-text  is-focus-button:opacity-0">Join the BK Community</span>
11013  
11014
11015
11016                    </a>
11017                  
11018                </div>
11019              
11020
11021        
11022      </div>
11023    </div>
11024  </div>
11025</div>
11026
11027</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 {
11028    font-size: 1.35rem;
11029  }
11030  #shopify-section-template--24498228953451__featured_collection_PFy63t .collection-title .h4 {
11031    font-size: 0.875rem; 
11032  }
11033  @media (min-width: 768px) {
11034    .heading-template--24498228953451__featured_collection_PFy63t {
11035      font-size: 2.25rem; 
11036    }
11037    #shopify-section-template--24498228953451__featured_collection_PFy63t .collection-title .h4 {
11038      font-size: 0.7rem; 
11039    }
11040  }
11041  @media (min-width: 1024px) {
11042    #shopify-section-template--24498228953451__featured_collection_PFy63t .collection-title .h4 {
11043      font-size: 0.875rem; 
11044    }
11045  }
11046
11047  .collection-title .label-template--24498228953451__featured_collection_PFy63t { 
11048    
11049      
11050        background: transparent;
11051      
11052    
11053    
11054  }
11055  .collection-title .label-template--24498228953451__featured_collection_PFy63t.active, .collection-title .label-template--24498228953451__featured_collection_PFy63t.active:hover { 
11056    
11057      
11058        background: rgba(77, 74, 75, 0.1);
11059      
11060    
11061    
11062  }
11063  .collection-title .label-template--24498228953451__featured_collection_PFy63t:hover { 
11064    
11065      
11066        background: rgba(77, 74, 75, 0.1);
11067      
11068    
11069    
11070  }
11071
11072  .dark .collection-title .label-template--24498228953451__featured_collection_PFy63t { 
11073    
11074      
11075        background: transparent;
11076      
11077    
11078    
11079  }
11080  .dark .collection-title .label-template--24498228953451__featured_collection_PFy63t.active, .dark .collection-title .label-template--24498228953451__featured_collection_PFy63t.active:hover { 
11081    
11082      
11083        background: rgba(255, 255, 255, 0.1);
11084      
11085    
11086    
11087  }
11088  .dark .collection-title .label-template--24498228953451__featured_collection_PFy63t:hover { 
11089    
11090      
11091        background: rgba(255, 255, 255, 0.1);
11092      
11093    
11094    
11095  }</style>
11096
11097<div 
11098  class="x-container-featured-collection pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px]"
11099  x-data="{ 
11100    view_all_link: '/collections/bestsellers',

11101    setViewAllLink(url) {
11102      this.view_all_link = url;
11103    }
11104  }"
11105>
11106  <div class="collection_wrapper"><style data-shopify>
11107.collection-title-container.scrollbar-body::-webkit-scrollbar{
11108  width: 1px;
11109  height: 2px;
11110}
11111</style>
11112
11113<div class="mb-4 md:mb-2 relative">
11114  <div class="relative w-full bg-transparent"><div
11115        class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2"
11116        x-data='xFeaturedCollection("template--24498228953451__featured_collection_PFy63t", "page", $el)'
11117      >
11118        <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">
11119
11120
11121
11122<style data-shopify>
11123  .heading-template--24498228953451__featured_collection_PFy63t {
11124    
11125  }
11126  .dark .heading-template--24498228953451__featured_collection_PFy63t {
11127    
11128      --color-highlight: #4d6391;
11129    
11130  }
11131</style>
11132
11133
11134 
11135  <h2 class=' heading-template--24498228953451__featured_collection_PFy63t h2 block leading-tight p-break-words '  
11136  > 
11137
11138  
11139    
11140      Bestsellers
11141    
11142  
11143</h2>
11144 
11145            </div>
11146          
11147          
11148        </div><div class="flex justify-center pt-1.5 pb-1.5 md:pb-3 md:pt-3">
11149            
11150              <a
11151                x-cloak
11152                x-show="view_all_link"
11153                class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1"
11154                :href="view_all_link" 
11155                :class="'opacity-70 hover:cursor-not-allowed' && view_all_link"
11156              >
11157                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;">
11158    <g>
11159    <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
11160    <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
11161    </g>
11162  </svg>
11163</span>
11164              </a>
11165            
11166          </div><div class=" md:pl-5 md:pr-5 x-pgw page-width-mobile" x-show="loading">
11167          
11168        </div>
11169        
11170        <div>
11171          
11172            
11173
11174        </div>
11175        <div class="animate-fade-in relative md:mt-4 lg:mt-8"
11176          id="x-fc-template--24498228953451__featured_collection_PFy63t-1"
11177          
11178        >
11179          <style data-shopify>
11180          
11181            @media (max-width: 767px) {
11182              .preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t {
11183                  margin-right: 16px;
11184                
11185                width: calc(((100% + 16px) / 2) - 16px);
11186              }
11187            }
11188          
11189          
11190          
11191            @media (min-width: 768px){
11192              .preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t {
11193                  margin-right: 30px;
11194                
11195                
11196                  width: calc(((100% + 30px) / 4) - 30px);
11197                
11198              }
11199            }
11200            
11201              @media (min-width: 1024px){
11202                .preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t {
11203                  width: calc(((100% + 30px) / 5) - 30px);
11204                }
11205              }
11206            
11207          
11208          
11209
11210          </style>
11211          <div
11212            class=" carousel-mobile carousel-tablet md:pl-5 md:pr-5 pl-5 pr-5"
11213            x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `Bestsellers`, id: "collection" }}

11213)'
11214          ><div 
11215            ><div
11216                id="x-collection-collection_hxQeQm"
11217                class="collection overflow-hidden x-splide visible splide"
11218                x-data-slider="template--24498228953451__featured_collection_PFy63t"
11219                  x-intersect.once.margin.200px='$store.xSplide.load($el, {
11220                    "speed": 1000,
11221                    "pagination": false, 
11222                    "mediaQuery": "min",
11223                    "updateOnMove": "true",
11224                    "pauseOnHover": true,
11225                    "pauseOnFocus": false,
11226                    "progressBar": 20,
11227                      "drag": false,
11228
11229"rewind": true,
11230                      "autoplay": true,
11231                      "interval": 3000,
11232                    "breakpoints": {
11233                      300: {"gap": "16px",
11234                        "perPage": 2,
11235                        "perMove": 2
11236                      },
11237                      768: {
11238                        "drag": true,
11239                          "destroy": false,
11240                        "gap": "30px",
11241                          "perPage": 4,
11242                          "perMove": 4
11243                      },
11244                      1024: {
11245                        "perPage": 5,
11246                        "perMove": 5
11247                      }
11248                    },
11249                    "classes": {
11250                      "arrows" : "block"
11251                    },
11252                    "events": [
11253                      {
11254                        "event": "ready",
11255                        "callback": () => {
11256                          document.dispatchEvent(new CustomEvent("eurus:template--24498228953451__featured_collection_PFy63t:splide-ready"));
11257                        }
11258                      }
11259                    ]
11260                  })'>
11261                <style data-shopify>
11262                  .gap-mobile-collection_hxQeQm-template--24498228953451__featured_collection_PFy63t {
11263                    gap: 16px;
11264                  }
11265                  @media (min-width: 768px) {
11266                    .gap-collection_hxQeQm-template--24498228953451__featured_collection_PFy63t {
11267                      
11268                        gap: 0px;
11269                      
11270                    }
11271                  }
11272                </style>
11273                <div class="splide__track md:cursor-grab lg:pl-0 lg:pr-0">
11274                  <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">
11275
11276<div 
11277  
11278    x-data="{ showOptions: false, options: [] }"
11279  
11280  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]" 
11281  x-slide-index="0"
11282>
11283  <div 
11284    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
11285  >
11286    <style data-shopify>
11287      
11288    </style>
11289    
11290    <style data-shopify>
11291      
11292    </style>
11293    <a 
11294      
11295        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
11296      
11297      href="/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition"
11298       
11299        x-data="{ lastWindowWidth: 0 }"
11300        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
11301        x-labels-data="[{
11302        &quot;variant_id&quot;: 52185262227819,
11303        &quot;product_id&quot;: 14734979400043,
11304        &quot;available&quot;: true,
11305        &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
11306        &quot;compare_at_price&quot;: 0,
11307        &quot;price&quot;: 3495,
11308        &quot;price_with_currency&quot;: &quot;$34.95&quot;,
11309        &quot;sale_amount&quot;: &quot;$-34.95&quot;,
11310        &quot;collections&quot;: &quot;||637336453483||639249514859||643825140075||639476957547||639249744235||636473475435||639252758891||639269339499||&quot;,
11311        &quot;inventory_management&quot;: &quot;shopify&quot;,
11312        &quot;qty&quot;: 750,
11313        &quot;container&quot;: &quot;card&quot;,
11314        &quot;can_show_preorder&quot;: false,
11315        &quot;diff_day_create&quot;: 441.04,
11316        &quot;diff_day_publish&quot;: 441.03
11317        
11318          ,&quot;metafield_label&quot;: { 
11319            &quot;custom.format2&quot;:&quot;Hardcover&quot;
11320          }
11321        
11322      }]"
11323       
11324      aria-label="Leaders Make the Future, Third Edition"
11325      id="14734979400043-template--24498228953451__featured_collection_PFy63t"
11326      class="ltr group link-product-variant overflow-hidden block relative z-[15] curs

11326or-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]">
11327      <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">
11328        <div
11329          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-1-0"
11330          class="block h-full" 
11331          @click='$store.xCustomerEvent.fire("product_selected", $el)'
11332          x-customer-event-data="{
11333    &quot;product&quot;: {
11334      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
11335      &quot;listName&quot;: &quot;Bestsellers&quot;,
11336      &quot;sku&quot;: &quot;14734979400043&quot;,
11337      &quot;currencyCode&quot;: &quot;USD&quot;,
11338      &quot;price&quot;: 3495,
11339      &quot;vendor&quot;: &quot;Bob Johansen&quot;
11340    }
11341  }"
11342          >
11343<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
11344            >
11345              
11346              <picture>
11347                <img
11348                  srcset="//bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=450 450w,
11349                  //bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=750 750w,
11350                  //bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=900 900w,
11351                  //bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=1100 1100w,
11352                  //bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881 429w" 
11353                  src="//bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=1500"
11354                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
11355                  alt="Cover image for Leaders Make the Future, Third Edition, isbn: 9798890570321"
11356                  :class="showSecond ? 'first-img' : ''"
11357                  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"
11358                  loading="lazy"
11359                  width="429"
11360                  height="648"
11361                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
11362                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
11363                />
11364              </picture>
11365              
11366            </div></div>
11367      </div>
11368      
11369        <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"
11370              x-show="$store.xQuickView" x-cloak
11371            > 
11372              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
11373                class="w-full hide-icon lg:px-4" 
11374                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
11375                x-cloak
11376              >
11377<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">
11378                    
11379                                                                
11380                    <button
11381                      type="submit"
11382                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm"
11383                      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"
11384                      
11385                      
11386                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11387                      
11388aria-label="Add to cart"
11389                        
11390                      
11391                    >

11392                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11393                            <span class="flex items-center justify-center">
11394                              
11395
11396  
11397    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
11398  
11399
11400
11401                            </span></span>
11402                      <div
11403                        class="flex gap-x-2 items-center justify-center"
11404                        role="alert"
11405                        x-cloak
11406                        x-show="errorMessage"
11407                      >
11408                        Sold out
11409                      </div>
11410                      <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>
11411                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11412    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11413      fill="currentcolor" stroke="none">
11414      <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"/>
11415    </g>
11416  </svg>
11417
11418                      </div>
11419                    </button>
11420                    <button 
11421                      type="submit"
11422                      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"
11423                      
11424                      
11425                      data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm"
11426                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11427                      
11428aria-label="Add to cart"
11429                        
11430                      
11431                      x-customer-event-data="{
11432    &quot;product&quot;: {
11433      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
11434      &quot;listName&quot;: &quot;Bestsellers&quot;,
11435      &quot;sku&quot;: &quot;14734979400043&quot;,
11436      &quot;currencyCode&quot;: &quot;USD&quot;,
11437      &quot;price&quot;: 3495,
11438      &quot;vendor&quot;: &quot;Bob Johansen&quot;
11439    }
11440  }"
11441                    >
11442                      <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;">
11443    <g>
11444    <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"/>
11445    <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"/>
11446    <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"/>
11447    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11448    </g>
11449  </svg></span>
11450                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
11451                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11452    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11453      fill="currentcolor" stroke="none">
11454      <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"/>
11455    </g>
11456  </svg>
11457
11458                      </span>
11459                  </button><input type="hidden" name="product-id" value="14734979400043" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
11460              </div>
11461            </div><div
11462            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"
11463            :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'"
11464            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
11465            >
11466            <div>
11467              <button
11468                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
11469                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')" 
11470                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')" 
11471                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
11472                :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'"
11473                x-customer-event-data="{
11474    &quot;product&quot;: {
11475      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
11476      &quot;listName&quot;: &quot;Bestsellers&quot;,
11477      &quot;sku&quot;: &quot;14734979400043&quot;,
11478      &quot;currencyCode&quot;: &quot;USD&quot;,
11479      &quot;price&quot;: 3495,
11480      &quot;vendor&quot;: &quot;Bob Johansen&quot;
11481    }
11482  }"
11483                aria-label="Button quickview"
11484              >

11485                <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;">
11486    <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"/>
11487    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11488  </svg>
11489</span>
11490                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
11491                  
11492
11493  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
11494
11495
11496                </span>
11497              </button>
11498              <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);' 
11499                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" 
11500                aria-label="Button quickview"
11501                x-customer-event-data="{
11502    &quot;product&quot;: {
11503      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
11504      &quot;listName&quot;: &quot;Bestsellers&quot;,
11505      &quot;sku&quot;: &quot;14734979400043&quot;,
11506      &quot;currencyCode&quot;: &quot;USD&quot;,
11507      &quot;price&quot;: 3495,
11508      &quot;vendor&quot;: &quot;Bob Johansen&quot;
11509    }
11510  }"
11511              >
11512                <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;">
11513    <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"/>
11514    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11515  </svg>
11516</span>
11517              </button>
11518            </div>
11519          </div>
11520        </div>
11521      
11522    </a>
11523    
11524    
11525    <div class="md:list-layout:hidden">
11526      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
11527        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
11528          <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">
11529            <a href="/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition"
11530              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"
11531              @click='$store.xCustomerEvent.fire("product_selected", $el)'
11532              x-customer-event-data="{
11533    &quot;product&quot;: {
11534      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
11535      &quot;listName&quot;: &quot;Bestsellers&quot;,
11536      &quot;sku&quot;: &quot;14734979400043&quot;,
11537      &quot;currencyCode&quot;: &quot;USD&quot;,
11538      &quot;price&quot;: 3495,
11539      &quot;vendor&quot;: &quot;Bob Johansen&quot;
11540    }
11541  }"
11542            >
11543              Leaders Make the Future, Third Edition
11544            </a>
11545          </h3>
11546          
11547
11548            
11549  
11550<div 
11551  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
11552><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
11553      <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

11553ox="0 0 512 512"  xml:space="preserve">
11554      <g>
11555        <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"/>
11556      </g>
11557    </svg>
11558    <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">
11559      <g>
11560        <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"/>
11561      </g>
11562    </svg>
11563    <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">
11564      <g>
11565        <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"/>
11566      </g>
11567    </svg>
11568    <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">
11569      <g>
11570        <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"/>
11571      </g>
11572    </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">
11573          <defs>
11574              <linearGradient id="grad">
11575                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
11576                  <stop offset="50%" stop-color="currentColor"/>
11577              </linearGradient>
11578          </defs>
11579          <g>
11580            <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"/>
11581          </g>
11582      </svg>
11583    </div> 
11584    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(106)
11585    </p></div>
11586
11587<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">
11588            
11589            
11590              <div class=" price leading-none">
11591  <div class="">
11592    
11593      <div class="hidden">3495</div><p class="price">

11594          <span>$34.95</span>
11595        </p><small class="text-[70%] hidden">
11596        <span class="hidden">Unit price</span>
11597        <span class="up price-item price-item--last">
11598          <span>
11599
11600          </span>
11601          <span aria-hidden="true">/</span>
11602          <span class="hidden">&nbsp;per&nbsp;</span>
11603          <span>
11604          </span>
11605        </span>
11606      </small>
11607    
11608  </div>
11609  
11610</div>
11611            
11612            <div class="next-price empty:hidden"></div>
11613          </div>
11614          <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 
11615  x-data='{ 
11616    storeAvailabilites: {},
11617    pickupLocation: []
11618  }'
11619  class="mb-3"
11620  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
11621>
11622  <style data-shopify>
11623    .text-available, .text-unavailable {
11624      font-size: 0.669375rem;
11625      font-family: var(--font-body-family);
11626    }
11627
11628    @media (min-width: 768px) {
11629      .text-available, .text-unavailable {
11630        font-size: 0.74375rem;
11631      }
11632    }
11633
11634    .text-available {
11635      color: #6b762d;
11636    }
11637
11638    .dark .text-available {
11639      color: #858F4D;
11640    }
11641
11642    .text-unavailable {
11643      color: #767474;
11644    }
11645
11646    .dark .text-unavailable {
11647      color: #867F7F;
11648    }
11649  </style>
11650  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
11651    <span class="flex h-4 w-4 relative">
11652<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11653  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11654  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11655</svg>
11656
11657</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
11658  </div>
11659  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
11660    <span class="flex h-4 w-4 relative">
11661<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11662  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11663  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11664</svg>
11665
11666</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
11667  </div>
11668</div></div>
11669        </div>
11670      </div>
11671    </div>
11672    
11673  </div>
11674  <div
11675    id="x-product-template-14734979400043-template--24498228953451__featured_collection_PFy63t-1-1"
11676    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"
11677  >
11678    <div class="hidden md:list-layout:block">
11679      
11680      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
11681        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
11682          <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">
11683            <a href="/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition"
11684              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"
11685              @click='$store.xCustomerEvent.fire("product_selected", $el)'
11686              x-customer-event-data="{
11687    &quot;product&quot;: {
11688      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
11689      &quot;listName&quot;: &quot;Bestsellers&quot;,
11690      &quot;sku&quot;: &quot;14734979400043&quot;,
11691      &quot;currencyCode&quot;: &quot;USD&quot;,
11692      &quot;price&quot;: 3495,
11693      &quot;vendor&quot;: &quot;Bob Johansen&quot;
11694    }
11695  }"
11696            >
11697              Leaders Make the Future, Third Edition
11698            </a>
11699          </h3>
11700          
11701
11702            
11703  
11704<div 
11705  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
11706><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
11707      <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

11707ox="0 0 512 512"  xml:space="preserve">
11708      <g>
11709        <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"/>
11710      </g>
11711    </svg>
11712    <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">
11713      <g>
11714        <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"/>
11715      </g>
11716    </svg>
11717    <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">
11718      <g>
11719        <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"/>
11720      </g>
11721    </svg>
11722    <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">
11723      <g>
11724        <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"/>
11725      </g>
11726    </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">
11727          <defs>
11728              <linearGradient id="grad">
11729                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
11730                  <stop offset="50%" stop-color="currentColor"/>
11731              </linearGradient>
11732          </defs>
11733          <g>
11734            <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"/>
11735          </g>
11736      </svg>
11737    </div> 
11738    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(106)
11739    </p></div>
11740
11741<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">
11742            
11743            
11744              <div class=" price leading-none">
11745  <div class="">
11746    
11747      <div class="hidden">3495</div><p class="price">

11748          <span>$34.95</span>
11749        </p><small class="text-[70%] hidden">
11750        <span class="hidden">Unit price</span>
11751        <span class="up price-item price-item--last">
11752          <span>
11753
11754          </span>
11755          <span aria-hidden="true">/</span>
11756          <span class="hidden">&nbsp;per&nbsp;</span>
11757          <span>
11758          </span>
11759        </span>
11760      </small>
11761    
11762  </div>
11763  
11764</div>
11765            
11766            <div class="next-price empty:hidden"></div>
11767          </div>
11768          <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 
11769  x-data='{ 
11770    storeAvailabilites: {},
11771    pickupLocation: []
11772  }'
11773  class="mb-3"
11774  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
11775>
11776  <style data-shopify>
11777    .text-available, .text-unavailable {
11778      font-size: 0.669375rem;
11779      font-family: var(--font-body-family);
11780    }
11781
11782    @media (min-width: 768px) {
11783      .text-available, .text-unavailable {
11784        font-size: 0.74375rem;
11785      }
11786    }
11787
11788    .text-available {
11789      color: #6b762d;
11790    }
11791
11792    .dark .text-available {
11793      color: #858F4D;
11794    }
11795
11796    .text-unavailable {
11797      color: #767474;
11798    }
11799
11800    .dark .text-unavailable {
11801      color: #867F7F;
11802    }
11803  </style>
11804  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
11805    <span class="flex h-4 w-4 relative">
11806<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11807  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11808  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11809</svg>
11810
11811</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
11812  </div>
11813  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
11814    <span class="flex h-4 w-4 relative">
11815<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
11816  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
11817  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
11818</svg>
11819
11820</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
11821  </div>
11822</div></div>
11823        </div>
11824      </div>
11825    
11826    </div>
11827    
11828
11829        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
11830          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570321_leaders-make-the-future-third-edition');
11831        });"></div>
11832        <div
11833          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm" 
11834          class="current-variant hidden"
11835        >
11836          52185262227819
11837        </div>
11838    
11839    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
11840    
11841      <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)" 
11842            class="card-info bottom_atc md:list-layout:hidden hide-icon"
11843            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
11844            x-cloak
11845          >
11846            
11847<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">
11848                
11849                                                            
11850                <button
11851                  type="submit"
11852                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm"
11853                  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"
11854                  
11855                  
11856                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11857                  
11858aria-label="Add to cart"
11859                    
11860                  
11861                >

11862                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11863                        <span class="flex items-center justify-center">
11864                          
11865
11866  
11867    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
11868  
11869
11870
11871                        </span></span>
11872                  <div
11873                    class="flex gap-x-2 items-center justify-center"
11874                    role="alert"
11875                    x-cloak
11876                    x-show="errorMessage"
11877                  >
11878                    Sold out
11879                  </div>
11880                  <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>
11881                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11882    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11883      fill="currentcolor" stroke="none">
11884      <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"/>
11885    </g>
11886  </svg>
11887
11888                  </div>
11889                </button><input type="hidden" name="product-id" value="14734979400043" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
11890          </div></template>
11891    
11892    
11893      <template x-if="$store.xQuickView">
11894        <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 && ''">
11895              
11896<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">
11897                  
11898                                                              
11899                  <button
11900                    type="submit"
11901                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm"
11902                    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"
11903                    
11904                    
11905                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11906                    
11907aria-label="Add to cart"
11908                      
11909                    
11910                  >
11911                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11912                          <span class="flex items-center justify-center">
11913                            
11914
11915  
11916    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
11917  
11918
11919
11920                          </span></span>
11921                    <div
11922                      class="flex gap-x-2 items-center justify-center"
11923                      role="alert"
11924                      x-cloak
11925                      x-show="errorMessage"
11926                    >
11927                      Sold out
11928                    </div>
11929                    <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-[

11929calc(50%-10px)]" x-show="loading" x-cloak>
11930                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11931    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11932      fill="currentcolor" stroke="none">
11933      <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"/>
11934    </g>
11935  </svg>
11936
11937                    </div>
11938                  </button><button 
11939                    type="submit"
11940                    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"
11941                    
11942                    
11943                    data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm"
11944                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
11945                    
11946aria-label="Add to cart"
11947                      
11948                    
11949                    x-customer-event-data="{
11950    &quot;product&quot;: {
11951      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
11952      &quot;listName&quot;: &quot;Bestsellers&quot;,
11953      &quot;sku&quot;: &quot;14734979400043&quot;,
11954      &quot;currencyCode&quot;: &quot;USD&quot;,
11955      &quot;price&quot;: 3495,
11956      &quot;vendor&quot;: &quot;Bob Johansen&quot;
11957    }
11958  }"
11959                  >
11960                    <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;">
11961    <g>
11962    <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"/>
11963    <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"/>
11964    <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"/>
11965    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
11966    </g>
11967  </svg></span>
11968                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
11969                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
11970    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
11971      fill="currentcolor" stroke="none">
11972      <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"/>
11973    </g>
11974  </svg>
11975
11976                  </span>
11977                </button><input type="hidden" name="product-id" value="14734979400043" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
11978            </div><button 
11979            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')" 
11980            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')" 
11981            @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);' 
11982            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" 
11983            aria-label="Button quickview"
11984            x-customer-event-data="{
11985    &quot;product&quot;: {
11986      &quot;title&quot;: &quot;Leaders Make the Future, Third Edition&quot;,
11987      &quot;listName&quot;: &quot;Bestsellers&quot;,
11988      &quot;sku&quot;: &quot;14734979400043&quot;,
11989      &quot;currencyCode&quot;: &quot;USD&quot;,
11990      &quot;price&quot;: 3495,
11991      &quot;vendor&quot;: &quot;Bob Johansen&quot;
11992    }
11993  }"
11994            x-show="$store.xQuickView.enabled"
11995          >

11996            <span class="flex justify-center items-center">
11997              
11998
11999  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12000
12001
12002            </span>
12003          </button>
12004        </div>
12005      </template>
12006    
12007  </div>
12008</div>
12009
12010
12011<div 
12012  
12013    x-data="{ showOptions: false, options: [] }"
12014  
12015  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]" 
12016  x-slide-index="1"
12017>
12018  <div 
12019    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
12020  >
12021    <style data-shopify>
12022      
12023    </style>
12024    
12025    <style data-shopify>
12026      
12027    </style>
12028    <a 
12029      
12030        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
12031      
12032      href="/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition"
12033       
12034        x-data="{ lastWindowWidth: 0 }"
12035        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
12036        x-labels-data="[{
12037        &quot;variant_id&quot;: 52185261048171,
12038        &quot;product_id&quot;: 14734978285931,
12039        &quot;available&quot;: true,
12040        &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
12041        &quot;compare_at_price&quot;: 0,
12042        &quot;price&quot;: 2595,
12043        &quot;price_with_currency&quot;: &quot;$25.95&quot;,
12044        &quot;sale_amount&quot;: &quot;$-25.95&quot;,
12045        &quot;collections&quot;: &quot;||637336453483||639249514859||650454204779||643824779627||637337043307||639249744235||636480389483||636473475435||639269339499||&quot;,
12046        &quot;inventory_management&quot;: &quot;shopify&quot;,
12047        &quot;qty&quot;: 445,
12048        &quot;container&quot;: &quot;card&quot;,
12049        &quot;can_show_preorder&quot;: false,
12050        &quot;diff_day_create&quot;: 441.04,
12051        &quot;diff_day_publish&quot;: 441.03
12052        
12053          ,&quot;metafield_label&quot;: { 
12054            &quot;custom.format2&quot;:&quot;Paperback&quot;
12055          }
12056        
12057      }]"
12058       
12059      aria-label="The Art of Community, Second Edition"
12060      id="14734978285931-template--24498228953451__featured_collection_PFy63t"
12061      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%]">
12062      <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">
12063        <div

12064          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-2-1"
12065          class="block h-full" 
12066          @click='$store.xCustomerEvent.fire("product_selected", $el)'
12067          x-customer-event-data="{
12068    &quot;product&quot;: {
12069      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
12070      &quot;listName&quot;: &quot;Bestsellers&quot;,
12071      &quot;sku&quot;: &quot;14734978285931&quot;,
12072      &quot;currencyCode&quot;: &quot;USD&quot;,
12073      &quot;price&quot;: 2595,
12074      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
12075    }
12076  }"
12077          >
12078<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
12079            >
12080              
12081              <picture>
12082                <img
12083                  srcset="//bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=450 450w,
12084                  //bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=750 750w,
12085                  //bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=900 900w,
12086                  //bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=1100 1100w,
12087                  //bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870 432w" 
12088                  src="//bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=1500"
12089                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
12090                  alt="Cover image for The Art of Community, Second Edition, isbn: 9798890570192"
12091                  :class="showSecond ? 'first-img' : ''"
12092                  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"
12093                  loading="lazy"
12094                  width="432"
12095                  height="648"
12096                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12097                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
12098                />
12099              </picture>
12100              
12101            </div></div>
12102      </div>
12103      
12104        <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"
12105              x-show="$store.xQuickView" x-cloak
12106            > 
12107              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
12108                class="w-full hide-icon lg:px-4" 
12109                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
12110                x-cloak
12111              >
12112<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">
12113                    
12114                                                                
12115                    <button
12116                      type="submit"
12117                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm"
12118                      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"
12119                      
12120                      
12121                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12122                      
12123aria-label="Add to cart"
12124                        
12125                      
12126                    >

12127                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12128                            <span class="flex items-center justify-center">
12129                              
12130
12131  
12132    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
12133  
12134
12135
12136                            </span></span>
12137                      <div
12138                        class="flex gap-x-2 items-center justify-center"
12139                        role="alert"
12140                        x-cloak
12141                        x-show="errorMessage"
12142                      >
12143                        Sold out
12144                      </div>
12145                      <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>
12146                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12147    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12148      fill="currentcolor" stroke="none">
12149      <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"/>
12150    </g>
12151  </svg>
12152
12153                      </div>
12154                    </button>
12155                    <button 
12156                      type="submit"
12157                      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"
12158                      
12159                      
12160                      data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm"
12161                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12162                      
12163aria-label="Add to cart"
12164                        
12165                      
12166                      x-customer-event-data="{
12167    &quot;product&quot;: {
12168      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
12169      &quot;listName&quot;: &quot;Bestsellers&quot;,
12170      &quot;sku&quot;: &quot;14734978285931&quot;,
12171      &quot;currencyCode&quot;: &quot;USD&quot;,
12172      &quot;price&quot;: 2595,
12173      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
12174    }
12175  }"
12176                    >
12177                      <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;">
12178    <g>
12179    <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"/>
12180    <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"/>
12181    <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"/>
12182    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12183    </g>
12184  </svg></span>
12185                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
12186                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12187    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12188      fill="currentcolor" stroke="none">
12189      <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"/>
12190    </g>
12191  </svg>
12192
12193                      </span>
12194                  </button><input type="hidden" name="product-id" value="14734978285931" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
12195              </div>
12196            </div><div
12197            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"
12198            :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'"
12199            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
12200            >
12201            <div>
12202              <button
12203                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12204                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')" 
12205                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')" 
12206                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
12207                :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'"
12208                x-customer-event-data="{
12209    &quot;product&quot;: {
12210      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
12211      &quot;listName&quot;: &quot;Bestsellers&quot;,
12212      &quot;sku&quot;: &quot;14734978285931&quot;,
12213      &quot;currencyCode&quot;: &quot;USD&quot;,
12214      &quot;price&quot;: 2595,
12215      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
12216    }
12217  }"
12218                aria-label="Button quickview"
12219              >

12220                <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;">
12221    <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"/>
12222    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12223  </svg>
12224</span>
12225                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
12226                  
12227
12228  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12229
12230
12231                </span>
12232              </button>
12233              <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);' 
12234                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" 
12235                aria-label="Button quickview"
12236                x-customer-event-data="{
12237    &quot;product&quot;: {
12238      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
12239      &quot;listName&quot;: &quot;Bestsellers&quot;,
12240      &quot;sku&quot;: &quot;14734978285931&quot;,
12241      &quot;currencyCode&quot;: &quot;USD&quot;,
12242      &quot;price&quot;: 2595,
12243      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
12244    }
12245  }"
12246              >
12247                <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;">
12248    <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"/>
12249    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12250  </svg>
12251</span>
12252              </button>
12253            </div>
12254          </div>
12255        </div>
12256      
12257    </a>
12258    
12259    
12260    <div class="md:list-layout:hidden">
12261      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
12262        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
12263          <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">
12264            <a href="/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition"
12265              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"
12266              @click='$store.xCustomerEvent.fire("product_selected", $el)'
12267              x-customer-event-data="{
12268    &quot;product&quot;: {
12269      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
12270      &quot;listName&quot;: &quot;Bestsellers&quot;,
12271      &quot;sku&quot;: &quot;14734978285931&quot;,
12272      &quot;currencyCode&quot;: &quot;USD&quot;,
12273      &quot;price&quot;: 2595,
12274      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
12275    }
12276  }"
12277            >
12278              The Art of Community, Second Edition
12279            </a>
12280          </h3>
12281          
12282
12283            
12284  
12285<div 
12286  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
12287><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
12288      <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

12288ox="0 0 512 512"  xml:space="preserve">
12289      <g>
12290        <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"/>
12291      </g>
12292    </svg>
12293    <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">
12294      <g>
12295        <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"/>
12296      </g>
12297    </svg>
12298    <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">
12299      <g>
12300        <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"/>
12301      </g>
12302    </svg>
12303    <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">
12304      <g>
12305        <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"/>
12306      </g>
12307    </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">
12308          <defs>
12309              <linearGradient id="grad">
12310                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
12311                  <stop offset="50%" stop-color="currentColor"/>
12312              </linearGradient>
12313          </defs>
12314          <g>
12315            <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"/>
12316          </g>
12317      </svg>
12318    </div> 
12319    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(334)
12320    </p></div>
12321
12322<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">
12323            
12324            
12325              <div class=" price leading-none">
12326  <div class="">
12327    
12328      <div class="hidden">2595</div><p class="price">

12329          <span>$25.95</span>
12330        </p><small class="text-[70%] hidden">
12331        <span class="hidden">Unit price</span>
12332        <span class="up price-item price-item--last">
12333          <span>
12334
12335          </span>
12336          <span aria-hidden="true">/</span>
12337          <span class="hidden">&nbsp;per&nbsp;</span>
12338          <span>
12339          </span>
12340        </span>
12341      </small>
12342    
12343  </div>
12344  
12345</div>
12346            
12347            <div class="next-price empty:hidden"></div>
12348          </div>
12349          <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 
12350  x-data='{ 
12351    storeAvailabilites: {},
12352    pickupLocation: []
12353  }'
12354  class="mb-3"
12355  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
12356>
12357  <style data-shopify>
12358    .text-available, .text-unavailable {
12359      font-size: 0.669375rem;
12360      font-family: var(--font-body-family);
12361    }
12362
12363    @media (min-width: 768px) {
12364      .text-available, .text-unavailable {
12365        font-size: 0.74375rem;
12366      }
12367    }
12368
12369    .text-available {
12370      color: #6b762d;
12371    }
12372
12373    .dark .text-available {
12374      color: #858F4D;
12375    }
12376
12377    .text-unavailable {
12378      color: #767474;
12379    }
12380
12381    .dark .text-unavailable {
12382      color: #867F7F;
12383    }
12384  </style>
12385  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
12386    <span class="flex h-4 w-4 relative">
12387<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12388  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12389  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12390</svg>
12391
12392</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
12393  </div>
12394  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
12395    <span class="flex h-4 w-4 relative">
12396<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12397  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12398  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12399</svg>
12400
12401</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
12402  </div>
12403</div></div>
12404        </div>
12405      </div>
12406    </div>
12407    
12408  </div>
12409  <div
12410    id="x-product-template-14734978285931-template--24498228953451__featured_collection_PFy63t-1-2"
12411    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"
12412  >
12413    <div class="hidden md:list-layout:block">
12414      
12415      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
12416        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
12417          <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">
12418            <a href="/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition"
12419              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"
12420              @click='$store.xCustomerEvent.fire("product_selected", $el)'
12421              x-customer-event-data="{
12422    &quot;product&quot;: {
12423      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
12424      &quot;listName&quot;: &quot;Bestsellers&quot;,
12425      &quot;sku&quot;: &quot;14734978285931&quot;,
12426      &quot;currencyCode&quot;: &quot;USD&quot;,
12427      &quot;price&quot;: 2595,
12428      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
12429    }
12430  }"
12431            >
12432              The Art of Community, Second Edition
12433            </a>
12434          </h3>
12435          
12436
12437            
12438  
12439<div 
12440  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
12441><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
12442      <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

12442ox="0 0 512 512"  xml:space="preserve">
12443      <g>
12444        <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"/>
12445      </g>
12446    </svg>
12447    <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">
12448      <g>
12449        <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"/>
12450      </g>
12451    </svg>
12452    <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">
12453      <g>
12454        <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"/>
12455      </g>
12456    </svg>
12457    <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">
12458      <g>
12459        <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"/>
12460      </g>
12461    </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">
12462          <defs>
12463              <linearGradient id="grad">
12464                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
12465                  <stop offset="50%" stop-color="currentColor"/>
12466              </linearGradient>
12467          </defs>
12468          <g>
12469            <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"/>
12470          </g>
12471      </svg>
12472    </div> 
12473    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(334)
12474    </p></div>
12475
12476<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">
12477            
12478            
12479              <div class=" price leading-none">
12480  <div class="">
12481    
12482      <div class="hidden">2595</div><p class="price">

12483          <span>$25.95</span>
12484        </p><small class="text-[70%] hidden">
12485        <span class="hidden">Unit price</span>
12486        <span class="up price-item price-item--last">
12487          <span>
12488
12489          </span>
12490          <span aria-hidden="true">/</span>
12491          <span class="hidden">&nbsp;per&nbsp;</span>
12492          <span>
12493          </span>
12494        </span>
12495      </small>
12496    
12497  </div>
12498  
12499</div>
12500            
12501            <div class="next-price empty:hidden"></div>
12502          </div>
12503          <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 
12504  x-data='{ 
12505    storeAvailabilites: {},
12506    pickupLocation: []
12507  }'
12508  class="mb-3"
12509  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
12510>
12511  <style data-shopify>
12512    .text-available, .text-unavailable {
12513      font-size: 0.669375rem;
12514      font-family: var(--font-body-family);
12515    }
12516
12517    @media (min-width: 768px) {
12518      .text-available, .text-unavailable {
12519        font-size: 0.74375rem;
12520      }
12521    }
12522
12523    .text-available {
12524      color: #6b762d;
12525    }
12526
12527    .dark .text-available {
12528      color: #858F4D;
12529    }
12530
12531    .text-unavailable {
12532      color: #767474;
12533    }
12534
12535    .dark .text-unavailable {
12536      color: #867F7F;
12537    }
12538  </style>
12539  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
12540    <span class="flex h-4 w-4 relative">
12541<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12542  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12543  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12544</svg>
12545
12546</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
12547  </div>
12548  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
12549    <span class="flex h-4 w-4 relative">
12550<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
12551  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
12552  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
12553</svg>
12554
12555</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
12556  </div>
12557</div></div>
12558        </div>
12559      </div>
12560    
12561    </div>
12562    
12563
12564        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
12565          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570192_the-art-of-community-second-edition');
12566        });"></div>
12567        <div
12568          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm" 
12569          class="current-variant hidden"
12570        >
12571          52185261048171
12572        </div>
12573    
12574    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
12575    
12576      <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)" 
12577            class="card-info bottom_atc md:list-layout:hidden hide-icon"
12578            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
12579            x-cloak
12580          >
12581            
12582<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">
12583                
12584                                                            
12585                <button
12586                  type="submit"
12587                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm"
12588                  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"
12589                  
12590                  
12591                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12592                  
12593aria-label="Add to cart"
12594                    
12595                  
12596                >

12597                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12598                        <span class="flex items-center justify-center">
12599                          
12600
12601  
12602    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
12603  
12604
12605
12606                        </span></span>
12607                  <div
12608                    class="flex gap-x-2 items-center justify-center"
12609                    role="alert"
12610                    x-cloak
12611                    x-show="errorMessage"
12612                  >
12613                    Sold out
12614                  </div>
12615                  <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>
12616                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12617    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12618      fill="currentcolor" stroke="none">
12619      <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"/>
12620    </g>
12621  </svg>
12622
12623                  </div>
12624                </button><input type="hidden" name="product-id" value="14734978285931" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
12625          </div></template>
12626    
12627    
12628      <template x-if="$store.xQuickView">
12629        <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 && ''">
12630              
12631<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">
12632                  
12633                                                              
12634                  <button
12635                    type="submit"
12636                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm"
12637                    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"
12638                    
12639                    
12640                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12641                    
12642aria-label="Add to cart"
12643                      
12644                    
12645                  >
12646                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12647                          <span class="flex items-center justify-center">
12648                            
12649
12650  
12651    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
12652  
12653
12654
12655                          </span></span>
12656                    <div
12657                      class="flex gap-x-2 items-center justify-center"
12658                      role="alert"
12659                      x-cloak
12660                      x-show="errorMessage"
12661                    >
12662                      Sold out
12663                    </div>
12664                    <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-[

12664calc(50%-10px)]" x-show="loading" x-cloak>
12665                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12666    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12667      fill="currentcolor" stroke="none">
12668      <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"/>
12669    </g>
12670  </svg>
12671
12672                    </div>
12673                  </button><button 
12674                    type="submit"
12675                    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"
12676                    
12677                    
12678                    data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm"
12679                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12680                    
12681aria-label="Add to cart"
12682                      
12683                    
12684                    x-customer-event-data="{
12685    &quot;product&quot;: {
12686      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
12687      &quot;listName&quot;: &quot;Bestsellers&quot;,
12688      &quot;sku&quot;: &quot;14734978285931&quot;,
12689      &quot;currencyCode&quot;: &quot;USD&quot;,
12690      &quot;price&quot;: 2595,
12691      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
12692    }
12693  }"
12694                  >
12695                    <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;">
12696    <g>
12697    <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"/>
12698    <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"/>
12699    <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"/>
12700    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12701    </g>
12702  </svg></span>
12703                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
12704                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12705    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12706      fill="currentcolor" stroke="none">
12707      <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"/>
12708    </g>
12709  </svg>
12710
12711                  </span>
12712                </button><input type="hidden" name="product-id" value="14734978285931" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
12713            </div><button 
12714            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')" 
12715            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')" 
12716            @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);' 
12717            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" 
12718            aria-label="Button quickview"
12719            x-customer-event-data="{
12720    &quot;product&quot;: {
12721      &quot;title&quot;: &quot;The Art of Community, Second Edition&quot;,
12722      &quot;listName&quot;: &quot;Bestsellers&quot;,
12723      &quot;sku&quot;: &quot;14734978285931&quot;,
12724      &quot;currencyCode&quot;: &quot;USD&quot;,
12725      &quot;price&quot;: 2595,
12726      &quot;vendor&quot;: &quot;Charles H. Vogl&quot;
12727    }
12728  }"
12729            x-show="$store.xQuickView.enabled"
12730          >

12731            <span class="flex justify-center items-center">
12732              
12733
12734  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12735
12736
12737            </span>
12738          </button>
12739        </div>
12740      </template>
12741    
12742  </div>
12743</div>
12744
12745
12746<div 
12747  
12748    x-data="{ showOptions: false, options: [] }"
12749  
12750  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]" 
12751  x-slide-index="2"
12752>
12753  <div 
12754    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
12755  >
12756    <style data-shopify>
12757      
12758    </style>
12759    
12760    <style data-shopify>
12761      
12762    </style>
12763    <a 
12764      
12765        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
12766      
12767      href="/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition"
12768       
12769        x-data="{ lastWindowWidth: 0 }"
12770        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
12771        x-labels-data="[{
12772        &quot;variant_id&quot;: 52185248825707,
12773        &quot;product_id&quot;: 14734969110891,
12774        &quot;available&quot;: true,
12775        &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
12776        &quot;compare_at_price&quot;: 0,
12777        &quot;price&quot;: 2195,
12778        &quot;price_with_currency&quot;: &quot;$21.95&quot;,
12779        &quot;sale_amount&quot;: &quot;$-21.95&quot;,
12780        &quot;collections&quot;: &quot;||637329310059||637336453483||639249514859||643825009003||637337043307||636480389483||639269929323||636473475435||639252758891||650454270315||639269339499||&quot;,
12781        &quot;inventory_management&quot;: &quot;shopify&quot;,
12782        &quot;qty&quot;: 1178,
12783        &quot;container&quot;: &quot;card&quot;,
12784        &quot;can_show_preorder&quot;: false,
12785        &quot;diff_day_create&quot;: 441.04,
12786        &quot;diff_day_publish&quot;: 441.03
12787        
12788          ,&quot;metafield_label&quot;: { 
12789            &quot;custom.format2&quot;:&quot;Paperback&quot;
12790          }
12791        
12792      }]"
12793       
12794      aria-label="Get to the Point!, Second Edition"
12795      id="14734969110891-template--24498228953451__featured_collection_PFy63t"
12796      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%]">
12797      <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">
12798        <div

12799          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-3-2"
12800          class="block h-full" 
12801          @click='$store.xCustomerEvent.fire("product_selected", $el)'
12802          x-customer-event-data="{
12803    &quot;product&quot;: {
12804      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
12805      &quot;listName&quot;: &quot;Bestsellers&quot;,
12806      &quot;sku&quot;: &quot;14734969110891&quot;,
12807      &quot;currencyCode&quot;: &quot;USD&quot;,
12808      &quot;price&quot;: 2195,
12809      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
12810    }
12811  }"
12812          >
12813<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
12814            >
12815              
12816              <picture>
12817                <img
12818                  srcset="//bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=450 450w,
12819                  //bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=750 750w,
12820                  //bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=900 900w,
12821                  //bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=1100 1100w,
12822                  //bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886 419w" 
12823                  src="//bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=1500"
12824                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
12825                  alt="Cover image for Get to the Point!, Second Edition, isbn: 9798890571052"
12826                  :class="showSecond ? 'first-img' : ''"
12827                  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"
12828                  loading="lazy"
12829                  width="419"
12830                  height="648"
12831                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
12832                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
12833                />
12834              </picture>
12835              
12836            </div></div>
12837      </div>
12838      
12839        <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"
12840              x-show="$store.xQuickView" x-cloak
12841            > 
12842              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
12843                class="w-full hide-icon lg:px-4" 
12844                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
12845                x-cloak
12846              >
12847<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">
12848                    
12849                                                                
12850                    <button
12851                      type="submit"
12852                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm"
12853                      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"
12854                      
12855                      
12856                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12857                      
12858aria-label="Add to cart"
12859                        
12860                      
12861                    >

12862                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
12863                            <span class="flex items-center justify-center">
12864                              
12865
12866  
12867    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
12868  
12869
12870
12871                            </span></span>
12872                      <div
12873                        class="flex gap-x-2 items-center justify-center"
12874                        role="alert"
12875                        x-cloak
12876                        x-show="errorMessage"
12877                      >
12878                        Sold out
12879                      </div>
12880                      <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>
12881                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12882    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12883      fill="currentcolor" stroke="none">
12884      <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"/>
12885    </g>
12886  </svg>
12887
12888                      </div>
12889                    </button>
12890                    <button 
12891                      type="submit"
12892                      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"
12893                      
12894                      
12895                      data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm"
12896                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
12897                      
12898aria-label="Add to cart"
12899                        
12900                      
12901                      x-customer-event-data="{
12902    &quot;product&quot;: {
12903      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
12904      &quot;listName&quot;: &quot;Bestsellers&quot;,
12905      &quot;sku&quot;: &quot;14734969110891&quot;,
12906      &quot;currencyCode&quot;: &quot;USD&quot;,
12907      &quot;price&quot;: 2195,
12908      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
12909    }
12910  }"
12911                    >
12912                      <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;">
12913    <g>
12914    <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"/>
12915    <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"/>
12916    <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"/>
12917    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12918    </g>
12919  </svg></span>
12920                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
12921                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
12922    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12923      fill="currentcolor" stroke="none">
12924      <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"/>
12925    </g>
12926  </svg>
12927
12928                      </span>
12929                  </button><input type="hidden" name="product-id" value="14734969110891" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
12930              </div>
12931            </div><div
12932            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"
12933            :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'"
12934            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
12935            >
12936            <div>
12937              <button
12938                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
12939                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')" 
12940                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')" 
12941                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
12942                :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'"
12943                x-customer-event-data="{
12944    &quot;product&quot;: {
12945      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
12946      &quot;listName&quot;: &quot;Bestsellers&quot;,
12947      &quot;sku&quot;: &quot;14734969110891&quot;,
12948      &quot;currencyCode&quot;: &quot;USD&quot;,
12949      &quot;price&quot;: 2195,
12950      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
12951    }
12952  }"
12953                aria-label="Button quickview"
12954              >

12955                <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;">
12956    <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"/>
12957    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12958  </svg>
12959</span>
12960                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
12961                  
12962
12963  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
12964
12965
12966                </span>
12967              </button>
12968              <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);' 
12969                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" 
12970                aria-label="Button quickview"
12971                x-customer-event-data="{
12972    &quot;product&quot;: {
12973      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
12974      &quot;listName&quot;: &quot;Bestsellers&quot;,
12975      &quot;sku&quot;: &quot;14734969110891&quot;,
12976      &quot;currencyCode&quot;: &quot;USD&quot;,
12977      &quot;price&quot;: 2195,
12978      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
12979    }
12980  }"
12981              >
12982                <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;">
12983    <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"/>
12984    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
12985  </svg>
12986</span>
12987              </button>
12988            </div>
12989          </div>
12990        </div>
12991      
12992    </a>
12993    
12994    
12995    <div class="md:list-layout:hidden">
12996      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
12997        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
12998          <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">
12999            <a href="/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition"
13000              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"
13001              @click='$store.xCustomerEvent.fire("product_selected", $el)'
13002              x-customer-event-data="{
13003    &quot;product&quot;: {
13004      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
13005      &quot;listName&quot;: &quot;Bestsellers&quot;,
13006      &quot;sku&quot;: &quot;14734969110891&quot;,
13007      &quot;currencyCode&quot;: &quot;USD&quot;,
13008      &quot;price&quot;: 2195,
13009      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
13010    }
13011  }"
13012            >
13013              Get to the Point!, Second Edition
13014            </a>
13015          </h3>
13016          
13017
13018            
13019  
13020<div 
13021  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
13022><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
13023      <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

13023ox="0 0 512 512"  xml:space="preserve">
13024      <g>
13025        <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"/>
13026      </g>
13027    </svg>
13028    <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">
13029      <g>
13030        <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"/>
13031      </g>
13032    </svg>
13033    <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">
13034      <g>
13035        <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"/>
13036      </g>
13037    </svg>
13038    <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">
13039      <g>
13040        <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"/>
13041      </g>
13042    </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">
13043          <defs>
13044              <linearGradient id="grad">
13045                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
13046                  <stop offset="50%" stop-color="currentColor"/>
13047              </linearGradient>
13048          </defs>
13049          <g>
13050            <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"/>
13051          </g>
13052      </svg>
13053    </div> 
13054    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(653)
13055    </p></div>
13056
13057<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">
13058            
13059            
13060              <div class=" price leading-none">
13061  <div class="">
13062    
13063      <div class="hidden">2195</div><p class="price">

13064          <span>$21.95</span>
13065        </p><small class="text-[70%] hidden">
13066        <span class="hidden">Unit price</span>
13067        <span class="up price-item price-item--last">
13068          <span>
13069
13070          </span>
13071          <span aria-hidden="true">/</span>
13072          <span class="hidden">&nbsp;per&nbsp;</span>
13073          <span>
13074          </span>
13075        </span>
13076      </small>
13077    
13078  </div>
13079  
13080</div>
13081            
13082            <div class="next-price empty:hidden"></div>
13083          </div>
13084          <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 
13085  x-data='{ 
13086    storeAvailabilites: {},
13087    pickupLocation: []
13088  }'
13089  class="mb-3"
13090  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
13091>
13092  <style data-shopify>
13093    .text-available, .text-unavailable {
13094      font-size: 0.669375rem;
13095      font-family: var(--font-body-family);
13096    }
13097
13098    @media (min-width: 768px) {
13099      .text-available, .text-unavailable {
13100        font-size: 0.74375rem;
13101      }
13102    }
13103
13104    .text-available {
13105      color: #6b762d;
13106    }
13107
13108    .dark .text-available {
13109      color: #858F4D;
13110    }
13111
13112    .text-unavailable {
13113      color: #767474;
13114    }
13115
13116    .dark .text-unavailable {
13117      color: #867F7F;
13118    }
13119  </style>
13120  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
13121    <span class="flex h-4 w-4 relative">
13122<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13123  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13124  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13125</svg>
13126
13127</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
13128  </div>
13129  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
13130    <span class="flex h-4 w-4 relative">
13131<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13132  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13133  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13134</svg>
13135
13136</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
13137  </div>
13138</div></div>
13139        </div>
13140      </div>
13141    </div>
13142    
13143  </div>
13144  <div
13145    id="x-product-template-14734969110891-template--24498228953451__featured_collection_PFy63t-1-3"
13146    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"
13147  >
13148    <div class="hidden md:list-layout:block">
13149      
13150      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
13151        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
13152          <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">
13153            <a href="/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition"
13154              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"
13155              @click='$store.xCustomerEvent.fire("product_selected", $el)'
13156              x-customer-event-data="{
13157    &quot;product&quot;: {
13158      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
13159      &quot;listName&quot;: &quot;Bestsellers&quot;,
13160      &quot;sku&quot;: &quot;14734969110891&quot;,
13161      &quot;currencyCode&quot;: &quot;USD&quot;,
13162      &quot;price&quot;: 2195,
13163      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
13164    }
13165  }"
13166            >
13167              Get to the Point!, Second Edition
13168            </a>
13169          </h3>
13170          
13171
13172            
13173  
13174<div 
13175  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
13176><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
13177      <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

13177ox="0 0 512 512"  xml:space="preserve">
13178      <g>
13179        <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"/>
13180      </g>
13181    </svg>
13182    <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">
13183      <g>
13184        <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"/>
13185      </g>
13186    </svg>
13187    <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">
13188      <g>
13189        <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"/>
13190      </g>
13191    </svg>
13192    <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">
13193      <g>
13194        <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"/>
13195      </g>
13196    </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">
13197          <defs>
13198              <linearGradient id="grad">
13199                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
13200                  <stop offset="50%" stop-color="currentColor"/>
13201              </linearGradient>
13202          </defs>
13203          <g>
13204            <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"/>
13205          </g>
13206      </svg>
13207    </div> 
13208    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(653)
13209    </p></div>
13210
13211<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">
13212            
13213            
13214              <div class=" price leading-none">
13215  <div class="">
13216    
13217      <div class="hidden">2195</div><p class="price">

13218          <span>$21.95</span>
13219        </p><small class="text-[70%] hidden">
13220        <span class="hidden">Unit price</span>
13221        <span class="up price-item price-item--last">
13222          <span>
13223
13224          </span>
13225          <span aria-hidden="true">/</span>
13226          <span class="hidden">&nbsp;per&nbsp;</span>
13227          <span>
13228          </span>
13229        </span>
13230      </small>
13231    
13232  </div>
13233  
13234</div>
13235            
13236            <div class="next-price empty:hidden"></div>
13237          </div>
13238          <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 
13239  x-data='{ 
13240    storeAvailabilites: {},
13241    pickupLocation: []
13242  }'
13243  class="mb-3"
13244  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
13245>
13246  <style data-shopify>
13247    .text-available, .text-unavailable {
13248      font-size: 0.669375rem;
13249      font-family: var(--font-body-family);
13250    }
13251
13252    @media (min-width: 768px) {
13253      .text-available, .text-unavailable {
13254        font-size: 0.74375rem;
13255      }
13256    }
13257
13258    .text-available {
13259      color: #6b762d;
13260    }
13261
13262    .dark .text-available {
13263      color: #858F4D;
13264    }
13265
13266    .text-unavailable {
13267      color: #767474;
13268    }
13269
13270    .dark .text-unavailable {
13271      color: #867F7F;
13272    }
13273  </style>
13274  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
13275    <span class="flex h-4 w-4 relative">
13276<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13277  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13278  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13279</svg>
13280
13281</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
13282  </div>
13283  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
13284    <span class="flex h-4 w-4 relative">
13285<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13286  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13287  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13288</svg>
13289
13290</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
13291  </div>
13292</div></div>
13293        </div>
13294      </div>
13295    
13296    </div>
13297    
13298
13299        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
13300          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890571052_get-to-the-point-second-edition');
13301        });"></div>
13302        <div
13303          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm" 
13304          class="current-variant hidden"
13305        >
13306          52185248825707
13307        </div>
13308    
13309    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
13310    
13311      <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)" 
13312            class="card-info bottom_atc md:list-layout:hidden hide-icon"
13313            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
13314            x-cloak
13315          >
13316            
13317<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">
13318                
13319                                                            
13320                <button
13321                  type="submit"
13322                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm"
13323                  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"
13324                  
13325                  
13326                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13327                  
13328aria-label="Add to cart"
13329                    
13330                  
13331                >

13332                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13333                        <span class="flex items-center justify-center">
13334                          
13335
13336  
13337    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
13338  
13339
13340
13341                        </span></span>
13342                  <div
13343                    class="flex gap-x-2 items-center justify-center"
13344                    role="alert"
13345                    x-cloak
13346                    x-show="errorMessage"
13347                  >
13348                    Sold out
13349                  </div>
13350                  <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>
13351                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13352    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13353      fill="currentcolor" stroke="none">
13354      <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"/>
13355    </g>
13356  </svg>
13357
13358                  </div>
13359                </button><input type="hidden" name="product-id" value="14734969110891" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
13360          </div></template>
13361    
13362    
13363      <template x-if="$store.xQuickView">
13364        <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 && ''">
13365              
13366<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">
13367                  
13368                                                              
13369                  <button
13370                    type="submit"
13371                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm"
13372                    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"
13373                    
13374                    
13375                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13376                    
13377aria-label="Add to cart"
13378                      
13379                    
13380                  >
13381                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13382                          <span class="flex items-center justify-center">
13383                            
13384
13385  
13386    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
13387  
13388
13389
13390                          </span></span>
13391                    <div
13392                      class="flex gap-x-2 items-center justify-center"
13393                      role="alert"
13394                      x-cloak
13395                      x-show="errorMessage"
13396                    >
13397                      Sold out
13398                    </div>
13399                    <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-[

13399calc(50%-10px)]" x-show="loading" x-cloak>
13400                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13401    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13402      fill="currentcolor" stroke="none">
13403      <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"/>
13404    </g>
13405  </svg>
13406
13407                    </div>
13408                  </button><button 
13409                    type="submit"
13410                    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"
13411                    
13412                    
13413                    data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm"
13414                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13415                    
13416aria-label="Add to cart"
13417                      
13418                    
13419                    x-customer-event-data="{
13420    &quot;product&quot;: {
13421      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
13422      &quot;listName&quot;: &quot;Bestsellers&quot;,
13423      &quot;sku&quot;: &quot;14734969110891&quot;,
13424      &quot;currencyCode&quot;: &quot;USD&quot;,
13425      &quot;price&quot;: 2195,
13426      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
13427    }
13428  }"
13429                  >
13430                    <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;">
13431    <g>
13432    <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"/>
13433    <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"/>
13434    <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"/>
13435    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13436    </g>
13437  </svg></span>
13438                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
13439                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13440    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13441      fill="currentcolor" stroke="none">
13442      <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"/>
13443    </g>
13444  </svg>
13445
13446                  </span>
13447                </button><input type="hidden" name="product-id" value="14734969110891" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
13448            </div><button 
13449            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')" 
13450            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')" 
13451            @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);' 
13452            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" 
13453            aria-label="Button quickview"
13454            x-customer-event-data="{
13455    &quot;product&quot;: {
13456      &quot;title&quot;: &quot;Get to the Point!, Second Edition&quot;,
13457      &quot;listName&quot;: &quot;Bestsellers&quot;,
13458      &quot;sku&quot;: &quot;14734969110891&quot;,
13459      &quot;currencyCode&quot;: &quot;USD&quot;,
13460      &quot;price&quot;: 2195,
13461      &quot;vendor&quot;: &quot;Joel Schwartzberg&quot;
13462    }
13463  }"
13464            x-show="$store.xQuickView.enabled"
13465          >

13466            <span class="flex justify-center items-center">
13467              
13468
13469  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13470
13471
13472            </span>
13473          </button>
13474        </div>
13475      </template>
13476    
13477  </div>
13478</div>
13479
13480
13481<div 
13482  
13483    x-data="{ showOptions: false, options: [] }"
13484  
13485  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]" 
13486  x-slide-index="3"
13487>
13488  <div 
13489    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
13490  >
13491    <style data-shopify>
13492      
13493    </style>
13494    
13495    <style data-shopify>
13496      
13497    </style>
13498    <a 
13499      
13500        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
13501      
13502      href="/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition"
13503       
13504        x-data="{ lastWindowWidth: 0 }"
13505        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
13506        x-labels-data="[{
13507        &quot;variant_id&quot;: 52185247220075,
13508        &quot;product_id&quot;: 14734967538027,
13509        &quot;available&quot;: true,
13510        &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
13511        &quot;compare_at_price&quot;: 0,
13512        &quot;price&quot;: 2695,
13513        &quot;price_with_currency&quot;: &quot;$26.95&quot;,
13514        &quot;sale_amount&quot;: &quot;$-26.95&quot;,
13515        &quot;collections&quot;: &quot;||637336453483||639249514859||639249744235||636480389483||636473475435||639252758891||639269339499||&quot;,
13516        &quot;inventory_management&quot;: &quot;shopify&quot;,
13517        &quot;qty&quot;: 25,
13518        &quot;container&quot;: &quot;card&quot;,
13519        &quot;can_show_preorder&quot;: false,
13520        &quot;diff_day_create&quot;: 441.04,
13521        &quot;diff_day_publish&quot;: 441.03
13522        
13523          ,&quot;metafield_label&quot;: { 
13524            &quot;custom.format2&quot;:&quot;Paperback&quot;
13525          }
13526        
13527      }]"
13528       
13529      aria-label="The Introverted Leader, 3rd Edition"
13530      id="14734967538027-template--24498228953451__featured_collection_PFy63t"
13531      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%]">
13532      <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">
13533        <div

13534          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-4-3"
13535          class="block h-full" 
13536          @click='$store.xCustomerEvent.fire("product_selected", $el)'
13537          x-customer-event-data="{
13538    &quot;product&quot;: {
13539      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
13540      &quot;listName&quot;: &quot;Bestsellers&quot;,
13541      &quot;sku&quot;: &quot;14734967538027&quot;,
13542      &quot;currencyCode&quot;: &quot;USD&quot;,
13543      &quot;price&quot;: 2695,
13544      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
13545    }
13546  }"
13547          >
13548<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
13549            >
13550              
13551              <picture>
13552                <img
13553                  srcset="//bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=450 450w,
13554                  //bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=750 750w,
13555                  //bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=900 900w,
13556                  //bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=1100 1100w,
13557                  //bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874 419w" 
13558                  src="//bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=1500"
13559                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
13560                  alt="Cover image for The Introverted Leader, 3rd Edition, isbn: 9798890570895"
13561                  :class="showSecond ? 'first-img' : ''"
13562                  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"
13563                  loading="lazy"
13564                  width="419"
13565                  height="648"
13566                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
13567                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
13568                />
13569              </picture>
13570              
13571            </div></div>
13572      </div>
13573      
13574        <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"
13575              x-show="$store.xQuickView" x-cloak
13576            > 
13577              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
13578                class="w-full hide-icon lg:px-4" 
13579                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
13580                x-cloak
13581              >
13582<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">
13583                    
13584                                                                
13585                    <button
13586                      type="submit"
13587                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm"
13588                      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"
13589                      
13590                      
13591                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13592                      
13593aria-label="Add to cart"
13594                        
13595                      
13596                    >

13597                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
13598                            <span class="flex items-center justify-center">
13599                              
13600
13601  
13602    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
13603  
13604
13605
13606                            </span></span>
13607                      <div
13608                        class="flex gap-x-2 items-center justify-center"
13609                        role="alert"
13610                        x-cloak
13611                        x-show="errorMessage"
13612                      >
13613                        Sold out
13614                      </div>
13615                      <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>
13616                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13617    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13618      fill="currentcolor" stroke="none">
13619      <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"/>
13620    </g>
13621  </svg>
13622
13623                      </div>
13624                    </button>
13625                    <button 
13626                      type="submit"
13627                      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"
13628                      
13629                      
13630                      data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm"
13631                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
13632                      
13633aria-label="Add to cart"
13634                        
13635                      
13636                      x-customer-event-data="{
13637    &quot;product&quot;: {
13638      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
13639      &quot;listName&quot;: &quot;Bestsellers&quot;,
13640      &quot;sku&quot;: &quot;14734967538027&quot;,
13641      &quot;currencyCode&quot;: &quot;USD&quot;,
13642      &quot;price&quot;: 2695,
13643      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
13644    }
13645  }"
13646                    >
13647                      <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;">
13648    <g>
13649    <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"/>
13650    <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"/>
13651    <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"/>
13652    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13653    </g>
13654  </svg></span>
13655                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
13656                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
13657    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
13658      fill="currentcolor" stroke="none">
13659      <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"/>
13660    </g>
13661  </svg>
13662
13663                      </span>
13664                  </button><input type="hidden" name="product-id" value="14734967538027" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
13665              </div>
13666            </div><div
13667            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"
13668            :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'"
13669            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
13670            >
13671            <div>
13672              <button
13673                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
13674                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')" 
13675                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')" 
13676                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
13677                :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'"
13678                x-customer-event-data="{
13679    &quot;product&quot;: {
13680      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
13681      &quot;listName&quot;: &quot;Bestsellers&quot;,
13682      &quot;sku&quot;: &quot;14734967538027&quot;,
13683      &quot;currencyCode&quot;: &quot;USD&quot;,
13684      &quot;price&quot;: 2695,
13685      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
13686    }
13687  }"
13688                aria-label="Button quickview"
13689              >

13690                <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;">
13691    <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"/>
13692    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13693  </svg>
13694</span>
13695                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
13696                  
13697
13698  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
13699
13700
13701                </span>
13702              </button>
13703              <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);' 
13704                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" 
13705                aria-label="Button quickview"
13706                x-customer-event-data="{
13707    &quot;product&quot;: {
13708      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
13709      &quot;listName&quot;: &quot;Bestsellers&quot;,
13710      &quot;sku&quot;: &quot;14734967538027&quot;,
13711      &quot;currencyCode&quot;: &quot;USD&quot;,
13712      &quot;price&quot;: 2695,
13713      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
13714    }
13715  }"
13716              >
13717                <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;">
13718    <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"/>
13719    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
13720  </svg>
13721</span>
13722              </button>
13723            </div>
13724          </div>
13725        </div>
13726      
13727    </a>
13728    
13729    
13730    <div class="md:list-layout:hidden">
13731      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
13732        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
13733          <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">
13734            <a href="/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition"
13735              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"
13736              @click='$store.xCustomerEvent.fire("product_selected", $el)'
13737              x-customer-event-data="{
13738    &quot;product&quot;: {
13739      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
13740      &quot;listName&quot;: &quot;Bestsellers&quot;,
13741      &quot;sku&quot;: &quot;14734967538027&quot;,
13742      &quot;currencyCode&quot;: &quot;USD&quot;,
13743      &quot;price&quot;: 2695,
13744      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
13745    }
13746  }"
13747            >
13748              The Introverted Leader, 3rd Edition
13749            </a>
13750          </h3>
13751          
13752
13753            
13754  
13755<div 
13756  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
13757><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
13758      <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

13758ox="0 0 512 512"  xml:space="preserve">
13759      <g>
13760        <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"/>
13761      </g>
13762    </svg>
13763    <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">
13764      <g>
13765        <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"/>
13766      </g>
13767    </svg>
13768    <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">
13769      <g>
13770        <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"/>
13771      </g>
13772    </svg>
13773    <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">
13774      <g>
13775        <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"/>
13776      </g>
13777    </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">
13778          <defs>
13779              <linearGradient id="grad">
13780                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
13781                  <stop offset="50%" stop-color="currentColor"/>
13782              </linearGradient>
13783          </defs>
13784          <g>
13785            <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"/>
13786          </g>
13787      </svg>
13788    </div> 
13789    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(249)
13790    </p></div>
13791
13792<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">
13793            
13794            
13795              <div class=" price leading-none">
13796  <div class="">
13797    
13798      <div class="hidden">2695</div><p class="price">

13799          <span>$26.95</span>
13800        </p><small class="text-[70%] hidden">
13801        <span class="hidden">Unit price</span>
13802        <span class="up price-item price-item--last">
13803          <span>
13804
13805          </span>
13806          <span aria-hidden="true">/</span>
13807          <span class="hidden">&nbsp;per&nbsp;</span>
13808          <span>
13809          </span>
13810        </span>
13811      </small>
13812    
13813  </div>
13814  
13815</div>
13816            
13817            <div class="next-price empty:hidden"></div>
13818          </div>
13819          <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 
13820  x-data='{ 
13821    storeAvailabilites: {},
13822    pickupLocation: []
13823  }'
13824  class="mb-3"
13825  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
13826>
13827  <style data-shopify>
13828    .text-available, .text-unavailable {
13829      font-size: 0.669375rem;
13830      font-family: var(--font-body-family);
13831    }
13832
13833    @media (min-width: 768px) {
13834      .text-available, .text-unavailable {
13835        font-size: 0.74375rem;
13836      }
13837    }
13838
13839    .text-available {
13840      color: #6b762d;
13841    }
13842
13843    .dark .text-available {
13844      color: #858F4D;
13845    }
13846
13847    .text-unavailable {
13848      color: #767474;
13849    }
13850
13851    .dark .text-unavailable {
13852      color: #867F7F;
13853    }
13854  </style>
13855  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
13856    <span class="flex h-4 w-4 relative">
13857<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13858  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13859  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13860</svg>
13861
13862</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
13863  </div>
13864  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
13865    <span class="flex h-4 w-4 relative">
13866<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
13867  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
13868  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
13869</svg>
13870
13871</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
13872  </div>
13873</div></div>
13874        </div>
13875      </div>
13876    </div>
13877    
13878  </div>
13879  <div
13880    id="x-product-template-14734967538027-template--24498228953451__featured_collection_PFy63t-1-4"
13881    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"
13882  >
13883    <div class="hidden md:list-layout:block">
13884      
13885      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
13886        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
13887          <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">
13888            <a href="/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition"
13889              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"
13890              @click='$store.xCustomerEvent.fire("product_selected", $el)'
13891              x-customer-event-data="{
13892    &quot;product&quot;: {
13893      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
13894      &quot;listName&quot;: &quot;Bestsellers&quot;,
13895      &quot;sku&quot;: &quot;14734967538027&quot;,
13896      &quot;currencyCode&quot;: &quot;USD&quot;,
13897      &quot;price&quot;: 2695,
13898      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
13899    }
13900  }"
13901            >
13902              The Introverted Leader, 3rd Edition
13903            </a>
13904          </h3>
13905          
13906
13907            
13908  
13909<div 
13910  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
13911><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
13912      <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

13912ox="0 0 512 512"  xml:space="preserve">
13913      <g>
13914        <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"/>
13915      </g>
13916    </svg>
13917    <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">
13918      <g>
13919        <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"/>
13920      </g>
13921    </svg>
13922    <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">
13923      <g>
13924        <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"/>
13925      </g>
13926    </svg>
13927    <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">
13928      <g>
13929        <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"/>
13930      </g>
13931    </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">
13932          <defs>
13933              <linearGradient id="grad">
13934                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
13935                  <stop offset="50%" stop-color="currentColor"/>
13936              </linearGradient>
13937          </defs>
13938          <g>
13939            <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"/>
13940          </g>
13941      </svg>
13942    </div> 
13943    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(249)
13944    </p></div>
13945
13946<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">
13947            
13948            
13949              <div class=" price leading-none">
13950  <div class="">
13951    
13952      <div class="hidden">2695</div><p class="price">

13953          <span>$26.95</span>
13954        </p><small class="text-[70%] hidden">
13955        <span class="hidden">Unit price</span>
13956        <span class="up price-item price-item--last">
13957          <span>
13958
13959          </span>
13960          <span aria-hidden="true">/</span>
13961          <span class="hidden">&nbsp;per&nbsp;</span>
13962          <span>
13963          </span>
13964        </span>
13965      </small>
13966    
13967  </div>
13968  
13969</div>
13970            
13971            <div class="next-price empty:hidden"></div>
13972          </div>
13973          <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 
13974  x-data='{ 
13975    storeAvailabilites: {},
13976    pickupLocation: []
13977  }'
13978  class="mb-3"
13979  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
13980>
13981  <style data-shopify>
13982    .text-available, .text-unavailable {
13983      font-size: 0.669375rem;
13984      font-family: var(--font-body-family);
13985    }
13986
13987    @media (min-width: 768px) {
13988      .text-available, .text-unavailable {
13989        font-size: 0.74375rem;
13990      }
13991    }
13992
13993    .text-available {
13994      color: #6b762d;
13995    }
13996
13997    .dark .text-available {
13998      color: #858F4D;
13999    }
14000
14001    .text-unavailable {
14002      color: #767474;
14003    }
14004
14005    .dark .text-unavailable {
14006      color: #867F7F;
14007    }
14008  </style>
14009  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
14010    <span class="flex h-4 w-4 relative">
14011<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14012  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14013  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14014</svg>
14015
14016</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
14017  </div>
14018  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
14019    <span class="flex h-4 w-4 relative">
14020<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14021  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14022  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14023</svg>
14024
14025</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
14026  </div>
14027</div></div>
14028        </div>
14029      </div>
14030    
14031    </div>
14032    
14033
14034        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
14035          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570895_the-introverted-leader-3rd-edition');
14036        });"></div>
14037        <div
14038          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm" 
14039          class="current-variant hidden"
14040        >
14041          52185247220075
14042        </div>
14043    
14044    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
14045    
14046      <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)" 
14047            class="card-info bottom_atc md:list-layout:hidden hide-icon"
14048            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
14049            x-cloak
14050          >
14051            
14052<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">
14053                
14054                                                            
14055                <button
14056                  type="submit"
14057                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm"
14058                  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"
14059                  
14060                  
14061                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14062                  
14063aria-label="Add to cart"
14064                    
14065                  
14066                >

14067                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14068                        <span class="flex items-center justify-center">
14069                          
14070
14071  
14072    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14073  
14074
14075
14076                        </span></span>
14077                  <div
14078                    class="flex gap-x-2 items-center justify-center"
14079                    role="alert"
14080                    x-cloak
14081                    x-show="errorMessage"
14082                  >
14083                    Sold out
14084                  </div>
14085                  <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>
14086                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14087    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14088      fill="currentcolor" stroke="none">
14089      <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"/>
14090    </g>
14091  </svg>
14092
14093                  </div>
14094                </button><input type="hidden" name="product-id" value="14734967538027" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
14095          </div></template>
14096    
14097    
14098      <template x-if="$store.xQuickView">
14099        <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 && ''">
14100              
14101<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">
14102                  
14103                                                              
14104                  <button
14105                    type="submit"
14106                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm"
14107                    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"
14108                    
14109                    
14110                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14111                    
14112aria-label="Add to cart"
14113                      
14114                    
14115                  >
14116                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14117                          <span class="flex items-center justify-center">
14118                            
14119
14120  
14121    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14122  
14123
14124
14125                          </span></span>
14126                    <div
14127                      class="flex gap-x-2 items-center justify-center"
14128                      role="alert"
14129                      x-cloak
14130                      x-show="errorMessage"
14131                    >
14132                      Sold out
14133                    </div>
14134                    <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-[

14134calc(50%-10px)]" x-show="loading" x-cloak>
14135                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14136    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14137      fill="currentcolor" stroke="none">
14138      <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"/>
14139    </g>
14140  </svg>
14141
14142                    </div>
14143                  </button><button 
14144                    type="submit"
14145                    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"
14146                    
14147                    
14148                    data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm"
14149                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14150                    
14151aria-label="Add to cart"
14152                      
14153                    
14154                    x-customer-event-data="{
14155    &quot;product&quot;: {
14156      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
14157      &quot;listName&quot;: &quot;Bestsellers&quot;,
14158      &quot;sku&quot;: &quot;14734967538027&quot;,
14159      &quot;currencyCode&quot;: &quot;USD&quot;,
14160      &quot;price&quot;: 2695,
14161      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
14162    }
14163  }"
14164                  >
14165                    <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;">
14166    <g>
14167    <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"/>
14168    <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"/>
14169    <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"/>
14170    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14171    </g>
14172  </svg></span>
14173                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
14174                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14175    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14176      fill="currentcolor" stroke="none">
14177      <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"/>
14178    </g>
14179  </svg>
14180
14181                  </span>
14182                </button><input type="hidden" name="product-id" value="14734967538027" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
14183            </div><button 
14184            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')" 
14185            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')" 
14186            @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);' 
14187            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" 
14188            aria-label="Button quickview"
14189            x-customer-event-data="{
14190    &quot;product&quot;: {
14191      &quot;title&quot;: &quot;The Introverted Leader, 3rd Edition&quot;,
14192      &quot;listName&quot;: &quot;Bestsellers&quot;,
14193      &quot;sku&quot;: &quot;14734967538027&quot;,
14194      &quot;currencyCode&quot;: &quot;USD&quot;,
14195      &quot;price&quot;: 2695,
14196      &quot;vendor&quot;: &quot;Jennifer B. Kahnweiler&quot;
14197    }
14198  }"
14199            x-show="$store.xQuickView.enabled"
14200          >

14201            <span class="flex justify-center items-center">
14202              
14203
14204  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
14205
14206
14207            </span>
14208          </button>
14209        </div>
14210      </template>
14211    
14212  </div>
14213</div>
14214
14215
14216<div 
14217  
14218    x-data="{ showOptions: false, options: [] }"
14219  
14220  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]" 
14221  x-slide-index="4"
14222>
14223  <div 
14224    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
14225  >
14226    <style data-shopify>
14227      
14228    </style>
14229    
14230    <style data-shopify>
14231      
14232    </style>
14233    <a 
14234      
14235        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
14236      
14237      href="/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition"
14238       
14239        x-data="{ lastWindowWidth: 0 }"
14240        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
14241        x-labels-data="[{
14242        &quot;variant_id&quot;: 52185246794091,
14243        &quot;product_id&quot;: 14734967177579,
14244        &quot;available&quot;: true,
14245        &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
14246        &quot;compare_at_price&quot;: 0,
14247        &quot;price&quot;: 1995,
14248        &quot;price_with_currency&quot;: &quot;$19.95&quot;,
14249        &quot;sale_amount&quot;: &quot;$-19.95&quot;,
14250        &quot;collections&quot;: &quot;||637336453483||639249514859||645629542763||643825009003||637337043307||639249744235||636480389483||639269929323||636473475435||639252758891||650454270315||&quot;,
14251        &quot;inventory_management&quot;: &quot;shopify&quot;,
14252        &quot;qty&quot;: 3321,
14253        &quot;container&quot;: &quot;card&quot;,
14254        &quot;can_show_preorder&quot;: false,
14255        &quot;diff_day_create&quot;: 441.04,
14256        &quot;diff_day_publish&quot;: 441.03
14257        
14258          ,&quot;metafield_label&quot;: { 
14259            &quot;custom.format2&quot;:&quot;Paperback&quot;
14260          }
14261        
14262      }]"
14263       
14264      aria-label="Eat That Frog!, Fourth Edition"
14265      id="14734967177579-template--24498228953451__featured_collection_PFy63t"
14266      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%]">
14267      <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">
14268        <div

14269          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-5-4"
14270          class="block h-full" 
14271          @click='$store.xCustomerEvent.fire("product_selected", $el)'
14272          x-customer-event-data="{
14273    &quot;product&quot;: {
14274      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
14275      &quot;listName&quot;: &quot;Bestsellers&quot;,
14276      &quot;sku&quot;: &quot;14734967177579&quot;,
14277      &quot;currencyCode&quot;: &quot;USD&quot;,
14278      &quot;price&quot;: 1995,
14279      &quot;vendor&quot;: &quot;Brian Tracy&quot;
14280    }
14281  }"
14282          >
14283<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
14284            >
14285              
14286              <picture>
14287                <img
14288                  srcset="//bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=450 450w,
14289                  //bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=750 750w,
14290                  //bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=900 900w,
14291                  //bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=1100 1100w,
14292                  //bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871 419w" 
14293                  src="//bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=1500"
14294                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
14295                  alt="Cover image for Eat That Frog!, Fourth Edition, isbn: 9798890570925"
14296                  :class="showSecond ? 'first-img' : ''"
14297                  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"
14298                  loading="lazy"
14299                  width="419"
14300                  height="648"
14301                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
14302                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
14303                />
14304              </picture>
14305              
14306            </div></div>
14307      </div>
14308      
14309        <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"
14310              x-show="$store.xQuickView" x-cloak
14311            > 
14312              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
14313                class="w-full hide-icon lg:px-4" 
14314                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
14315                x-cloak
14316              >
14317<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">
14318                    
14319                                                                
14320                    <button
14321                      type="submit"
14322                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm"
14323                      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"
14324                      
14325                      
14326                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14327                      
14328aria-label="Add to cart"
14329                        
14330                      
14331                    >

14332                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14333                            <span class="flex items-center justify-center">
14334                              
14335
14336  
14337    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14338  
14339
14340
14341                            </span></span>
14342                      <div
14343                        class="flex gap-x-2 items-center justify-center"
14344                        role="alert"
14345                        x-cloak
14346                        x-show="errorMessage"
14347                      >
14348                        Sold out
14349                      </div>
14350                      <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>
14351                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14352    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14353      fill="currentcolor" stroke="none">
14354      <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"/>
14355    </g>
14356  </svg>
14357
14358                      </div>
14359                    </button>
14360                    <button 
14361                      type="submit"
14362                      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"
14363                      
14364                      
14365                      data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm"
14366                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14367                      
14368aria-label="Add to cart"
14369                        
14370                      
14371                      x-customer-event-data="{
14372    &quot;product&quot;: {
14373      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
14374      &quot;listName&quot;: &quot;Bestsellers&quot;,
14375      &quot;sku&quot;: &quot;14734967177579&quot;,
14376      &quot;currencyCode&quot;: &quot;USD&quot;,
14377      &quot;price&quot;: 1995,
14378      &quot;vendor&quot;: &quot;Brian Tracy&quot;
14379    }
14380  }"
14381                    >
14382                      <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;">
14383    <g>
14384    <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"/>
14385    <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"/>
14386    <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"/>
14387    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14388    </g>
14389  </svg></span>
14390                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
14391                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14392    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14393      fill="currentcolor" stroke="none">
14394      <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"/>
14395    </g>
14396  </svg>
14397
14398                      </span>
14399                  </button><input type="hidden" name="product-id" value="14734967177579" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
14400              </div>
14401            </div><div
14402            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"
14403            :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'"
14404            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
14405            >
14406            <div>
14407              <button
14408                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
14409                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')" 
14410                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')" 
14411                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
14412                :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'"
14413                x-customer-event-data="{
14414    &quot;product&quot;: {
14415      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
14416      &quot;listName&quot;: &quot;Bestsellers&quot;,
14417      &quot;sku&quot;: &quot;14734967177579&quot;,
14418      &quot;currencyCode&quot;: &quot;USD&quot;,
14419      &quot;price&quot;: 1995,
14420      &quot;vendor&quot;: &quot;Brian Tracy&quot;
14421    }
14422  }"
14423                aria-label="Button quickview"
14424              >

14425                <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;">
14426    <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"/>
14427    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14428  </svg>
14429</span>
14430                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
14431                  
14432
14433  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
14434
14435
14436                </span>
14437              </button>
14438              <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);' 
14439                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" 
14440                aria-label="Button quickview"
14441                x-customer-event-data="{
14442    &quot;product&quot;: {
14443      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
14444      &quot;listName&quot;: &quot;Bestsellers&quot;,
14445      &quot;sku&quot;: &quot;14734967177579&quot;,
14446      &quot;currencyCode&quot;: &quot;USD&quot;,
14447      &quot;price&quot;: 1995,
14448      &quot;vendor&quot;: &quot;Brian Tracy&quot;
14449    }
14450  }"
14451              >
14452                <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;">
14453    <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"/>
14454    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14455  </svg>
14456</span>
14457              </button>
14458            </div>
14459          </div>
14460        </div>
14461      
14462    </a>
14463    
14464    
14465    <div class="md:list-layout:hidden">
14466      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
14467        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
14468          <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">
14469            <a href="/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition"
14470              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"
14471              @click='$store.xCustomerEvent.fire("product_selected", $el)'
14472              x-customer-event-data="{
14473    &quot;product&quot;: {
14474      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
14475      &quot;listName&quot;: &quot;Bestsellers&quot;,
14476      &quot;sku&quot;: &quot;14734967177579&quot;,
14477      &quot;currencyCode&quot;: &quot;USD&quot;,
14478      &quot;price&quot;: 1995,
14479      &quot;vendor&quot;: &quot;Brian Tracy&quot;
14480    }
14481  }"
14482            >
14483              Eat That Frog!, Fourth Edition
14484            </a>
14485          </h3>
14486          
14487
14488            
14489  
14490<div 
14491  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
14492><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars">
14493      <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

14493ox="0 0 512 512"  xml:space="preserve">
14494      <g>
14495        <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"/>
14496      </g>
14497    </svg>
14498    <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">
14499      <g>
14500        <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"/>
14501      </g>
14502    </svg>
14503    <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">
14504      <g>
14505        <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"/>
14506      </g>
14507    </svg>
14508    <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">
14509      <g>
14510        <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"/>
14511      </g>
14512    </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">
14513          <defs>
14514              <linearGradient id="grad">
14515                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
14516                  <stop offset="50%" stop-color="currentColor"/>
14517              </linearGradient>
14518          </defs>
14519          <g>
14520            <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"/>
14521          </g>
14522      </svg>
14523    </div> 
14524    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(13666)
14525    </p></div>
14526
14527<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">
14528            
14529            
14530              <div class=" price leading-none">
14531  <div class="">
14532    
14533      <div class="hidden">1995</div><p class="price">

14534          <span>$19.95</span>
14535        </p><small class="text-[70%] hidden">
14536        <span class="hidden">Unit price</span>
14537        <span class="up price-item price-item--last">
14538          <span>
14539
14540          </span>
14541          <span aria-hidden="true">/</span>
14542          <span class="hidden">&nbsp;per&nbsp;</span>
14543          <span>
14544          </span>
14545        </span>
14546      </small>
14547    
14548  </div>
14549  
14550</div>
14551            
14552            <div class="next-price empty:hidden"></div>
14553          </div>
14554          <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 
14555  x-data='{ 
14556    storeAvailabilites: {},
14557    pickupLocation: []
14558  }'
14559  class="mb-3"
14560  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
14561>
14562  <style data-shopify>
14563    .text-available, .text-unavailable {
14564      font-size: 0.669375rem;
14565      font-family: var(--font-body-family);
14566    }
14567
14568    @media (min-width: 768px) {
14569      .text-available, .text-unavailable {
14570        font-size: 0.74375rem;
14571      }
14572    }
14573
14574    .text-available {
14575      color: #6b762d;
14576    }
14577
14578    .dark .text-available {
14579      color: #858F4D;
14580    }
14581
14582    .text-unavailable {
14583      color: #767474;
14584    }
14585
14586    .dark .text-unavailable {
14587      color: #867F7F;
14588    }
14589  </style>
14590  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
14591    <span class="flex h-4 w-4 relative">
14592<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14593  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14594  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14595</svg>
14596
14597</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
14598  </div>
14599  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
14600    <span class="flex h-4 w-4 relative">
14601<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14602  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14603  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14604</svg>
14605
14606</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
14607  </div>
14608</div></div>
14609        </div>
14610      </div>
14611    </div>
14612    
14613  </div>
14614  <div
14615    id="x-product-template-14734967177579-template--24498228953451__featured_collection_PFy63t-1-5"
14616    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"
14617  >
14618    <div class="hidden md:list-layout:block">
14619      
14620      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
14621        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
14622          <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">
14623            <a href="/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition"
14624              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"
14625              @click='$store.xCustomerEvent.fire("product_selected", $el)'
14626              x-customer-event-data="{
14627    &quot;product&quot;: {
14628      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
14629      &quot;listName&quot;: &quot;Bestsellers&quot;,
14630      &quot;sku&quot;: &quot;14734967177579&quot;,
14631      &quot;currencyCode&quot;: &quot;USD&quot;,
14632      &quot;price&quot;: 1995,
14633      &quot;vendor&quot;: &quot;Brian Tracy&quot;
14634    }
14635  }"
14636            >
14637              Eat That Frog!, Fourth Edition
14638            </a>
14639          </h3>
14640          
14641
14642            
14643  
14644<div 
14645  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
14646><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars">
14647      <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

14647ox="0 0 512 512"  xml:space="preserve">
14648      <g>
14649        <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"/>
14650      </g>
14651    </svg>
14652    <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">
14653      <g>
14654        <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"/>
14655      </g>
14656    </svg>
14657    <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">
14658      <g>
14659        <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"/>
14660      </g>
14661    </svg>
14662    <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">
14663      <g>
14664        <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"/>
14665      </g>
14666    </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">
14667          <defs>
14668              <linearGradient id="grad">
14669                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
14670                  <stop offset="50%" stop-color="currentColor"/>
14671              </linearGradient>
14672          </defs>
14673          <g>
14674            <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"/>
14675          </g>
14676      </svg>
14677    </div> 
14678    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(13666)
14679    </p></div>
14680
14681<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">
14682            
14683            
14684              <div class=" price leading-none">
14685  <div class="">
14686    
14687      <div class="hidden">1995</div><p class="price">

14688          <span>$19.95</span>
14689        </p><small class="text-[70%] hidden">
14690        <span class="hidden">Unit price</span>
14691        <span class="up price-item price-item--last">
14692          <span>
14693
14694          </span>
14695          <span aria-hidden="true">/</span>
14696          <span class="hidden">&nbsp;per&nbsp;</span>
14697          <span>
14698          </span>
14699        </span>
14700      </small>
14701    
14702  </div>
14703  
14704</div>
14705            
14706            <div class="next-price empty:hidden"></div>
14707          </div>
14708          <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 
14709  x-data='{ 
14710    storeAvailabilites: {},
14711    pickupLocation: []
14712  }'
14713  class="mb-3"
14714  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
14715>
14716  <style data-shopify>
14717    .text-available, .text-unavailable {
14718      font-size: 0.669375rem;
14719      font-family: var(--font-body-family);
14720    }
14721
14722    @media (min-width: 768px) {
14723      .text-available, .text-unavailable {
14724        font-size: 0.74375rem;
14725      }
14726    }
14727
14728    .text-available {
14729      color: #6b762d;
14730    }
14731
14732    .dark .text-available {
14733      color: #858F4D;
14734    }
14735
14736    .text-unavailable {
14737      color: #767474;
14738    }
14739
14740    .dark .text-unavailable {
14741      color: #867F7F;
14742    }
14743  </style>
14744  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
14745    <span class="flex h-4 w-4 relative">
14746<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14747  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14748  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14749</svg>
14750
14751</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
14752  </div>
14753  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
14754    <span class="flex h-4 w-4 relative">
14755<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
14756  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
14757  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
14758</svg>
14759
14760</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
14761  </div>
14762</div></div>
14763        </div>
14764      </div>
14765    
14766    </div>
14767    
14768
14769        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
14770          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570925_eat-that-frog-fourth-edition');
14771        });"></div>
14772        <div
14773          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm" 
14774          class="current-variant hidden"
14775        >
14776          52185246794091
14777        </div>
14778    
14779    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
14780    
14781      <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)" 
14782            class="card-info bottom_atc md:list-layout:hidden hide-icon"
14783            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
14784            x-cloak
14785          >
14786            
14787<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">
14788                
14789                                                            
14790                <button
14791                  type="submit"
14792                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm"
14793                  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"
14794                  
14795                  
14796                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14797                  
14798aria-label="Add to cart"
14799                    
14800                  
14801                >

14802                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14803                        <span class="flex items-center justify-center">
14804                          
14805
14806  
14807    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14808  
14809
14810
14811                        </span></span>
14812                  <div
14813                    class="flex gap-x-2 items-center justify-center"
14814                    role="alert"
14815                    x-cloak
14816                    x-show="errorMessage"
14817                  >
14818                    Sold out
14819                  </div>
14820                  <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>
14821                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14822    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14823      fill="currentcolor" stroke="none">
14824      <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"/>
14825    </g>
14826  </svg>
14827
14828                  </div>
14829                </button><input type="hidden" name="product-id" value="14734967177579" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
14830          </div></template>
14831    
14832    
14833      <template x-if="$store.xQuickView">
14834        <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 && ''">
14835              
14836<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">
14837                  
14838                                                              
14839                  <button
14840                    type="submit"
14841                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm"
14842                    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"
14843                    
14844                    
14845                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14846                    
14847aria-label="Add to cart"
14848                      
14849                    
14850                  >
14851                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
14852                          <span class="flex items-center justify-center">
14853                            
14854
14855  
14856    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
14857  
14858
14859
14860                          </span></span>
14861                    <div
14862                      class="flex gap-x-2 items-center justify-center"
14863                      role="alert"
14864                      x-cloak
14865                      x-show="errorMessage"
14866                    >
14867                      Sold out
14868                    </div>
14869                    <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-[

14869calc(50%-10px)]" x-show="loading" x-cloak>
14870                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14871    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14872      fill="currentcolor" stroke="none">
14873      <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"/>
14874    </g>
14875  </svg>
14876
14877                    </div>
14878                  </button><button 
14879                    type="submit"
14880                    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"
14881                    
14882                    
14883                    data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm"
14884                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
14885                    
14886aria-label="Add to cart"
14887                      
14888                    
14889                    x-customer-event-data="{
14890    &quot;product&quot;: {
14891      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
14892      &quot;listName&quot;: &quot;Bestsellers&quot;,
14893      &quot;sku&quot;: &quot;14734967177579&quot;,
14894      &quot;currencyCode&quot;: &quot;USD&quot;,
14895      &quot;price&quot;: 1995,
14896      &quot;vendor&quot;: &quot;Brian Tracy&quot;
14897    }
14898  }"
14899                  >
14900                    <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;">
14901    <g>
14902    <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"/>
14903    <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"/>
14904    <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"/>
14905    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
14906    </g>
14907  </svg></span>
14908                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
14909                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
14910    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
14911      fill="currentcolor" stroke="none">
14912      <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"/>
14913    </g>
14914  </svg>
14915
14916                  </span>
14917                </button><input type="hidden" name="product-id" value="14734967177579" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
14918            </div><button 
14919            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')" 
14920            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')" 
14921            @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);' 
14922            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" 
14923            aria-label="Button quickview"
14924            x-customer-event-data="{
14925    &quot;product&quot;: {
14926      &quot;title&quot;: &quot;Eat That Frog!, Fourth Edition&quot;,
14927      &quot;listName&quot;: &quot;Bestsellers&quot;,
14928      &quot;sku&quot;: &quot;14734967177579&quot;,
14929      &quot;currencyCode&quot;: &quot;USD&quot;,
14930      &quot;price&quot;: 1995,
14931      &quot;vendor&quot;: &quot;Brian Tracy&quot;
14932    }
14933  }"
14934            x-show="$store.xQuickView.enabled"
14935          >

14936            <span class="flex justify-center items-center">
14937              
14938
14939  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
14940
14941
14942            </span>
14943          </button>
14944        </div>
14945      </template>
14946    
14947  </div>
14948</div>
14949
14950
14951<div 
14952  
14953    x-data="{ showOptions: false, options: [] }"
14954  
14955  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]" 
14956  x-slide-index="5"
14957>
14958  <div 
14959    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
14960  >
14961    <style data-shopify>
14962      
14963    </style>
14964    
14965    <style data-shopify>
14966      
14967    </style>
14968    <a 
14969      
14970        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
14971      
14972      href="/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition"
14973       
14974        x-data="{ lastWindowWidth: 0 }"
14975        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
14976        x-labels-data="[{
14977        &quot;variant_id&quot;: 52185246466411,
14978        &quot;product_id&quot;: 14734964949355,
14979        &quot;available&quot;: true,
14980        &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
14981        &quot;compare_at_price&quot;: 0,
14982        &quot;price&quot;: 2195,
14983        &quot;price_with_currency&quot;: &quot;$21.95&quot;,
14984        &quot;sale_amount&quot;: &quot;$-21.95&quot;,
14985        &quot;collections&quot;: &quot;||637336453483||639249514859||643824779627||637337043307||636480389483||639269929323||636473475435||639252758891||639269339499||&quot;,
14986        &quot;inventory_management&quot;: &quot;shopify&quot;,
14987        &quot;qty&quot;: 966,
14988        &quot;container&quot;: &quot;card&quot;,
14989        &quot;can_show_preorder&quot;: false,
14990        &quot;diff_day_create&quot;: 441.04,
14991        &quot;diff_day_publish&quot;: 441.03
14992        
14993          ,&quot;metafield_label&quot;: { 
14994            &quot;custom.format2&quot;:&quot;Paperback&quot;
14995          }
14996        
14997      }]"
14998       
14999      aria-label="The Anatomy of Peace, Fifth Edition"
15000      id="14734964949355-template--24498228953451__featured_collection_PFy63t"
15001      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%]">
15002      <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">
15003        <div

15004          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-6-5"
15005          class="block h-full" 
15006          @click='$store.xCustomerEvent.fire("product_selected", $el)'
15007          x-customer-event-data="{
15008    &quot;product&quot;: {
15009      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
15010      &quot;listName&quot;: &quot;Bestsellers&quot;,
15011      &quot;sku&quot;: &quot;14734964949355&quot;,
15012      &quot;currencyCode&quot;: &quot;USD&quot;,
15013      &quot;price&quot;: 2195,
15014      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
15015    }
15016  }"
15017          >
15018<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
15019            >
15020              
15021              <picture>
15022                <img
15023                  srcset="//bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=450 450w,
15024                  //bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=750 750w,
15025                  //bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=900 900w,
15026                  //bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=1100 1100w,
15027                  //bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869 419w" 
15028                  src="//bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=1500"
15029                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
15030                  alt="Cover image for The Anatomy of Peace, Fifth Edition, isbn: 9798890571571"
15031                  :class="showSecond ? 'first-img' : ''"
15032                  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"
15033                  loading="lazy"
15034                  width="419"
15035                  height="648"
15036                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
15037                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
15038                />
15039              </picture>
15040              
15041            </div></div>
15042      </div>
15043      
15044        <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"
15045              x-show="$store.xQuickView" x-cloak
15046            > 
15047              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
15048                class="w-full hide-icon lg:px-4" 
15049                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
15050                x-cloak
15051              >
15052<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">
15053                    
15054                                                                
15055                    <button
15056                      type="submit"
15057                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm"
15058                      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"
15059                      
15060                      
15061                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15062                      
15063aria-label="Add to cart"
15064                        
15065                      
15066                    >

15067                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15068                            <span class="flex items-center justify-center">
15069                              
15070
15071  
15072    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
15073  
15074
15075
15076                            </span></span>
15077                      <div
15078                        class="flex gap-x-2 items-center justify-center"
15079                        role="alert"
15080                        x-cloak
15081                        x-show="errorMessage"
15082                      >
15083                        Sold out
15084                      </div>
15085                      <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>
15086                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15087    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15088      fill="currentcolor" stroke="none">
15089      <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"/>
15090    </g>
15091  </svg>
15092
15093                      </div>
15094                    </button>
15095                    <button 
15096                      type="submit"
15097                      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"
15098                      
15099                      
15100                      data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm"
15101                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15102                      
15103aria-label="Add to cart"
15104                        
15105                      
15106                      x-customer-event-data="{
15107    &quot;product&quot;: {
15108      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
15109      &quot;listName&quot;: &quot;Bestsellers&quot;,
15110      &quot;sku&quot;: &quot;14734964949355&quot;,
15111      &quot;currencyCode&quot;: &quot;USD&quot;,
15112      &quot;price&quot;: 2195,
15113      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
15114    }
15115  }"
15116                    >
15117                      <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;">
15118    <g>
15119    <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"/>
15120    <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"/>
15121    <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"/>
15122    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15123    </g>
15124  </svg></span>
15125                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
15126                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15127    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15128      fill="currentcolor" stroke="none">
15129      <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"/>
15130    </g>
15131  </svg>
15132
15133                      </span>
15134                  </button><input type="hidden" name="product-id" value="14734964949355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
15135              </div>
15136            </div><div
15137            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"
15138            :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'"
15139            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
15140            >
15141            <div>
15142              <button
15143                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15144                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571571_the-

15144anatomy-of-peace-fifth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm')" 
15145                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')" 
15146                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
15147                :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'"
15148                x-customer-event-data="{
15149    &quot;product&quot;: {
15150      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
15151      &quot;listName&quot;: &quot;Bestsellers&quot;,
15152      &quot;sku&quot;: &quot;14734964949355&quot;,
15153      &quot;currencyCode&quot;: &quot;USD&quot;,
15154      &quot;price&quot;: 2195,
15155      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
15156    }
15157  }"
15158                aria-label="Button quickview"
15159              >
15160                <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;">
15161    <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"/>
15162    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15163  </svg>
15164</span>
15165                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
15166                  
15167
15168  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15169
15170
15171                </span>
15172              </button>
15173              <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);' 
15174                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" 
15175                aria-label="Button quickview"
15176                x-customer-event-data="{
15177    &quot;product&quot;: {
15178      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
15179      &quot;listName&quot;: &quot;Bestsellers&quot;,
15180      &quot;sku&quot;: &quot;14734964949355&quot;,
15181      &quot;currencyCode&quot;: &quot;USD&quot;,
15182      &quot;price&quot;: 2195,
15183      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
15184    }
15185  }"
15186              >
15187                <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;">
15188    <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"/>
15189    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15190  </svg>
15191</span>
15192              </button>
15193            </div>
15194          </div>
15195        </div>
15196      
15197    </a>
15198    
15199    
15200    <div class="md:list-layout:hidden">
15201      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
15202        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
15203          <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">
15204            <a href="/collections/bestsellers/products/9798890571571_the-

15204anatomy-of-peace-fifth-edition"
15205              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"
15206              @click='$store.xCustomerEvent.fire("product_selected", $el)'
15207              x-customer-event-data="{
15208    &quot;product&quot;: {
15209      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
15210      &quot;listName&quot;: &quot;Bestsellers&quot;,
15211      &quot;sku&quot;: &quot;14734964949355&quot;,
15212      &quot;currencyCode&quot;: &quot;USD&quot;,
15213      &quot;price&quot;: 2195,
15214      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
15215    }
15216  }"
15217            >
15218              The Anatomy of Peace, Fifth Edition
15219            </a>
15220          </h3>
15221          
15222
15223            
15224  
15225<div 
15226  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
15227><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars">
15228      <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">
15229      <g>
15230        <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"/>
15231      </g>
15232    </svg>
15233    <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">
15234      <g>
15235        <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"/>
15236      </g>
15237    </svg>
15238    <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">
15239      <g>
15240        <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"/>
15241      </g>
15242    </svg>
15243    <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">
15244      <g>
15245        <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"/>
15246      </g>
15247    </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">
15248          <defs>
15249              <linearGradient id="grad">
15250                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
15251                  <stop offset="50%" stop-color="currentColor"/>
15252              </linearGradient>
15253          </defs>
15254          <g>
15255            <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"/>
15256          </g>
15257      </svg>
15258    </div> 
15259    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(460)
15260    </p></div>
15261
15262<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">
15263            
15264            
15265              <div class=" price leading-none">
15266  <div class="">
15267    
15268      <div class="hidden">2195</div><p class="price">

15269          <span>$21.95</span>
15270        </p><small class="text-[70%] hidden">
15271        <span class="hidden">Unit price</span>
15272        <span class="up price-item price-item--last">
15273          <span>
15274
15275          </span>
15276          <span aria-hidden="true">/</span>
15277          <span class="hidden">&nbsp;per&nbsp;</span>
15278          <span>
15279          </span>
15280        </span>
15281      </small>
15282    
15283  </div>
15284  
15285</div>
15286            
15287            <div class="next-price empty:hidden"></div>
15288          </div>
15289          <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 
15290  x-data='{ 
15291    storeAvailabilites: {},
15292    pickupLocation: []
15293  }'
15294  class="mb-3"
15295  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
15296>
15297  <style data-shopify>
15298    .text-available, .text-unavailable {
15299      font-size: 0.669375rem;
15300      font-family: var(--font-body-family);
15301    }
15302
15303    @media (min-width: 768px) {
15304      .text-available, .text-unavailable {
15305        font-size: 0.74375rem;
15306      }
15307    }
15308
15309    .text-available {
15310      color: #6b762d;
15311    }
15312
15313    .dark .text-available {
15314      color: #858F4D;
15315    }
15316
15317    .text-unavailable {
15318      color: #767474;
15319    }
15320
15321    .dark .text-unavailable {
15322      color: #867F7F;
15323    }
15324  </style>
15325  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
15326    <span class="flex h-4 w-4 relative">
15327<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15328  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15329  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15330</svg>
15331
15332</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
15333  </div>
15334  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
15335    <span class="flex h-4 w-4 relative">
15336<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15337  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15338  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15339</svg>
15340
15341</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
15342  </div>
15343</div></div>
15344        </div>
15345      </div>
15346    </div>
15347    
15348  </div>
15349  <div
15350    id="x-product-template-14734964949355-template--24498228953451__featured_collection_PFy63t-1-6"
15351    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"
15352  >
15353    <div class="hidden md:list-layout:block">
15354      
15355      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
15356        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
15357          <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">
15358            <a href="/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition"
15359              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"
15360              @click='$store.xCustomerEvent.fire("product_selected", $el)'
15361              x-customer-event-data="{
15362    &quot;product&quot;: {
15363      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
15364      &quot;listName&quot;: &quot;Bestsellers&quot;,
15365      &quot;sku&quot;: &quot;14734964949355&quot;,
15366      &quot;currencyCode&quot;: &quot;USD&quot;,
15367      &quot;price&quot;: 2195,
15368      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
15369    }
15370  }"
15371            >
15372              The Anatomy of Peace, Fifth Edition
15373            </a>
15374          </h3>
15375          
15376
15377            
15378  
15379<div 
15380  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
15381><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars">
15382      <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

15382ox="0 0 512 512"  xml:space="preserve">
15383      <g>
15384        <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"/>
15385      </g>
15386    </svg>
15387    <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">
15388      <g>
15389        <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"/>
15390      </g>
15391    </svg>
15392    <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">
15393      <g>
15394        <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"/>
15395      </g>
15396    </svg>
15397    <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">
15398      <g>
15399        <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"/>
15400      </g>
15401    </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">
15402          <defs>
15403              <linearGradient id="grad">
15404                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
15405                  <stop offset="50%" stop-color="currentColor"/>
15406              </linearGradient>
15407          </defs>
15408          <g>
15409            <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"/>
15410          </g>
15411      </svg>
15412    </div> 
15413    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(460)
15414    </p></div>
15415
15416<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">
15417            
15418            
15419              <div class=" price leading-none">
15420  <div class="">
15421    
15422      <div class="hidden">2195</div><p class="price">

15423          <span>$21.95</span>
15424        </p><small class="text-[70%] hidden">
15425        <span class="hidden">Unit price</span>
15426        <span class="up price-item price-item--last">
15427          <span>
15428
15429          </span>
15430          <span aria-hidden="true">/</span>
15431          <span class="hidden">&nbsp;per&nbsp;</span>
15432          <span>
15433          </span>
15434        </span>
15435      </small>
15436    
15437  </div>
15438  
15439</div>
15440            
15441            <div class="next-price empty:hidden"></div>
15442          </div>
15443          <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 
15444  x-data='{ 
15445    storeAvailabilites: {},
15446    pickupLocation: []
15447  }'
15448  class="mb-3"
15449  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
15450>
15451  <style data-shopify>
15452    .text-available, .text-unavailable {
15453      font-size: 0.669375rem;
15454      font-family: var(--font-body-family);
15455    }
15456
15457    @media (min-width: 768px) {
15458      .text-available, .text-unavailable {
15459        font-size: 0.74375rem;
15460      }
15461    }
15462
15463    .text-available {
15464      color: #6b762d;
15465    }
15466
15467    .dark .text-available {
15468      color: #858F4D;
15469    }
15470
15471    .text-unavailable {
15472      color: #767474;
15473    }
15474
15475    .dark .text-unavailable {
15476      color: #867F7F;
15477    }
15478  </style>
15479  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
15480    <span class="flex h-4 w-4 relative">
15481<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15482  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15483  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15484</svg>
15485
15486</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
15487  </div>
15488  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
15489    <span class="flex h-4 w-4 relative">
15490<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15491  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
15492  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
15493</svg>
15494
15495</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
15496  </div>
15497</div></div>
15498        </div>
15499      </div>
15500    
15501    </div>
15502    
15503
15504        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
15505          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890571571_the-anatomy-of-peace-fifth-edition');
15506        });"></div>
15507        <div
15508          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm" 
15509          class="current-variant hidden"
15510        >
15511          52185246466411
15512        </div>
15513    
15514    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
15515    
15516      <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)" 
15517            class="card-info bottom_atc md:list-layout:hidden hide-icon"
15518            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
15519            x-cloak
15520          >
15521            
15522<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">
15523                
15524                                                            
15525                <button
15526                  type="submit"
15527                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm"
15528                  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"
15529                  
15530                  
15531                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15532                  
15533aria-label="Add to cart"
15534                    
15535                  
15536                >

15537                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15538                        <span class="flex items-center justify-center">
15539                          
15540
15541  
15542    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
15543  
15544
15545
15546                        </span></span>
15547                  <div
15548                    class="flex gap-x-2 items-center justify-center"
15549                    role="alert"
15550                    x-cloak
15551                    x-show="errorMessage"
15552                  >
15553                    Sold out
15554                  </div>
15555                  <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>
15556                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15557    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15558      fill="currentcolor" stroke="none">
15559      <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"/>
15560    </g>
15561  </svg>
15562
15563                  </div>
15564                </button><input type="hidden" name="product-id" value="14734964949355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
15565          </div></template>
15566    
15567    
15568      <template x-if="$store.xQuickView">
15569        <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 && ''">
15570              
15571<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">
15572                  
15573                                                              
15574                  <button
15575                    type="submit"
15576                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm"
15577                    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"
15578                    
15579                    
15580                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15581                    
15582aria-label="Add to cart"
15583                      
15584                    
15585                  >
15586                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15587                          <span class="flex items-center justify-center">
15588                            
15589
15590  
15591    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
15592  
15593
15594
15595                          </span></span>
15596                    <div
15597                      class="flex gap-x-2 items-center justify-center"
15598                      role="alert"
15599                      x-cloak
15600                      x-show="errorMessage"
15601                    >
15602                      Sold out
15603                    </div>
15604                    <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-[

15604calc(50%-10px)]" x-show="loading" x-cloak>
15605                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15606    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15607      fill="currentcolor" stroke="none">
15608      <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"/>
15609    </g>
15610  </svg>
15611
15612                    </div>
15613                  </button><button 
15614                    type="submit"
15615                    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"
15616                    
15617                    
15618                    data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm"
15619                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15620                    
15621aria-label="Add to cart"
15622                      
15623                    
15624                    x-customer-event-data="{
15625    &quot;product&quot;: {
15626      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
15627      &quot;listName&quot;: &quot;Bestsellers&quot;,
15628      &quot;sku&quot;: &quot;14734964949355&quot;,
15629      &quot;currencyCode&quot;: &quot;USD&quot;,
15630      &quot;price&quot;: 2195,
15631      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
15632    }
15633  }"
15634                  >
15635                    <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;">
15636    <g>
15637    <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"/>
15638    <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"/>
15639    <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"/>
15640    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15641    </g>
15642  </svg></span>
15643                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
15644                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15645    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15646      fill="currentcolor" stroke="none">
15647      <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"/>
15648    </g>
15649  </svg>
15650
15651                  </span>
15652                </button><input type="hidden" name="product-id" value="14734964949355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
15653            </div><button 
15654            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571571_the-

15654anatomy-of-peace-fifth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm')" 
15655            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')" 
15656            @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);' 
15657            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" 
15658            aria-label="Button quickview"
15659            x-customer-event-data="{
15660    &quot;product&quot;: {
15661      &quot;title&quot;: &quot;The Anatomy of Peace, Fifth Edition&quot;,
15662      &quot;listName&quot;: &quot;Bestsellers&quot;,
15663      &quot;sku&quot;: &quot;14734964949355&quot;,
15664      &quot;currencyCode&quot;: &quot;USD&quot;,
15665      &quot;price&quot;: 2195,
15666      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
15667    }
15668  }"
15669            x-show="$store.xQuickView.enabled"
15670          >
15671            <span class="flex justify-center items-center">
15672              
15673
15674  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15675
15676
15677            </span>
15678          </button>
15679        </div>
15680      </template>
15681    
15682  </div>
15683</div>
15684
15685
15686<div 
15687  
15688    x-data="{ showOptions: false, options: [] }"
15689  
15690  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]" 
15691  x-slide-index="6"
15692>
15693  <div 
15694    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
15695  >
15696    <style data-shopify>
15697      
15698    </style>
15699    
15700    <style data-shopify>
15701      
15702    </style>
15703    <a 
15704      
15705        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
15706      
15707      href="/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition"
15708       
15709        x-data="{ lastWindowWidth: 0 }"
15710        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
15711        x-labels-data="[{
15712        &quot;variant_id&quot;: 52185241321835,
15713        &quot;product_id&quot;: 14734962065771,
15714        &quot;available&quot;: true,
15715        &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
15716        &quot;compare_at_price&quot;: 0,
15717        &quot;price&quot;: 2395,
15718        &quot;price_with_currency&quot;: &quot;$23.95&quot;,
15719        &quot;sale_amount&quot;: &quot;$-23.95&quot;,
15720        &quot;collections&quot;: &quot;||637336453483||639249514859||636480389483||636473475435||639252758891||&quot;,
15721        &quot;inventory_management&quot;: &quot;shopify&quot;,
15722        &quot;qty&quot;: 1250,
15723        &quot;container&quot;: &quot;card&quot;,
15724        &quot;can_show_preorder&quot;: false,
15725        &quot;diff_day_create&quot;: 441.04,
15726        &quot;diff_day_publish&quot;: 441.03
15727        
15728          ,&quot;metafield_label&quot;: { 
15729            &quot;custom.format2&quot;:&quot;Paperback&quot;
15730          }
15731        
15732      }]"
15733       
15734      aria-label="Negotiating the Impossible, Second Edition"
15735      id="14734962065771-template--24498228953451__featured_collection_PFy63t"
15736      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%]">
15737      <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">
15738        <div

15739          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-7-6"
15740          class="block h-full" 
15741          @click='$store.xCustomerEvent.fire("product_selected", $el)'
15742          x-customer-event-data="{
15743    &quot;product&quot;: {
15744      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
15745      &quot;listName&quot;: &quot;Bestsellers&quot;,
15746      &quot;sku&quot;: &quot;14734962065771&quot;,
15747      &quot;currencyCode&quot;: &quot;USD&quot;,
15748      &quot;price&quot;: 2395,
15749      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
15750    }
15751  }"
15752          >
15753<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
15754            >
15755              
15756              <picture>
15757                <img
15758                  srcset="//bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=450 450w,
15759                  //bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=750 750w,
15760                  //bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=900 900w,
15761                  //bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=1100 1100w,
15762                  //bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873 431w" 
15763                  src="//bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=1500"
15764                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
15765                  alt="Cover image for Negotiating the Impossible, Second Edition, isbn: 9798890570987"
15766                  :class="showSecond ? 'first-img' : ''"
15767                  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"
15768                  loading="lazy"
15769                  width="431"
15770                  height="648"
15771                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
15772                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
15773                />
15774              </picture>
15775              
15776            </div></div>
15777      </div>
15778      
15779        <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"
15780              x-show="$store.xQuickView" x-cloak
15781            > 
15782              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
15783                class="w-full hide-icon lg:px-4" 
15784                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
15785                x-cloak
15786              >
15787<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">
15788                    
15789                                                                
15790                    <button
15791                      type="submit"
15792                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm"
15793                      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"
15794                      
15795                      
15796                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15797                      
15798aria-label="Add to cart"
15799                        
15800                      
15801                    >

15802                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
15803                            <span class="flex items-center justify-center">
15804                              
15805
15806  
15807    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
15808  
15809
15810
15811                            </span></span>
15812                      <div
15813                        class="flex gap-x-2 items-center justify-center"
15814                        role="alert"
15815                        x-cloak
15816                        x-show="errorMessage"
15817                      >
15818                        Sold out
15819                      </div>
15820                      <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>
15821                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15822    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15823      fill="currentcolor" stroke="none">
15824      <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"/>
15825    </g>
15826  </svg>
15827
15828                      </div>
15829                    </button>
15830                    <button 
15831                      type="submit"
15832                      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"
15833                      
15834                      
15835                      data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm"
15836                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
15837                      
15838aria-label="Add to cart"
15839                        
15840                      
15841                      x-customer-event-data="{
15842    &quot;product&quot;: {
15843      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
15844      &quot;listName&quot;: &quot;Bestsellers&quot;,
15845      &quot;sku&quot;: &quot;14734962065771&quot;,
15846      &quot;currencyCode&quot;: &quot;USD&quot;,
15847      &quot;price&quot;: 2395,
15848      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
15849    }
15850  }"
15851                    >
15852                      <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;">
15853    <g>
15854    <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"/>
15855    <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"/>
15856    <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"/>
15857    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15858    </g>
15859  </svg></span>
15860                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
15861                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
15862    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
15863      fill="currentcolor" stroke="none">
15864      <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"/>
15865    </g>
15866  </svg>
15867
15868                      </span>
15869                  </button><input type="hidden" name="product-id" value="14734962065771" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
15870              </div>
15871            </div><div
15872            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"
15873            :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'"
15874            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
15875            >
15876            <div>
15877              <button
15878                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
15879                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')" 
15880                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')" 
15881                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
15882                :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'"
15883                x-customer-event-data="{
15884    &quot;product&quot;: {
15885      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
15886      &quot;listName&quot;: &quot;Bestsellers&quot;,
15887      &quot;sku&quot;: &quot;14734962065771&quot;,
15888      &quot;currencyCode&quot;: &quot;USD&quot;,
15889      &quot;price&quot;: 2395,
15890      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
15891    }
15892  }"
15893                aria-label="Button quickview"
15894              >

15895                <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;">
15896    <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"/>
15897    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15898  </svg>
15899</span>
15900                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
15901                  
15902
15903  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
15904
15905
15906                </span>
15907              </button>
15908              <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);' 
15909                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" 
15910                aria-label="Button quickview"
15911                x-customer-event-data="{
15912    &quot;product&quot;: {
15913      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
15914      &quot;listName&quot;: &quot;Bestsellers&quot;,
15915      &quot;sku&quot;: &quot;14734962065771&quot;,
15916      &quot;currencyCode&quot;: &quot;USD&quot;,
15917      &quot;price&quot;: 2395,
15918      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
15919    }
15920  }"
15921              >
15922                <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;">
15923    <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"/>
15924    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
15925  </svg>
15926</span>
15927              </button>
15928            </div>
15929          </div>
15930        </div>
15931      
15932    </a>
15933    
15934    
15935    <div class="md:list-layout:hidden">
15936      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
15937        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
15938          <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">
15939            <a href="/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition"
15940              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"
15941              @click='$store.xCustomerEvent.fire("product_selected", $el)'
15942              x-customer-event-data="{
15943    &quot;product&quot;: {
15944      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
15945      &quot;listName&quot;: &quot;Bestsellers&quot;,
15946      &quot;sku&quot;: &quot;14734962065771&quot;,
15947      &quot;currencyCode&quot;: &quot;USD&quot;,
15948      &quot;price&quot;: 2395,
15949      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
15950    }
15951  }"
15952            >
15953              Negotiating the Impossible, Second Edition
15954            </a>
15955          </h3>
15956          
15957
15958            
15959  
15960<div 
15961  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
15962><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
15963      <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

15963ox="0 0 512 512"  xml:space="preserve">
15964      <g>
15965        <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"/>
15966      </g>
15967    </svg>
15968    <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">
15969      <g>
15970        <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"/>
15971      </g>
15972    </svg>
15973    <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">
15974      <g>
15975        <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"/>
15976      </g>
15977    </svg>
15978    <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">
15979      <g>
15980        <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"/>
15981      </g>
15982    </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">
15983          <defs>
15984              <linearGradient id="grad">
15985                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
15986                  <stop offset="50%" stop-color="currentColor"/>
15987              </linearGradient>
15988          </defs>
15989          <g>
15990            <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"/>
15991          </g>
15992      </svg>
15993    </div> 
15994    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(96)
15995    </p></div>
15996
15997<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">
15998            
15999            
16000              <div class=" price leading-none">
16001  <div class="">
16002    
16003      <div class="hidden">2395</div><p class="price">

16004          <span>$23.95</span>
16005        </p><small class="text-[70%] hidden">
16006        <span class="hidden">Unit price</span>
16007        <span class="up price-item price-item--last">
16008          <span>
16009
16010          </span>
16011          <span aria-hidden="true">/</span>
16012          <span class="hidden">&nbsp;per&nbsp;</span>
16013          <span>
16014          </span>
16015        </span>
16016      </small>
16017    
16018  </div>
16019  
16020</div>
16021            
16022            <div class="next-price empty:hidden"></div>
16023          </div>
16024          <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 
16025  x-data='{ 
16026    storeAvailabilites: {},
16027    pickupLocation: []
16028  }'
16029  class="mb-3"
16030  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
16031>
16032  <style data-shopify>
16033    .text-available, .text-unavailable {
16034      font-size: 0.669375rem;
16035      font-family: var(--font-body-family);
16036    }
16037
16038    @media (min-width: 768px) {
16039      .text-available, .text-unavailable {
16040        font-size: 0.74375rem;
16041      }
16042    }
16043
16044    .text-available {
16045      color: #6b762d;
16046    }
16047
16048    .dark .text-available {
16049      color: #858F4D;
16050    }
16051
16052    .text-unavailable {
16053      color: #767474;
16054    }
16055
16056    .dark .text-unavailable {
16057      color: #867F7F;
16058    }
16059  </style>
16060  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
16061    <span class="flex h-4 w-4 relative">
16062<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16063  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16064  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16065</svg>
16066
16067</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16068  </div>
16069  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
16070    <span class="flex h-4 w-4 relative">
16071<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16072  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16073  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16074</svg>
16075
16076</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16077  </div>
16078</div></div>
16079        </div>
16080      </div>
16081    </div>
16082    
16083  </div>
16084  <div
16085    id="x-product-template-14734962065771-template--24498228953451__featured_collection_PFy63t-1-7"
16086    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"
16087  >
16088    <div class="hidden md:list-layout:block">
16089      
16090      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
16091        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
16092          <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">
16093            <a href="/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition"
16094              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"
16095              @click='$store.xCustomerEvent.fire("product_selected", $el)'
16096              x-customer-event-data="{
16097    &quot;product&quot;: {
16098      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
16099      &quot;listName&quot;: &quot;Bestsellers&quot;,
16100      &quot;sku&quot;: &quot;14734962065771&quot;,
16101      &quot;currencyCode&quot;: &quot;USD&quot;,
16102      &quot;price&quot;: 2395,
16103      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
16104    }
16105  }"
16106            >
16107              Negotiating the Impossible, Second Edition
16108            </a>
16109          </h3>
16110          
16111
16112            
16113  
16114<div 
16115  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
16116><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
16117      <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

16117ox="0 0 512 512"  xml:space="preserve">
16118      <g>
16119        <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"/>
16120      </g>
16121    </svg>
16122    <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">
16123      <g>
16124        <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"/>
16125      </g>
16126    </svg>
16127    <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">
16128      <g>
16129        <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"/>
16130      </g>
16131    </svg>
16132    <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">
16133      <g>
16134        <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"/>
16135      </g>
16136    </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">
16137          <defs>
16138              <linearGradient id="grad">
16139                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
16140                  <stop offset="50%" stop-color="currentColor"/>
16141              </linearGradient>
16142          </defs>
16143          <g>
16144            <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"/>
16145          </g>
16146      </svg>
16147    </div> 
16148    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(96)
16149    </p></div>
16150
16151<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">
16152            
16153            
16154              <div class=" price leading-none">
16155  <div class="">
16156    
16157      <div class="hidden">2395</div><p class="price">

16158          <span>$23.95</span>
16159        </p><small class="text-[70%] hidden">
16160        <span class="hidden">Unit price</span>
16161        <span class="up price-item price-item--last">
16162          <span>
16163
16164          </span>
16165          <span aria-hidden="true">/</span>
16166          <span class="hidden">&nbsp;per&nbsp;</span>
16167          <span>
16168          </span>
16169        </span>
16170      </small>
16171    
16172  </div>
16173  
16174</div>
16175            
16176            <div class="next-price empty:hidden"></div>
16177          </div>
16178          <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 
16179  x-data='{ 
16180    storeAvailabilites: {},
16181    pickupLocation: []
16182  }'
16183  class="mb-3"
16184  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
16185>
16186  <style data-shopify>
16187    .text-available, .text-unavailable {
16188      font-size: 0.669375rem;
16189      font-family: var(--font-body-family);
16190    }
16191
16192    @media (min-width: 768px) {
16193      .text-available, .text-unavailable {
16194        font-size: 0.74375rem;
16195      }
16196    }
16197
16198    .text-available {
16199      color: #6b762d;
16200    }
16201
16202    .dark .text-available {
16203      color: #858F4D;
16204    }
16205
16206    .text-unavailable {
16207      color: #767474;
16208    }
16209
16210    .dark .text-unavailable {
16211      color: #867F7F;
16212    }
16213  </style>
16214  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
16215    <span class="flex h-4 w-4 relative">
16216<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16217  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16218  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16219</svg>
16220
16221</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16222  </div>
16223  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
16224    <span class="flex h-4 w-4 relative">
16225<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16226  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16227  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16228</svg>
16229
16230</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16231  </div>
16232</div></div>
16233        </div>
16234      </div>
16235    
16236    </div>
16237    
16238
16239        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
16240          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570987_negotiating-the-impossible-second-edition');
16241        });"></div>
16242        <div
16243          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm" 
16244          class="current-variant hidden"
16245        >
16246          52185241321835
16247        </div>
16248    
16249    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
16250    
16251      <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)" 
16252            class="card-info bottom_atc md:list-layout:hidden hide-icon"
16253            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
16254            x-cloak
16255          >
16256            
16257<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">
16258                
16259                                                            
16260                <button
16261                  type="submit"
16262                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm"
16263                  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"
16264                  
16265                  
16266                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16267                  
16268aria-label="Add to cart"
16269                    
16270                  
16271                >

16272                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16273                        <span class="flex items-center justify-center">
16274                          
16275
16276  
16277    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
16278  
16279
16280
16281                        </span></span>
16282                  <div
16283                    class="flex gap-x-2 items-center justify-center"
16284                    role="alert"
16285                    x-cloak
16286                    x-show="errorMessage"
16287                  >
16288                    Sold out
16289                  </div>
16290                  <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>
16291                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16292    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16293      fill="currentcolor" stroke="none">
16294      <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"/>
16295    </g>
16296  </svg>
16297
16298                  </div>
16299                </button><input type="hidden" name="product-id" value="14734962065771" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
16300          </div></template>
16301    
16302    
16303      <template x-if="$store.xQuickView">
16304        <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 && ''">
16305              
16306<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">
16307                  
16308                                                              
16309                  <button
16310                    type="submit"
16311                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm"
16312                    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"
16313                    
16314                    
16315                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16316                    
16317aria-label="Add to cart"
16318                      
16319                    
16320                  >
16321                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16322                          <span class="flex items-center justify-center">
16323                            
16324
16325  
16326    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
16327  
16328
16329
16330                          </span></span>
16331                    <div
16332                      class="flex gap-x-2 items-center justify-center"
16333                      role="alert"
16334                      x-cloak
16335                      x-show="errorMessage"
16336                    >
16337                      Sold out
16338                    </div>
16339                    <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-[

16339calc(50%-10px)]" x-show="loading" x-cloak>
16340                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16341    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16342      fill="currentcolor" stroke="none">
16343      <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"/>
16344    </g>
16345  </svg>
16346
16347                    </div>
16348                  </button><button 
16349                    type="submit"
16350                    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"
16351                    
16352                    
16353                    data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm"
16354                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16355                    
16356aria-label="Add to cart"
16357                      
16358                    
16359                    x-customer-event-data="{
16360    &quot;product&quot;: {
16361      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
16362      &quot;listName&quot;: &quot;Bestsellers&quot;,
16363      &quot;sku&quot;: &quot;14734962065771&quot;,
16364      &quot;currencyCode&quot;: &quot;USD&quot;,
16365      &quot;price&quot;: 2395,
16366      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
16367    }
16368  }"
16369                  >
16370                    <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;">
16371    <g>
16372    <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"/>
16373    <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"/>
16374    <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"/>
16375    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16376    </g>
16377  </svg></span>
16378                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
16379                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16380    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16381      fill="currentcolor" stroke="none">
16382      <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"/>
16383    </g>
16384  </svg>
16385
16386                  </span>
16387                </button><input type="hidden" name="product-id" value="14734962065771" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
16388            </div><button 
16389            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')" 
16390            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')" 
16391            @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);' 
16392            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" 
16393            aria-label="Button quickview"
16394            x-customer-event-data="{
16395    &quot;product&quot;: {
16396      &quot;title&quot;: &quot;Negotiating the Impossible, Second Edition&quot;,
16397      &quot;listName&quot;: &quot;Bestsellers&quot;,
16398      &quot;sku&quot;: &quot;14734962065771&quot;,
16399      &quot;currencyCode&quot;: &quot;USD&quot;,
16400      &quot;price&quot;: 2395,
16401      &quot;vendor&quot;: &quot;Deepak Malhotra&quot;
16402    }
16403  }"
16404            x-show="$store.xQuickView.enabled"
16405          >

16406            <span class="flex justify-center items-center">
16407              
16408
16409  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
16410
16411
16412            </span>
16413          </button>
16414        </div>
16415      </template>
16416    
16417  </div>
16418</div>
16419
16420
16421<div 
16422  
16423    x-data="{ showOptions: false, options: [] }"
16424  
16425  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]" 
16426  x-slide-index="7"
16427>
16428  <div 
16429    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
16430  >
16431    <style data-shopify>
16432      
16433    </style>
16434    
16435    <style data-shopify>
16436      
16437    </style>
16438    <a 
16439      
16440        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
16441      
16442      href="/collections/bestsellers/products/9781609948221_stewardship"
16443       
16444        x-data="{ lastWindowWidth: 0 }"
16445        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
16446        x-labels-data="[{
16447        &quot;variant_id&quot;: 52185242206571,
16448        &quot;product_id&quot;: 14734961738091,
16449        &quot;available&quot;: true,
16450        &quot;title&quot;: &quot;Stewardship&quot;,
16451        &quot;compare_at_price&quot;: 0,
16452        &quot;price&quot;: 2695,
16453        &quot;price_with_currency&quot;: &quot;$26.95&quot;,
16454        &quot;sale_amount&quot;: &quot;$-26.95&quot;,
16455        &quot;collections&quot;: &quot;||637336453483||639249514859||639249744235||636480389483||636473475435||639252758891||639269339499||&quot;,
16456        &quot;inventory_management&quot;: &quot;shopify&quot;,
16457        &quot;qty&quot;: 0,
16458        &quot;container&quot;: &quot;card&quot;,
16459        &quot;can_show_preorder&quot;: false,
16460        &quot;diff_day_create&quot;: 441.04,
16461        &quot;diff_day_publish&quot;: 441.03
16462        
16463          ,&quot;metafield_label&quot;: { 
16464            &quot;custom.format2&quot;:&quot;Paperback&quot;
16465          }
16466        
16467      }]"
16468       
16469      aria-label="Stewardship"
16470      id="14734961738091-template--24498228953451__featured_collection_PFy63t"
16471      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%]">
16472      <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">
16473        <div

16474          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-8-7"
16475          class="block h-full" 
16476          @click='$store.xCustomerEvent.fire("product_selected", $el)'
16477          x-customer-event-data="{
16478    &quot;product&quot;: {
16479      &quot;title&quot;: &quot;Stewardship&quot;,
16480      &quot;listName&quot;: &quot;Bestsellers&quot;,
16481      &quot;sku&quot;: &quot;14734961738091&quot;,
16482      &quot;currencyCode&quot;: &quot;USD&quot;,
16483      &quot;price&quot;: 2695,
16484      &quot;vendor&quot;: &quot;Peter Block&quot;
16485    }
16486  }"
16487          >
16488<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
16489            >
16490              
16491              <picture>
16492                <img
16493                  srcset="//bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=450 450w,
16494                  //bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=750 750w,
16495                  //bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=900 900w,
16496                  //bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=1100 1100w,
16497                  //bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875 457w" 
16498                  src="//bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=1500"
16499                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
16500                  alt="Cover image for Stewardship, isbn: 9781609948221"
16501                  :class="showSecond ? 'first-img' : ''"
16502                  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"
16503                  loading="lazy"
16504                  width="457"
16505                  height="648"
16506                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
16507                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
16508                />
16509              </picture>
16510              
16511            </div></div>
16512      </div>
16513      
16514        <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"
16515              x-show="$store.xQuickView" x-cloak
16516            > 
16517              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
16518                class="w-full hide-icon lg:px-4" 
16519                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
16520                x-cloak
16521              >
16522<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">
16523                    
16524                                                                
16525                    <button
16526                      type="submit"
16527                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm"
16528                      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"
16529                      
16530                      
16531                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16532                      
16533aria-label="Add to cart"
16534                        
16535                      
16536                    >

16537                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16538                            <span class="flex items-center justify-center">
16539                              
16540
16541  
16542    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
16543  
16544
16545
16546                            </span></span>
16547                      <div
16548                        class="flex gap-x-2 items-center justify-center"
16549                        role="alert"
16550                        x-cloak
16551                        x-show="errorMessage"
16552                      >
16553                        Sold out
16554                      </div>
16555                      <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>
16556                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16557    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16558      fill="currentcolor" stroke="none">
16559      <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"/>
16560    </g>
16561  </svg>
16562
16563                      </div>
16564                    </button>
16565                    <button 
16566                      type="submit"
16567                      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"
16568                      
16569                      
16570                      data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm"
16571                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16572                      
16573aria-label="Add to cart"
16574                        
16575                      
16576                      x-customer-event-data="{
16577    &quot;product&quot;: {
16578      &quot;title&quot;: &quot;Stewardship&quot;,
16579      &quot;listName&quot;: &quot;Bestsellers&quot;,
16580      &quot;sku&quot;: &quot;14734961738091&quot;,
16581      &quot;currencyCode&quot;: &quot;USD&quot;,
16582      &quot;price&quot;: 2695,
16583      &quot;vendor&quot;: &quot;Peter Block&quot;
16584    }
16585  }"
16586                    >
16587                      <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;">
16588    <g>
16589    <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"/>
16590    <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"/>
16591    <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"/>
16592    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16593    </g>
16594  </svg></span>
16595                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
16596                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
16597    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
16598      fill="currentcolor" stroke="none">
16599      <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"/>
16600    </g>
16601  </svg>
16602
16603                      </span>
16604                  </button><input type="hidden" name="product-id" value="14734961738091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
16605              </div>
16606            </div><div
16607            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"
16608            :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'"
16609            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
16610            >
16611            <div>
16612              <button
16613                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
16614                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781609948221_stewardship', $el, 'template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm')" 
16615                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781609948221_stewardship', $el, 'template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm')" 
16616                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
16617                :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'"
16618                x-customer-event-data="{
16619    &quot;product&quot;: {
16620      &quot;title&quot;: &quot;Stewardship&quot;,
16621      &quot;listName&quot;: &quot;Bestsellers&quot;,
16622      &quot;sku&quot;: &quot;14734961738091&quot;,
16623      &quot;currencyCode&quot;: &quot;USD&quot;,
16624      &quot;price&quot;: 2695,
16625      &quot;vendor&quot;: &quot;Peter Block&quot;
16626    }
16627  }"
16628                aria-label="Button quickview"
16629              >

16630                <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;">
16631    <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"/>
16632    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16633  </svg>
16634</span>
16635                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
16636                  
16637
16638  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
16639
16640
16641                </span>
16642              </button>
16643              <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);' 
16644                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" 
16645                aria-label="Button quickview"
16646                x-customer-event-data="{
16647    &quot;product&quot;: {
16648      &quot;title&quot;: &quot;Stewardship&quot;,
16649      &quot;listName&quot;: &quot;Bestsellers&quot;,
16650      &quot;sku&quot;: &quot;14734961738091&quot;,
16651      &quot;currencyCode&quot;: &quot;USD&quot;,
16652      &quot;price&quot;: 2695,
16653      &quot;vendor&quot;: &quot;Peter Block&quot;
16654    }
16655  }"
16656              >
16657                <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;">
16658    <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"/>
16659    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
16660  </svg>
16661</span>
16662              </button>
16663            </div>
16664          </div>
16665        </div>
16666      
16667    </a>
16668    
16669    
16670    <div class="md:list-layout:hidden">
16671      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
16672        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
16673          <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">
16674            <a href="/collections/bestsellers/products/9781609948221_stewardship"
16675              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"
16676              @click='$store.xCustomerEvent.fire("product_selected", $el)'
16677              x-customer-event-data="{
16678    &quot;product&quot;: {
16679      &quot;title&quot;: &quot;Stewardship&quot;,
16680      &quot;listName&quot;: &quot;Bestsellers&quot;,
16681      &quot;sku&quot;: &quot;14734961738091&quot;,
16682      &quot;currencyCode&quot;: &quot;USD&quot;,
16683      &quot;price&quot;: 2695,
16684      &quot;vendor&quot;: &quot;Peter Block&quot;
16685    }
16686  }"
16687            >
16688              Stewardship
16689            </a>
16690          </h3>
16691          
16692
16693            
16694  
16695<div 
16696  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
16697><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
16698      <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

16698ox="0 0 512 512"  xml:space="preserve">
16699      <g>
16700        <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"/>
16701      </g>
16702    </svg>
16703    <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">
16704      <g>
16705        <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"/>
16706      </g>
16707    </svg>
16708    <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">
16709      <g>
16710        <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"/>
16711      </g>
16712    </svg>
16713    <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">
16714      <g>
16715        <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"/>
16716      </g>
16717    </svg>
16718    <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">
16719      <g>
16720        <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"/>
16721      </g>
16722    </svg>
16723    </div> 
16724    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
16725    </p></div>
16726
16727<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">
16728            
16729            
16730              <div class=" price leading-none">
16731  <div class="">
16732    
16733      <div class="hidden">2695</div><p class="price">

16734          <span>$26.95</span>
16735        </p><small class="text-[70%] hidden">
16736        <span class="hidden">Unit price</span>
16737        <span class="up price-item price-item--last">
16738          <span>
16739
16740          </span>
16741          <span aria-hidden="true">/</span>
16742          <span class="hidden">&nbsp;per&nbsp;</span>
16743          <span>
16744          </span>
16745        </span>
16746      </small>
16747    
16748  </div>
16749  
16750</div>
16751            
16752            <div class="next-price empty:hidden"></div>
16753          </div>
16754          <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 
16755  x-data='{ 
16756    storeAvailabilites: {},
16757    pickupLocation: []
16758  }'
16759  class="mb-3"
16760  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
16761>
16762  <style data-shopify>
16763    .text-available, .text-unavailable {
16764      font-size: 0.669375rem;
16765      font-family: var(--font-body-family);
16766    }
16767
16768    @media (min-width: 768px) {
16769      .text-available, .text-unavailable {
16770        font-size: 0.74375rem;
16771      }
16772    }
16773
16774    .text-available {
16775      color: #6b762d;
16776    }
16777
16778    .dark .text-available {
16779      color: #858F4D;
16780    }
16781
16782    .text-unavailable {
16783      color: #767474;
16784    }
16785
16786    .dark .text-unavailable {
16787      color: #867F7F;
16788    }
16789  </style>
16790  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
16791    <span class="flex h-4 w-4 relative">
16792<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16793  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16794  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16795</svg>
16796
16797</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16798  </div>
16799  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
16800    <span class="flex h-4 w-4 relative">
16801<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16802  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16803  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16804</svg>
16805
16806</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16807  </div>
16808</div></div>
16809        </div>
16810      </div>
16811    </div>
16812    
16813  </div>
16814  <div
16815    id="x-product-template-14734961738091-template--24498228953451__featured_collection_PFy63t-1-8"
16816    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"
16817  >
16818    <div class="hidden md:list-layout:block">
16819      
16820      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
16821        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
16822          <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">
16823            <a href="/collections/bestsellers/products/9781609948221_stewardship"
16824              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"
16825              @click='$store.xCustomerEvent.fire("product_selected", $el)'
16826              x-customer-event-data="{
16827    &quot;product&quot;: {
16828      &quot;title&quot;: &quot;Stewardship&quot;,
16829      &quot;listName&quot;: &quot;Bestsellers&quot;,
16830      &quot;sku&quot;: &quot;14734961738091&quot;,
16831      &quot;currencyCode&quot;: &quot;USD&quot;,
16832      &quot;price&quot;: 2695,
16833      &quot;vendor&quot;: &quot;Peter Block&quot;
16834    }
16835  }"
16836            >
16837              Stewardship
16838            </a>
16839          </h3>
16840          
16841
16842            
16843  
16844<div 
16845  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
16846><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
16847      <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

16847ox="0 0 512 512"  xml:space="preserve">
16848      <g>
16849        <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"/>
16850      </g>
16851    </svg>
16852    <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">
16853      <g>
16854        <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"/>
16855      </g>
16856    </svg>
16857    <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">
16858      <g>
16859        <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"/>
16860      </g>
16861    </svg>
16862    <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">
16863      <g>
16864        <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"/>
16865      </g>
16866    </svg>
16867    <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">
16868      <g>
16869        <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"/>
16870      </g>
16871    </svg>
16872    </div> 
16873    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
16874    </p></div>
16875
16876<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">
16877            
16878            
16879              <div class=" price leading-none">
16880  <div class="">
16881    
16882      <div class="hidden">2695</div><p class="price">

16883          <span>$26.95</span>
16884        </p><small class="text-[70%] hidden">
16885        <span class="hidden">Unit price</span>
16886        <span class="up price-item price-item--last">
16887          <span>
16888
16889          </span>
16890          <span aria-hidden="true">/</span>
16891          <span class="hidden">&nbsp;per&nbsp;</span>
16892          <span>
16893          </span>
16894        </span>
16895      </small>
16896    
16897  </div>
16898  
16899</div>
16900            
16901            <div class="next-price empty:hidden"></div>
16902          </div>
16903          <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 
16904  x-data='{ 
16905    storeAvailabilites: {},
16906    pickupLocation: []
16907  }'
16908  class="mb-3"
16909  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
16910>
16911  <style data-shopify>
16912    .text-available, .text-unavailable {
16913      font-size: 0.669375rem;
16914      font-family: var(--font-body-family);
16915    }
16916
16917    @media (min-width: 768px) {
16918      .text-available, .text-unavailable {
16919        font-size: 0.74375rem;
16920      }
16921    }
16922
16923    .text-available {
16924      color: #6b762d;
16925    }
16926
16927    .dark .text-available {
16928      color: #858F4D;
16929    }
16930
16931    .text-unavailable {
16932      color: #767474;
16933    }
16934
16935    .dark .text-unavailable {
16936      color: #867F7F;
16937    }
16938  </style>
16939  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
16940    <span class="flex h-4 w-4 relative">
16941<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16942  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16943  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16944</svg>
16945
16946</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16947  </div>
16948  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
16949    <span class="flex h-4 w-4 relative">
16950<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
16951  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
16952  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
16953</svg>
16954
16955</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
16956  </div>
16957</div></div>
16958        </div>
16959      </div>
16960    
16961    </div>
16962    
16963
16964        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
16965          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781609948221_stewardship');
16966        });"></div>
16967        <div
16968          id="current-variant-template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm" 
16969          class="current-variant hidden"
16970        >
16971          52185242206571
16972        </div>
16973    
16974    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
16975    
16976      <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)" 
16977            class="card-info bottom_atc md:list-layout:hidden hide-icon"
16978            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
16979            x-cloak
16980          >
16981            
16982<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">
16983                
16984                                                            
16985                <button
16986                  type="submit"
16987                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm"
16988                  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"
16989                  
16990                  
16991                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
16992                  
16993aria-label="Add to cart"
16994                    
16995                  
16996                >

16997                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
16998                        <span class="flex items-center justify-center">
16999                          
17000
17001  
17002    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
17003  
17004
17005
17006                        </span></span>
17007                  <div
17008                    class="flex gap-x-2 items-center justify-center"
17009                    role="alert"
17010                    x-cloak
17011                    x-show="errorMessage"
17012                  >
17013                    Sold out
17014                  </div>
17015                  <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>
17016                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17017    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17018      fill="currentcolor" stroke="none">
17019      <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"/>
17020    </g>
17021  </svg>
17022
17023                  </div>
17024                </button><input type="hidden" name="product-id" value="14734961738091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
17025          </div></template>
17026    
17027    
17028      <template x-if="$store.xQuickView">
17029        <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 && ''">
17030              
17031<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">
17032                  
17033                                                              
17034                  <button
17035                    type="submit"
17036                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm"
17037                    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"
17038                    
17039                    
17040                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17041                    
17042aria-label="Add to cart"
17043                      
17044                    
17045                  >
17046                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17047                          <span class="flex items-center justify-center">
17048                            
17049
17050  
17051    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
17052  
17053
17054
17055                          </span></span>
17056                    <div
17057                      class="flex gap-x-2 items-center justify-center"
17058                      role="alert"
17059                      x-cloak
17060                      x-show="errorMessage"
17061                    >
17062                      Sold out
17063                    </div>
17064                    <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-[

17064calc(50%-10px)]" x-show="loading" x-cloak>
17065                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17066    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17067      fill="currentcolor" stroke="none">
17068      <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"/>
17069    </g>
17070  </svg>
17071
17072                    </div>
17073                  </button><button 
17074                    type="submit"
17075                    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"
17076                    
17077                    
17078                    data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm"
17079                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17080                    
17081aria-label="Add to cart"
17082                      
17083                    
17084                    x-customer-event-data="{
17085    &quot;product&quot;: {
17086      &quot;title&quot;: &quot;Stewardship&quot;,
17087      &quot;listName&quot;: &quot;Bestsellers&quot;,
17088      &quot;sku&quot;: &quot;14734961738091&quot;,
17089      &quot;currencyCode&quot;: &quot;USD&quot;,
17090      &quot;price&quot;: 2695,
17091      &quot;vendor&quot;: &quot;Peter Block&quot;
17092    }
17093  }"
17094                  >
17095                    <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;">
17096    <g>
17097    <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"/>
17098    <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"/>
17099    <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"/>
17100    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17101    </g>
17102  </svg></span>
17103                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
17104                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17105    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17106      fill="currentcolor" stroke="none">
17107      <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"/>
17108    </g>
17109  </svg>
17110
17111                  </span>
17112                </button><input type="hidden" name="product-id" value="14734961738091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
17113            </div><button 
17114            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781609948221_stewardship', $el, 'template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm')" 
17115            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781609948221_stewardship', $el, 'template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm')" 
17116            @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);' 
17117            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" 
17118            aria-label="Button quickview"
17119            x-customer-event-data="{
17120    &quot;product&quot;: {
17121      &quot;title&quot;: &quot;Stewardship&quot;,
17122      &quot;listName&quot;: &quot;Bestsellers&quot;,
17123      &quot;sku&quot;: &quot;14734961738091&quot;,
17124      &quot;currencyCode&quot;: &quot;USD&quot;,
17125      &quot;price&quot;: 2695,
17126      &quot;vendor&quot;: &quot;Peter Block&quot;
17127    }
17128  }"
17129            x-show="$store.xQuickView.enabled"
17130          >

17131            <span class="flex justify-center items-center">
17132              
17133
17134  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
17135
17136
17137            </span>
17138          </button>
17139        </div>
17140      </template>
17141    
17142  </div>
17143</div>
17144
17145
17146<div 
17147  
17148    x-data="{ showOptions: false, options: [] }"
17149  
17150  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]" 
17151  x-slide-index="8"
17152>
17153  <div 
17154    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
17155  >
17156    <style data-shopify>
17157      
17158    </style>
17159    
17160    <style data-shopify>
17161      
17162    </style>
17163    <a 
17164      
17165        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
17166      
17167      href="/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition"
17168       
17169        x-data="{ lastWindowWidth: 0 }"
17170        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
17171        x-labels-data="[{
17172        &quot;variant_id&quot;: 52114838880619,
17173        &quot;product_id&quot;: 14719290278251,
17174        &quot;available&quot;: true,
17175        &quot;title&quot;: &quot;Love âEm or Lose âEm, Sixth Edition&quot;,
17176        &quot;compare_at_price&quot;: 0,
17177        &quot;price&quot;: 2895,
17178        &quot;price_with_currency&quot;: &quot;$28.95&quot;,
17179        &quot;sale_amount&quot;: &quot;$-28.95&quot;,
17180        &quot;collections&quot;: &quot;||637336453483||639249514859||639269732715||650454204779||643825140075||639249744235||636480389483||636473475435||639252758891||640668860779||648798896491||639269339499||&quot;,
17181        &quot;inventory_management&quot;: &quot;shopify&quot;,
17182        &quot;qty&quot;: 626,
17183        &quot;container&quot;: &quot;card&quot;,
17184        &quot;can_show_preorder&quot;: false,
17185        &quot;diff_day_create&quot;: 470.24,
17186        &quot;diff_day_publish&quot;: 470.23
17187        
17188          ,&quot;metafield_label&quot;: { 
17189            &quot;custom.format2&quot;:&quot;Paperback&quot;
17190          }
17191        
17192      }]"
17193       
17194      aria-label="Love âEm or Lose âEm, Sixth Edition"
17195      id="14719290278251-template--24498228953451__featured_collection_PFy63t"
17196      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%]">
17197      <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">
17198        <div

17199          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-9-8"
17200          class="block h-full" 
17201          @click='$store.xCustomerEvent.fire("product_selected", $el)'
17202          x-customer-event-data="{
17203    &quot;product&quot;: {
17204      &quot;title&quot;: &quot;Love âEm or Lose âEm, Sixth Edition&quot;,
17205      &quot;listName&quot;: &quot;Bestsellers&quot;,
17206      &quot;sku&quot;: &quot;14719290278251&quot;,
17207      &quot;currencyCode&quot;: &quot;USD&quot;,
17208      &quot;price&quot;: 2895,
17209      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
17210    }
17211  }"
17212          >
17213<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
17214            >
17215              
17216              <picture>
17217                <img
17218                  srcset="//bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=450 450w,
17219                  //bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=750 750w,
17220                  //bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=900 900w,
17221                  //bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=1100 1100w,
17222                  //bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900 432w" 
17223                  src="//bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=1500"
17224                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
17225                  alt="Cover image for Love âEm or Lose âEm, Sixth Edition, isbn: 9781523089352"
17226                  :class="showSecond ? 'first-img' : ''"
17227                  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"
17228                  loading="lazy"
17229                  width="432"
17230                  height="648"
17231                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
17232                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
17233                />
17234              </picture>
17235              
17236            </div></div>
17237      </div>
17238      
17239        <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"
17240              x-show="$store.xQuickView" x-cloak
17241            > 
17242              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
17243                class="w-full hide-icon lg:px-4" 
17244                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
17245                x-cloak
17246              >
17247<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">
17248                    
17249                                                                
17250                    <button
17251                      type="submit"
17252                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm"
17253                      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"
17254                      
17255                      
17256                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17257                      
17258aria-label="Add to cart"
17259                        
17260                      
17261                    >

17262                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17263                            <span class="flex items-center justify-center">
17264                              
17265
17266  
17267    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
17268  
17269
17270
17271                            </span></span>
17272                      <div
17273                        class="flex gap-x-2 items-center justify-center"
17274                        role="alert"
17275                        x-cloak
17276                        x-show="errorMessage"
17277                      >
17278                        Sold out
17279                      </div>
17280                      <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>
17281                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17282    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17283      fill="currentcolor" stroke="none">
17284      <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"/>
17285    </g>
17286  </svg>
17287
17288                      </div>
17289                    </button>
17290                    <button 
17291                      type="submit"
17292                      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"
17293                      
17294                      
17295                      data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm"
17296                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17297                      
17298aria-label="Add to cart"
17299                        
17300                      
17301                      x-customer-event-data="{
17302    &quot;product&quot;: {
17303      &quot;title&quot;: &quot;Love âEm or Lose âEm, Sixth Edition&quot;,
17304      &quot;listName&quot;: &quot;Bestsellers&quot;,
17305      &quot;sku&quot;: &quot;14719290278251&quot;,
17306      &quot;currencyCode&quot;: &quot;USD&quot;,
17307      &quot;price&quot;: 2895,
17308      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
17309    }
17310  }"
17311                    >
17312                      <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;">
17313    <g>
17314    <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"/>
17315    <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"/>
17316    <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"/>
17317    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17318    </g>
17319  </svg></span>
17320                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
17321                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17322    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17323      fill="currentcolor" stroke="none">
17324      <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"/>
17325    </g>
17326  </svg>
17327
17328                      </span>
17329                  </button><input type="hidden" name="product-id" value="14719290278251" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
17330              </div>
17331            </div><div
17332            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"
17333            :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'"
17334            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
17335            >
17336            <div>
17337              <button
17338                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
17339                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')" 
17340                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')" 
17341                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
17342                :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'"
17343                x-customer-event-data="{
17344    &quot;product&quot;: {
17345      &quot;title&quot;: &quot;Love âEm or Lose âEm, Sixth Edition&quot;,
17346      &quot;listName&quot;: &quot;Bestsellers&quot;,
17347      &quot;sku&quot;: &quot;14719290278251&quot;,
17348      &quot;currencyCode&quot;: &quot;USD&quot;,
17349      &quot;price&quot;: 2895,
17350      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
17351    }
17352  }"
17353                aria-label="Button quickview"
17354              >

17355                <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;">
17356    <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"/>
17357    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17358  </svg>
17359</span>
17360                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
17361                  
17362
17363  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
17364
17365
17366                </span>
17367              </button>
17368              <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);' 
17369                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" 
17370                aria-label="Button quickview"
17371                x-customer-event-data="{
17372    &quot;product&quot;: {
17373      &quot;title&quot;: &quot;Love âEm or Lose âEm, Sixth Edition&quot;,
17374      &quot;listName&quot;: &quot;Bestsellers&quot;,
17375      &quot;sku&quot;: &quot;14719290278251&quot;,
17376      &quot;currencyCode&quot;: &quot;USD&quot;,
17377      &quot;price&quot;: 2895,
17378      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
17379    }
17380  }"
17381              >
17382                <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;">
17383    <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"/>
17384    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17385  </svg>
17386</span>
17387              </button>
17388            </div>
17389          </div>
17390        </div>
17391      
17392    </a>
17393    
17394    
17395    <div class="md:list-layout:hidden">
17396      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
17397        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
17398          <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">
17399            <a href="/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition"
17400              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"
17401              @click='$store.xCustomerEvent.fire("product_selected", $el)'
17402              x-customer-event-data="{
17403    &quot;product&quot;: {
17404      &quot;title&quot;: &quot;Love âEm or Lose âEm, Sixth Edition&quot;,
17405      &quot;listName&quot;: &quot;Bestsellers&quot;,
17406      &quot;sku&quot;: &quot;14719290278251&quot;,
17407      &quot;currencyCode&quot;: &quot;USD&quot;,
17408      &quot;price&quot;: 2895,
17409      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
17410    }
17411  }"
17412            >
17413              Love âEm or Lose âEm, Sixth Edition
17414            </a>
17415          </h3>
17416          
17417
17418            
17419  
17420<div 
17421  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
17422><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
17423      <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

17423ox="0 0 512 512"  xml:space="preserve">
17424      <g>
17425        <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"/>
17426      </g>
17427    </svg>
17428    <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">
17429      <g>
17430        <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"/>
17431      </g>
17432    </svg>
17433    <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">
17434      <g>
17435        <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"/>
17436      </g>
17437    </svg>
17438    <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">
17439      <g>
17440        <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"/>
17441      </g>
17442    </svg>
17443    <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">
17444      <g>
17445        <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"/>
17446      </g>
17447    </svg>
17448    </div> 
17449    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
17450    </p></div>
17451
17452<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">
17453            
17454            
17455              <div class=" price leading-none">
17456  <div class="">
17457    
17458      <div class="hidden">2895</div><p class="price">

17459          <span>$28.95</span>
17460        </p><small class="text-[70%] hidden">
17461        <span class="hidden">Unit price</span>
17462        <span class="up price-item price-item--last">
17463          <span>
17464
17465          </span>
17466          <span aria-hidden="true">/</span>
17467          <span class="hidden">&nbsp;per&nbsp;</span>
17468          <span>
17469          </span>
17470        </span>
17471      </small>
17472    
17473  </div>
17474  
17475</div>
17476            
17477            <div class="next-price empty:hidden"></div>
17478          </div>
17479          <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 
17480  x-data='{ 
17481    storeAvailabilites: {},
17482    pickupLocation: []
17483  }'
17484  class="mb-3"
17485  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
17486>
17487  <style data-shopify>
17488    .text-available, .text-unavailable {
17489      font-size: 0.669375rem;
17490      font-family: var(--font-body-family);
17491    }
17492
17493    @media (min-width: 768px) {
17494      .text-available, .text-unavailable {
17495        font-size: 0.74375rem;
17496      }
17497    }
17498
17499    .text-available {
17500      color: #6b762d;
17501    }
17502
17503    .dark .text-available {
17504      color: #858F4D;
17505    }
17506
17507    .text-unavailable {
17508      color: #767474;
17509    }
17510
17511    .dark .text-unavailable {
17512      color: #867F7F;
17513    }
17514  </style>
17515  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
17516    <span class="flex h-4 w-4 relative">
17517<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17518  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17519  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17520</svg>
17521
17522</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
17523  </div>
17524  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
17525    <span class="flex h-4 w-4 relative">
17526<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17527  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17528  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17529</svg>
17530
17531</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
17532  </div>
17533</div></div>
17534        </div>
17535      </div>
17536    </div>
17537    
17538  </div>
17539  <div
17540    id="x-product-template-14719290278251-template--24498228953451__featured_collection_PFy63t-1-9"
17541    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"
17542  >
17543    <div class="hidden md:list-layout:block">
17544      
17545      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
17546        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
17547          <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">
17548            <a href="/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition"
17549              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"
17550              @click='$store.xCustomerEvent.fire("product_selected", $el)'
17551              x-customer-event-data="{
17552    &quot;product&quot;: {
17553      &quot;title&quot;: &quot;Love âEm or Lose âEm, Sixth Edition&quot;,
17554      &quot;listName&quot;: &quot;Bestsellers&quot;,
17555      &quot;sku&quot;: &quot;14719290278251&quot;,
17556      &quot;currencyCode&quot;: &quot;USD&quot;,
17557      &quot;price&quot;: 2895,
17558      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
17559    }
17560  }"
17561            >
17562              Love âEm or Lose âEm, Sixth Edition
17563            </a>
17564          </h3>
17565          
17566
17567            
17568  
17569<div 
17570  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
17571><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
17572      <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

17572ox="0 0 512 512"  xml:space="preserve">
17573      <g>
17574        <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"/>
17575      </g>
17576    </svg>
17577    <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">
17578      <g>
17579        <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"/>
17580      </g>
17581    </svg>
17582    <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">
17583      <g>
17584        <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"/>
17585      </g>
17586    </svg>
17587    <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">
17588      <g>
17589        <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"/>
17590      </g>
17591    </svg>
17592    <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">
17593      <g>
17594        <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"/>
17595      </g>
17596    </svg>
17597    </div> 
17598    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
17599    </p></div>
17600
17601<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">
17602            
17603            
17604              <div class=" price leading-none">
17605  <div class="">
17606    
17607      <div class="hidden">2895</div><p class="price">

17608          <span>$28.95</span>
17609        </p><small class="text-[70%] hidden">
17610        <span class="hidden">Unit price</span>
17611        <span class="up price-item price-item--last">
17612          <span>
17613
17614          </span>
17615          <span aria-hidden="true">/</span>
17616          <span class="hidden">&nbsp;per&nbsp;</span>
17617          <span>
17618          </span>
17619        </span>
17620      </small>
17621    
17622  </div>
17623  
17624</div>
17625            
17626            <div class="next-price empty:hidden"></div>
17627          </div>
17628          <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 
17629  x-data='{ 
17630    storeAvailabilites: {},
17631    pickupLocation: []
17632  }'
17633  class="mb-3"
17634  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
17635>
17636  <style data-shopify>
17637    .text-available, .text-unavailable {
17638      font-size: 0.669375rem;
17639      font-family: var(--font-body-family);
17640    }
17641
17642    @media (min-width: 768px) {
17643      .text-available, .text-unavailable {
17644        font-size: 0.74375rem;
17645      }
17646    }
17647
17648    .text-available {
17649      color: #6b762d;
17650    }
17651
17652    .dark .text-available {
17653      color: #858F4D;
17654    }
17655
17656    .text-unavailable {
17657      color: #767474;
17658    }
17659
17660    .dark .text-unavailable {
17661      color: #867F7F;
17662    }
17663  </style>
17664  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
17665    <span class="flex h-4 w-4 relative">
17666<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17667  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17668  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17669</svg>
17670
17671</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
17672  </div>
17673  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
17674    <span class="flex h-4 w-4 relative">
17675<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
17676  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
17677  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
17678</svg>
17679
17680</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
17681  </div>
17682</div></div>
17683        </div>
17684      </div>
17685    
17686    </div>
17687    
17688
17689        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
17690          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523089352_love-em-or-lose-em-sixth-edition');
17691        });"></div>
17692        <div
17693          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm" 
17694          class="current-variant hidden"
17695        >
17696          52114838880619
17697        </div>
17698    
17699    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
17700    
17701      <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)" 
17702            class="card-info bottom_atc md:list-layout:hidden hide-icon"
17703            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
17704            x-cloak
17705          >
17706            
17707<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">
17708                
17709                                                            
17710                <button
17711                  type="submit"
17712                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm"
17713                  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"
17714                  
17715                  
17716                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17717                  
17718aria-label="Add to cart"
17719                    
17720                  
17721                >

17722                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17723                        <span class="flex items-center justify-center">
17724                          
17725
17726  
17727    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
17728  
17729
17730
17731                        </span></span>
17732                  <div
17733                    class="flex gap-x-2 items-center justify-center"
17734                    role="alert"
17735                    x-cloak
17736                    x-show="errorMessage"
17737                  >
17738                    Sold out
17739                  </div>
17740                  <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>
17741                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17742    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17743      fill="currentcolor" stroke="none">
17744      <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"/>
17745    </g>
17746  </svg>
17747
17748                  </div>
17749                </button><input type="hidden" name="product-id" value="14719290278251" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
17750          </div></template>
17751    
17752    
17753      <template x-if="$store.xQuickView">
17754        <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 && ''">
17755              
17756<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">
17757                  
17758                                                              
17759                  <button
17760                    type="submit"
17761                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm"
17762                    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"
17763                    
17764                    
17765                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17766                    
17767aria-label="Add to cart"
17768                      
17769                    
17770                  >
17771                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17772                          <span class="flex items-center justify-center">
17773                            
17774
17775  
17776    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
17777  
17778
17779
17780                          </span></span>
17781                    <div
17782                      class="flex gap-x-2 items-center justify-center"
17783                      role="alert"
17784                      x-cloak
17785                      x-show="errorMessage"
17786                    >
17787                      Sold out
17788                    </div>
17789                    <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-[

17789calc(50%-10px)]" x-show="loading" x-cloak>
17790                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17791    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17792      fill="currentcolor" stroke="none">
17793      <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"/>
17794    </g>
17795  </svg>
17796
17797                    </div>
17798                  </button><button 
17799                    type="submit"
17800                    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"
17801                    
17802                    
17803                    data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm"
17804                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17805                    
17806aria-label="Add to cart"
17807                      
17808                    
17809                    x-customer-event-data="{
17810    &quot;product&quot;: {
17811      &quot;title&quot;: &quot;Love âEm or Lose âEm, Sixth Edition&quot;,
17812      &quot;listName&quot;: &quot;Bestsellers&quot;,
17813      &quot;sku&quot;: &quot;14719290278251&quot;,
17814      &quot;currencyCode&quot;: &quot;USD&quot;,
17815      &quot;price&quot;: 2895,
17816      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
17817    }
17818  }"
17819                  >
17820                    <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;">
17821    <g>
17822    <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"/>
17823    <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"/>
17824    <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"/>
17825    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
17826    </g>
17827  </svg></span>
17828                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
17829                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
17830    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
17831      fill="currentcolor" stroke="none">
17832      <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"/>
17833    </g>
17834  </svg>
17835
17836                  </span>
17837                </button><input type="hidden" name="product-id" value="14719290278251" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
17838            </div><button 
17839            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')" 
17840            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')" 
17841            @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);' 
17842            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" 
17843            aria-label="Button quickview"
17844            x-customer-event-data="{
17845    &quot;product&quot;: {
17846      &quot;title&quot;: &quot;Love âEm or Lose âEm, Sixth Edition&quot;,
17847      &quot;listName&quot;: &quot;Bestsellers&quot;,
17848      &quot;sku&quot;: &quot;14719290278251&quot;,
17849      &quot;currencyCode&quot;: &quot;USD&quot;,
17850      &quot;price&quot;: 2895,
17851      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
17852    }
17853  }"
17854            x-show="$store.xQuickView.enabled"
17855          >

17856            <span class="flex justify-center items-center">
17857              
17858
17859  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
17860
17861
17862            </span>
17863          </button>
17864        </div>
17865      </template>
17866    
17867  </div>
17868</div>
17869
17870
17871<div 
17872  
17873    x-data="{ showOptions: false, options: [] }"
17874  
17875  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]" 
17876  x-slide-index="9"
17877>
17878  <div 
17879    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
17880  >
17881    <style data-shopify>
17882      
17883    </style>
17884    
17885    <style data-shopify>
17886      
17887    </style>
17888    <a 
17889      
17890        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
17891      
17892      href="/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition"
17893       
17894        x-data="{ lastWindowWidth: 0 }"
17895        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
17896        x-labels-data="[{
17897        &quot;variant_id&quot;: 52114838356331,
17898        &quot;product_id&quot;: 14719289721195,
17899        &quot;available&quot;: true,
17900        &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
17901        &quot;compare_at_price&quot;: 0,
17902        &quot;price&quot;: 1995,
17903        &quot;price_with_currency&quot;: &quot;$19.95&quot;,
17904        &quot;sale_amount&quot;: &quot;$-19.95&quot;,
17905        &quot;collections&quot;: &quot;||637336453483||639249514859||643825140075||639249744235||650454073707||636480389483||639269929323||636473475435||639252758891||639269339499||&quot;,
17906        &quot;inventory_management&quot;: &quot;shopify&quot;,
17907        &quot;qty&quot;: 3594,
17908        &quot;container&quot;: &quot;card&quot;,
17909        &quot;can_show_preorder&quot;: false,
17910        &quot;diff_day_create&quot;: 470.24,
17911        &quot;diff_day_publish&quot;: 470.23
17912        
17913          ,&quot;metafield_label&quot;: { 
17914            &quot;custom.format2&quot;:&quot;Paperback&quot;
17915          }
17916        
17917      }]"
17918       
17919      aria-label="Leadership and Self-Deception, Fourth Edition"
17920      id="14719289721195-template--24498228953451__featured_collection_PFy63t"
17921      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%]">
17922      <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">
17923        <div

17924          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-10-9"
17925          class="block h-full" 
17926          @click='$store.xCustomerEvent.fire("product_selected", $el)'
17927          x-customer-event-data="{
17928    &quot;product&quot;: {
17929      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
17930      &quot;listName&quot;: &quot;Bestsellers&quot;,
17931      &quot;sku&quot;: &quot;14719289721195&quot;,
17932      &quot;currencyCode&quot;: &quot;USD&quot;,
17933      &quot;price&quot;: 1995,
17934      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
17935    }
17936  }"
17937          >
17938<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
17939            >
17940              
17941              <picture>
17942                <img
17943                  srcset="//bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=450 450w,
17944                  //bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=750 750w,
17945                  //bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=900 900w,
17946                  //bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=1100 1100w,
17947                  //bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897 419w" 
17948                  src="//bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=1500"
17949                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
17950                  alt="Cover image for Leadership and Self-Deception, Fourth Edition, isbn: 9781523006564"
17951                  :class="showSecond ? 'first-img' : ''"
17952                  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"
17953                  loading="lazy"
17954                  width="419"
17955                  height="648"
17956                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
17957                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
17958                />
17959              </picture>
17960              
17961            </div></div>
17962      </div>
17963      
17964        <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"
17965              x-show="$store.xQuickView" x-cloak
17966            > 
17967              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
17968                class="w-full hide-icon lg:px-4" 
17969                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
17970                x-cloak
17971              >
17972<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">
17973                    
17974                                                                
17975                    <button
17976                      type="submit"
17977                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm"
17978                      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"
17979                      
17980                      
17981                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
17982                      
17983aria-label="Add to cart"
17984                        
17985                      
17986                    >

17987                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
17988                            <span class="flex items-center justify-center">
17989                              
17990
17991  
17992    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
17993  
17994
17995
17996                            </span></span>
17997                      <div
17998                        class="flex gap-x-2 items-center justify-center"
17999                        role="alert"
18000                        x-cloak
18001                        x-show="errorMessage"
18002                      >
18003                        Sold out
18004                      </div>
18005                      <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>
18006                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18007    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18008      fill="currentcolor" stroke="none">
18009      <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"/>
18010    </g>
18011  </svg>
18012
18013                      </div>
18014                    </button>
18015                    <button 
18016                      type="submit"
18017                      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"
18018                      
18019                      
18020                      data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm"
18021                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18022                      
18023aria-label="Add to cart"
18024                        
18025                      
18026                      x-customer-event-data="{
18027    &quot;product&quot;: {
18028      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18029      &quot;listName&quot;: &quot;Bestsellers&quot;,
18030      &quot;sku&quot;: &quot;14719289721195&quot;,
18031      &quot;currencyCode&quot;: &quot;USD&quot;,
18032      &quot;price&quot;: 1995,
18033      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
18034    }
18035  }"
18036                    >
18037                      <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;">
18038    <g>
18039    <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"/>
18040    <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"/>
18041    <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"/>
18042    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18043    </g>
18044  </svg></span>
18045                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
18046                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18047    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18048      fill="currentcolor" stroke="none">
18049      <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"/>
18050    </g>
18051  </svg>
18052
18053                      </span>
18054                  </button><input type="hidden" name="product-id" value="14719289721195" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
18055              </div>
18056            </div><div
18057            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"
18058            :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'"
18059            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
18060            >
18061            <div>
18062              <button
18063                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
18064                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')" 
18065                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')" 
18066                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
18067                :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'"
18068                x-customer-event-data="{
18069    &quot;product&quot;: {
18070      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18071      &quot;listName&quot;: &quot;Bestsellers&quot;,
18072      &quot;sku&quot;: &quot;14719289721195&quot;,
18073      &quot;currencyCode&quot;: &quot;USD&quot;,
18074      &quot;price&quot;: 1995,
18075      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
18076    }
18077  }"
18078                aria-label="Button quickview"
18079              >

18080                <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;">
18081    <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"/>
18082    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18083  </svg>
18084</span>
18085                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
18086                  
18087
18088  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
18089
18090
18091                </span>
18092              </button>
18093              <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);' 
18094                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" 
18095                aria-label="Button quickview"
18096                x-customer-event-data="{
18097    &quot;product&quot;: {
18098      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18099      &quot;listName&quot;: &quot;Bestsellers&quot;,
18100      &quot;sku&quot;: &quot;14719289721195&quot;,
18101      &quot;currencyCode&quot;: &quot;USD&quot;,
18102      &quot;price&quot;: 1995,
18103      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
18104    }
18105  }"
18106              >
18107                <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;">
18108    <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"/>
18109    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18110  </svg>
18111</span>
18112              </button>
18113            </div>
18114          </div>
18115        </div>
18116      
18117    </a>
18118    
18119    
18120    <div class="md:list-layout:hidden">
18121      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
18122        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
18123          <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">
18124            <a href="/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition"
18125              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"
18126              @click='$store.xCustomerEvent.fire("product_selected", $el)'
18127              x-customer-event-data="{
18128    &quot;product&quot;: {
18129      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18130      &quot;listName&quot;: &quot;Bestsellers&quot;,
18131      &quot;sku&quot;: &quot;14719289721195&quot;,
18132      &quot;currencyCode&quot;: &quot;USD&quot;,
18133      &quot;price&quot;: 1995,
18134      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
18135    }
18136  }"
18137            >
18138              Leadership and Self-Deception, Fourth Edition
18139            </a>
18140          </h3>
18141          
18142
18143            
18144  
18145<div 
18146  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
18147><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
18148      <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

18148ox="0 0 512 512"  xml:space="preserve">
18149      <g>
18150        <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"/>
18151      </g>
18152    </svg>
18153    <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">
18154      <g>
18155        <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"/>
18156      </g>
18157    </svg>
18158    <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">
18159      <g>
18160        <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"/>
18161      </g>
18162    </svg>
18163    <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">
18164      <g>
18165        <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"/>
18166      </g>
18167    </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">
18168          <defs>
18169              <linearGradient id="grad">
18170                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
18171                  <stop offset="50%" stop-color="currentColor"/>
18172              </linearGradient>
18173          </defs>
18174          <g>
18175            <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"/>
18176          </g>
18177      </svg>
18178    </div> 
18179    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(3926)
18180    </p></div>
18181
18182<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">
18183            
18184            
18185              <div class=" price leading-none">
18186  <div class="">
18187    
18188      <div class="hidden">1995</div><p class="price">

18189          <span>$19.95</span>
18190        </p><small class="text-[70%] hidden">
18191        <span class="hidden">Unit price</span>
18192        <span class="up price-item price-item--last">
18193          <span>
18194
18195          </span>
18196          <span aria-hidden="true">/</span>
18197          <span class="hidden">&nbsp;per&nbsp;</span>
18198          <span>
18199          </span>
18200        </span>
18201      </small>
18202    
18203  </div>
18204  
18205</div>
18206            
18207            <div class="next-price empty:hidden"></div>
18208          </div>
18209          <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 
18210  x-data='{ 
18211    storeAvailabilites: {},
18212    pickupLocation: []
18213  }'
18214  class="mb-3"
18215  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
18216>
18217  <style data-shopify>
18218    .text-available, .text-unavailable {
18219      font-size: 0.669375rem;
18220      font-family: var(--font-body-family);
18221    }
18222
18223    @media (min-width: 768px) {
18224      .text-available, .text-unavailable {
18225        font-size: 0.74375rem;
18226      }
18227    }
18228
18229    .text-available {
18230      color: #6b762d;
18231    }
18232
18233    .dark .text-available {
18234      color: #858F4D;
18235    }
18236
18237    .text-unavailable {
18238      color: #767474;
18239    }
18240
18241    .dark .text-unavailable {
18242      color: #867F7F;
18243    }
18244  </style>
18245  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
18246    <span class="flex h-4 w-4 relative">
18247<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18248  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18249  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18250</svg>
18251
18252</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
18253  </div>
18254  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
18255    <span class="flex h-4 w-4 relative">
18256<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18257  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18258  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18259</svg>
18260
18261</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
18262  </div>
18263</div></div>
18264        </div>
18265      </div>
18266    </div>
18267    
18268  </div>
18269  <div
18270    id="x-product-template-14719289721195-template--24498228953451__featured_collection_PFy63t-1-10"
18271    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"
18272  >
18273    <div class="hidden md:list-layout:block">
18274      
18275      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
18276        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
18277          <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">
18278            <a href="/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition"
18279              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"
18280              @click='$store.xCustomerEvent.fire("product_selected", $el)'
18281              x-customer-event-data="{
18282    &quot;product&quot;: {
18283      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18284      &quot;listName&quot;: &quot;Bestsellers&quot;,
18285      &quot;sku&quot;: &quot;14719289721195&quot;,
18286      &quot;currencyCode&quot;: &quot;USD&quot;,
18287      &quot;price&quot;: 1995,
18288      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
18289    }
18290  }"
18291            >
18292              Leadership and Self-Deception, Fourth Edition
18293            </a>
18294          </h3>
18295          
18296
18297            
18298  
18299<div 
18300  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
18301><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
18302      <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

18302ox="0 0 512 512"  xml:space="preserve">
18303      <g>
18304        <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"/>
18305      </g>
18306    </svg>
18307    <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">
18308      <g>
18309        <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"/>
18310      </g>
18311    </svg>
18312    <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">
18313      <g>
18314        <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"/>
18315      </g>
18316    </svg>
18317    <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">
18318      <g>
18319        <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"/>
18320      </g>
18321    </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">
18322          <defs>
18323              <linearGradient id="grad">
18324                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
18325                  <stop offset="50%" stop-color="currentColor"/>
18326              </linearGradient>
18327          </defs>
18328          <g>
18329            <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"/>
18330          </g>
18331      </svg>
18332    </div> 
18333    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(3926)
18334    </p></div>
18335
18336<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">
18337            
18338            
18339              <div class=" price leading-none">
18340  <div class="">
18341    
18342      <div class="hidden">1995</div><p class="price">

18343          <span>$19.95</span>
18344        </p><small class="text-[70%] hidden">
18345        <span class="hidden">Unit price</span>
18346        <span class="up price-item price-item--last">
18347          <span>
18348
18349          </span>
18350          <span aria-hidden="true">/</span>
18351          <span class="hidden">&nbsp;per&nbsp;</span>
18352          <span>
18353          </span>
18354        </span>
18355      </small>
18356    
18357  </div>
18358  
18359</div>
18360            
18361            <div class="next-price empty:hidden"></div>
18362          </div>
18363          <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 
18364  x-data='{ 
18365    storeAvailabilites: {},
18366    pickupLocation: []
18367  }'
18368  class="mb-3"
18369  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
18370>
18371  <style data-shopify>
18372    .text-available, .text-unavailable {
18373      font-size: 0.669375rem;
18374      font-family: var(--font-body-family);
18375    }
18376
18377    @media (min-width: 768px) {
18378      .text-available, .text-unavailable {
18379        font-size: 0.74375rem;
18380      }
18381    }
18382
18383    .text-available {
18384      color: #6b762d;
18385    }
18386
18387    .dark .text-available {
18388      color: #858F4D;
18389    }
18390
18391    .text-unavailable {
18392      color: #767474;
18393    }
18394
18395    .dark .text-unavailable {
18396      color: #867F7F;
18397    }
18398  </style>
18399  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
18400    <span class="flex h-4 w-4 relative">
18401<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18402  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18403  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18404</svg>
18405
18406</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
18407  </div>
18408  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
18409    <span class="flex h-4 w-4 relative">
18410<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18411  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18412  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18413</svg>
18414
18415</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
18416  </div>
18417</div></div>
18418        </div>
18419      </div>
18420    
18421    </div>
18422    
18423
18424        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
18425          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523006564_leadership-and-self-deception-fourth-edition');
18426        });"></div>
18427        <div
18428          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm" 
18429          class="current-variant hidden"
18430        >
18431          52114838356331
18432        </div>
18433    
18434    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
18435    
18436      <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)" 
18437            class="card-info bottom_atc md:list-layout:hidden hide-icon"
18438            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
18439            x-cloak
18440          >
18441            
18442<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">
18443                
18444                                                            
18445                <button
18446                  type="submit"
18447                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm"
18448                  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"
18449                  
18450                  
18451                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18452                  
18453aria-label="Add to cart"
18454                    
18455                  
18456                >

18457                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
18458                        <span class="flex items-center justify-center">
18459                          
18460
18461  
18462    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
18463  
18464
18465
18466                        </span></span>
18467                  <div
18468                    class="flex gap-x-2 items-center justify-center"
18469                    role="alert"
18470                    x-cloak
18471                    x-show="errorMessage"
18472                  >
18473                    Sold out
18474                  </div>
18475                  <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>
18476                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18477    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18478      fill="currentcolor" stroke="none">
18479      <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"/>
18480    </g>
18481  </svg>
18482
18483                  </div>
18484                </button><input type="hidden" name="product-id" value="14719289721195" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
18485          </div></template>
18486    
18487    
18488      <template x-if="$store.xQuickView">
18489        <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 && ''">
18490              
18491<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">
18492                  
18493                                                              
18494                  <button
18495                    type="submit"
18496                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm"
18497                    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"
18498                    
18499                    
18500                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18501                    
18502aria-label="Add to cart"
18503                      
18504                    
18505                  >
18506                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
18507                          <span class="flex items-center justify-center">
18508                            
18509
18510  
18511    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
18512  
18513
18514
18515                          </span></span>
18516                    <div
18517                      class="flex gap-x-2 items-center justify-center"
18518                      role="alert"
18519                      x-cloak
18520                      x-show="errorMessage"
18521                    >
18522                      Sold out
18523                    </div>
18524                    <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-[

18524calc(50%-10px)]" x-show="loading" x-cloak>
18525                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18526    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18527      fill="currentcolor" stroke="none">
18528      <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"/>
18529    </g>
18530  </svg>
18531
18532                    </div>
18533                  </button><button 
18534                    type="submit"
18535                    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"
18536                    
18537                    
18538                    data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm"
18539                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18540                    
18541aria-label="Add to cart"
18542                      
18543                    
18544                    x-customer-event-data="{
18545    &quot;product&quot;: {
18546      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18547      &quot;listName&quot;: &quot;Bestsellers&quot;,
18548      &quot;sku&quot;: &quot;14719289721195&quot;,
18549      &quot;currencyCode&quot;: &quot;USD&quot;,
18550      &quot;price&quot;: 1995,
18551      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
18552    }
18553  }"
18554                  >
18555                    <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;">
18556    <g>
18557    <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"/>
18558    <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"/>
18559    <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"/>
18560    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18561    </g>
18562  </svg></span>
18563                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
18564                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18565    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18566      fill="currentcolor" stroke="none">
18567      <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"/>
18568    </g>
18569  </svg>
18570
18571                  </span>
18572                </button><input type="hidden" name="product-id" value="14719289721195" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
18573            </div><button 
18574            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')" 
18575            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')" 
18576            @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);' 
18577            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" 
18578            aria-label="Button quickview"
18579            x-customer-event-data="{
18580    &quot;product&quot;: {
18581      &quot;title&quot;: &quot;Leadership and Self-Deception, Fourth Edition&quot;,
18582      &quot;listName&quot;: &quot;Bestsellers&quot;,
18583      &quot;sku&quot;: &quot;14719289721195&quot;,
18584      &quot;currencyCode&quot;: &quot;USD&quot;,
18585      &quot;price&quot;: 1995,
18586      &quot;vendor&quot;: &quot;The Arbinger Institute&quot;
18587    }
18588  }"
18589            x-show="$store.xQuickView.enabled"
18590          >

18591            <span class="flex justify-center items-center">
18592              
18593
18594  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
18595
18596
18597            </span>
18598          </button>
18599        </div>
18600      </template>
18601    
18602  </div>
18603</div>
18604
18605
18606<div 
18607  
18608    x-data="{ showOptions: false, options: [] }"
18609  
18610  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]" 
18611  x-slide-index="10"
18612>
18613  <div 
18614    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
18615  >
18616    <style data-shopify>
18617      
18618    </style>
18619    
18620    <style data-shopify>
18621      
18622    </style>
18623    <a 
18624      
18625        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
18626      
18627      href="/collections/bestsellers/products/9798890570437_goals-third-edition"
18628       
18629        x-data="{ lastWindowWidth: 0 }"
18630        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
18631        x-labels-data="[{
18632        &quot;variant_id&quot;: 52114838126955,
18633        &quot;product_id&quot;: 14719289557355,
18634        &quot;available&quot;: true,
18635        &quot;title&quot;: &quot;Goals! Third Edition&quot;,
18636        &quot;compare_at_price&quot;: 0,
18637        &quot;price&quot;: 2495,
18638        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
18639        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
18640        &quot;collections&quot;: &quot;||637336453483||639249514859||643825009003||636480389483||639269929323||636473475435||650454270315||&quot;,
18641        &quot;inventory_management&quot;: &quot;shopify&quot;,
18642        &quot;qty&quot;: 1182,
18643        &quot;container&quot;: &quot;card&quot;,
18644        &quot;can_show_preorder&quot;: false,
18645        &quot;diff_day_create&quot;: 470.24,
18646        &quot;diff_day_publish&quot;: 470.23
18647        
18648          ,&quot;metafield_label&quot;: { 
18649            &quot;custom.format2&quot;:&quot;Paperback&quot;
18650          }
18651        
18652      }]"
18653       
18654      aria-label="Goals! Third Edition"
18655      id="14719289557355-template--24498228953451__featured_collection_PFy63t"
18656      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%]">
18657      <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">
18658        <div

18659          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-11-10"
18660          class="block h-full" 
18661          @click='$store.xCustomerEvent.fire("product_selected", $el)'
18662          x-customer-event-data="{
18663    &quot;product&quot;: {
18664      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
18665      &quot;listName&quot;: &quot;Bestsellers&quot;,
18666      &quot;sku&quot;: &quot;14719289557355&quot;,
18667      &quot;currencyCode&quot;: &quot;USD&quot;,
18668      &quot;price&quot;: 2495,
18669      &quot;vendor&quot;: &quot;Brian Tracy&quot;
18670    }
18671  }"
18672          >
18673<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
18674            >
18675              
18676              <picture>
18677                <img
18678                  srcset="//bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=450 450w,
18679                  //bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=750 750w,
18680                  //bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=900 900w,
18681                  //bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=1100 1100w,
18682                  //bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893 419w" 
18683                  src="//bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=1500"
18684                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
18685                  alt="Cover image for Goals! Third Edition, isbn: 9798890570437"
18686                  :class="showSecond ? 'first-img' : ''"
18687                  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"
18688                  loading="lazy"
18689                  width="419"
18690                  height="648"
18691                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
18692                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
18693                />
18694              </picture>
18695              
18696            </div></div>
18697      </div>
18698      
18699        <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"
18700              x-show="$store.xQuickView" x-cloak
18701            > 
18702              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
18703                class="w-full hide-icon lg:px-4" 
18704                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
18705                x-cloak
18706              >
18707<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">
18708                    
18709                                                                
18710                    <button
18711                      type="submit"
18712                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm"
18713                      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"
18714                      
18715                      
18716                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18717                      
18718aria-label="Add to cart"
18719                        
18720                      
18721                    >

18722                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
18723                            <span class="flex items-center justify-center">
18724                              
18725
18726  
18727    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
18728  
18729
18730
18731                            </span></span>
18732                      <div
18733                        class="flex gap-x-2 items-center justify-center"
18734                        role="alert"
18735                        x-cloak
18736                        x-show="errorMessage"
18737                      >
18738                        Sold out
18739                      </div>
18740                      <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>
18741                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18742    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18743      fill="currentcolor" stroke="none">
18744      <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"/>
18745    </g>
18746  </svg>
18747
18748                      </div>
18749                    </button>
18750                    <button 
18751                      type="submit"
18752                      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"
18753                      
18754                      
18755                      data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm"
18756                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
18757                      
18758aria-label="Add to cart"
18759                        
18760                      
18761                      x-customer-event-data="{
18762    &quot;product&quot;: {
18763      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
18764      &quot;listName&quot;: &quot;Bestsellers&quot;,
18765      &quot;sku&quot;: &quot;14719289557355&quot;,
18766      &quot;currencyCode&quot;: &quot;USD&quot;,
18767      &quot;price&quot;: 2495,
18768      &quot;vendor&quot;: &quot;Brian Tracy&quot;
18769    }
18770  }"
18771                    >
18772                      <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;">
18773    <g>
18774    <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"/>
18775    <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"/>
18776    <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"/>
18777    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18778    </g>
18779  </svg></span>
18780                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
18781                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
18782    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
18783      fill="currentcolor" stroke="none">
18784      <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"/>
18785    </g>
18786  </svg>
18787
18788                      </span>
18789                  </button><input type="hidden" name="product-id" value="14719289557355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
18790              </div>
18791            </div><div
18792            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"
18793            :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'"
18794            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
18795            >
18796            <div>
18797              <button
18798                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
18799                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570437_goals-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm')" 
18800                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570437_goals-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm')" 
18801                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
18802                :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'"
18803                x-customer-event-data="{
18804    &quot;product&quot;: {
18805      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
18806      &quot;listName&quot;: &quot;Bestsellers&quot;,
18807      &quot;sku&quot;: &quot;14719289557355&quot;,
18808      &quot;currencyCode&quot;: &quot;USD&quot;,
18809      &quot;price&quot;: 2495,
18810      &quot;vendor&quot;: &quot;Brian Tracy&quot;
18811    }
18812  }"
18813                aria-label="Button quickview"
18814              >

18815                <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;">
18816    <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"/>
18817    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18818  </svg>
18819</span>
18820                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
18821                  
18822
18823  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
18824
18825
18826                </span>
18827              </button>
18828              <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);' 
18829                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" 
18830                aria-label="Button quickview"
18831                x-customer-event-data="{
18832    &quot;product&quot;: {
18833      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
18834      &quot;listName&quot;: &quot;Bestsellers&quot;,
18835      &quot;sku&quot;: &quot;14719289557355&quot;,
18836      &quot;currencyCode&quot;: &quot;USD&quot;,
18837      &quot;price&quot;: 2495,
18838      &quot;vendor&quot;: &quot;Brian Tracy&quot;
18839    }
18840  }"
18841              >
18842                <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;">
18843    <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"/>
18844    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
18845  </svg>
18846</span>
18847              </button>
18848            </div>
18849          </div>
18850        </div>
18851      
18852    </a>
18853    
18854    
18855    <div class="md:list-layout:hidden">
18856      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
18857        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
18858          <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">
18859            <a href="/collections/bestsellers/products/9798890570437_goals-third-edition"
18860              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"
18861              @click='$store.xCustomerEvent.fire("product_selected", $el)'
18862              x-customer-event-data="{
18863    &quot;product&quot;: {
18864      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
18865      &quot;listName&quot;: &quot;Bestsellers&quot;,
18866      &quot;sku&quot;: &quot;14719289557355&quot;,
18867      &quot;currencyCode&quot;: &quot;USD&quot;,
18868      &quot;price&quot;: 2495,
18869      &quot;vendor&quot;: &quot;Brian Tracy&quot;
18870    }
18871  }"
18872            >
18873              Goals! Third Edition
18874            </a>
18875          </h3>
18876          
18877
18878            
18879  
18880<div 
18881  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
18882><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
18883      <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

18883ox="0 0 512 512"  xml:space="preserve">
18884      <g>
18885        <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"/>
18886      </g>
18887    </svg>
18888    <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">
18889      <g>
18890        <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"/>
18891      </g>
18892    </svg>
18893    <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">
18894      <g>
18895        <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"/>
18896      </g>
18897    </svg>
18898    <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">
18899      <g>
18900        <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"/>
18901      </g>
18902    </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">
18903          <defs>
18904              <linearGradient id="grad">
18905                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
18906                  <stop offset="50%" stop-color="currentColor"/>
18907              </linearGradient>
18908          </defs>
18909          <g>
18910            <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"/>
18911          </g>
18912      </svg>
18913    </div> 
18914    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(168)
18915    </p></div>
18916
18917<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">
18918            
18919            
18920              <div class=" price leading-none">
18921  <div class="">
18922    
18923      <div class="hidden">2495</div><p class="price">

18924          <span>$24.95</span>
18925        </p><small class="text-[70%] hidden">
18926        <span class="hidden">Unit price</span>
18927        <span class="up price-item price-item--last">
18928          <span>
18929
18930          </span>
18931          <span aria-hidden="true">/</span>
18932          <span class="hidden">&nbsp;per&nbsp;</span>
18933          <span>
18934          </span>
18935        </span>
18936      </small>
18937    
18938  </div>
18939  
18940</div>
18941            
18942            <div class="next-price empty:hidden"></div>
18943          </div>
18944          <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 
18945  x-data='{ 
18946    storeAvailabilites: {},
18947    pickupLocation: []
18948  }'
18949  class="mb-3"
18950  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
18951>
18952  <style data-shopify>
18953    .text-available, .text-unavailable {
18954      font-size: 0.669375rem;
18955      font-family: var(--font-body-family);
18956    }
18957
18958    @media (min-width: 768px) {
18959      .text-available, .text-unavailable {
18960        font-size: 0.74375rem;
18961      }
18962    }
18963
18964    .text-available {
18965      color: #6b762d;
18966    }
18967
18968    .dark .text-available {
18969      color: #858F4D;
18970    }
18971
18972    .text-unavailable {
18973      color: #767474;
18974    }
18975
18976    .dark .text-unavailable {
18977      color: #867F7F;
18978    }
18979  </style>
18980  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
18981    <span class="flex h-4 w-4 relative">
18982<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18983  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18984  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18985</svg>
18986
18987</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
18988  </div>
18989  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
18990    <span class="flex h-4 w-4 relative">
18991<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
18992  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
18993  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
18994</svg>
18995
18996</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
18997  </div>
18998</div></div>
18999        </div>
19000      </div>
19001    </div>
19002    
19003  </div>
19004  <div
19005    id="x-product-template-14719289557355-template--24498228953451__featured_collection_PFy63t-1-11"
19006    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"
19007  >
19008    <div class="hidden md:list-layout:block">
19009      
19010      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
19011        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
19012          <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">
19013            <a href="/collections/bestsellers/products/9798890570437_goals-third-edition"
19014              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"
19015              @click='$store.xCustomerEvent.fire("product_selected", $el)'
19016              x-customer-event-data="{
19017    &quot;product&quot;: {
19018      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
19019      &quot;listName&quot;: &quot;Bestsellers&quot;,
19020      &quot;sku&quot;: &quot;14719289557355&quot;,
19021      &quot;currencyCode&quot;: &quot;USD&quot;,
19022      &quot;price&quot;: 2495,
19023      &quot;vendor&quot;: &quot;Brian Tracy&quot;
19024    }
19025  }"
19026            >
19027              Goals! Third Edition
19028            </a>
19029          </h3>
19030          
19031
19032            
19033  
19034<div 
19035  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
19036><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
19037      <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

19037ox="0 0 512 512"  xml:space="preserve">
19038      <g>
19039        <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"/>
19040      </g>
19041    </svg>
19042    <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">
19043      <g>
19044        <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"/>
19045      </g>
19046    </svg>
19047    <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">
19048      <g>
19049        <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"/>
19050      </g>
19051    </svg>
19052    <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">
19053      <g>
19054        <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"/>
19055      </g>
19056    </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">
19057          <defs>
19058              <linearGradient id="grad">
19059                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
19060                  <stop offset="50%" stop-color="currentColor"/>
19061              </linearGradient>
19062          </defs>
19063          <g>
19064            <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"/>
19065          </g>
19066      </svg>
19067    </div> 
19068    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(168)
19069    </p></div>
19070
19071<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">
19072            
19073            
19074              <div class=" price leading-none">
19075  <div class="">
19076    
19077      <div class="hidden">2495</div><p class="price">

19078          <span>$24.95</span>
19079        </p><small class="text-[70%] hidden">
19080        <span class="hidden">Unit price</span>
19081        <span class="up price-item price-item--last">
19082          <span>
19083
19084          </span>
19085          <span aria-hidden="true">/</span>
19086          <span class="hidden">&nbsp;per&nbsp;</span>
19087          <span>
19088          </span>
19089        </span>
19090      </small>
19091    
19092  </div>
19093  
19094</div>
19095            
19096            <div class="next-price empty:hidden"></div>
19097          </div>
19098          <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 
19099  x-data='{ 
19100    storeAvailabilites: {},
19101    pickupLocation: []
19102  }'
19103  class="mb-3"
19104  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
19105>
19106  <style data-shopify>
19107    .text-available, .text-unavailable {
19108      font-size: 0.669375rem;
19109      font-family: var(--font-body-family);
19110    }
19111
19112    @media (min-width: 768px) {
19113      .text-available, .text-unavailable {
19114        font-size: 0.74375rem;
19115      }
19116    }
19117
19118    .text-available {
19119      color: #6b762d;
19120    }
19121
19122    .dark .text-available {
19123      color: #858F4D;
19124    }
19125
19126    .text-unavailable {
19127      color: #767474;
19128    }
19129
19130    .dark .text-unavailable {
19131      color: #867F7F;
19132    }
19133  </style>
19134  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
19135    <span class="flex h-4 w-4 relative">
19136<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19137  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19138  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19139</svg>
19140
19141</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19142  </div>
19143  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
19144    <span class="flex h-4 w-4 relative">
19145<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19146  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19147  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19148</svg>
19149
19150</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19151  </div>
19152</div></div>
19153        </div>
19154      </div>
19155    
19156    </div>
19157    
19158
19159        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
19160          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570437_goals-third-edition');
19161        });"></div>
19162        <div
19163          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm" 
19164          class="current-variant hidden"
19165        >
19166          52114838126955
19167        </div>
19168    
19169    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
19170    
19171      <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)" 
19172            class="card-info bottom_atc md:list-layout:hidden hide-icon"
19173            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
19174            x-cloak
19175          >
19176            
19177<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">
19178                
19179                                                            
19180                <button
19181                  type="submit"
19182                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm"
19183                  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"
19184                  
19185                  
19186                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
19187                  
19188aria-label="Add to cart"
19189                    
19190                  
19191                >

19192                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
19193                        <span class="flex items-center justify-center">
19194                          
19195
19196  
19197    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
19198  
19199
19200
19201                        </span></span>
19202                  <div
19203                    class="flex gap-x-2 items-center justify-center"
19204                    role="alert"
19205                    x-cloak
19206                    x-show="errorMessage"
19207                  >
19208                    Sold out
19209                  </div>
19210                  <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>
19211                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19212    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19213      fill="currentcolor" stroke="none">
19214      <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"/>
19215    </g>
19216  </svg>
19217
19218                  </div>
19219                </button><input type="hidden" name="product-id" value="14719289557355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
19220          </div></template>
19221    
19222    
19223      <template x-if="$store.xQuickView">
19224        <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 && ''">
19225              
19226<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">
19227                  
19228                                                              
19229                  <button
19230                    type="submit"
19231                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm"
19232                    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"
19233                    
19234                    
19235                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
19236                    
19237aria-label="Add to cart"
19238                      
19239                    
19240                  >
19241                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
19242                          <span class="flex items-center justify-center">
19243                            
19244
19245  
19246    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
19247  
19248
19249
19250                          </span></span>
19251                    <div
19252                      class="flex gap-x-2 items-center justify-center"
19253                      role="alert"
19254                      x-cloak
19255                      x-show="errorMessage"
19256                    >
19257                      Sold out
19258                    </div>
19259                    <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-[

19259calc(50%-10px)]" x-show="loading" x-cloak>
19260                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19261    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19262      fill="currentcolor" stroke="none">
19263      <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"/>
19264    </g>
19265  </svg>
19266
19267                    </div>
19268                  </button><button 
19269                    type="submit"
19270                    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"
19271                    
19272                    
19273                    data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm"
19274                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
19275                    
19276aria-label="Add to cart"
19277                      
19278                    
19279                    x-customer-event-data="{
19280    &quot;product&quot;: {
19281      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
19282      &quot;listName&quot;: &quot;Bestsellers&quot;,
19283      &quot;sku&quot;: &quot;14719289557355&quot;,
19284      &quot;currencyCode&quot;: &quot;USD&quot;,
19285      &quot;price&quot;: 2495,
19286      &quot;vendor&quot;: &quot;Brian Tracy&quot;
19287    }
19288  }"
19289                  >
19290                    <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;">
19291    <g>
19292    <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"/>
19293    <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"/>
19294    <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"/>
19295    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19296    </g>
19297  </svg></span>
19298                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
19299                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19300    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19301      fill="currentcolor" stroke="none">
19302      <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"/>
19303    </g>
19304  </svg>
19305
19306                  </span>
19307                </button><input type="hidden" name="product-id" value="14719289557355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
19308            </div><button 
19309            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570437_goals-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm')" 
19310            x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570437_goals-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm')" 
19311            @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);' 
19312            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" 
19313            aria-label="Button quickview"
19314            x-customer-event-data="{
19315    &quot;product&quot;: {
19316      &quot;title&quot;: &quot;Goals! Third Edition&quot;,
19317      &quot;listName&quot;: &quot;Bestsellers&quot;,
19318      &quot;sku&quot;: &quot;14719289557355&quot;,
19319      &quot;currencyCode&quot;: &quot;USD&quot;,
19320      &quot;price&quot;: 2495,
19321      &quot;vendor&quot;: &quot;Brian Tracy&quot;
19322    }
19323  }"
19324            x-show="$store.xQuickView.enabled"
19325          >

19326            <span class="flex justify-center items-center">
19327              
19328
19329  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
19330
19331
19332            </span>
19333          </button>
19334        </div>
19335      </template>
19336    
19337  </div>
19338</div>
19339
19340
19341<div 
19342  
19343    x-data="{ showOptions: false, options: [] }"
19344  
19345  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]" 
19346  x-slide-index="11"
19347>
19348  <div 
19349    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
19350  >
19351    <style data-shopify>
19352      
19353    </style>
19354    
19355    <style data-shopify>
19356      
19357    </style>
19358    <a 
19359      
19360        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
19361      
19362      href="/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition"
19363       
19364        x-data="{ lastWindowWidth: 0 }"
19365        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
19366        x-labels-data="[{
19367        &quot;variant_id&quot;: 52114837897579,
19368        &quot;product_id&quot;: 14719289360747,
19369        &quot;available&quot;: true,
19370        &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
19371        &quot;compare_at_price&quot;: 0,
19372        &quot;price&quot;: 2295,
19373        &quot;price_with_currency&quot;: &quot;$22.95&quot;,
19374        &quot;sale_amount&quot;: &quot;$-22.95&quot;,
19375        &quot;collections&quot;: &quot;||637329310059||637336453483||639249514859||639269732715||650454204779||637337043307||639249744235||636480389483||636473475435||639252758891||640668860779||648798896491||639269339499||&quot;,
19376        &quot;inventory_management&quot;: &quot;shopify&quot;,
19377        &quot;qty&quot;: 3486,
19378        &quot;container&quot;: &quot;card&quot;,
19379        &quot;can_show_preorder&quot;: false,
19380        &quot;diff_day_create&quot;: 470.24,
19381        &quot;diff_day_publish&quot;: 470.23
19382        
19383          ,&quot;metafield_label&quot;: { 
19384            &quot;custom.format2&quot;:&quot;Paperback&quot;
19385          }
19386        
19387      }]"
19388       
19389      aria-label="Help Them Grow or Watch Them Go, Third Edition"
19390      id="14719289360747-template--24498228953451__featured_collection_PFy63t"
19391      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%]">
19392      <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">
19393        <div

19394          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-12-11"
19395          class="block h-full" 
19396          @click='$store.xCustomerEvent.fire("product_selected", $el)'
19397          x-customer-event-data="{
19398    &quot;product&quot;: {
19399      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
19400      &quot;listName&quot;: &quot;Bestsellers&quot;,
19401      &quot;sku&quot;: &quot;14719289360747&quot;,
19402      &quot;currencyCode&quot;: &quot;USD&quot;,
19403      &quot;price&quot;: 2295,
19404      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
19405    }
19406  }"
19407          >
19408<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
19409            >
19410              
19411              <picture>
19412                <img
19413                  srcset="//bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=450 450w,
19414                  //bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=750 750w,
19415                  //bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=900 900w,
19416                  //bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=1100 1100w,
19417                  //bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891 432w" 
19418                  src="//bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=1500"
19419                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
19420                  alt="Cover image for Help Them Grow or Watch Them Go, Third Edition, isbn: 9798890570253"
19421                  :class="showSecond ? 'first-img' : ''"
19422                  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"
19423                  loading="lazy"
19424                  width="432"
19425                  height="648"
19426                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
19427                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
19428                />
19429              </picture>
19430              
19431            </div></div>
19432      </div>
19433      
19434        <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"
19435              x-show="$store.xQuickView" x-cloak
19436            > 
19437              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
19438                class="w-full hide-icon lg:px-4" 
19439                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
19440                x-cloak
19441              >
19442<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">
19443                    
19444                                                                
19445                    <button
19446                      type="submit"
19447                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm"
19448                      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"
19449                      
19450                      
19451                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
19452                      
19453aria-label="Add to cart"
19454                        
19455                      
19456                    >

19457                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
19458                            <span class="flex items-center justify-center">
19459                              
19460
19461  
19462    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
19463  
19464
19465
19466                            </span></span>
19467                      <div
19468                        class="flex gap-x-2 items-center justify-center"
19469                        role="alert"
19470                        x-cloak
19471                        x-show="errorMessage"
19472                      >
19473                        Sold out
19474                      </div>
19475                      <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>
19476                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19477    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19478      fill="currentcolor" stroke="none">
19479      <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"/>
19480    </g>
19481  </svg>
19482
19483                      </div>
19484                    </button>
19485                    <button 
19486                      type="submit"
19487                      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"
19488                      
19489                      
19490                      data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm"
19491                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
19492                      
19493aria-label="Add to cart"
19494                        
19495                      
19496                      x-customer-event-data="{
19497    &quot;product&quot;: {
19498      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
19499      &quot;listName&quot;: &quot;Bestsellers&quot;,
19500      &quot;sku&quot;: &quot;14719289360747&quot;,
19501      &quot;currencyCode&quot;: &quot;USD&quot;,
19502      &quot;price&quot;: 2295,
19503      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
19504    }
19505  }"
19506                    >
19507                      <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;">
19508    <g>
19509    <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"/>
19510    <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"/>
19511    <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"/>
19512    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19513    </g>
19514  </svg></span>
19515                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
19516                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19517    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19518      fill="currentcolor" stroke="none">
19519      <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"/>
19520    </g>
19521  </svg>
19522
19523                      </span>
19524                  </button><input type="hidden" name="product-id" value="14719289360747" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
19525              </div>
19526            </div><div
19527            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"
19528            :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'"
19529            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
19530            >
19531            <div>
19532              <button
19533                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
19534                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')" 
19535                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')" 
19536                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
19537                :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'"
19538                x-customer-event-data="{
19539    &quot;product&quot;: {
19540      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
19541      &quot;listName&quot;: &quot;Bestsellers&quot;,
19542      &quot;sku&quot;: &quot;14719289360747&quot;,
19543      &quot;currencyCode&quot;: &quot;USD&quot;,
19544      &quot;price&quot;: 2295,
19545      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
19546    }
19547  }"
19548                aria-label="Button quickview"
19549              >

19550                <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;">
19551    <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"/>
19552    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19553  </svg>
19554</span>
19555                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
19556                  
19557
19558  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
19559
19560
19561                </span>
19562              </button>
19563              <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);' 
19564                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" 
19565                aria-label="Button quickview"
19566                x-customer-event-data="{
19567    &quot;product&quot;: {
19568      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
19569      &quot;listName&quot;: &quot;Bestsellers&quot;,
19570      &quot;sku&quot;: &quot;14719289360747&quot;,
19571      &quot;currencyCode&quot;: &quot;USD&quot;,
19572      &quot;price&quot;: 2295,
19573      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
19574    }
19575  }"
19576              >
19577                <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;">
19578    <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"/>
19579    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
19580  </svg>
19581</span>
19582              </button>
19583            </div>
19584          </div>
19585        </div>
19586      
19587    </a>
19588    
19589    
19590    <div class="md:list-layout:hidden">
19591      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
19592        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
19593          <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">
19594            <a href="/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition"
19595              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"
19596              @click='$store.xCustomerEvent.fire("product_selected", $el)'
19597              x-customer-event-data="{
19598    &quot;product&quot;: {
19599      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
19600      &quot;listName&quot;: &quot;Bestsellers&quot;,
19601      &quot;sku&quot;: &quot;14719289360747&quot;,
19602      &quot;currencyCode&quot;: &quot;USD&quot;,
19603      &quot;price&quot;: 2295,
19604      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
19605    }
19606  }"
19607            >
19608              Help Them Grow or Watch Them Go, Third Edition
19609            </a>
19610          </h3>
19611          
19612
19613            
19614  
19615<div 
19616  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
19617><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars">
19618      <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

19618ox="0 0 512 512"  xml:space="preserve">
19619      <g>
19620        <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"/>
19621      </g>
19622    </svg>
19623    <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">
19624      <g>
19625        <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"/>
19626      </g>
19627    </svg>
19628    <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">
19629      <g>
19630        <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"/>
19631      </g>
19632    </svg>
19633    <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">
19634      <g>
19635        <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"/>
19636      </g>
19637    </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">
19638          <defs>
19639              <linearGradient id="grad">
19640                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
19641                  <stop offset="50%" stop-color="currentColor"/>
19642              </linearGradient>
19643          </defs>
19644          <g>
19645            <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"/>
19646          </g>
19647      </svg>
19648    </div> 
19649    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(296)
19650    </p></div>
19651
19652<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">
19653            
19654            
19655              <div class=" price leading-none">
19656  <div class="">
19657    
19658      <div class="hidden">2295</div><p class="price">

19659          <span>$22.95</span>
19660        </p><small class="text-[70%] hidden">
19661        <span class="hidden">Unit price</span>
19662        <span class="up price-item price-item--last">
19663          <span>
19664
19665          </span>
19666          <span aria-hidden="true">/</span>
19667          <span class="hidden">&nbsp;per&nbsp;</span>
19668          <span>
19669          </span>
19670        </span>
19671      </small>
19672    
19673  </div>
19674  
19675</div>
19676            
19677            <div class="next-price empty:hidden"></div>
19678          </div>
19679          <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 
19680  x-data='{ 
19681    storeAvailabilites: {},
19682    pickupLocation: []
19683  }'
19684  class="mb-3"
19685  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
19686>
19687  <style data-shopify>
19688    .text-available, .text-unavailable {
19689      font-size: 0.669375rem;
19690      font-family: var(--font-body-family);
19691    }
19692
19693    @media (min-width: 768px) {
19694      .text-available, .text-unavailable {
19695        font-size: 0.74375rem;
19696      }
19697    }
19698
19699    .text-available {
19700      color: #6b762d;
19701    }
19702
19703    .dark .text-available {
19704      color: #858F4D;
19705    }
19706
19707    .text-unavailable {
19708      color: #767474;
19709    }
19710
19711    .dark .text-unavailable {
19712      color: #867F7F;
19713    }
19714  </style>
19715  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
19716    <span class="flex h-4 w-4 relative">
19717<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19718  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19719  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19720</svg>
19721
19722</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19723  </div>
19724  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
19725    <span class="flex h-4 w-4 relative">
19726<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19727  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19728  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19729</svg>
19730
19731</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19732  </div>
19733</div></div>
19734        </div>
19735      </div>
19736    </div>
19737    
19738  </div>
19739  <div
19740    id="x-product-template-14719289360747-template--24498228953451__featured_collection_PFy63t-1-12"
19741    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"
19742  >
19743    <div class="hidden md:list-layout:block">
19744      
19745      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
19746        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
19747          <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">
19748            <a href="/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition"
19749              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"
19750              @click='$store.xCustomerEvent.fire("product_selected", $el)'
19751              x-customer-event-data="{
19752    &quot;product&quot;: {
19753      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
19754      &quot;listName&quot;: &quot;Bestsellers&quot;,
19755      &quot;sku&quot;: &quot;14719289360747&quot;,
19756      &quot;currencyCode&quot;: &quot;USD&quot;,
19757      &quot;price&quot;: 2295,
19758      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
19759    }
19760  }"
19761            >
19762              Help Them Grow or Watch Them Go, Third Edition
19763            </a>
19764          </h3>
19765          
19766
19767            
19768  
19769<div 
19770  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
19771><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars">
19772      <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

19772ox="0 0 512 512"  xml:space="preserve">
19773      <g>
19774        <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"/>
19775      </g>
19776    </svg>
19777    <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">
19778      <g>
19779        <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"/>
19780      </g>
19781    </svg>
19782    <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">
19783      <g>
19784        <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"/>
19785      </g>
19786    </svg>
19787    <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">
19788      <g>
19789        <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"/>
19790      </g>
19791    </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">
19792          <defs>
19793              <linearGradient id="grad">
19794                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
19795                  <stop offset="50%" stop-color="currentColor"/>
19796              </linearGradient>
19797          </defs>
19798          <g>
19799            <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"/>
19800          </g>
19801      </svg>
19802    </div> 
19803    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(296)
19804    </p></div>
19805
19806<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">
19807            
19808            
19809              <div class=" price leading-none">
19810  <div class="">
19811    
19812      <div class="hidden">2295</div><p class="price">

19813          <span>$22.95</span>
19814        </p><small class="text-[70%] hidden">
19815        <span class="hidden">Unit price</span>
19816        <span class="up price-item price-item--last">
19817          <span>
19818
19819          </span>
19820          <span aria-hidden="true">/</span>
19821          <span class="hidden">&nbsp;per&nbsp;</span>
19822          <span>
19823          </span>
19824        </span>
19825      </small>
19826    
19827  </div>
19828  
19829</div>
19830            
19831            <div class="next-price empty:hidden"></div>
19832          </div>
19833          <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 
19834  x-data='{ 
19835    storeAvailabilites: {},
19836    pickupLocation: []
19837  }'
19838  class="mb-3"
19839  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
19840>
19841  <style data-shopify>
19842    .text-available, .text-unavailable {
19843      font-size: 0.669375rem;
19844      font-family: var(--font-body-family);
19845    }
19846
19847    @media (min-width: 768px) {
19848      .text-available, .text-unavailable {
19849        font-size: 0.74375rem;
19850      }
19851    }
19852
19853    .text-available {
19854      color: #6b762d;
19855    }
19856
19857    .dark .text-available {
19858      color: #858F4D;
19859    }
19860
19861    .text-unavailable {
19862      color: #767474;
19863    }
19864
19865    .dark .text-unavailable {
19866      color: #867F7F;
19867    }
19868  </style>
19869  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
19870    <span class="flex h-4 w-4 relative">
19871<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19872  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19873  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19874</svg>
19875
19876</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19877  </div>
19878  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
19879    <span class="flex h-4 w-4 relative">
19880<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19881  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
19882  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
19883</svg>
19884
19885</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
19886  </div>
19887</div></div>
19888        </div>
19889      </div>
19890    
19891    </div>
19892    
19893
19894        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
19895          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570253_help-them-grow-or-watch-them-go-third-edition');
19896        });"></div>
19897        <div
19898          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm" 
19899          class="current-variant hidden"
19900        >
19901          52114837897579
19902        </div>
19903    
19904    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
19905    
19906      <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)" 
19907            class="card-info bottom_atc md:list-layout:hidden hide-icon"
19908            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
19909            x-cloak
19910          >
19911            
19912<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">
19913                
19914                                                            
19915                <button
19916                  type="submit"
19917                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm"
19918                  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"
19919                  
19920                  
19921                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
19922                  
19923aria-label="Add to cart"
19924                    
19925                  
19926                >

19927                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
19928                        <span class="flex items-center justify-center">
19929                          
19930
19931  
19932    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
19933  
19934
19935
19936                        </span></span>
19937                  <div
19938                    class="flex gap-x-2 items-center justify-center"
19939                    role="alert"
19940                    x-cloak
19941                    x-show="errorMessage"
19942                  >
19943                    Sold out
19944                  </div>
19945                  <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>
19946                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19947    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19948      fill="currentcolor" stroke="none">
19949      <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"/>
19950    </g>
19951  </svg>
19952
19953                  </div>
19954                </button><input type="hidden" name="product-id" value="14719289360747" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
19955          </div></template>
19956    
19957    
19958      <template x-if="$store.xQuickView">
19959        <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 && ''">
19960              
19961<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">
19962                  
19963                                                              
19964                  <button
19965                    type="submit"
19966                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm"
19967                    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"
19968                    
19969                    
19970                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
19971                    
19972aria-label="Add to cart"
19973                      
19974                    
19975                  >
19976                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
19977                          <span class="flex items-center justify-center">
19978                            
19979
19980  
19981    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
19982  
19983
19984
19985                          </span></span>
19986                    <div
19987                      class="flex gap-x-2 items-center justify-center"
19988                      role="alert"
19989                      x-cloak
19990                      x-show="errorMessage"
19991                    >
19992                      Sold out
19993                    </div>
19994                    <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-[

19994calc(50%-10px)]" x-show="loading" x-cloak>
19995                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
19996    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
19997      fill="currentcolor" stroke="none">
19998      <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"/>
19999    </g>
20000  </svg>
20001
20002                    </div>
20003                  </button><button 
20004                    type="submit"
20005                    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"
20006                    
20007                    
20008                    data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm"
20009                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20010                    
20011aria-label="Add to cart"
20012                      
20013                    
20014                    x-customer-event-data="{
20015    &quot;product&quot;: {
20016      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
20017      &quot;listName&quot;: &quot;Bestsellers&quot;,
20018      &quot;sku&quot;: &quot;14719289360747&quot;,
20019      &quot;currencyCode&quot;: &quot;USD&quot;,
20020      &quot;price&quot;: 2295,
20021      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
20022    }
20023  }"
20024                  >
20025                    <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;">
20026    <g>
20027    <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"/>
20028    <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"/>
20029    <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"/>
20030    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20031    </g>
20032  </svg></span>
20033                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
20034                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20035    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20036      fill="currentcolor" stroke="none">
20037      <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"/>
20038    </g>
20039  </svg>
20040
20041                  </span>
20042                </button><input type="hidden" name="product-id" value="14719289360747" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
20043            </div><button 
20044            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')" 
20045            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')" 
20046            @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);' 
20047            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" 
20048            aria-label="Button quickview"
20049            x-customer-event-data="{
20050    &quot;product&quot;: {
20051      &quot;title&quot;: &quot;Help Them Grow or Watch Them Go, Third Edition&quot;,
20052      &quot;listName&quot;: &quot;Bestsellers&quot;,
20053      &quot;sku&quot;: &quot;14719289360747&quot;,
20054      &quot;currencyCode&quot;: &quot;USD&quot;,
20055      &quot;price&quot;: 2295,
20056      &quot;vendor&quot;: &quot;Beverly Kaye&quot;
20057    }
20058  }"
20059            x-show="$store.xQuickView.enabled"
20060          >

20061            <span class="flex justify-center items-center">
20062              
20063
20064  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
20065
20066
20067            </span>
20068          </button>
20069        </div>
20070      </template>
20071    
20072  </div>
20073</div>
20074
20075
20076<div 
20077  
20078    x-data="{ showOptions: false, options: [] }"
20079  
20080  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]" 
20081  x-slide-index="12"
20082>
20083  <div 
20084    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
20085  >
20086    <style data-shopify>
20087      
20088    </style>
20089    
20090    <style data-shopify>
20091      
20092    </style>
20093    <a 
20094      
20095        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
20096      
20097      href="/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition"
20098       
20099        x-data="{ lastWindowWidth: 0 }"
20100        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
20101        x-labels-data="[{
20102        &quot;variant_id&quot;: 52114837799275,
20103        &quot;product_id&quot;: 14719289262443,
20104        &quot;available&quot;: true,
20105        &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
20106        &quot;compare_at_price&quot;: 0,
20107        &quot;price&quot;: 2395,
20108        &quot;price_with_currency&quot;: &quot;$23.95&quot;,
20109        &quot;sale_amount&quot;: &quot;$-23.95&quot;,
20110        &quot;collections&quot;: &quot;||637336453483||639249514859||643824812395||637337043307||639249744235||642721775979||636480389483||636473475435||639270191467||639269339499||&quot;,
20111        &quot;inventory_management&quot;: &quot;shopify&quot;,
20112        &quot;qty&quot;: 644,
20113        &quot;container&quot;: &quot;card&quot;,
20114        &quot;can_show_preorder&quot;: false,
20115        &quot;diff_day_create&quot;: 470.24,
20116        &quot;diff_day_publish&quot;: 470.23
20117        
20118          ,&quot;metafield_label&quot;: { 
20119            &quot;custom.format2&quot;:&quot;Paperback&quot;
20120          }
20121        
20122      }]"
20123       
20124      aria-label="Decolonizing Wealth, Second Edition"
20125      id="14719289262443-template--24498228953451__featured_collection_PFy63t"
20126      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%]">
20127      <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">
20128        <div

20129          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-13-12"
20130          class="block h-full" 
20131          @click='$store.xCustomerEvent.fire("product_selected", $el)'
20132          x-customer-event-data="{
20133    &quot;product&quot;: {
20134      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
20135      &quot;listName&quot;: &quot;Bestsellers&quot;,
20136      &quot;sku&quot;: &quot;14719289262443&quot;,
20137      &quot;currencyCode&quot;: &quot;USD&quot;,
20138      &quot;price&quot;: 2395,
20139      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
20140    }
20141  }"
20142          >
20143<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
20144            >
20145              
20146              <picture>
20147                <img
20148                  srcset="//bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=450 450w,
20149                  //bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=750 750w,
20150                  //bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=900 900w,
20151                  //bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=1100 1100w,
20152                  //bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892 419w" 
20153                  src="//bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=1500"
20154                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
20155                  alt="Cover image for Decolonizing Wealth, Second Edition, isbn: 9781523091416"
20156                  :class="showSecond ? 'first-img' : ''"
20157                  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"
20158                  loading="lazy"
20159                  width="419"
20160                  height="648"
20161                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
20162                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
20163                />
20164              </picture>
20165              
20166            </div></div>
20167      </div>
20168      
20169        <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"
20170              x-show="$store.xQuickView" x-cloak
20171            > 
20172              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
20173                class="w-full hide-icon lg:px-4" 
20174                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
20175                x-cloak
20176              >
20177<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">
20178                    
20179                                                                
20180                    <button
20181                      type="submit"
20182                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm"
20183                      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"
20184                      
20185                      
20186                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20187                      
20188aria-label="Add to cart"
20189                        
20190                      
20191                    >

20192                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
20193                            <span class="flex items-center justify-center">
20194                              
20195
20196  
20197    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
20198  
20199
20200
20201                            </span></span>
20202                      <div
20203                        class="flex gap-x-2 items-center justify-center"
20204                        role="alert"
20205                        x-cloak
20206                        x-show="errorMessage"
20207                      >
20208                        Sold out
20209                      </div>
20210                      <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>
20211                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20212    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20213      fill="currentcolor" stroke="none">
20214      <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"/>
20215    </g>
20216  </svg>
20217
20218                      </div>
20219                    </button>
20220                    <button 
20221                      type="submit"
20222                      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"
20223                      
20224                      
20225                      data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm"
20226                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20227                      
20228aria-label="Add to cart"
20229                        
20230                      
20231                      x-customer-event-data="{
20232    &quot;product&quot;: {
20233      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
20234      &quot;listName&quot;: &quot;Bestsellers&quot;,
20235      &quot;sku&quot;: &quot;14719289262443&quot;,
20236      &quot;currencyCode&quot;: &quot;USD&quot;,
20237      &quot;price&quot;: 2395,
20238      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
20239    }
20240  }"
20241                    >
20242                      <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;">
20243    <g>
20244    <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"/>
20245    <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"/>
20246    <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"/>
20247    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20248    </g>
20249  </svg></span>
20250                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
20251                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20252    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20253      fill="currentcolor" stroke="none">
20254      <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"/>
20255    </g>
20256  </svg>
20257
20258                      </span>
20259                  </button><input type="hidden" name="product-id" value="14719289262443" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
20260              </div>
20261            </div><div
20262            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"
20263            :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'"
20264            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
20265            >
20266            <div>
20267              <button
20268                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
20269                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')" 
20270                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')" 
20271                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
20272                :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'"
20273                x-customer-event-data="{
20274    &quot;product&quot;: {
20275      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
20276      &quot;listName&quot;: &quot;Bestsellers&quot;,
20277      &quot;sku&quot;: &quot;14719289262443&quot;,
20278      &quot;currencyCode&quot;: &quot;USD&quot;,
20279      &quot;price&quot;: 2395,
20280      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
20281    }
20282  }"
20283                aria-label="Button quickview"
20284              >

20285                <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;">
20286    <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"/>
20287    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20288  </svg>
20289</span>
20290                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
20291                  
20292
20293  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
20294
20295
20296                </span>
20297              </button>
20298              <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);' 
20299                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" 
20300                aria-label="Button quickview"
20301                x-customer-event-data="{
20302    &quot;product&quot;: {
20303      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
20304      &quot;listName&quot;: &quot;Bestsellers&quot;,
20305      &quot;sku&quot;: &quot;14719289262443&quot;,
20306      &quot;currencyCode&quot;: &quot;USD&quot;,
20307      &quot;price&quot;: 2395,
20308      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
20309    }
20310  }"
20311              >
20312                <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;">
20313    <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"/>
20314    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20315  </svg>
20316</span>
20317              </button>
20318            </div>
20319          </div>
20320        </div>
20321      
20322    </a>
20323    
20324    
20325    <div class="md:list-layout:hidden">
20326      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
20327        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
20328          <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">
20329            <a href="/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition"
20330              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"
20331              @click='$store.xCustomerEvent.fire("product_selected", $el)'
20332              x-customer-event-data="{
20333    &quot;product&quot;: {
20334      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
20335      &quot;listName&quot;: &quot;Bestsellers&quot;,
20336      &quot;sku&quot;: &quot;14719289262443&quot;,
20337      &quot;currencyCode&quot;: &quot;USD&quot;,
20338      &quot;price&quot;: 2395,
20339      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
20340    }
20341  }"
20342            >
20343              Decolonizing Wealth, Second Edition
20344            </a>
20345          </h3>
20346          
20347
20348            
20349  
20350<div 
20351  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
20352><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
20353      <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

20353ox="0 0 512 512"  xml:space="preserve">
20354      <g>
20355        <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"/>
20356      </g>
20357    </svg>
20358    <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">
20359      <g>
20360        <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"/>
20361      </g>
20362    </svg>
20363    <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">
20364      <g>
20365        <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"/>
20366      </g>
20367    </svg>
20368    <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">
20369      <g>
20370        <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"/>
20371      </g>
20372    </svg>
20373    <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">
20374      <g>
20375        <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"/>
20376      </g>
20377    </svg>
20378    </div> 
20379    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
20380    </p></div>
20381
20382<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">
20383            
20384            
20385              <div class=" price leading-none">
20386  <div class="">
20387    
20388      <div class="hidden">2395</div><p class="price">

20389          <span>$23.95</span>
20390        </p><small class="text-[70%] hidden">
20391        <span class="hidden">Unit price</span>
20392        <span class="up price-item price-item--last">
20393          <span>
20394
20395          </span>
20396          <span aria-hidden="true">/</span>
20397          <span class="hidden">&nbsp;per&nbsp;</span>
20398          <span>
20399          </span>
20400        </span>
20401      </small>
20402    
20403  </div>
20404  
20405</div>
20406            
20407            <div class="next-price empty:hidden"></div>
20408          </div>
20409          <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 
20410  x-data='{ 
20411    storeAvailabilites: {},
20412    pickupLocation: []
20413  }'
20414  class="mb-3"
20415  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
20416>
20417  <style data-shopify>
20418    .text-available, .text-unavailable {
20419      font-size: 0.669375rem;
20420      font-family: var(--font-body-family);
20421    }
20422
20423    @media (min-width: 768px) {
20424      .text-available, .text-unavailable {
20425        font-size: 0.74375rem;
20426      }
20427    }
20428
20429    .text-available {
20430      color: #6b762d;
20431    }
20432
20433    .dark .text-available {
20434      color: #858F4D;
20435    }
20436
20437    .text-unavailable {
20438      color: #767474;
20439    }
20440
20441    .dark .text-unavailable {
20442      color: #867F7F;
20443    }
20444  </style>
20445  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
20446    <span class="flex h-4 w-4 relative">
20447<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
20448  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
20449  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
20450</svg>
20451
20452</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
20453  </div>
20454  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
20455    <span class="flex h-4 w-4 relative">
20456<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
20457  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
20458  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
20459</svg>
20460
20461</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
20462  </div>
20463</div></div>
20464        </div>
20465      </div>
20466    </div>
20467    
20468  </div>
20469  <div
20470    id="x-product-template-14719289262443-template--24498228953451__featured_collection_PFy63t-1-13"
20471    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"
20472  >
20473    <div class="hidden md:list-layout:block">
20474      
20475      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
20476        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
20477          <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">
20478            <a href="/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition"
20479              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"
20480              @click='$store.xCustomerEvent.fire("product_selected", $el)'
20481              x-customer-event-data="{
20482    &quot;product&quot;: {
20483      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
20484      &quot;listName&quot;: &quot;Bestsellers&quot;,
20485      &quot;sku&quot;: &quot;14719289262443&quot;,
20486      &quot;currencyCode&quot;: &quot;USD&quot;,
20487      &quot;price&quot;: 2395,
20488      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
20489    }
20490  }"
20491            >
20492              Decolonizing Wealth, Second Edition
20493            </a>
20494          </h3>
20495          
20496
20497            
20498  
20499<div 
20500  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
20501><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
20502      <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

20502ox="0 0 512 512"  xml:space="preserve">
20503      <g>
20504        <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"/>
20505      </g>
20506    </svg>
20507    <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">
20508      <g>
20509        <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"/>
20510      </g>
20511    </svg>
20512    <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">
20513      <g>
20514        <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"/>
20515      </g>
20516    </svg>
20517    <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">
20518      <g>
20519        <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"/>
20520      </g>
20521    </svg>
20522    <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">
20523      <g>
20524        <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"/>
20525      </g>
20526    </svg>
20527    </div> 
20528    <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0)
20529    </p></div>
20530
20531<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">
20532            
20533            
20534              <div class=" price leading-none">
20535  <div class="">
20536    
20537      <div class="hidden">2395</div><p class="price">

20538          <span>$23.95</span>
20539        </p><small class="text-[70%] hidden">
20540        <span class="hidden">Unit price</span>
20541        <span class="up price-item price-item--last">
20542          <span>
20543
20544          </span>
20545          <span aria-hidden="true">/</span>
20546          <span class="hidden">&nbsp;per&nbsp;</span>
20547          <span>
20548          </span>
20549        </span>
20550      </small>
20551    
20552  </div>
20553  
20554</div>
20555            
20556            <div class="next-price empty:hidden"></div>
20557          </div>
20558          <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 
20559  x-data='{ 
20560    storeAvailabilites: {},
20561    pickupLocation: []
20562  }'
20563  class="mb-3"
20564  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
20565>
20566  <style data-shopify>
20567    .text-available, .text-unavailable {
20568      font-size: 0.669375rem;
20569      font-family: var(--font-body-family);
20570    }
20571
20572    @media (min-width: 768px) {
20573      .text-available, .text-unavailable {
20574        font-size: 0.74375rem;
20575      }
20576    }
20577
20578    .text-available {
20579      color: #6b762d;
20580    }
20581
20582    .dark .text-available {
20583      color: #858F4D;
20584    }
20585
20586    .text-unavailable {
20587      color: #767474;
20588    }
20589
20590    .dark .text-unavailable {
20591      color: #867F7F;
20592    }
20593  </style>
20594  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
20595    <span class="flex h-4 w-4 relative">
20596<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
20597  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
20598  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
20599</svg>
20600
20601</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
20602  </div>
20603  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
20604    <span class="flex h-4 w-4 relative">
20605<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
20606  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
20607  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
20608</svg>
20609
20610</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
20611  </div>
20612</div></div>
20613        </div>
20614      </div>
20615    
20616    </div>
20617    
20618
20619        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
20620          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523091416_decolonizing-wealth-second-edition');
20621        });"></div>
20622        <div
20623          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm" 
20624          class="current-variant hidden"
20625        >
20626          52114837799275
20627        </div>
20628    
20629    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
20630    
20631      <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)" 
20632            class="card-info bottom_atc md:list-layout:hidden hide-icon"
20633            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
20634            x-cloak
20635          >
20636            
20637<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">
20638                
20639                                                            
20640                <button
20641                  type="submit"
20642                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm"
20643                  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"
20644                  
20645                  
20646                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20647                  
20648aria-label="Add to cart"
20649                    
20650                  
20651                >

20652                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
20653                        <span class="flex items-center justify-center">
20654                          
20655
20656  
20657    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
20658  
20659
20660
20661                        </span></span>
20662                  <div
20663                    class="flex gap-x-2 items-center justify-center"
20664                    role="alert"
20665                    x-cloak
20666                    x-show="errorMessage"
20667                  >
20668                    Sold out
20669                  </div>
20670                  <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>
20671                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20672    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20673      fill="currentcolor" stroke="none">
20674      <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"/>
20675    </g>
20676  </svg>
20677
20678                  </div>
20679                </button><input type="hidden" name="product-id" value="14719289262443" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
20680          </div></template>
20681    
20682    
20683      <template x-if="$store.xQuickView">
20684        <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 && ''">
20685              
20686<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">
20687                  
20688                                                              
20689                  <button
20690                    type="submit"
20691                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm"
20692                    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"
20693                    
20694                    
20695                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20696                    
20697aria-label="Add to cart"
20698                      
20699                    
20700                  >
20701                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
20702                          <span class="flex items-center justify-center">
20703                            
20704
20705  
20706    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
20707  
20708
20709
20710                          </span></span>
20711                    <div
20712                      class="flex gap-x-2 items-center justify-center"
20713                      role="alert"
20714                      x-cloak
20715                      x-show="errorMessage"
20716                    >
20717                      Sold out
20718                    </div>
20719                    <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-[

20719calc(50%-10px)]" x-show="loading" x-cloak>
20720                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20721    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20722      fill="currentcolor" stroke="none">
20723      <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"/>
20724    </g>
20725  </svg>
20726
20727                    </div>
20728                  </button><button 
20729                    type="submit"
20730                    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"
20731                    
20732                    
20733                    data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm"
20734                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20735                    
20736aria-label="Add to cart"
20737                      
20738                    
20739                    x-customer-event-data="{
20740    &quot;product&quot;: {
20741      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
20742      &quot;listName&quot;: &quot;Bestsellers&quot;,
20743      &quot;sku&quot;: &quot;14719289262443&quot;,
20744      &quot;currencyCode&quot;: &quot;USD&quot;,
20745      &quot;price&quot;: 2395,
20746      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
20747    }
20748  }"
20749                  >
20750                    <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;">
20751    <g>
20752    <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"/>
20753    <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"/>
20754    <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"/>
20755    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20756    </g>
20757  </svg></span>
20758                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
20759                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20760    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20761      fill="currentcolor" stroke="none">
20762      <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"/>
20763    </g>
20764  </svg>
20765
20766                  </span>
20767                </button><input type="hidden" name="product-id" value="14719289262443" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
20768            </div><button 
20769            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')" 
20770            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')" 
20771            @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);' 
20772            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" 
20773            aria-label="Button quickview"
20774            x-customer-event-data="{
20775    &quot;product&quot;: {
20776      &quot;title&quot;: &quot;Decolonizing Wealth, Second Edition&quot;,
20777      &quot;listName&quot;: &quot;Bestsellers&quot;,
20778      &quot;sku&quot;: &quot;14719289262443&quot;,
20779      &quot;currencyCode&quot;: &quot;USD&quot;,
20780      &quot;price&quot;: 2395,
20781      &quot;vendor&quot;: &quot;Edgar Villanueva&quot;
20782    }
20783  }"
20784            x-show="$store.xQuickView.enabled"
20785          >

20786            <span class="flex justify-center items-center">
20787              
20788
20789  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
20790
20791
20792            </span>
20793          </button>
20794        </div>
20795      </template>
20796    
20797  </div>
20798</div>
20799
20800
20801<div 
20802  
20803    x-data="{ showOptions: false, options: [] }"
20804  
20805  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]" 
20806  x-slide-index="13"
20807>
20808  <div 
20809    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
20810  >
20811    <style data-shopify>
20812      
20813    </style>
20814    
20815    <style data-shopify>
20816      
20817    </style>
20818    <a 
20819      
20820        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
20821      
20822      href="/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition"
20823       
20824        x-data="{ lastWindowWidth: 0 }"
20825        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
20826        x-labels-data="[{
20827        &quot;variant_id&quot;: 52114837700971,
20828        &quot;product_id&quot;: 14719289164139,
20829        &quot;available&quot;: true,
20830        &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
20831        &quot;compare_at_price&quot;: 0,
20832        &quot;price&quot;: 2195,
20833        &quot;price_with_currency&quot;: &quot;$21.95&quot;,
20834        &quot;sale_amount&quot;: &quot;$-21.95&quot;,
20835        &quot;collections&quot;: &quot;||637336453483||639249514859||643825009003||636480389483||639269929323||636473475435||639252758891||645631738219||&quot;,
20836        &quot;inventory_management&quot;: &quot;shopify&quot;,
20837        &quot;qty&quot;: 585,
20838        &quot;container&quot;: &quot;card&quot;,
20839        &quot;can_show_preorder&quot;: false,
20840        &quot;diff_day_create&quot;: 470.24,
20841        &quot;diff_day_publish&quot;: 470.23
20842        
20843          ,&quot;metafield_label&quot;: { 
20844            &quot;custom.format2&quot;:&quot;Paperback&quot;
20845          }
20846        
20847      }]"
20848       
20849      aria-label="The Power of Purpose, 4th Edition"
20850      id="14719289164139-template--24498228953451__featured_collection_PFy63t"
20851      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%]">
20852      <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">
20853        <div

20854          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-14-13"
20855          class="block h-full" 
20856          @click='$store.xCustomerEvent.fire("product_selected", $el)'
20857          x-customer-event-data="{
20858    &quot;product&quot;: {
20859      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
20860      &quot;listName&quot;: &quot;Bestsellers&quot;,
20861      &quot;sku&quot;: &quot;14719289164139&quot;,
20862      &quot;currencyCode&quot;: &quot;USD&quot;,
20863      &quot;price&quot;: 2195,
20864      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
20865    }
20866  }"
20867          >
20868<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
20869            >
20870              
20871              <picture>
20872                <img
20873                  srcset="//bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=450 450w,
20874                  //bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=750 750w,
20875                  //bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=900 900w,
20876                  //bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=1100 1100w,
20877                  //bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890 419w" 
20878                  src="//bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=1500"
20879                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
20880                  alt="Cover image for The Power of Purpose, 4th Edition, isbn: 9781523006960"
20881                  :class="showSecond ? 'first-img' : ''"
20882                  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"
20883                  loading="lazy"
20884                  width="419"
20885                  height="648"
20886                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
20887                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
20888                />
20889              </picture>
20890              
20891            </div></div>
20892      </div>
20893      
20894        <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"
20895              x-show="$store.xQuickView" x-cloak
20896            > 
20897              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
20898                class="w-full hide-icon lg:px-4" 
20899                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
20900                x-cloak
20901              >
20902<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">
20903                    
20904                                                                
20905                    <button
20906                      type="submit"
20907                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm"
20908                      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"
20909                      
20910                      
20911                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20912                      
20913aria-label="Add to cart"
20914                        
20915                      
20916                    >

20917                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
20918                            <span class="flex items-center justify-center">
20919                              
20920
20921  
20922    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
20923  
20924
20925
20926                            </span></span>
20927                      <div
20928                        class="flex gap-x-2 items-center justify-center"
20929                        role="alert"
20930                        x-cloak
20931                        x-show="errorMessage"
20932                      >
20933                        Sold out
20934                      </div>
20935                      <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>
20936                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20937    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20938      fill="currentcolor" stroke="none">
20939      <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"/>
20940    </g>
20941  </svg>
20942
20943                      </div>
20944                    </button>
20945                    <button 
20946                      type="submit"
20947                      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"
20948                      
20949                      
20950                      data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm"
20951                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
20952                      
20953aria-label="Add to cart"
20954                        
20955                      
20956                      x-customer-event-data="{
20957    &quot;product&quot;: {
20958      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
20959      &quot;listName&quot;: &quot;Bestsellers&quot;,
20960      &quot;sku&quot;: &quot;14719289164139&quot;,
20961      &quot;currencyCode&quot;: &quot;USD&quot;,
20962      &quot;price&quot;: 2195,
20963      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
20964    }
20965  }"
20966                    >
20967                      <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;">
20968    <g>
20969    <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"/>
20970    <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"/>
20971    <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"/>
20972    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
20973    </g>
20974  </svg></span>
20975                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
20976                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
20977    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
20978      fill="currentcolor" stroke="none">
20979      <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"/>
20980    </g>
20981  </svg>
20982
20983                      </span>
20984                  </button><input type="hidden" name="product-id" value="14719289164139" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
20985              </div>
20986            </div><div
20987            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"
20988            :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'"
20989            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
20990            >
20991            <div>
20992              <button
20993                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
20994                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')" 
20995                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')" 
20996                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
20997                :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'"
20998                x-customer-event-data="{
20999    &quot;product&quot;: {
21000      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
21001      &quot;listName&quot;: &quot;Bestsellers&quot;,
21002      &quot;sku&quot;: &quot;14719289164139&quot;,
21003      &quot;currencyCode&quot;: &quot;USD&quot;,
21004      &quot;price&quot;: 2195,
21005      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
21006    }
21007  }"
21008                aria-label="Button quickview"
21009              >

21010                <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;">
21011    <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"/>
21012    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21013  </svg>
21014</span>
21015                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
21016                  
21017
21018  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
21019
21020
21021                </span>
21022              </button>
21023              <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);' 
21024                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" 
21025                aria-label="Button quickview"
21026                x-customer-event-data="{
21027    &quot;product&quot;: {
21028      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
21029      &quot;listName&quot;: &quot;Bestsellers&quot;,
21030      &quot;sku&quot;: &quot;14719289164139&quot;,
21031      &quot;currencyCode&quot;: &quot;USD&quot;,
21032      &quot;price&quot;: 2195,
21033      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
21034    }
21035  }"
21036              >
21037                <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;">
21038    <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"/>
21039    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21040  </svg>
21041</span>
21042              </button>
21043            </div>
21044          </div>
21045        </div>
21046      
21047    </a>
21048    
21049    
21050    <div class="md:list-layout:hidden">
21051      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
21052        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
21053          <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">
21054            <a href="/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition"
21055              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"
21056              @click='$store.xCustomerEvent.fire("product_selected", $el)'
21057              x-customer-event-data="{
21058    &quot;product&quot;: {
21059      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
21060      &quot;listName&quot;: &quot;Bestsellers&quot;,
21061      &quot;sku&quot;: &quot;14719289164139&quot;,
21062      &quot;currencyCode&quot;: &quot;USD&quot;,
21063      &quot;price&quot;: 2195,
21064      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
21065    }
21066  }"
21067            >
21068              The Power of Purpose, 4th Edition
21069            </a>
21070          </h3>
21071          
21072
21073            
21074  
21075<div 
21076  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
21077><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
21078      <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

21078ox="0 0 512 512"  xml:space="preserve">
21079      <g>
21080        <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"/>
21081      </g>
21082    </svg>
21083    <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">
21084      <g>
21085        <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"/>
21086      </g>
21087    </svg>
21088    <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">
21089      <g>
21090        <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"/>
21091      </g>
21092    </svg>
21093    <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">
21094      <g>
21095        <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"/>
21096      </g>
21097    </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">
21098          <defs>
21099              <linearGradient id="grad">
21100                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
21101                  <stop offset="50%" stop-color="currentColor"/>
21102              </linearGradient>
21103          </defs>
21104          <g>
21105            <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"/>
21106          </g>
21107      </svg>
21108    </div> 
21109    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(98)
21110    </p></div>
21111
21112<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">
21113            
21114            
21115              <div class=" price leading-none">
21116  <div class="">
21117    
21118      <div class="hidden">2195</div><p class="price">

21119          <span>$21.95</span>
21120        </p><small class="text-[70%] hidden">
21121        <span class="hidden">Unit price</span>
21122        <span class="up price-item price-item--last">
21123          <span>
21124
21125          </span>
21126          <span aria-hidden="true">/</span>
21127          <span class="hidden">&nbsp;per&nbsp;</span>
21128          <span>
21129          </span>
21130        </span>
21131      </small>
21132    
21133  </div>
21134  
21135</div>
21136            
21137            <div class="next-price empty:hidden"></div>
21138          </div>
21139          <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 
21140  x-data='{ 
21141    storeAvailabilites: {},
21142    pickupLocation: []
21143  }'
21144  class="mb-3"
21145  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
21146>
21147  <style data-shopify>
21148    .text-available, .text-unavailable {
21149      font-size: 0.669375rem;
21150      font-family: var(--font-body-family);
21151    }
21152
21153    @media (min-width: 768px) {
21154      .text-available, .text-unavailable {
21155        font-size: 0.74375rem;
21156      }
21157    }
21158
21159    .text-available {
21160      color: #6b762d;
21161    }
21162
21163    .dark .text-available {
21164      color: #858F4D;
21165    }
21166
21167    .text-unavailable {
21168      color: #767474;
21169    }
21170
21171    .dark .text-unavailable {
21172      color: #867F7F;
21173    }
21174  </style>
21175  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
21176    <span class="flex h-4 w-4 relative">
21177<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
21178  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
21179  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
21180</svg>
21181
21182</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
21183  </div>
21184  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
21185    <span class="flex h-4 w-4 relative">
21186<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
21187  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
21188  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
21189</svg>
21190
21191</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
21192  </div>
21193</div></div>
21194        </div>
21195      </div>
21196    </div>
21197    
21198  </div>
21199  <div
21200    id="x-product-template-14719289164139-template--24498228953451__featured_collection_PFy63t-1-14"
21201    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"
21202  >
21203    <div class="hidden md:list-layout:block">
21204      
21205      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
21206        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
21207          <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">
21208            <a href="/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition"
21209              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"
21210              @click='$store.xCustomerEvent.fire("product_selected", $el)'
21211              x-customer-event-data="{
21212    &quot;product&quot;: {
21213      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
21214      &quot;listName&quot;: &quot;Bestsellers&quot;,
21215      &quot;sku&quot;: &quot;14719289164139&quot;,
21216      &quot;currencyCode&quot;: &quot;USD&quot;,
21217      &quot;price&quot;: 2195,
21218      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
21219    }
21220  }"
21221            >
21222              The Power of Purpose, 4th Edition
21223            </a>
21224          </h3>
21225          
21226
21227            
21228  
21229<div 
21230  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
21231><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
21232      <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

21232ox="0 0 512 512"  xml:space="preserve">
21233      <g>
21234        <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"/>
21235      </g>
21236    </svg>
21237    <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">
21238      <g>
21239        <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"/>
21240      </g>
21241    </svg>
21242    <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">
21243      <g>
21244        <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"/>
21245      </g>
21246    </svg>
21247    <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">
21248      <g>
21249        <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"/>
21250      </g>
21251    </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">
21252          <defs>
21253              <linearGradient id="grad">
21254                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
21255                  <stop offset="50%" stop-color="currentColor"/>
21256              </linearGradient>
21257          </defs>
21258          <g>
21259            <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"/>
21260          </g>
21261      </svg>
21262    </div> 
21263    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(98)
21264    </p></div>
21265
21266<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">
21267            
21268            
21269              <div class=" price leading-none">
21270  <div class="">
21271    
21272      <div class="hidden">2195</div><p class="price">

21273          <span>$21.95</span>
21274        </p><small class="text-[70%] hidden">
21275        <span class="hidden">Unit price</span>
21276        <span class="up price-item price-item--last">
21277          <span>
21278
21279          </span>
21280          <span aria-hidden="true">/</span>
21281          <span class="hidden">&nbsp;per&nbsp;</span>
21282          <span>
21283          </span>
21284        </span>
21285      </small>
21286    
21287  </div>
21288  
21289</div>
21290            
21291            <div class="next-price empty:hidden"></div>
21292          </div>
21293          <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 
21294  x-data='{ 
21295    storeAvailabilites: {},
21296    pickupLocation: []
21297  }'
21298  class="mb-3"
21299  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
21300>
21301  <style data-shopify>
21302    .text-available, .text-unavailable {
21303      font-size: 0.669375rem;
21304      font-family: var(--font-body-family);
21305    }
21306
21307    @media (min-width: 768px) {
21308      .text-available, .text-unavailable {
21309        font-size: 0.74375rem;
21310      }
21311    }
21312
21313    .text-available {
21314      color: #6b762d;
21315    }
21316
21317    .dark .text-available {
21318      color: #858F4D;
21319    }
21320
21321    .text-unavailable {
21322      color: #767474;
21323    }
21324
21325    .dark .text-unavailable {
21326      color: #867F7F;
21327    }
21328  </style>
21329  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
21330    <span class="flex h-4 w-4 relative">
21331<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
21332  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
21333  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
21334</svg>
21335
21336</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
21337  </div>
21338  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
21339    <span class="flex h-4 w-4 relative">
21340<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
21341  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
21342  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
21343</svg>
21344
21345</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
21346  </div>
21347</div></div>
21348        </div>
21349      </div>
21350    
21351    </div>
21352    
21353
21354        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
21355          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523006960_the-power-of-purpose-4th-edition');
21356        });"></div>
21357        <div
21358          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm" 
21359          class="current-variant hidden"
21360        >
21361          52114837700971
21362        </div>
21363    
21364    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
21365    
21366      <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)" 
21367            class="card-info bottom_atc md:list-layout:hidden hide-icon"
21368            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
21369            x-cloak
21370          >
21371            
21372<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">
21373                
21374                                                            
21375                <button
21376                  type="submit"
21377                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm"
21378                  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"
21379                  
21380                  
21381                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
21382                  
21383aria-label="Add to cart"
21384                    
21385                  
21386                >

21387                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
21388                        <span class="flex items-center justify-center">
21389                          
21390
21391  
21392    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
21393  
21394
21395
21396                        </span></span>
21397                  <div
21398                    class="flex gap-x-2 items-center justify-center"
21399                    role="alert"
21400                    x-cloak
21401                    x-show="errorMessage"
21402                  >
21403                    Sold out
21404                  </div>
21405                  <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>
21406                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
21407    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
21408      fill="currentcolor" stroke="none">
21409      <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"/>
21410    </g>
21411  </svg>
21412
21413                  </div>
21414                </button><input type="hidden" name="product-id" value="14719289164139" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
21415          </div></template>
21416    
21417    
21418      <template x-if="$store.xQuickView">
21419        <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 && ''">
21420              
21421<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">
21422                  
21423                                                              
21424                  <button
21425                    type="submit"
21426                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm"
21427                    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"
21428                    
21429                    
21430                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
21431                    
21432aria-label="Add to cart"
21433                      
21434                    
21435                  >
21436                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
21437                          <span class="flex items-center justify-center">
21438                            
21439
21440  
21441    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
21442  
21443
21444
21445                          </span></span>
21446                    <div
21447                      class="flex gap-x-2 items-center justify-center"
21448                      role="alert"
21449                      x-cloak
21450                      x-show="errorMessage"
21451                    >
21452                      Sold out
21453                    </div>
21454                    <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-[

21454calc(50%-10px)]" x-show="loading" x-cloak>
21455                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
21456    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
21457      fill="currentcolor" stroke="none">
21458      <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"/>
21459    </g>
21460  </svg>
21461
21462                    </div>
21463                  </button><button 
21464                    type="submit"
21465                    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"
21466                    
21467                    
21468                    data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm"
21469                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
21470                    
21471aria-label="Add to cart"
21472                      
21473                    
21474                    x-customer-event-data="{
21475    &quot;product&quot;: {
21476      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
21477      &quot;listName&quot;: &quot;Bestsellers&quot;,
21478      &quot;sku&quot;: &quot;14719289164139&quot;,
21479      &quot;currencyCode&quot;: &quot;USD&quot;,
21480      &quot;price&quot;: 2195,
21481      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
21482    }
21483  }"
21484                  >
21485                    <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;">
21486    <g>
21487    <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"/>
21488    <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"/>
21489    <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"/>
21490    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21491    </g>
21492  </svg></span>
21493                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
21494                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
21495    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
21496      fill="currentcolor" stroke="none">
21497      <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"/>
21498    </g>
21499  </svg>
21500
21501                  </span>
21502                </button><input type="hidden" name="product-id" value="14719289164139" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
21503            </div><button 
21504            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')" 
21505            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')" 
21506            @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);' 
21507            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" 
21508            aria-label="Button quickview"
21509            x-customer-event-data="{
21510    &quot;product&quot;: {
21511      &quot;title&quot;: &quot;The Power of Purpose, 4th Edition&quot;,
21512      &quot;listName&quot;: &quot;Bestsellers&quot;,
21513      &quot;sku&quot;: &quot;14719289164139&quot;,
21514      &quot;currencyCode&quot;: &quot;USD&quot;,
21515      &quot;price&quot;: 2195,
21516      &quot;vendor&quot;: &quot;Richard J. Leider&quot;
21517    }
21518  }"
21519            x-show="$store.xQuickView.enabled"
21520          >

21521            <span class="flex justify-center items-center">
21522              
21523
21524  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
21525
21526
21527            </span>
21528          </button>
21529        </div>
21530      </template>
21531    
21532  </div>
21533</div>
21534
21535
21536<div 
21537  
21538    x-data="{ showOptions: false, options: [] }"
21539  
21540  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]" 
21541  x-slide-index="14"
21542>
21543  <div 
21544    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
21545  >
21546    <style data-shopify>
21547      
21548    </style>
21549    
21550    <style data-shopify>
21551      
21552    </style>
21553    <a 
21554      
21555        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
21556      
21557      href="/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition"
21558       
21559        x-data="{ lastWindowWidth: 0 }"
21560        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
21561        x-labels-data="[{
21562        &quot;variant_id&quot;: 52114837504363,
21563        &quot;product_id&quot;: 14719288934763,
21564        &quot;available&quot;: true,
21565        &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
21566        &quot;compare_at_price&quot;: 0,
21567        &quot;price&quot;: 2495,
21568        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
21569        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
21570        &quot;collections&quot;: &quot;||637336453483||639249514859||639269732715||643825140075||639249744235||636480389483||636473475435||639252758891||638975902059||639269339499||&quot;,
21571        &quot;inventory_management&quot;: &quot;shopify&quot;,
21572        &quot;qty&quot;: 1675,
21573        &quot;container&quot;: &quot;card&quot;,
21574        &quot;can_show_preorder&quot;: false,
21575        &quot;diff_day_create&quot;: 470.24,
21576        &quot;diff_day_publish&quot;: 470.23
21577        
21578          ,&quot;metafield_label&quot;: { 
21579            &quot;custom.format2&quot;:&quot;Paperback&quot;
21580          }
21581        
21582      }]"
21583       
21584      aria-label="The Long-Distance Leader, Second Edition"
21585      id="14719288934763-template--24498228953451__featured_collection_PFy63t"
21586      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%]">
21587      <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">
21588        <div

21589          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-15-14"
21590          class="block h-full" 
21591          @click='$store.xCustomerEvent.fire("product_selected", $el)'
21592          x-customer-event-data="{
21593    &quot;product&quot;: {
21594      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
21595      &quot;listName&quot;: &quot;Bestsellers&quot;,
21596      &quot;sku&quot;: &quot;14719288934763&quot;,
21597      &quot;currencyCode&quot;: &quot;USD&quot;,
21598      &quot;price&quot;: 2495,
21599      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
21600    }
21601  }"
21602          >
21603<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
21604            >
21605              
21606              <picture>
21607                <img
21608                  srcset="//bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=450 450w,
21609                  //bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=750 750w,
21610                  //bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=900 900w,
21611                  //bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=1100 1100w,
21612                  //bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888 432w" 
21613                  src="//bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=1500"
21614                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
21615                  alt="Cover image for The Long-Distance Leader, Second Edition, isbn: 9798890570222"
21616                  :class="showSecond ? 'first-img' : ''"
21617                  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"
21618                  loading="lazy"
21619                  width="432"
21620                  height="648"
21621                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
21622                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
21623                />
21624              </picture>
21625              
21626            </div></div>
21627      </div>
21628      
21629        <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"
21630              x-show="$store.xQuickView" x-cloak
21631            > 
21632              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
21633                class="w-full hide-icon lg:px-4" 
21634                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
21635                x-cloak
21636              >
21637<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">
21638                    
21639                                                                
21640                    <button
21641                      type="submit"
21642                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm"
21643                      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"
21644                      
21645                      
21646                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
21647                      
21648aria-label="Add to cart"
21649                        
21650                      
21651                    >

21652                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
21653                            <span class="flex items-center justify-center">
21654                              
21655
21656  
21657    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
21658  
21659
21660
21661                            </span></span>
21662                      <div
21663                        class="flex gap-x-2 items-center justify-center"
21664                        role="alert"
21665                        x-cloak
21666                        x-show="errorMessage"
21667                      >
21668                        Sold out
21669                      </div>
21670                      <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>
21671                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
21672    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
21673      fill="currentcolor" stroke="none">
21674      <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"/>
21675    </g>
21676  </svg>
21677
21678                      </div>
21679                    </button>
21680                    <button 
21681                      type="submit"
21682                      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"
21683                      
21684                      
21685                      data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm"
21686                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
21687                      
21688aria-label="Add to cart"
21689                        
21690                      
21691                      x-customer-event-data="{
21692    &quot;product&quot;: {
21693      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
21694      &quot;listName&quot;: &quot;Bestsellers&quot;,
21695      &quot;sku&quot;: &quot;14719288934763&quot;,
21696      &quot;currencyCode&quot;: &quot;USD&quot;,
21697      &quot;price&quot;: 2495,
21698      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
21699    }
21700  }"
21701                    >
21702                      <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;">
21703    <g>
21704    <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"/>
21705    <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"/>
21706    <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"/>
21707    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21708    </g>
21709  </svg></span>
21710                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
21711                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
21712    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
21713      fill="currentcolor" stroke="none">
21714      <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"/>
21715    </g>
21716  </svg>
21717
21718                      </span>
21719                  </button><input type="hidden" name="product-id" value="14719288934763" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
21720              </div>
21721            </div><div
21722            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"
21723            :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'"
21724            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
21725            >
21726            <div>
21727              <button
21728                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
21729                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')" 
21730                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')" 
21731                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
21732                :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'"
21733                x-customer-event-data="{
21734    &quot;product&quot;: {
21735      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
21736      &quot;listName&quot;: &quot;Bestsellers&quot;,
21737      &quot;sku&quot;: &quot;14719288934763&quot;,
21738      &quot;currencyCode&quot;: &quot;USD&quot;,
21739      &quot;price&quot;: 2495,
21740      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
21741    }
21742  }"
21743                aria-label="Button quickview"
21744              >

21745                <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;">
21746    <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"/>
21747    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21748  </svg>
21749</span>
21750                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
21751                  
21752
21753  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
21754
21755
21756                </span>
21757              </button>
21758              <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);' 
21759                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" 
21760                aria-label="Button quickview"
21761                x-customer-event-data="{
21762    &quot;product&quot;: {
21763      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
21764      &quot;listName&quot;: &quot;Bestsellers&quot;,
21765      &quot;sku&quot;: &quot;14719288934763&quot;,
21766      &quot;currencyCode&quot;: &quot;USD&quot;,
21767      &quot;price&quot;: 2495,
21768      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
21769    }
21770  }"
21771              >
21772                <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;">
21773    <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"/>
21774    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
21775  </svg>
21776</span>
21777              </button>
21778            </div>
21779          </div>
21780        </div>
21781      
21782    </a>
21783    
21784    
21785    <div class="md:list-layout:hidden">
21786      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
21787        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
21788          <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">
21789            <a href="/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition"
21790              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"
21791              @click='$store.xCustomerEvent.fire("product_selected", $el)'
21792              x-customer-event-data="{
21793    &quot;product&quot;: {
21794      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
21795      &quot;listName&quot;: &quot;Bestsellers&quot;,
21796      &quot;sku&quot;: &quot;14719288934763&quot;,
21797      &quot;currencyCode&quot;: &quot;USD&quot;,
21798      &quot;price&quot;: 2495,
21799      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
21800    }
21801  }"
21802            >
21803              The Long-Distance Leader, Second Edition
21804            </a>
21805          </h3>
21806          
21807
21808            
21809  
21810<div 
21811  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
21812><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.4 out of 5.0 stars">
21813      <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

21813ox="0 0 512 512"  xml:space="preserve">
21814      <g>
21815        <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"/>
21816      </g>
21817    </svg>
21818    <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">
21819      <g>
21820        <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"/>
21821      </g>
21822    </svg>
21823    <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">
21824      <g>
21825        <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"/>
21826      </g>
21827    </svg>
21828    <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">
21829      <g>
21830        <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"/>
21831      </g>
21832    </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">
21833          <defs>
21834              <linearGradient id="grad">
21835                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
21836                  <stop offset="50%" stop-color="currentColor"/>
21837              </linearGradient>
21838          </defs>
21839          <g>
21840            <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"/>
21841          </g>
21842      </svg>
21843    </div> 
21844    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(188)
21845    </p></div>
21846
21847<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">
21848            
21849            
21850              <div class=" price leading-none">
21851  <div class="">
21852    
21853      <div class="hidden">2495</div><p class="price">

21854          <span>$24.95</span>
21855        </p><small class="text-[70%] hidden">
21856        <span class="hidden">Unit price</span>
21857        <span class="up price-item price-item--last">
21858          <span>
21859
21860          </span>
21861          <span aria-hidden="true">/</span>
21862          <span class="hidden">&nbsp;per&nbsp;</span>
21863          <span>
21864          </span>
21865        </span>
21866      </small>
21867    
21868  </div>
21869  
21870</div>
21871            
21872            <div class="next-price empty:hidden"></div>
21873          </div>
21874          <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 
21875  x-data='{ 
21876    storeAvailabilites: {},
21877    pickupLocation: []
21878  }'
21879  class="mb-3"
21880  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
21881>
21882  <style data-shopify>
21883    .text-available, .text-unavailable {
21884      font-size: 0.669375rem;
21885      font-family: var(--font-body-family);
21886    }
21887
21888    @media (min-width: 768px) {
21889      .text-available, .text-unavailable {
21890        font-size: 0.74375rem;
21891      }
21892    }
21893
21894    .text-available {
21895      color: #6b762d;
21896    }
21897
21898    .dark .text-available {
21899      color: #858F4D;
21900    }
21901
21902    .text-unavailable {
21903      color: #767474;
21904    }
21905
21906    .dark .text-unavailable {
21907      color: #867F7F;
21908    }
21909  </style>
21910  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
21911    <span class="flex h-4 w-4 relative">
21912<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
21913  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
21914  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
21915</svg>
21916
21917</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
21918  </div>
21919  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
21920    <span class="flex h-4 w-4 relative">
21921<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
21922  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
21923  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
21924</svg>
21925
21926</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
21927  </div>
21928</div></div>
21929        </div>
21930      </div>
21931    </div>
21932    
21933  </div>
21934  <div
21935    id="x-product-template-14719288934763-template--24498228953451__featured_collection_PFy63t-1-15"
21936    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"
21937  >
21938    <div class="hidden md:list-layout:block">
21939      
21940      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
21941        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
21942          <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">
21943            <a href="/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition"
21944              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"
21945              @click='$store.xCustomerEvent.fire("product_selected", $el)'
21946              x-customer-event-data="{
21947    &quot;product&quot;: {
21948      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
21949      &quot;listName&quot;: &quot;Bestsellers&quot;,
21950      &quot;sku&quot;: &quot;14719288934763&quot;,
21951      &quot;currencyCode&quot;: &quot;USD&quot;,
21952      &quot;price&quot;: 2495,
21953      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
21954    }
21955  }"
21956            >
21957              The Long-Distance Leader, Second Edition
21958            </a>
21959          </h3>
21960          
21961
21962            
21963  
21964<div 
21965  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
21966><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.4 out of 5.0 stars">
21967      <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

21967ox="0 0 512 512"  xml:space="preserve">
21968      <g>
21969        <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"/>
21970      </g>
21971    </svg>
21972    <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">
21973      <g>
21974        <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"/>
21975      </g>
21976    </svg>
21977    <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">
21978      <g>
21979        <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"/>
21980      </g>
21981    </svg>
21982    <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">
21983      <g>
21984        <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"/>
21985      </g>
21986    </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">
21987          <defs>
21988              <linearGradient id="grad">
21989                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
21990                  <stop offset="50%" stop-color="currentColor"/>
21991              </linearGradient>
21992          </defs>
21993          <g>
21994            <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"/>
21995          </g>
21996      </svg>
21997    </div> 
21998    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(188)
21999    </p></div>
22000
22001<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">
22002            
22003            
22004              <div class=" price leading-none">
22005  <div class="">
22006    
22007      <div class="hidden">2495</div><p class="price">

22008          <span>$24.95</span>
22009        </p><small class="text-[70%] hidden">
22010        <span class="hidden">Unit price</span>
22011        <span class="up price-item price-item--last">
22012          <span>
22013
22014          </span>
22015          <span aria-hidden="true">/</span>
22016          <span class="hidden">&nbsp;per&nbsp;</span>
22017          <span>
22018          </span>
22019        </span>
22020      </small>
22021    
22022  </div>
22023  
22024</div>
22025            
22026            <div class="next-price empty:hidden"></div>
22027          </div>
22028          <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 
22029  x-data='{ 
22030    storeAvailabilites: {},
22031    pickupLocation: []
22032  }'
22033  class="mb-3"
22034  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
22035>
22036  <style data-shopify>
22037    .text-available, .text-unavailable {
22038      font-size: 0.669375rem;
22039      font-family: var(--font-body-family);
22040    }
22041
22042    @media (min-width: 768px) {
22043      .text-available, .text-unavailable {
22044        font-size: 0.74375rem;
22045      }
22046    }
22047
22048    .text-available {
22049      color: #6b762d;
22050    }
22051
22052    .dark .text-available {
22053      color: #858F4D;
22054    }
22055
22056    .text-unavailable {
22057      color: #767474;
22058    }
22059
22060    .dark .text-unavailable {
22061      color: #867F7F;
22062    }
22063  </style>
22064  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
22065    <span class="flex h-4 w-4 relative">
22066<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22067  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22068  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22069</svg>
22070
22071</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22072  </div>
22073  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
22074    <span class="flex h-4 w-4 relative">
22075<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22076  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22077  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22078</svg>
22079
22080</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22081  </div>
22082</div></div>
22083        </div>
22084      </div>
22085    
22086    </div>
22087    
22088
22089        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
22090          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570222_the-long-distance-leader-second-edition');
22091        });"></div>
22092        <div
22093          id="current-variant-template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm" 
22094          class="current-variant hidden"
22095        >
22096          52114837504363
22097        </div>
22098    
22099    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
22100    
22101      <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)" 
22102            class="card-info bottom_atc md:list-layout:hidden hide-icon"
22103            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
22104            x-cloak
22105          >
22106            
22107<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">
22108                
22109                                                            
22110                <button
22111                  type="submit"
22112                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm"
22113                  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"
22114                  
22115                  
22116                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22117                  
22118aria-label="Add to cart"
22119                    
22120                  
22121                >

22122                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
22123                        <span class="flex items-center justify-center">
22124                          
22125
22126  
22127    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
22128  
22129
22130
22131                        </span></span>
22132                  <div
22133                    class="flex gap-x-2 items-center justify-center"
22134                    role="alert"
22135                    x-cloak
22136                    x-show="errorMessage"
22137                  >
22138                    Sold out
22139                  </div>
22140                  <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>
22141                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22142    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22143      fill="currentcolor" stroke="none">
22144      <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"/>
22145    </g>
22146  </svg>
22147
22148                  </div>
22149                </button><input type="hidden" name="product-id" value="14719288934763" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
22150          </div></template>
22151    
22152    
22153      <template x-if="$store.xQuickView">
22154        <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 && ''">
22155              
22156<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">
22157                  
22158                                                              
22159                  <button
22160                    type="submit"
22161                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm"
22162                    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"
22163                    
22164                    
22165                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22166                    
22167aria-label="Add to cart"
22168                      
22169                    
22170                  >
22171                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
22172                          <span class="flex items-center justify-center">
22173                            
22174
22175  
22176    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
22177  
22178
22179
22180                          </span></span>
22181                    <div
22182                      class="flex gap-x-2 items-center justify-center"
22183                      role="alert"
22184                      x-cloak
22185                      x-show="errorMessage"
22186                    >
22187                      Sold out
22188                    </div>
22189                    <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-[

22189calc(50%-10px)]" x-show="loading" x-cloak>
22190                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22191    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22192      fill="currentcolor" stroke="none">
22193      <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"/>
22194    </g>
22195  </svg>
22196
22197                    </div>
22198                  </button><button 
22199                    type="submit"
22200                    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"
22201                    
22202                    
22203                    data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm"
22204                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22205                    
22206aria-label="Add to cart"
22207                      
22208                    
22209                    x-customer-event-data="{
22210    &quot;product&quot;: {
22211      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
22212      &quot;listName&quot;: &quot;Bestsellers&quot;,
22213      &quot;sku&quot;: &quot;14719288934763&quot;,
22214      &quot;currencyCode&quot;: &quot;USD&quot;,
22215      &quot;price&quot;: 2495,
22216      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
22217    }
22218  }"
22219                  >
22220                    <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;">
22221    <g>
22222    <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"/>
22223    <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"/>
22224    <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"/>
22225    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22226    </g>
22227  </svg></span>
22228                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
22229                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22230    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22231      fill="currentcolor" stroke="none">
22232      <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"/>
22233    </g>
22234  </svg>
22235
22236                  </span>
22237                </button><input type="hidden" name="product-id" value="14719288934763" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
22238            </div><button 
22239            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')" 
22240            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')" 
22241            @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);' 
22242            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" 
22243            aria-label="Button quickview"
22244            x-customer-event-data="{
22245    &quot;product&quot;: {
22246      &quot;title&quot;: &quot;The Long-Distance Leader, Second Edition&quot;,
22247      &quot;listName&quot;: &quot;Bestsellers&quot;,
22248      &quot;sku&quot;: &quot;14719288934763&quot;,
22249      &quot;currencyCode&quot;: &quot;USD&quot;,
22250      &quot;price&quot;: 2495,
22251      &quot;vendor&quot;: &quot;Kevin Eikenberry&quot;
22252    }
22253  }"
22254            x-show="$store.xQuickView.enabled"
22255          >

22256            <span class="flex justify-center items-center">
22257              
22258
22259  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
22260
22261
22262            </span>
22263          </button>
22264        </div>
22265      </template>
22266    
22267  </div>
22268</div>
22269
22270
22271<div 
22272  
22273    x-data="{ showOptions: false, options: [] }"
22274  
22275  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]" 
22276  x-slide-index="15"
22277>
22278  <div 
22279    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
22280  >
22281    <style data-shopify>
22282      
22283    </style>
22284    
22285    <style data-shopify>
22286      
22287    </style>
22288    <a 
22289      
22290        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
22291      
22292      href="/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition"
22293       
22294        x-data="{ lastWindowWidth: 0 }"
22295        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
22296        x-labels-data="[{
22297        &quot;variant_id&quot;: 52108542837099,
22298        &quot;product_id&quot;: 14717223108971,
22299        &quot;available&quot;: true,
22300        &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Workâ¦and What Does, Second Edition&quot;,
22301        &quot;compare_at_price&quot;: 0,
22302        &quot;price&quot;: 2495,
22303        &quot;price_with_currency&quot;: &quot;$24.95&quot;,
22304        &quot;sale_amount&quot;: &quot;$-24.95&quot;,
22305        &quot;collections&quot;: &quot;||637336453483||639249514859||650454204779||637337043307||639249744235||636480389483||636473475435||639252758891||639269339499||&quot;,
22306        &quot;inventory_management&quot;: &quot;shopify&quot;,
22307        &quot;qty&quot;: 2752,
22308        &quot;container&quot;: &quot;card&quot;,
22309        &quot;can_show_preorder&quot;: false,
22310        &quot;diff_day_create&quot;: 474.32,
22311        &quot;diff_day_publish&quot;: 474.31
22312        
22313          ,&quot;metafield_label&quot;: { 
22314            &quot;custom.format2&quot;:&quot;Paperback&quot;
22315          }
22316        
22317      }]"
22318       
22319      aria-label="Why Motivating People Doesn't Workâ¦and What Does, Second Edition"
22320      id="14717223108971-template--24498228953451__featured_collection_PFy63t"
22321      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%]">
22322      <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">
22323        <div

22324          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-16-15"
22325          class="block h-full" 
22326          @click='$store.xCustomerEvent.fire("product_selected", $el)'
22327          x-customer-event-data="{
22328    &quot;product&quot;: {
22329      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Workâ¦and What Does, Second Edition&quot;,
22330      &quot;listName&quot;: &quot;Bestsellers&quot;,
22331      &quot;sku&quot;: &quot;14717223108971&quot;,
22332      &quot;currencyCode&quot;: &quot;USD&quot;,
22333      &quot;price&quot;: 2495,
22334      &quot;vendor&quot;: &quot;Susan Fowler&quot;
22335    }
22336  }"
22337          >
22338<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
22339            >
22340              
22341              <picture>
22342                <img
22343                  srcset="//bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=450 450w,
22344                  //bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=750 750w,
22345                  //bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=900 900w,
22346                  //bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=1100 1100w,
22347                  //bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887 419w" 
22348                  src="//bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=1500"
22349                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
22350                  alt="Cover image for Why Motivating People Doesn&#39;t Workâ¦and What Does, Second Edition, isbn: 9781523004126"
22351                  :class="showSecond ? 'first-img' : ''"
22352                  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"
22353                  loading="lazy"
22354                  width="419"
22355                  height="648"
22356                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
22357                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
22358                />
22359              </picture>
22360              
22361            </div></div>
22362      </div>
22363      
22364        <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"
22365              x-show="$store.xQuickView" x-cloak
22366            > 
22367              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
22368                class="w-full hide-icon lg:px-4" 
22369                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
22370                x-cloak
22371              >
22372<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">
22373                    
22374                                                                
22375                    <button
22376                      type="submit"
22377                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm"
22378                      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"
22379                      
22380                      
22381                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22382                      
22383aria-label="Add to cart"
22384                        
22385                      
22386                    >

22387                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
22388                            <span class="flex items-center justify-center">
22389                              
22390
22391  
22392    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
22393  
22394
22395
22396                            </span></span>
22397                      <div
22398                        class="flex gap-x-2 items-center justify-center"
22399                        role="alert"
22400                        x-cloak
22401                        x-show="errorMessage"
22402                      >
22403                        Sold out
22404                      </div>
22405                      <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>
22406                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22407    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22408      fill="currentcolor" stroke="none">
22409      <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"/>
22410    </g>
22411  </svg>
22412
22413                      </div>
22414                    </button>
22415                    <button 
22416                      type="submit"
22417                      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"
22418                      
22419                      
22420                      data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm"
22421                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22422                      
22423aria-label="Add to cart"
22424                        
22425                      
22426                      x-customer-event-data="{
22427    &quot;product&quot;: {
22428      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Workâ¦and What Does, Second Edition&quot;,
22429      &quot;listName&quot;: &quot;Bestsellers&quot;,
22430      &quot;sku&quot;: &quot;14717223108971&quot;,
22431      &quot;currencyCode&quot;: &quot;USD&quot;,
22432      &quot;price&quot;: 2495,
22433      &quot;vendor&quot;: &quot;Susan Fowler&quot;
22434    }
22435  }"
22436                    >
22437                      <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;">
22438    <g>
22439    <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"/>
22440    <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"/>
22441    <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"/>
22442    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22443    </g>
22444  </svg></span>
22445                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
22446                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22447    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22448      fill="currentcolor" stroke="none">
22449      <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"/>
22450    </g>
22451  </svg>
22452
22453                      </span>
22454                  </button><input type="hidden" name="product-id" value="14717223108971" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
22455              </div>
22456            </div><div
22457            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"
22458            :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'"
22459            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
22460            >
22461            <div>
22462              <button
22463                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
22464                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')" 
22465                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')" 
22466                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
22467                :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'"
22468                x-customer-event-data="{
22469    &quot;product&quot;: {
22470      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Workâ¦and What Does, Second Edition&quot;,
22471      &quot;listName&quot;: &quot;Bestsellers&quot;,
22472      &quot;sku&quot;: &quot;14717223108971&quot;,
22473      &quot;currencyCode&quot;: &quot;USD&quot;,
22474      &quot;price&quot;: 2495,
22475      &quot;vendor&quot;: &quot;Susan Fowler&quot;
22476    }
22477  }"
22478                aria-label="Button quickview"
22479              >

22480                <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;">
22481    <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"/>
22482    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22483  </svg>
22484</span>
22485                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
22486                  
22487
22488  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
22489
22490
22491                </span>
22492              </button>
22493              <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);' 
22494                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" 
22495                aria-label="Button quickview"
22496                x-customer-event-data="{
22497    &quot;product&quot;: {
22498      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Workâ¦and What Does, Second Edition&quot;,
22499      &quot;listName&quot;: &quot;Bestsellers&quot;,
22500      &quot;sku&quot;: &quot;14717223108971&quot;,
22501      &quot;currencyCode&quot;: &quot;USD&quot;,
22502      &quot;price&quot;: 2495,
22503      &quot;vendor&quot;: &quot;Susan Fowler&quot;
22504    }
22505  }"
22506              >
22507                <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;">
22508    <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"/>
22509    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22510  </svg>
22511</span>
22512              </button>
22513            </div>
22514          </div>
22515        </div>
22516      
22517    </a>
22518    
22519    
22520    <div class="md:list-layout:hidden">
22521      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
22522        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
22523          <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">
22524            <a href="/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition"
22525              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"
22526              @click='$store.xCustomerEvent.fire("product_selected", $el)'
22527              x-customer-event-data="{
22528    &quot;product&quot;: {
22529      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Workâ¦and What Does, Second Edition&quot;,
22530      &quot;listName&quot;: &quot;Bestsellers&quot;,
22531      &quot;sku&quot;: &quot;14717223108971&quot;,
22532      &quot;currencyCode&quot;: &quot;USD&quot;,
22533      &quot;price&quot;: 2495,
22534      &quot;vendor&quot;: &quot;Susan Fowler&quot;
22535    }
22536  }"
22537            >
22538              Why Motivating People Doesn&#39;t Workâ¦and What Does, Second Edition
22539            </a>
22540          </h3>
22541          
22542
22543            
22544  
22545<div 
22546  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
22547><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
22548      <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

22548ox="0 0 512 512"  xml:space="preserve">
22549      <g>
22550        <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"/>
22551      </g>
22552    </svg>
22553    <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">
22554      <g>
22555        <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"/>
22556      </g>
22557    </svg>
22558    <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">
22559      <g>
22560        <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"/>
22561      </g>
22562    </svg>
22563    <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">
22564      <g>
22565        <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"/>
22566      </g>
22567    </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">
22568          <defs>
22569              <linearGradient id="grad">
22570                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
22571                  <stop offset="50%" stop-color="currentColor"/>
22572              </linearGradient>
22573          </defs>
22574          <g>
22575            <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"/>
22576          </g>
22577      </svg>
22578    </div> 
22579    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(124)
22580    </p></div>
22581
22582<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">
22583            
22584            
22585              <div class=" price leading-none">
22586  <div class="">
22587    
22588      <div class="hidden">2495</div><p class="price">

22589          <span>$24.95</span>
22590        </p><small class="text-[70%] hidden">
22591        <span class="hidden">Unit price</span>
22592        <span class="up price-item price-item--last">
22593          <span>
22594
22595          </span>
22596          <span aria-hidden="true">/</span>
22597          <span class="hidden">&nbsp;per&nbsp;</span>
22598          <span>
22599          </span>
22600        </span>
22601      </small>
22602    
22603  </div>
22604  
22605</div>
22606            
22607            <div class="next-price empty:hidden"></div>
22608          </div>
22609          <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 
22610  x-data='{ 
22611    storeAvailabilites: {},
22612    pickupLocation: []
22613  }'
22614  class="mb-3"
22615  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
22616>
22617  <style data-shopify>
22618    .text-available, .text-unavailable {
22619      font-size: 0.669375rem;
22620      font-family: var(--font-body-family);
22621    }
22622
22623    @media (min-width: 768px) {
22624      .text-available, .text-unavailable {
22625        font-size: 0.74375rem;
22626      }
22627    }
22628
22629    .text-available {
22630      color: #6b762d;
22631    }
22632
22633    .dark .text-available {
22634      color: #858F4D;
22635    }
22636
22637    .text-unavailable {
22638      color: #767474;
22639    }
22640
22641    .dark .text-unavailable {
22642      color: #867F7F;
22643    }
22644  </style>
22645  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
22646    <span class="flex h-4 w-4 relative">
22647<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22648  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22649  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22650</svg>
22651
22652</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22653  </div>
22654  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
22655    <span class="flex h-4 w-4 relative">
22656<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22657  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22658  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22659</svg>
22660
22661</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22662  </div>
22663</div></div>
22664        </div>
22665      </div>
22666    </div>
22667    
22668  </div>
22669  <div
22670    id="x-product-template-14717223108971-template--24498228953451__featured_collection_PFy63t-1-16"
22671    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"
22672  >
22673    <div class="hidden md:list-layout:block">
22674      
22675      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
22676        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
22677          <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">
22678            <a href="/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition"
22679              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"
22680              @click='$store.xCustomerEvent.fire("product_selected", $el)'
22681              x-customer-event-data="{
22682    &quot;product&quot;: {
22683      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Workâ¦and What Does, Second Edition&quot;,
22684      &quot;listName&quot;: &quot;Bestsellers&quot;,
22685      &quot;sku&quot;: &quot;14717223108971&quot;,
22686      &quot;currencyCode&quot;: &quot;USD&quot;,
22687      &quot;price&quot;: 2495,
22688      &quot;vendor&quot;: &quot;Susan Fowler&quot;
22689    }
22690  }"
22691            >
22692              Why Motivating People Doesn&#39;t Workâ¦and What Does, Second Edition
22693            </a>
22694          </h3>
22695          
22696
22697            
22698  
22699<div 
22700  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
22701><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars">
22702      <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

22702ox="0 0 512 512"  xml:space="preserve">
22703      <g>
22704        <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"/>
22705      </g>
22706    </svg>
22707    <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">
22708      <g>
22709        <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"/>
22710      </g>
22711    </svg>
22712    <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">
22713      <g>
22714        <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"/>
22715      </g>
22716    </svg>
22717    <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">
22718      <g>
22719        <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"/>
22720      </g>
22721    </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">
22722          <defs>
22723              <linearGradient id="grad">
22724                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
22725                  <stop offset="50%" stop-color="currentColor"/>
22726              </linearGradient>
22727          </defs>
22728          <g>
22729            <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"/>
22730          </g>
22731      </svg>
22732    </div> 
22733    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(124)
22734    </p></div>
22735
22736<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">
22737            
22738            
22739              <div class=" price leading-none">
22740  <div class="">
22741    
22742      <div class="hidden">2495</div><p class="price">

22743          <span>$24.95</span>
22744        </p><small class="text-[70%] hidden">
22745        <span class="hidden">Unit price</span>
22746        <span class="up price-item price-item--last">
22747          <span>
22748
22749          </span>
22750          <span aria-hidden="true">/</span>
22751          <span class="hidden">&nbsp;per&nbsp;</span>
22752          <span>
22753          </span>
22754        </span>
22755      </small>
22756    
22757  </div>
22758  
22759</div>
22760            
22761            <div class="next-price empty:hidden"></div>
22762          </div>
22763          <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 
22764  x-data='{ 
22765    storeAvailabilites: {},
22766    pickupLocation: []
22767  }'
22768  class="mb-3"
22769  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
22770>
22771  <style data-shopify>
22772    .text-available, .text-unavailable {
22773      font-size: 0.669375rem;
22774      font-family: var(--font-body-family);
22775    }
22776
22777    @media (min-width: 768px) {
22778      .text-available, .text-unavailable {
22779        font-size: 0.74375rem;
22780      }
22781    }
22782
22783    .text-available {
22784      color: #6b762d;
22785    }
22786
22787    .dark .text-available {
22788      color: #858F4D;
22789    }
22790
22791    .text-unavailable {
22792      color: #767474;
22793    }
22794
22795    .dark .text-unavailable {
22796      color: #867F7F;
22797    }
22798  </style>
22799  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
22800    <span class="flex h-4 w-4 relative">
22801<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22802  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22803  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22804</svg>
22805
22806</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22807  </div>
22808  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
22809    <span class="flex h-4 w-4 relative">
22810<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
22811  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
22812  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
22813</svg>
22814
22815</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
22816  </div>
22817</div></div>
22818        </div>
22819      </div>
22820    
22821    </div>
22822    
22823
22824        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
22825          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition');
22826        });"></div>
22827        <div
22828          id="current-variant-template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm" 
22829          class="current-variant hidden"
22830        >
22831          52108542837099
22832        </div>
22833    
22834    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
22835    
22836      <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)" 
22837            class="card-info bottom_atc md:list-layout:hidden hide-icon"
22838            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
22839            x-cloak
22840          >
22841            
22842<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">
22843                
22844                                                            
22845                <button
22846                  type="submit"
22847                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm"
22848                  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"
22849                  
22850                  
22851                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22852                  
22853aria-label="Add to cart"
22854                    
22855                  
22856                >

22857                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
22858                        <span class="flex items-center justify-center">
22859                          
22860
22861  
22862    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
22863  
22864
22865
22866                        </span></span>
22867                  <div
22868                    class="flex gap-x-2 items-center justify-center"
22869                    role="alert"
22870                    x-cloak
22871                    x-show="errorMessage"
22872                  >
22873                    Sold out
22874                  </div>
22875                  <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>
22876                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22877    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22878      fill="currentcolor" stroke="none">
22879      <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"/>
22880    </g>
22881  </svg>
22882
22883                  </div>
22884                </button><input type="hidden" name="product-id" value="14717223108971" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
22885          </div></template>
22886    
22887    
22888      <template x-if="$store.xQuickView">
22889        <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 && ''">
22890              
22891<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">
22892                  
22893                                                              
22894                  <button
22895                    type="submit"
22896                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm"
22897                    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"
22898                    
22899                    
22900                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22901                    
22902aria-label="Add to cart"
22903                      
22904                    
22905                  >
22906                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
22907                          <span class="flex items-center justify-center">
22908                            
22909
22910  
22911    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
22912  
22913
22914
22915                          </span></span>
22916                    <div
22917                      class="flex gap-x-2 items-center justify-center"
22918                      role="alert"
22919                      x-cloak
22920                      x-show="errorMessage"
22921                    >
22922                      Sold out
22923                    </div>
22924                    <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-[

22924calc(50%-10px)]" x-show="loading" x-cloak>
22925                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22926    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22927      fill="currentcolor" stroke="none">
22928      <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"/>
22929    </g>
22930  </svg>
22931
22932                    </div>
22933                  </button><button 
22934                    type="submit"
22935                    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"
22936                    
22937                    
22938                    data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm"
22939                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
22940                    
22941aria-label="Add to cart"
22942                      
22943                    
22944                    x-customer-event-data="{
22945    &quot;product&quot;: {
22946      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Workâ¦and What Does, Second Edition&quot;,
22947      &quot;listName&quot;: &quot;Bestsellers&quot;,
22948      &quot;sku&quot;: &quot;14717223108971&quot;,
22949      &quot;currencyCode&quot;: &quot;USD&quot;,
22950      &quot;price&quot;: 2495,
22951      &quot;vendor&quot;: &quot;Susan Fowler&quot;
22952    }
22953  }"
22954                  >
22955                    <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;">
22956    <g>
22957    <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"/>
22958    <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"/>
22959    <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"/>
22960    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
22961    </g>
22962  </svg></span>
22963                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
22964                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
22965    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
22966      fill="currentcolor" stroke="none">
22967      <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"/>
22968    </g>
22969  </svg>
22970
22971                  </span>
22972                </button><input type="hidden" name="product-id" value="14717223108971" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
22973            </div><button 
22974            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')" 
22975            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')" 
22976            @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);' 
22977            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" 
22978            aria-label="Button quickview"
22979            x-customer-event-data="{
22980    &quot;product&quot;: {
22981      &quot;title&quot;: &quot;Why Motivating People Doesn&amp;#39;t Workâ¦and What Does, Second Edition&quot;,
22982      &quot;listName&quot;: &quot;Bestsellers&quot;,
22983      &quot;sku&quot;: &quot;14717223108971&quot;,
22984      &quot;currencyCode&quot;: &quot;USD&quot;,
22985      &quot;price&quot;: 2495,
22986      &quot;vendor&quot;: &quot;Susan Fowler&quot;
22987    }
22988  }"
22989            x-show="$store.xQuickView.enabled"
22990          >

22991            <span class="flex justify-center items-center">
22992              
22993
22994  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
22995
22996
22997            </span>
22998          </button>
22999        </div>
23000      </template>
23001    
23002  </div>
23003</div>
23004
23005
23006<div 
23007  
23008    x-data="{ showOptions: false, options: [] }"
23009  
23010  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]" 
23011  x-slide-index="16"
23012>
23013  <div 
23014    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
23015  >
23016    <style data-shopify>
23017      
23018    </style>
23019    
23020    <style data-shopify>
23021      
23022    </style>
23023    <a 
23024      
23025        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
23026      
23027      href="/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition"
23028       
23029        x-data="{ lastWindowWidth: 0 }"
23030        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
23031        x-labels-data="[{
23032        &quot;variant_id&quot;: 52108542804331,
23033        &quot;product_id&quot;: 14717223076203,
23034        &quot;available&quot;: true,
23035        &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
23036        &quot;compare_at_price&quot;: 0,
23037        &quot;price&quot;: 3195,
23038        &quot;price_with_currency&quot;: &quot;$31.95&quot;,
23039        &quot;sale_amount&quot;: &quot;$-31.95&quot;,
23040        &quot;collections&quot;: &quot;||637336453483||639249514859||637337043307||639249744235||636480389483||639269929323||636473475435||639270191467||639269339499||&quot;,
23041        &quot;inventory_management&quot;: &quot;shopify&quot;,
23042        &quot;qty&quot;: 1008,
23043        &quot;container&quot;: &quot;card&quot;,
23044        &quot;can_show_preorder&quot;: false,
23045        &quot;diff_day_create&quot;: 474.32,
23046        &quot;diff_day_publish&quot;: 474.31
23047        
23048          ,&quot;metafield_label&quot;: { 
23049            &quot;custom.format2&quot;:&quot;Paperback&quot;
23050          }
23051        
23052      }]"
23053       
23054      aria-label="Who Do We Choose to Be?, Second Edition"
23055      id="14717223076203-template--24498228953451__featured_collection_PFy63t"
23056      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%]">
23057      <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">
23058        <div

23059          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-17-16"
23060          class="block h-full" 
23061          @click='$store.xCustomerEvent.fire("product_selected", $el)'
23062          x-customer-event-data="{
23063    &quot;product&quot;: {
23064      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
23065      &quot;listName&quot;: &quot;Bestsellers&quot;,
23066      &quot;sku&quot;: &quot;14717223076203&quot;,
23067      &quot;currencyCode&quot;: &quot;USD&quot;,
23068      &quot;price&quot;: 3195,
23069      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
23070    }
23071  }"
23072          >
23073<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
23074            >
23075              
23076              <picture>
23077                <img
23078                  srcset="//bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=450 450w,
23079                  //bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=750 750w,
23080                  //bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=900 900w,
23081                  //bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=1100 1100w,
23082                  //bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885 432w" 
23083                  src="//bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=1500"
23084                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
23085                  alt="Cover image for Who Do We Choose to Be?, Second Edition, isbn: 9781523004737"
23086                  :class="showSecond ? 'first-img' : ''"
23087                  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"
23088                  loading="lazy"
23089                  width="432"
23090                  height="648"
23091                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
23092                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
23093                />
23094              </picture>
23095              
23096            </div></div>
23097      </div>
23098      
23099        <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"
23100              x-show="$store.xQuickView" x-cloak
23101            > 
23102              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
23103                class="w-full hide-icon lg:px-4" 
23104                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
23105                x-cloak
23106              >
23107<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">
23108                    
23109                                                                
23110                    <button
23111                      type="submit"
23112                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm"
23113                      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"
23114                      
23115                      
23116                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23117                      
23118aria-label="Add to cart"
23119                        
23120                      
23121                    >

23122                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
23123                            <span class="flex items-center justify-center">
23124                              
23125
23126  
23127    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
23128  
23129
23130
23131                            </span></span>
23132                      <div
23133                        class="flex gap-x-2 items-center justify-center"
23134                        role="alert"
23135                        x-cloak
23136                        x-show="errorMessage"
23137                      >
23138                        Sold out
23139                      </div>
23140                      <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>
23141                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23142    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23143      fill="currentcolor" stroke="none">
23144      <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"/>
23145    </g>
23146  </svg>
23147
23148                      </div>
23149                    </button>
23150                    <button 
23151                      type="submit"
23152                      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"
23153                      
23154                      
23155                      data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm"
23156                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23157                      
23158aria-label="Add to cart"
23159                        
23160                      
23161                      x-customer-event-data="{
23162    &quot;product&quot;: {
23163      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
23164      &quot;listName&quot;: &quot;Bestsellers&quot;,
23165      &quot;sku&quot;: &quot;14717223076203&quot;,
23166      &quot;currencyCode&quot;: &quot;USD&quot;,
23167      &quot;price&quot;: 3195,
23168      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
23169    }
23170  }"
23171                    >
23172                      <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;">
23173    <g>
23174    <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"/>
23175    <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"/>
23176    <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"/>
23177    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23178    </g>
23179  </svg></span>
23180                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
23181                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23182    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23183      fill="currentcolor" stroke="none">
23184      <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"/>
23185    </g>
23186  </svg>
23187
23188                      </span>
23189                  </button><input type="hidden" name="product-id" value="14717223076203" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
23190              </div>
23191            </div><div
23192            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"
23193            :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'"
23194            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
23195            >
23196            <div>
23197              <button
23198                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
23199                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')" 
23200                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')" 
23201                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
23202                :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'"
23203                x-customer-event-data="{
23204    &quot;product&quot;: {
23205      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
23206      &quot;listName&quot;: &quot;Bestsellers&quot;,
23207      &quot;sku&quot;: &quot;14717223076203&quot;,
23208      &quot;currencyCode&quot;: &quot;USD&quot;,
23209      &quot;price&quot;: 3195,
23210      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
23211    }
23212  }"
23213                aria-label="Button quickview"
23214              >

23215                <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;">
23216    <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"/>
23217    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23218  </svg>
23219</span>
23220                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
23221                  
23222
23223  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
23224
23225
23226                </span>
23227              </button>
23228              <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);' 
23229                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" 
23230                aria-label="Button quickview"
23231                x-customer-event-data="{
23232    &quot;product&quot;: {
23233      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
23234      &quot;listName&quot;: &quot;Bestsellers&quot;,
23235      &quot;sku&quot;: &quot;14717223076203&quot;,
23236      &quot;currencyCode&quot;: &quot;USD&quot;,
23237      &quot;price&quot;: 3195,
23238      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
23239    }
23240  }"
23241              >
23242                <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;">
23243    <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"/>
23244    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23245  </svg>
23246</span>
23247              </button>
23248            </div>
23249          </div>
23250        </div>
23251      
23252    </a>
23253    
23254    
23255    <div class="md:list-layout:hidden">
23256      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
23257        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
23258          <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">
23259            <a href="/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition"
23260              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"
23261              @click='$store.xCustomerEvent.fire("product_selected", $el)'
23262              x-customer-event-data="{
23263    &quot;product&quot;: {
23264      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
23265      &quot;listName&quot;: &quot;Bestsellers&quot;,
23266      &quot;sku&quot;: &quot;14717223076203&quot;,
23267      &quot;currencyCode&quot;: &quot;USD&quot;,
23268      &quot;price&quot;: 3195,
23269      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
23270    }
23271  }"
23272            >
23273              Who Do We Choose to Be?, Second Edition
23274            </a>
23275          </h3>
23276          
23277
23278            
23279  
23280<div 
23281  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
23282><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.3 out of 5.0 stars">
23283      <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

23283ox="0 0 512 512"  xml:space="preserve">
23284      <g>
23285        <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"/>
23286      </g>
23287    </svg>
23288    <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">
23289      <g>
23290        <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"/>
23291      </g>
23292    </svg>
23293    <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">
23294      <g>
23295        <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"/>
23296      </g>
23297    </svg>
23298    <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">
23299      <g>
23300        <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"/>
23301      </g>
23302    </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">
23303          <defs>
23304              <linearGradient id="grad">
23305                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
23306                  <stop offset="50%" stop-color="currentColor"/>
23307              </linearGradient>
23308          </defs>
23309          <g>
23310            <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"/>
23311          </g>
23312      </svg>
23313    </div> 
23314    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(67)
23315    </p></div>
23316
23317<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">
23318            
23319            
23320              <div class=" price leading-none">
23321  <div class="">
23322    
23323      <div class="hidden">3195</div><p class="price">

23324          <span>$31.95</span>
23325        </p><small class="text-[70%] hidden">
23326        <span class="hidden">Unit price</span>
23327        <span class="up price-item price-item--last">
23328          <span>
23329
23330          </span>
23331          <span aria-hidden="true">/</span>
23332          <span class="hidden">&nbsp;per&nbsp;</span>
23333          <span>
23334          </span>
23335        </span>
23336      </small>
23337    
23338  </div>
23339  
23340</div>
23341            
23342            <div class="next-price empty:hidden"></div>
23343          </div>
23344          <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 
23345  x-data='{ 
23346    storeAvailabilites: {},
23347    pickupLocation: []
23348  }'
23349  class="mb-3"
23350  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
23351>
23352  <style data-shopify>
23353    .text-available, .text-unavailable {
23354      font-size: 0.669375rem;
23355      font-family: var(--font-body-family);
23356    }
23357
23358    @media (min-width: 768px) {
23359      .text-available, .text-unavailable {
23360        font-size: 0.74375rem;
23361      }
23362    }
23363
23364    .text-available {
23365      color: #6b762d;
23366    }
23367
23368    .dark .text-available {
23369      color: #858F4D;
23370    }
23371
23372    .text-unavailable {
23373      color: #767474;
23374    }
23375
23376    .dark .text-unavailable {
23377      color: #867F7F;
23378    }
23379  </style>
23380  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
23381    <span class="flex h-4 w-4 relative">
23382<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
23383  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
23384  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
23385</svg>
23386
23387</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
23388  </div>
23389  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
23390    <span class="flex h-4 w-4 relative">
23391<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
23392  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
23393  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
23394</svg>
23395
23396</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
23397  </div>
23398</div></div>
23399        </div>
23400      </div>
23401    </div>
23402    
23403  </div>
23404  <div
23405    id="x-product-template-14717223076203-template--24498228953451__featured_collection_PFy63t-1-17"
23406    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"
23407  >
23408    <div class="hidden md:list-layout:block">
23409      
23410      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
23411        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
23412          <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">
23413            <a href="/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition"
23414              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"
23415              @click='$store.xCustomerEvent.fire("product_selected", $el)'
23416              x-customer-event-data="{
23417    &quot;product&quot;: {
23418      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
23419      &quot;listName&quot;: &quot;Bestsellers&quot;,
23420      &quot;sku&quot;: &quot;14717223076203&quot;,
23421      &quot;currencyCode&quot;: &quot;USD&quot;,
23422      &quot;price&quot;: 3195,
23423      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
23424    }
23425  }"
23426            >
23427              Who Do We Choose to Be?, Second Edition
23428            </a>
23429          </h3>
23430          
23431
23432            
23433  
23434<div 
23435  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
23436><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.3 out of 5.0 stars">
23437      <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

23437ox="0 0 512 512"  xml:space="preserve">
23438      <g>
23439        <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"/>
23440      </g>
23441    </svg>
23442    <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">
23443      <g>
23444        <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"/>
23445      </g>
23446    </svg>
23447    <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">
23448      <g>
23449        <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"/>
23450      </g>
23451    </svg>
23452    <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">
23453      <g>
23454        <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"/>
23455      </g>
23456    </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">
23457          <defs>
23458              <linearGradient id="grad">
23459                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
23460                  <stop offset="50%" stop-color="currentColor"/>
23461              </linearGradient>
23462          </defs>
23463          <g>
23464            <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"/>
23465          </g>
23466      </svg>
23467    </div> 
23468    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(67)
23469    </p></div>
23470
23471<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">
23472            
23473            
23474              <div class=" price leading-none">
23475  <div class="">
23476    
23477      <div class="hidden">3195</div><p class="price">

23478          <span>$31.95</span>
23479        </p><small class="text-[70%] hidden">
23480        <span class="hidden">Unit price</span>
23481        <span class="up price-item price-item--last">
23482          <span>
23483
23484          </span>
23485          <span aria-hidden="true">/</span>
23486          <span class="hidden">&nbsp;per&nbsp;</span>
23487          <span>
23488          </span>
23489        </span>
23490      </small>
23491    
23492  </div>
23493  
23494</div>
23495            
23496            <div class="next-price empty:hidden"></div>
23497          </div>
23498          <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 
23499  x-data='{ 
23500    storeAvailabilites: {},
23501    pickupLocation: []
23502  }'
23503  class="mb-3"
23504  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
23505>
23506  <style data-shopify>
23507    .text-available, .text-unavailable {
23508      font-size: 0.669375rem;
23509      font-family: var(--font-body-family);
23510    }
23511
23512    @media (min-width: 768px) {
23513      .text-available, .text-unavailable {
23514        font-size: 0.74375rem;
23515      }
23516    }
23517
23518    .text-available {
23519      color: #6b762d;
23520    }
23521
23522    .dark .text-available {
23523      color: #858F4D;
23524    }
23525
23526    .text-unavailable {
23527      color: #767474;
23528    }
23529
23530    .dark .text-unavailable {
23531      color: #867F7F;
23532    }
23533  </style>
23534  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
23535    <span class="flex h-4 w-4 relative">
23536<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
23537  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
23538  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
23539</svg>
23540
23541</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
23542  </div>
23543  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
23544    <span class="flex h-4 w-4 relative">
23545<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
23546  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
23547  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
23548</svg>
23549
23550</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
23551  </div>
23552</div></div>
23553        </div>
23554      </div>
23555    
23556    </div>
23557    
23558
23559        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
23560          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523004737_who-do-we-choose-to-be-second-edition');
23561        });"></div>
23562        <div
23563          id="current-variant-template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm" 
23564          class="current-variant hidden"
23565        >
23566          52108542804331
23567        </div>
23568    
23569    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
23570    
23571      <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)" 
23572            class="card-info bottom_atc md:list-layout:hidden hide-icon"
23573            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
23574            x-cloak
23575          >
23576            
23577<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">
23578                
23579                                                            
23580                <button
23581                  type="submit"
23582                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm"
23583                  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"
23584                  
23585                  
23586                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23587                  
23588aria-label="Add to cart"
23589                    
23590                  
23591                >

23592                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
23593                        <span class="flex items-center justify-center">
23594                          
23595
23596  
23597    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
23598  
23599
23600
23601                        </span></span>
23602                  <div
23603                    class="flex gap-x-2 items-center justify-center"
23604                    role="alert"
23605                    x-cloak
23606                    x-show="errorMessage"
23607                  >
23608                    Sold out
23609                  </div>
23610                  <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>
23611                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23612    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23613      fill="currentcolor" stroke="none">
23614      <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"/>
23615    </g>
23616  </svg>
23617
23618                  </div>
23619                </button><input type="hidden" name="product-id" value="14717223076203" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
23620          </div></template>
23621    
23622    
23623      <template x-if="$store.xQuickView">
23624        <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 && ''">
23625              
23626<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">
23627                  
23628                                                              
23629                  <button
23630                    type="submit"
23631                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm"
23632                    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"
23633                    
23634                    
23635                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23636                    
23637aria-label="Add to cart"
23638                      
23639                    
23640                  >
23641                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
23642                          <span class="flex items-center justify-center">
23643                            
23644
23645  
23646    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
23647  
23648
23649
23650                          </span></span>
23651                    <div
23652                      class="flex gap-x-2 items-center justify-center"
23653                      role="alert"
23654                      x-cloak
23655                      x-show="errorMessage"
23656                    >
23657                      Sold out
23658                    </div>
23659                    <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-[

23659calc(50%-10px)]" x-show="loading" x-cloak>
23660                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23661    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23662      fill="currentcolor" stroke="none">
23663      <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"/>
23664    </g>
23665  </svg>
23666
23667                    </div>
23668                  </button><button 
23669                    type="submit"
23670                    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"
23671                    
23672                    
23673                    data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm"
23674                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23675                    
23676aria-label="Add to cart"
23677                      
23678                    
23679                    x-customer-event-data="{
23680    &quot;product&quot;: {
23681      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
23682      &quot;listName&quot;: &quot;Bestsellers&quot;,
23683      &quot;sku&quot;: &quot;14717223076203&quot;,
23684      &quot;currencyCode&quot;: &quot;USD&quot;,
23685      &quot;price&quot;: 3195,
23686      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
23687    }
23688  }"
23689                  >
23690                    <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;">
23691    <g>
23692    <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"/>
23693    <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"/>
23694    <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"/>
23695    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23696    </g>
23697  </svg></span>
23698                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
23699                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23700    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23701      fill="currentcolor" stroke="none">
23702      <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"/>
23703    </g>
23704  </svg>
23705
23706                  </span>
23707                </button><input type="hidden" name="product-id" value="14717223076203" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
23708            </div><button 
23709            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')" 
23710            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')" 
23711            @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);' 
23712            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" 
23713            aria-label="Button quickview"
23714            x-customer-event-data="{
23715    &quot;product&quot;: {
23716      &quot;title&quot;: &quot;Who Do We Choose to Be?, Second Edition&quot;,
23717      &quot;listName&quot;: &quot;Bestsellers&quot;,
23718      &quot;sku&quot;: &quot;14717223076203&quot;,
23719      &quot;currencyCode&quot;: &quot;USD&quot;,
23720      &quot;price&quot;: 3195,
23721      &quot;vendor&quot;: &quot;Margaret J. Wheatley&quot;
23722    }
23723  }"
23724            x-show="$store.xQuickView.enabled"
23725          >

23726            <span class="flex justify-center items-center">
23727              
23728
23729  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
23730
23731
23732            </span>
23733          </button>
23734        </div>
23735      </template>
23736    
23737  </div>
23738</div>
23739
23740
23741<div 
23742  
23743    x-data="{ showOptions: false, options: [] }"
23744  
23745  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]" 
23746  x-slide-index="17"
23747>
23748  <div 
23749    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
23750  >
23751    <style data-shopify>
23752      
23753    </style>
23754    
23755    <style data-shopify>
23756      
23757    </style>
23758    <a 
23759      
23760        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
23761      
23762      href="/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition"
23763       
23764        x-data="{ lastWindowWidth: 0 }"
23765        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
23766        x-labels-data="[{
23767        &quot;variant_id&quot;: 52108541919595,
23768        &quot;product_id&quot;: 14717222224235,
23769        &quot;available&quot;: true,
23770        &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
23771        &quot;compare_at_price&quot;: 0,
23772        &quot;price&quot;: 2295,
23773        &quot;price_with_currency&quot;: &quot;$22.95&quot;,
23774        &quot;sale_amount&quot;: &quot;$-22.95&quot;,
23775        &quot;collections&quot;: &quot;||637329310059||637336453483||646765150571||639249514859||639269732715||639249744235||636480389483||636473475435||639252758891||639270191467||639269339499||&quot;,
23776        &quot;inventory_management&quot;: &quot;shopify&quot;,
23777        &quot;qty&quot;: 3534,
23778        &quot;container&quot;: &quot;card&quot;,
23779        &quot;can_show_preorder&quot;: false,
23780        &quot;diff_day_create&quot;: 474.32,
23781        &quot;diff_day_publish&quot;: 474.31
23782        
23783          ,&quot;metafield_label&quot;: { 
23784            &quot;custom.format2&quot;:&quot;Paperback&quot;
23785          }
23786        
23787      }]"
23788       
23789      aria-label="We Can't Talk about That at Work! Second Edition"
23790      id="14717222224235-template--24498228953451__featured_collection_PFy63t"
23791      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%]">
23792      <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">
23793        <div

23794          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-18-17"
23795          class="block h-full" 
23796          @click='$store.xCustomerEvent.fire("product_selected", $el)'
23797          x-customer-event-data="{
23798    &quot;product&quot;: {
23799      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
23800      &quot;listName&quot;: &quot;Bestsellers&quot;,
23801      &quot;sku&quot;: &quot;14717222224235&quot;,
23802      &quot;currencyCode&quot;: &quot;USD&quot;,
23803      &quot;price&quot;: 2295,
23804      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
23805    }
23806  }"
23807          >
23808<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
23809            >
23810              
23811              <picture>
23812                <img
23813                  srcset="//bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=450 450w,
23814                  //bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=750 750w,
23815                  //bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=900 900w,
23816                  //bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=1100 1100w,
23817                  //bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876 419w" 
23818                  src="//bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=1500"
23819                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
23820                  alt="Cover image for We Can&#39;t Talk about That at Work! Second Edition, isbn: 9781523006311"
23821                  :class="showSecond ? 'first-img' : ''"
23822                  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"
23823                  loading="lazy"
23824                  width="419"
23825                  height="648"
23826                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
23827                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
23828                />
23829              </picture>
23830              
23831            </div></div>
23832      </div>
23833      
23834        <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"
23835              x-show="$store.xQuickView" x-cloak
23836            > 
23837              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
23838                class="w-full hide-icon lg:px-4" 
23839                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
23840                x-cloak
23841              >
23842<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">
23843                    
23844                                                                
23845                    <button
23846                      type="submit"
23847                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm"
23848                      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"
23849                      
23850                      
23851                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23852                      
23853aria-label="Add to cart"
23854                        
23855                      
23856                    >

23857                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
23858                            <span class="flex items-center justify-center">
23859                              
23860
23861  
23862    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
23863  
23864
23865
23866                            </span></span>
23867                      <div
23868                        class="flex gap-x-2 items-center justify-center"
23869                        role="alert"
23870                        x-cloak
23871                        x-show="errorMessage"
23872                      >
23873                        Sold out
23874                      </div>
23875                      <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>
23876                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23877    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23878      fill="currentcolor" stroke="none">
23879      <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"/>
23880    </g>
23881  </svg>
23882
23883                      </div>
23884                    </button>
23885                    <button 
23886                      type="submit"
23887                      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"
23888                      
23889                      
23890                      data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm"
23891                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
23892                      
23893aria-label="Add to cart"
23894                        
23895                      
23896                      x-customer-event-data="{
23897    &quot;product&quot;: {
23898      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
23899      &quot;listName&quot;: &quot;Bestsellers&quot;,
23900      &quot;sku&quot;: &quot;14717222224235&quot;,
23901      &quot;currencyCode&quot;: &quot;USD&quot;,
23902      &quot;price&quot;: 2295,
23903      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
23904    }
23905  }"
23906                    >
23907                      <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;">
23908    <g>
23909    <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"/>
23910    <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"/>
23911    <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"/>
23912    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23913    </g>
23914  </svg></span>
23915                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
23916                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
23917    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
23918      fill="currentcolor" stroke="none">
23919      <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"/>
23920    </g>
23921  </svg>
23922
23923                      </span>
23924                  </button><input type="hidden" name="product-id" value="14717222224235" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
23925              </div>
23926            </div><div
23927            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"
23928            :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'"
23929            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
23930            >
23931            <div>
23932              <button
23933                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
23934                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')" 
23935                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')" 
23936                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
23937                :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'"
23938                x-customer-event-data="{
23939    &quot;product&quot;: {
23940      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
23941      &quot;listName&quot;: &quot;Bestsellers&quot;,
23942      &quot;sku&quot;: &quot;14717222224235&quot;,
23943      &quot;currencyCode&quot;: &quot;USD&quot;,
23944      &quot;price&quot;: 2295,
23945      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
23946    }
23947  }"
23948                aria-label="Button quickview"
23949              >

23950                <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;">
23951    <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"/>
23952    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23953  </svg>
23954</span>
23955                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
23956                  
23957
23958  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
23959
23960
23961                </span>
23962              </button>
23963              <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);' 
23964                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" 
23965                aria-label="Button quickview"
23966                x-customer-event-data="{
23967    &quot;product&quot;: {
23968      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
23969      &quot;listName&quot;: &quot;Bestsellers&quot;,
23970      &quot;sku&quot;: &quot;14717222224235&quot;,
23971      &quot;currencyCode&quot;: &quot;USD&quot;,
23972      &quot;price&quot;: 2295,
23973      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
23974    }
23975  }"
23976              >
23977                <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;">
23978    <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"/>
23979    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
23980  </svg>
23981</span>
23982              </button>
23983            </div>
23984          </div>
23985        </div>
23986      
23987    </a>
23988    
23989    
23990    <div class="md:list-layout:hidden">
23991      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
23992        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
23993          <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">
23994            <a href="/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition"
23995              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"
23996              @click='$store.xCustomerEvent.fire("product_selected", $el)'
23997              x-customer-event-data="{
23998    &quot;product&quot;: {
23999      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
24000      &quot;listName&quot;: &quot;Bestsellers&quot;,
24001      &quot;sku&quot;: &quot;14717222224235&quot;,
24002      &quot;currencyCode&quot;: &quot;USD&quot;,
24003      &quot;price&quot;: 2295,
24004      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
24005    }
24006  }"
24007            >
24008              We Can&#39;t Talk about That at Work! Second Edition
24009            </a>
24010          </h3>
24011          
24012
24013            
24014  
24015<div 
24016  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
24017><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
24018      <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

24018ox="0 0 512 512"  xml:space="preserve">
24019      <g>
24020        <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"/>
24021      </g>
24022    </svg>
24023    <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">
24024      <g>
24025        <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"/>
24026      </g>
24027    </svg>
24028    <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">
24029      <g>
24030        <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"/>
24031      </g>
24032    </svg>
24033    <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">
24034      <g>
24035        <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"/>
24036      </g>
24037    </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">
24038          <defs>
24039              <linearGradient id="grad">
24040                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
24041                  <stop offset="50%" stop-color="currentColor"/>
24042              </linearGradient>
24043          </defs>
24044          <g>
24045            <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"/>
24046          </g>
24047      </svg>
24048    </div> 
24049    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(478)
24050    </p></div>
24051
24052<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">
24053            
24054            
24055              <div class=" price leading-none">
24056  <div class="">
24057    
24058      <div class="hidden">2295</div><p class="price">

24059          <span>$22.95</span>
24060        </p><small class="text-[70%] hidden">
24061        <span class="hidden">Unit price</span>
24062        <span class="up price-item price-item--last">
24063          <span>
24064
24065          </span>
24066          <span aria-hidden="true">/</span>
24067          <span class="hidden">&nbsp;per&nbsp;</span>
24068          <span>
24069          </span>
24070        </span>
24071      </small>
24072    
24073  </div>
24074  
24075</div>
24076            
24077            <div class="next-price empty:hidden"></div>
24078          </div>
24079          <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 
24080  x-data='{ 
24081    storeAvailabilites: {},
24082    pickupLocation: []
24083  }'
24084  class="mb-3"
24085  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
24086>
24087  <style data-shopify>
24088    .text-available, .text-unavailable {
24089      font-size: 0.669375rem;
24090      font-family: var(--font-body-family);
24091    }
24092
24093    @media (min-width: 768px) {
24094      .text-available, .text-unavailable {
24095        font-size: 0.74375rem;
24096      }
24097    }
24098
24099    .text-available {
24100      color: #6b762d;
24101    }
24102
24103    .dark .text-available {
24104      color: #858F4D;
24105    }
24106
24107    .text-unavailable {
24108      color: #767474;
24109    }
24110
24111    .dark .text-unavailable {
24112      color: #867F7F;
24113    }
24114  </style>
24115  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
24116    <span class="flex h-4 w-4 relative">
24117<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
24118  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
24119  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
24120</svg>
24121
24122</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
24123  </div>
24124  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
24125    <span class="flex h-4 w-4 relative">
24126<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
24127  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
24128  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
24129</svg>
24130
24131</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
24132  </div>
24133</div></div>
24134        </div>
24135      </div>
24136    </div>
24137    
24138  </div>
24139  <div
24140    id="x-product-template-14717222224235-template--24498228953451__featured_collection_PFy63t-1-18"
24141    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"
24142  >
24143    <div class="hidden md:list-layout:block">
24144      
24145      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
24146        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
24147          <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">
24148            <a href="/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition"
24149              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"
24150              @click='$store.xCustomerEvent.fire("product_selected", $el)'
24151              x-customer-event-data="{
24152    &quot;product&quot;: {
24153      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
24154      &quot;listName&quot;: &quot;Bestsellers&quot;,
24155      &quot;sku&quot;: &quot;14717222224235&quot;,
24156      &quot;currencyCode&quot;: &quot;USD&quot;,
24157      &quot;price&quot;: 2295,
24158      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
24159    }
24160  }"
24161            >
24162              We Can&#39;t Talk about That at Work! Second Edition
24163            </a>
24164          </h3>
24165          
24166
24167            
24168  
24169<div 
24170  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
24171><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
24172      <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

24172ox="0 0 512 512"  xml:space="preserve">
24173      <g>
24174        <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"/>
24175      </g>
24176    </svg>
24177    <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">
24178      <g>
24179        <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"/>
24180      </g>
24181    </svg>
24182    <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">
24183      <g>
24184        <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"/>
24185      </g>
24186    </svg>
24187    <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">
24188      <g>
24189        <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"/>
24190      </g>
24191    </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">
24192          <defs>
24193              <linearGradient id="grad">
24194                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
24195                  <stop offset="50%" stop-color="currentColor"/>
24196              </linearGradient>
24197          </defs>
24198          <g>
24199            <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"/>
24200          </g>
24201      </svg>
24202    </div> 
24203    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(478)
24204    </p></div>
24205
24206<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">
24207            
24208            
24209              <div class=" price leading-none">
24210  <div class="">
24211    
24212      <div class="hidden">2295</div><p class="price">

24213          <span>$22.95</span>
24214        </p><small class="text-[70%] hidden">
24215        <span class="hidden">Unit price</span>
24216        <span class="up price-item price-item--last">
24217          <span>
24218
24219          </span>
24220          <span aria-hidden="true">/</span>
24221          <span class="hidden">&nbsp;per&nbsp;</span>
24222          <span>
24223          </span>
24224        </span>
24225      </small>
24226    
24227  </div>
24228  
24229</div>
24230            
24231            <div class="next-price empty:hidden"></div>
24232          </div>
24233          <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 
24234  x-data='{ 
24235    storeAvailabilites: {},
24236    pickupLocation: []
24237  }'
24238  class="mb-3"
24239  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
24240>
24241  <style data-shopify>
24242    .text-available, .text-unavailable {
24243      font-size: 0.669375rem;
24244      font-family: var(--font-body-family);
24245    }
24246
24247    @media (min-width: 768px) {
24248      .text-available, .text-unavailable {
24249        font-size: 0.74375rem;
24250      }
24251    }
24252
24253    .text-available {
24254      color: #6b762d;
24255    }
24256
24257    .dark .text-available {
24258      color: #858F4D;
24259    }
24260
24261    .text-unavailable {
24262      color: #767474;
24263    }
24264
24265    .dark .text-unavailable {
24266      color: #867F7F;
24267    }
24268  </style>
24269  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
24270    <span class="flex h-4 w-4 relative">
24271<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
24272  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
24273  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
24274</svg>
24275
24276</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
24277  </div>
24278  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
24279    <span class="flex h-4 w-4 relative">
24280<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
24281  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
24282  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
24283</svg>
24284
24285</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
24286  </div>
24287</div></div>
24288        </div>
24289      </div>
24290    
24291    </div>
24292    
24293
24294        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
24295          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523006311_we-cant-talk-about-that-at-work-second-edition');
24296        });"></div>
24297        <div
24298          id="current-variant-template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm" 
24299          class="current-variant hidden"
24300        >
24301          52108541919595
24302        </div>
24303    
24304    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
24305    
24306      <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)" 
24307            class="card-info bottom_atc md:list-layout:hidden hide-icon"
24308            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
24309            x-cloak
24310          >
24311            
24312<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">
24313                
24314                                                            
24315                <button
24316                  type="submit"
24317                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm"
24318                  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"
24319                  
24320                  
24321                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
24322                  
24323aria-label="Add to cart"
24324                    
24325                  
24326                >

24327                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
24328                        <span class="flex items-center justify-center">
24329                          
24330
24331  
24332    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
24333  
24334
24335
24336                        </span></span>
24337                  <div
24338                    class="flex gap-x-2 items-center justify-center"
24339                    role="alert"
24340                    x-cloak
24341                    x-show="errorMessage"
24342                  >
24343                    Sold out
24344                  </div>
24345                  <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>
24346                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
24347    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
24348      fill="currentcolor" stroke="none">
24349      <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"/>
24350    </g>
24351  </svg>
24352
24353                  </div>
24354                </button><input type="hidden" name="product-id" value="14717222224235" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
24355          </div></template>
24356    
24357    
24358      <template x-if="$store.xQuickView">
24359        <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 && ''">
24360              
24361<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">
24362                  
24363                                                              
24364                  <button
24365                    type="submit"
24366                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm"
24367                    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"
24368                    
24369                    
24370                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
24371                    
24372aria-label="Add to cart"
24373                      
24374                    
24375                  >
24376                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
24377                          <span class="flex items-center justify-center">
24378                            
24379
24380  
24381    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
24382  
24383
24384
24385                          </span></span>
24386                    <div
24387                      class="flex gap-x-2 items-center justify-center"
24388                      role="alert"
24389                      x-cloak
24390                      x-show="errorMessage"
24391                    >
24392                      Sold out
24393                    </div>
24394                    <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-[

24394calc(50%-10px)]" x-show="loading" x-cloak>
24395                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
24396    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
24397      fill="currentcolor" stroke="none">
24398      <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"/>
24399    </g>
24400  </svg>
24401
24402                    </div>
24403                  </button><button 
24404                    type="submit"
24405                    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"
24406                    
24407                    
24408                    data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm"
24409                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
24410                    
24411aria-label="Add to cart"
24412                      
24413                    
24414                    x-customer-event-data="{
24415    &quot;product&quot;: {
24416      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
24417      &quot;listName&quot;: &quot;Bestsellers&quot;,
24418      &quot;sku&quot;: &quot;14717222224235&quot;,
24419      &quot;currencyCode&quot;: &quot;USD&quot;,
24420      &quot;price&quot;: 2295,
24421      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
24422    }
24423  }"
24424                  >
24425                    <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;">
24426    <g>
24427    <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"/>
24428    <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"/>
24429    <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"/>
24430    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24431    </g>
24432  </svg></span>
24433                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
24434                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
24435    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
24436      fill="currentcolor" stroke="none">
24437      <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"/>
24438    </g>
24439  </svg>
24440
24441                  </span>
24442                </button><input type="hidden" name="product-id" value="14717222224235" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
24443            </div><button 
24444            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')" 
24445            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')" 
24446            @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);' 
24447            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" 
24448            aria-label="Button quickview"
24449            x-customer-event-data="{
24450    &quot;product&quot;: {
24451      &quot;title&quot;: &quot;We Can&amp;#39;t Talk about That at Work! Second Edition&quot;,
24452      &quot;listName&quot;: &quot;Bestsellers&quot;,
24453      &quot;sku&quot;: &quot;14717222224235&quot;,
24454      &quot;currencyCode&quot;: &quot;USD&quot;,
24455      &quot;price&quot;: 2295,
24456      &quot;vendor&quot;: &quot;Mary-Frances Winters&quot;
24457    }
24458  }"
24459            x-show="$store.xQuickView.enabled"
24460          >

24461            <span class="flex justify-center items-center">
24462              
24463
24464  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
24465
24466
24467            </span>
24468          </button>
24469        </div>
24470      </template>
24471    
24472  </div>
24473</div>
24474
24475
24476<div 
24477  
24478    x-data="{ showOptions: false, options: [] }"
24479  
24480  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]" 
24481  x-slide-index="18"
24482>
24483  <div 
24484    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
24485  >
24486    <style data-shopify>
24487      
24488    </style>
24489    
24490    <style data-shopify>
24491      
24492    </style>
24493    <a 
24494      
24495        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
24496      
24497      href="/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition"
24498       
24499        x-data="{ lastWindowWidth: 0 }"
24500        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
24501        x-labels-data="[{
24502        &quot;variant_id&quot;: 52108541985131,
24503        &quot;product_id&quot;: 14717222158699,
24504        &quot;available&quot;: true,
24505        &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
24506        &quot;compare_at_price&quot;: 0,
24507        &quot;price&quot;: 1995,
24508        &quot;price_with_currency&quot;: &quot;$19.95&quot;,
24509        &quot;sale_amount&quot;: &quot;$-19.95&quot;,
24510        &quot;collections&quot;: &quot;||637336453483||646765150571||639249514859||639269732715||643824779627||636480389483||636473475435||639270191467||639269339499||&quot;,
24511        &quot;inventory_management&quot;: &quot;shopify&quot;,
24512        &quot;qty&quot;: 529,
24513        &quot;container&quot;: &quot;card&quot;,
24514        &quot;can_show_preorder&quot;: false,
24515        &quot;diff_day_create&quot;: 474.32,
24516        &quot;diff_day_publish&quot;: 474.31
24517        
24518          ,&quot;metafield_label&quot;: { 
24519            &quot;custom.format2&quot;:&quot;Paperback&quot;
24520          }
24521        
24522      }]"
24523       
24524      aria-label="Subtle Acts of Exclusion, Second Edition"
24525      id="14717222158699-template--24498228953451__featured_collection_PFy63t"
24526      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%]">
24527      <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">
24528        <div

24529          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-19-18"
24530          class="block h-full" 
24531          @click='$store.xCustomerEvent.fire("product_selected", $el)'
24532          x-customer-event-data="{
24533    &quot;product&quot;: {
24534      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
24535      &quot;listName&quot;: &quot;Bestsellers&quot;,
24536      &quot;sku&quot;: &quot;14717222158699&quot;,
24537      &quot;currencyCode&quot;: &quot;USD&quot;,
24538      &quot;price&quot;: 1995,
24539      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
24540    }
24541  }"
24542          >
24543<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
24544            >
24545              
24546              <picture>
24547                <img
24548                  srcset="//bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=450 450w,
24549                  //bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=750 750w,
24550                  //bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=900 900w,
24551                  //bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=1100 1100w,
24552                  //bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875 419w" 
24553                  src="//bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=1500"
24554                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
24555                  alt="Cover image for Subtle Acts of Exclusion, Second Edition, isbn: 9781523004348"
24556                  :class="showSecond ? 'first-img' : ''"
24557                  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"
24558                  loading="lazy"
24559                  width="419"
24560                  height="648"
24561                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
24562                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
24563                />
24564              </picture>
24565              
24566            </div></div>
24567      </div>
24568      
24569        <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"
24570              x-show="$store.xQuickView" x-cloak
24571            > 
24572              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
24573                class="w-full hide-icon lg:px-4" 
24574                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
24575                x-cloak
24576              >
24577<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">
24578                    
24579                                                                
24580                    <button
24581                      type="submit"
24582                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm"
24583                      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"
24584                      
24585                      
24586                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
24587                      
24588aria-label="Add to cart"
24589                        
24590                      
24591                    >

24592                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
24593                            <span class="flex items-center justify-center">
24594                              
24595
24596  
24597    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
24598  
24599
24600
24601                            </span></span>
24602                      <div
24603                        class="flex gap-x-2 items-center justify-center"
24604                        role="alert"
24605                        x-cloak
24606                        x-show="errorMessage"
24607                      >
24608                        Sold out
24609                      </div>
24610                      <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>
24611                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
24612    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
24613      fill="currentcolor" stroke="none">
24614      <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"/>
24615    </g>
24616  </svg>
24617
24618                      </div>
24619                    </button>
24620                    <button 
24621                      type="submit"
24622                      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"
24623                      
24624                      
24625                      data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm"
24626                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
24627                      
24628aria-label="Add to cart"
24629                        
24630                      
24631                      x-customer-event-data="{
24632    &quot;product&quot;: {
24633      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
24634      &quot;listName&quot;: &quot;Bestsellers&quot;,
24635      &quot;sku&quot;: &quot;14717222158699&quot;,
24636      &quot;currencyCode&quot;: &quot;USD&quot;,
24637      &quot;price&quot;: 1995,
24638      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
24639    }
24640  }"
24641                    >
24642                      <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;">
24643    <g>
24644    <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"/>
24645    <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"/>
24646    <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"/>
24647    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24648    </g>
24649  </svg></span>
24650                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
24651                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
24652    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
24653      fill="currentcolor" stroke="none">
24654      <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"/>
24655    </g>
24656  </svg>
24657
24658                      </span>
24659                  </button><input type="hidden" name="product-id" value="14717222158699" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
24660              </div>
24661            </div><div
24662            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"
24663            :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'"
24664            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
24665            >
24666            <div>
24667              <button
24668                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
24669                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')" 
24670                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')" 
24671                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
24672                :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'"
24673                x-customer-event-data="{
24674    &quot;product&quot;: {
24675      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
24676      &quot;listName&quot;: &quot;Bestsellers&quot;,
24677      &quot;sku&quot;: &quot;14717222158699&quot;,
24678      &quot;currencyCode&quot;: &quot;USD&quot;,
24679      &quot;price&quot;: 1995,
24680      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
24681    }
24682  }"
24683                aria-label="Button quickview"
24684              >

24685                <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;">
24686    <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"/>
24687    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24688  </svg>
24689</span>
24690                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
24691                  
24692
24693  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
24694
24695
24696                </span>
24697              </button>
24698              <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);' 
24699                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" 
24700                aria-label="Button quickview"
24701                x-customer-event-data="{
24702    &quot;product&quot;: {
24703      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
24704      &quot;listName&quot;: &quot;Bestsellers&quot;,
24705      &quot;sku&quot;: &quot;14717222158699&quot;,
24706      &quot;currencyCode&quot;: &quot;USD&quot;,
24707      &quot;price&quot;: 1995,
24708      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
24709    }
24710  }"
24711              >
24712                <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;">
24713    <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"/>
24714    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
24715  </svg>
24716</span>
24717              </button>
24718            </div>
24719          </div>
24720        </div>
24721      
24722    </a>
24723    
24724    
24725    <div class="md:list-layout:hidden">
24726      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
24727        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
24728          <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">
24729            <a href="/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition"
24730              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"
24731              @click='$store.xCustomerEvent.fire("product_selected", $el)'
24732              x-customer-event-data="{
24733    &quot;product&quot;: {
24734      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
24735      &quot;listName&quot;: &quot;Bestsellers&quot;,
24736      &quot;sku&quot;: &quot;14717222158699&quot;,
24737      &quot;currencyCode&quot;: &quot;USD&quot;,
24738      &quot;price&quot;: 1995,
24739      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
24740    }
24741  }"
24742            >
24743              Subtle Acts of Exclusion, Second Edition
24744            </a>
24745          </h3>
24746          
24747
24748            
24749  
24750<div 
24751  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
24752><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
24753      <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

24753ox="0 0 512 512"  xml:space="preserve">
24754      <g>
24755        <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"/>
24756      </g>
24757    </svg>
24758    <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">
24759      <g>
24760        <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"/>
24761      </g>
24762    </svg>
24763    <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">
24764      <g>
24765        <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"/>
24766      </g>
24767    </svg>
24768    <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">
24769      <g>
24770        <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"/>
24771      </g>
24772    </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">
24773          <defs>
24774              <linearGradient id="grad">
24775                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
24776                  <stop offset="50%" stop-color="currentColor"/>
24777              </linearGradient>
24778          </defs>
24779          <g>
24780            <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"/>
24781          </g>
24782      </svg>
24783    </div> 
24784    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(317)
24785    </p></div>
24786
24787<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">
24788            
24789            
24790              <div class=" price leading-none">
24791  <div class="">
24792    
24793      <div class="hidden">1995</div><p class="price">

24794          <span>$19.95</span>
24795        </p><small class="text-[70%] hidden">
24796        <span class="hidden">Unit price</span>
24797        <span class="up price-item price-item--last">
24798          <span>
24799
24800          </span>
24801          <span aria-hidden="true">/</span>
24802          <span class="hidden">&nbsp;per&nbsp;</span>
24803          <span>
24804          </span>
24805        </span>
24806      </small>
24807    
24808  </div>
24809  
24810</div>
24811            
24812            <div class="next-price empty:hidden"></div>
24813          </div>
24814          <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 
24815  x-data='{ 
24816    storeAvailabilites: {},
24817    pickupLocation: []
24818  }'
24819  class="mb-3"
24820  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
24821>
24822  <style data-shopify>
24823    .text-available, .text-unavailable {
24824      font-size: 0.669375rem;
24825      font-family: var(--font-body-family);
24826    }
24827
24828    @media (min-width: 768px) {
24829      .text-available, .text-unavailable {
24830        font-size: 0.74375rem;
24831      }
24832    }
24833
24834    .text-available {
24835      color: #6b762d;
24836    }
24837
24838    .dark .text-available {
24839      color: #858F4D;
24840    }
24841
24842    .text-unavailable {
24843      color: #767474;
24844    }
24845
24846    .dark .text-unavailable {
24847      color: #867F7F;
24848    }
24849  </style>
24850  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
24851    <span class="flex h-4 w-4 relative">
24852<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
24853  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
24854  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
24855</svg>
24856
24857</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
24858  </div>
24859  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
24860    <span class="flex h-4 w-4 relative">
24861<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
24862  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
24863  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
24864</svg>
24865
24866</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
24867  </div>
24868</div></div>
24869        </div>
24870      </div>
24871    </div>
24872    
24873  </div>
24874  <div
24875    id="x-product-template-14717222158699-template--24498228953451__featured_collection_PFy63t-1-19"
24876    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"
24877  >
24878    <div class="hidden md:list-layout:block">
24879      
24880      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
24881        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
24882          <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">
24883            <a href="/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition"
24884              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"
24885              @click='$store.xCustomerEvent.fire("product_selected", $el)'
24886              x-customer-event-data="{
24887    &quot;product&quot;: {
24888      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
24889      &quot;listName&quot;: &quot;Bestsellers&quot;,
24890      &quot;sku&quot;: &quot;14717222158699&quot;,
24891      &quot;currencyCode&quot;: &quot;USD&quot;,
24892      &quot;price&quot;: 1995,
24893      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
24894    }
24895  }"
24896            >
24897              Subtle Acts of Exclusion, Second Edition
24898            </a>
24899          </h3>
24900          
24901
24902            
24903  
24904<div 
24905  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
24906><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
24907      <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

24907ox="0 0 512 512"  xml:space="preserve">
24908      <g>
24909        <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"/>
24910      </g>
24911    </svg>
24912    <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">
24913      <g>
24914        <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"/>
24915      </g>
24916    </svg>
24917    <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">
24918      <g>
24919        <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"/>
24920      </g>
24921    </svg>
24922    <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">
24923      <g>
24924        <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"/>
24925      </g>
24926    </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">
24927          <defs>
24928              <linearGradient id="grad">
24929                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
24930                  <stop offset="50%" stop-color="currentColor"/>
24931              </linearGradient>
24932          </defs>
24933          <g>
24934            <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"/>
24935          </g>
24936      </svg>
24937    </div> 
24938    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(317)
24939    </p></div>
24940
24941<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">
24942            
24943            
24944              <div class=" price leading-none">
24945  <div class="">
24946    
24947      <div class="hidden">1995</div><p class="price">

24948          <span>$19.95</span>
24949        </p><small class="text-[70%] hidden">
24950        <span class="hidden">Unit price</span>
24951        <span class="up price-item price-item--last">
24952          <span>
24953
24954          </span>
24955          <span aria-hidden="true">/</span>
24956          <span class="hidden">&nbsp;per&nbsp;</span>
24957          <span>
24958          </span>
24959        </span>
24960      </small>
24961    
24962  </div>
24963  
24964</div>
24965            
24966            <div class="next-price empty:hidden"></div>
24967          </div>
24968          <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 
24969  x-data='{ 
24970    storeAvailabilites: {},
24971    pickupLocation: []
24972  }'
24973  class="mb-3"
24974  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
24975>
24976  <style data-shopify>
24977    .text-available, .text-unavailable {
24978      font-size: 0.669375rem;
24979      font-family: var(--font-body-family);
24980    }
24981
24982    @media (min-width: 768px) {
24983      .text-available, .text-unavailable {
24984        font-size: 0.74375rem;
24985      }
24986    }
24987
24988    .text-available {
24989      color: #6b762d;
24990    }
24991
24992    .dark .text-available {
24993      color: #858F4D;
24994    }
24995
24996    .text-unavailable {
24997      color: #767474;
24998    }
24999
25000    .dark .text-unavailable {
25001      color: #867F7F;
25002    }
25003  </style>
25004  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
25005    <span class="flex h-4 w-4 relative">
25006<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
25007  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
25008  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
25009</svg>
25010
25011</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
25012  </div>
25013  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
25014    <span class="flex h-4 w-4 relative">
25015<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
25016  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
25017  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
25018</svg>
25019
25020</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
25021  </div>
25022</div></div>
25023        </div>
25024      </div>
25025    
25026    </div>
25027    
25028
25029        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
25030          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523004348_subtle-acts-of-exclusion-second-edition');
25031        });"></div>
25032        <div
25033          id="current-variant-template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm" 
25034          class="current-variant hidden"
25035        >
25036          52108541985131
25037        </div>
25038    
25039    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
25040    
25041      <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)" 
25042            class="card-info bottom_atc md:list-layout:hidden hide-icon"
25043            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
25044            x-cloak
25045          >
25046            
25047<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">
25048                
25049                                                            
25050                <button
25051                  type="submit"
25052                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm"
25053                  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"
25054                  
25055                  
25056                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25057                  
25058aria-label="Add to cart"
25059                    
25060                  
25061                >

25062                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
25063                        <span class="flex items-center justify-center">
25064                          
25065
25066  
25067    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
25068  
25069
25070
25071                        </span></span>
25072                  <div
25073                    class="flex gap-x-2 items-center justify-center"
25074                    role="alert"
25075                    x-cloak
25076                    x-show="errorMessage"
25077                  >
25078                    Sold out
25079                  </div>
25080                  <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>
25081                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25082    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25083      fill="currentcolor" stroke="none">
25084      <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"/>
25085    </g>
25086  </svg>
25087
25088                  </div>
25089                </button><input type="hidden" name="product-id" value="14717222158699" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
25090          </div></template>
25091    
25092    
25093      <template x-if="$store.xQuickView">
25094        <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 && ''">
25095              
25096<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">
25097                  
25098                                                              
25099                  <button
25100                    type="submit"
25101                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm"
25102                    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"
25103                    
25104                    
25105                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25106                    
25107aria-label="Add to cart"
25108                      
25109                    
25110                  >
25111                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
25112                          <span class="flex items-center justify-center">
25113                            
25114
25115  
25116    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
25117  
25118
25119
25120                          </span></span>
25121                    <div
25122                      class="flex gap-x-2 items-center justify-center"
25123                      role="alert"
25124                      x-cloak
25125                      x-show="errorMessage"
25126                    >
25127                      Sold out
25128                    </div>
25129                    <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-[

25129calc(50%-10px)]" x-show="loading" x-cloak>
25130                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25131    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25132      fill="currentcolor" stroke="none">
25133      <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"/>
25134    </g>
25135  </svg>
25136
25137                    </div>
25138                  </button><button 
25139                    type="submit"
25140                    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"
25141                    
25142                    
25143                    data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm"
25144                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25145                    
25146aria-label="Add to cart"
25147                      
25148                    
25149                    x-customer-event-data="{
25150    &quot;product&quot;: {
25151      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
25152      &quot;listName&quot;: &quot;Bestsellers&quot;,
25153      &quot;sku&quot;: &quot;14717222158699&quot;,
25154      &quot;currencyCode&quot;: &quot;USD&quot;,
25155      &quot;price&quot;: 1995,
25156      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
25157    }
25158  }"
25159                  >
25160                    <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;">
25161    <g>
25162    <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"/>
25163    <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"/>
25164    <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"/>
25165    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25166    </g>
25167  </svg></span>
25168                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
25169                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25170    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25171      fill="currentcolor" stroke="none">
25172      <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"/>
25173    </g>
25174  </svg>
25175
25176                  </span>
25177                </button><input type="hidden" name="product-id" value="14717222158699" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
25178            </div><button 
25179            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')" 
25180            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')" 
25181            @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);' 
25182            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" 
25183            aria-label="Button quickview"
25184            x-customer-event-data="{
25185    &quot;product&quot;: {
25186      &quot;title&quot;: &quot;Subtle Acts of Exclusion, Second Edition&quot;,
25187      &quot;listName&quot;: &quot;Bestsellers&quot;,
25188      &quot;sku&quot;: &quot;14717222158699&quot;,
25189      &quot;currencyCode&quot;: &quot;USD&quot;,
25190      &quot;price&quot;: 1995,
25191      &quot;vendor&quot;: &quot;Tiffany Jana&quot;
25192    }
25193  }"
25194            x-show="$store.xQuickView.enabled"
25195          >

25196            <span class="flex justify-center items-center">
25197              
25198
25199  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
25200
25201
25202            </span>
25203          </button>
25204        </div>
25205      </template>
25206    
25207  </div>
25208</div>
25209
25210
25211<div 
25212  
25213    x-data="{ showOptions: false, options: [] }"
25214  
25215  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]" 
25216  x-slide-index="19"
25217>
25218  <div 
25219    class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7"
25220  >
25221    <style data-shopify>
25222      
25223    </style>
25224    
25225    <style data-shopify>
25226      
25227    </style>
25228    <a 
25229      
25230        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
25231      
25232      href="/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition"
25233       
25234        x-data="{ lastWindowWidth: 0 }"
25235        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
25236        x-labels-data="[{
25237        &quot;variant_id&quot;: 52108541722987,
25238        &quot;product_id&quot;: 14717221962091,
25239        &quot;available&quot;: true,
25240        &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
25241        &quot;compare_at_price&quot;: 0,
25242        &quot;price&quot;: 2395,
25243        &quot;price_with_currency&quot;: &quot;$23.95&quot;,
25244        &quot;sale_amount&quot;: &quot;$-23.95&quot;,
25245        &quot;collections&quot;: &quot;||637336453483||639249514859||643824812395||637337043307||642721775979||636480389483||636473475435||&quot;,
25246        &quot;inventory_management&quot;: &quot;shopify&quot;,
25247        &quot;qty&quot;: 615,
25248        &quot;container&quot;: &quot;card&quot;,
25249        &quot;can_show_preorder&quot;: false,
25250        &quot;diff_day_create&quot;: 474.32,
25251        &quot;diff_day_publish&quot;: 474.31
25252        
25253          ,&quot;metafield_label&quot;: { 
25254            &quot;custom.format2&quot;:&quot;Paperback&quot;
25255          }
25256        
25257      }]"
25258       
25259      aria-label="Confessions of an Economic Hit Man, 3rd Edition"
25260      id="14717221962091-template--24498228953451__featured_collection_PFy63t"
25261      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%]">
25262      <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">
25263        <div

25264          id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-20-19"
25265          class="block h-full" 
25266          @click='$store.xCustomerEvent.fire("product_selected", $el)'
25267          x-customer-event-data="{
25268    &quot;product&quot;: {
25269      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
25270      &quot;listName&quot;: &quot;Bestsellers&quot;,
25271      &quot;sku&quot;: &quot;14717221962091&quot;,
25272      &quot;currencyCode&quot;: &quot;USD&quot;,
25273      &quot;price&quot;: 2395,
25274      &quot;vendor&quot;: &quot;John Perkins&quot;
25275    }
25276  }"
25277          >
25278<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute"
25279            >
25280              
25281              <picture>
25282                <img
25283                  srcset="//bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=450 450w,
25284                  //bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=750 750w,
25285                  //bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=900 900w,
25286                  //bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=1100 1100w,
25287                  //bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874 418w" 
25288                  src="//bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=1500"
25289                  sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)"
25290                  alt="Cover image for Confessions of an Economic Hit Man, 3rd Edition, isbn: 9781523001897"
25291                  :class="showSecond ? 'first-img' : ''"
25292                  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"
25293                  loading="lazy"
25294                  width="418"
25295                  height="648"
25296                  onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
25297                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);"
25298                />
25299              </picture>
25300              
25301            </div></div>
25302      </div>
25303      
25304        <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"
25305              x-show="$store.xQuickView" x-cloak
25306            > 
25307              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
25308                class="w-full hide-icon lg:px-4" 
25309                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
25310                x-cloak
25311              >
25312<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">
25313                    
25314                                                                
25315                    <button
25316                      type="submit"
25317                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm"
25318                      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"
25319                      
25320                      
25321                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25322                      
25323aria-label="Add to cart"
25324                        
25325                      
25326                    >

25327                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
25328                            <span class="flex items-center justify-center">
25329                              
25330
25331  
25332    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
25333  
25334
25335
25336                            </span></span>
25337                      <div
25338                        class="flex gap-x-2 items-center justify-center"
25339                        role="alert"
25340                        x-cloak
25341                        x-show="errorMessage"
25342                      >
25343                        Sold out
25344                      </div>
25345                      <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>
25346                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25347    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25348      fill="currentcolor" stroke="none">
25349      <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"/>
25350    </g>
25351  </svg>
25352
25353                      </div>
25354                    </button>
25355                    <button 
25356                      type="submit"
25357                      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"
25358                      
25359                      
25360                      data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm"
25361                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25362                      
25363aria-label="Add to cart"
25364                        
25365                      
25366                      x-customer-event-data="{
25367    &quot;product&quot;: {
25368      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
25369      &quot;listName&quot;: &quot;Bestsellers&quot;,
25370      &quot;sku&quot;: &quot;14717221962091&quot;,
25371      &quot;currencyCode&quot;: &quot;USD&quot;,
25372      &quot;price&quot;: 2395,
25373      &quot;vendor&quot;: &quot;John Perkins&quot;
25374    }
25375  }"
25376                    >
25377                      <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;">
25378    <g>
25379    <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"/>
25380    <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"/>
25381    <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"/>
25382    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25383    </g>
25384  </svg></span>
25385                      <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
25386                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25387    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25388      fill="currentcolor" stroke="none">
25389      <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"/>
25390    </g>
25391  </svg>
25392
25393                      </span>
25394                  </button><input type="hidden" name="product-id" value="14717221962091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form>                 
25395              </div>
25396            </div><div
25397            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"
25398            :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'"
25399            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
25400            >
25401            <div>
25402              <button
25403                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
25404                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')" 
25405                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')" 
25406                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
25407                :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'"
25408                x-customer-event-data="{
25409    &quot;product&quot;: {
25410      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
25411      &quot;listName&quot;: &quot;Bestsellers&quot;,
25412      &quot;sku&quot;: &quot;14717221962091&quot;,
25413      &quot;currencyCode&quot;: &quot;USD&quot;,
25414      &quot;price&quot;: 2395,
25415      &quot;vendor&quot;: &quot;John Perkins&quot;
25416    }
25417  }"
25418                aria-label="Button quickview"
25419              >

25420                <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;">
25421    <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"/>
25422    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25423  </svg>
25424</span>
25425                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
25426                  
25427
25428  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
25429
25430
25431                </span>
25432              </button>
25433              <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);' 
25434                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" 
25435                aria-label="Button quickview"
25436                x-customer-event-data="{
25437    &quot;product&quot;: {
25438      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
25439      &quot;listName&quot;: &quot;Bestsellers&quot;,
25440      &quot;sku&quot;: &quot;14717221962091&quot;,
25441      &quot;currencyCode&quot;: &quot;USD&quot;,
25442      &quot;price&quot;: 2395,
25443      &quot;vendor&quot;: &quot;John Perkins&quot;
25444    }
25445  }"
25446              >
25447                <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;">
25448    <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"/>
25449    <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25450  </svg>
25451</span>
25452              </button>
25453            </div>
25454          </div>
25455        </div>
25456      
25457    </a>
25458    
25459    
25460    <div class="md:list-layout:hidden">
25461      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
25462        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
25463          <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">
25464            <a href="/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition"
25465              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"
25466              @click='$store.xCustomerEvent.fire("product_selected", $el)'
25467              x-customer-event-data="{
25468    &quot;product&quot;: {
25469      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
25470      &quot;listName&quot;: &quot;Bestsellers&quot;,
25471      &quot;sku&quot;: &quot;14717221962091&quot;,
25472      &quot;currencyCode&quot;: &quot;USD&quot;,
25473      &quot;price&quot;: 2395,
25474      &quot;vendor&quot;: &quot;John Perkins&quot;
25475    }
25476  }"
25477            >
25478              Confessions of an Economic Hit Man, 3rd Edition
25479            </a>
25480          </h3>
25481          
25482
25483            
25484  
25485<div 
25486  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
25487><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
25488      <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

25488ox="0 0 512 512"  xml:space="preserve">
25489      <g>
25490        <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"/>
25491      </g>
25492    </svg>
25493    <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">
25494      <g>
25495        <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"/>
25496      </g>
25497    </svg>
25498    <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">
25499      <g>
25500        <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"/>
25501      </g>
25502    </svg>
25503    <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">
25504      <g>
25505        <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"/>
25506      </g>
25507    </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">
25508          <defs>
25509              <linearGradient id="grad">
25510                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
25511                  <stop offset="50%" stop-color="currentColor"/>
25512              </linearGradient>
25513          </defs>
25514          <g>
25515            <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"/>
25516          </g>
25517      </svg>
25518    </div> 
25519    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(838)
25520    </p></div>
25521
25522<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">
25523            
25524            
25525              <div class=" price leading-none">
25526  <div class="">
25527    
25528      <div class="hidden">2395</div><p class="price">

25529          <span>$23.95</span>
25530        </p><small class="text-[70%] hidden">
25531        <span class="hidden">Unit price</span>
25532        <span class="up price-item price-item--last">
25533          <span>
25534
25535          </span>
25536          <span aria-hidden="true">/</span>
25537          <span class="hidden">&nbsp;per&nbsp;</span>
25538          <span>
25539          </span>
25540        </span>
25541      </small>
25542    
25543  </div>
25544  
25545</div>
25546            
25547            <div class="next-price empty:hidden"></div>
25548          </div>
25549          <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 
25550  x-data='{ 
25551    storeAvailabilites: {},
25552    pickupLocation: []
25553  }'
25554  class="mb-3"
25555  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
25556>
25557  <style data-shopify>
25558    .text-available, .text-unavailable {
25559      font-size: 0.669375rem;
25560      font-family: var(--font-body-family);
25561    }
25562
25563    @media (min-width: 768px) {
25564      .text-available, .text-unavailable {
25565        font-size: 0.74375rem;
25566      }
25567    }
25568
25569    .text-available {
25570      color: #6b762d;
25571    }
25572
25573    .dark .text-available {
25574      color: #858F4D;
25575    }
25576
25577    .text-unavailable {
25578      color: #767474;
25579    }
25580
25581    .dark .text-unavailable {
25582      color: #867F7F;
25583    }
25584  </style>
25585  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
25586    <span class="flex h-4 w-4 relative">
25587<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
25588  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
25589  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
25590</svg>
25591
25592</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
25593  </div>
25594  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
25595    <span class="flex h-4 w-4 relative">
25596<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
25597  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
25598  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
25599</svg>
25600
25601</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
25602  </div>
25603</div></div>
25604        </div>
25605      </div>
25606    </div>
25607    
25608  </div>
25609  <div
25610    id="x-product-template-14717221962091-template--24498228953451__featured_collection_PFy63t-1-20"
25611    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"
25612  >
25613    <div class="hidden md:list-layout:block">
25614      
25615      <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0">
25616        <div class="no-collage:mb-2 text-center  md:list-layout:text-left">
25617          <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">
25618            <a href="/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition"
25619              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"
25620              @click='$store.xCustomerEvent.fire("product_selected", $el)'
25621              x-customer-event-data="{
25622    &quot;product&quot;: {
25623      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
25624      &quot;listName&quot;: &quot;Bestsellers&quot;,
25625      &quot;sku&quot;: &quot;14717221962091&quot;,
25626      &quot;currencyCode&quot;: &quot;USD&quot;,
25627      &quot;price&quot;: 2395,
25628      &quot;vendor&quot;: &quot;John Perkins&quot;
25629    }
25630  }"
25631            >
25632              Confessions of an Economic Hit Man, 3rd Edition
25633            </a>
25634          </h3>
25635          
25636
25637            
25638  
25639<div 
25640  class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start"
25641><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars">
25642      <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

25642ox="0 0 512 512"  xml:space="preserve">
25643      <g>
25644        <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"/>
25645      </g>
25646    </svg>
25647    <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">
25648      <g>
25649        <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"/>
25650      </g>
25651    </svg>
25652    <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">
25653      <g>
25654        <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"/>
25655      </g>
25656    </svg>
25657    <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">
25658      <g>
25659        <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"/>
25660      </g>
25661    </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">
25662          <defs>
25663              <linearGradient id="grad">
25664                  <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/>
25665                  <stop offset="50%" stop-color="currentColor"/>
25666              </linearGradient>
25667          </defs>
25668          <g>
25669            <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"/>
25670          </g>
25671      </svg>
25672    </div> 
25673    <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(838)
25674    </p></div>
25675
25676<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">
25677            
25678            
25679              <div class=" price leading-none">
25680  <div class="">
25681    
25682      <div class="hidden">2395</div><p class="price">

25683          <span>$23.95</span>
25684        </p><small class="text-[70%] hidden">
25685        <span class="hidden">Unit price</span>
25686        <span class="up price-item price-item--last">
25687          <span>
25688
25689          </span>
25690          <span aria-hidden="true">/</span>
25691          <span class="hidden">&nbsp;per&nbsp;</span>
25692          <span>
25693          </span>
25694        </span>
25695      </small>
25696    
25697  </div>
25698  
25699</div>
25700            
25701            <div class="next-price empty:hidden"></div>
25702          </div>
25703          <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 
25704  x-data='{ 
25705    storeAvailabilites: {},
25706    pickupLocation: []
25707  }'
25708  class="mb-3"
25709  x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())"
25710>
25711  <style data-shopify>
25712    .text-available, .text-unavailable {
25713      font-size: 0.669375rem;
25714      font-family: var(--font-body-family);
25715    }
25716
25717    @media (min-width: 768px) {
25718      .text-available, .text-unavailable {
25719        font-size: 0.74375rem;
25720      }
25721    }
25722
25723    .text-available {
25724      color: #6b762d;
25725    }
25726
25727    .dark .text-available {
25728      color: #858F4D;
25729    }
25730
25731    .text-unavailable {
25732      color: #767474;
25733    }
25734
25735    .dark .text-unavailable {
25736      color: #867F7F;
25737    }
25738  </style>
25739  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
25740    <span class="flex h-4 w-4 relative">
25741<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
25742  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
25743  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
25744</svg>
25745
25746</span><span x-text="'Available for pickup at  ' + $store.xStoreSelector?.getStoreText()"> </span>
25747  </div>
25748  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
25749    <span class="flex h-4 w-4 relative">
25750<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
25751  <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
25752  <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
25753</svg>
25754
25755</span><span x-text="'Out of stock at  ' + $store.xStoreSelector?.getStoreText()"> </span>
25756  </div>
25757</div></div>
25758        </div>
25759      </div>
25760    
25761    </div>
25762    
25763
25764        <div @init-run="document.addEventListener('eurus:cart:items-changed', () => {
25765          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition');
25766        });"></div>
25767        <div
25768          id="current-variant-template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm" 
25769          class="current-variant hidden"
25770        >
25771          52108541722987
25772        </div>
25773    
25774    <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div>
25775    
25776      <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)" 
25777            class="card-info bottom_atc md:list-layout:hidden hide-icon"
25778            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
25779            x-cloak
25780          >
25781            
25782<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">
25783                
25784                                                            
25785                <button
25786                  type="submit"
25787                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm"
25788                  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"
25789                  
25790                  
25791                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25792                  
25793aria-label="Add to cart"
25794                    
25795                  
25796                >

25797                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
25798                        <span class="flex items-center justify-center">
25799                          
25800
25801  
25802    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
25803  
25804
25805
25806                        </span></span>
25807                  <div
25808                    class="flex gap-x-2 items-center justify-center"
25809                    role="alert"
25810                    x-cloak
25811                    x-show="errorMessage"
25812                  >
25813                    Sold out
25814                  </div>
25815                  <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>
25816                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25817    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25818      fill="currentcolor" stroke="none">
25819      <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"/>
25820    </g>
25821  </svg>
25822
25823                  </div>
25824                </button><input type="hidden" name="product-id" value="14717221962091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
25825          </div></template>
25826    
25827    
25828      <template x-if="$store.xQuickView">
25829        <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 && ''">
25830              
25831<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">
25832                  
25833                                                              
25834                  <button
25835                    type="submit"
25836                    name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm"
25837                    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"
25838                    
25839                    
25840                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25841                    
25842aria-label="Add to cart"
25843                      
25844                    
25845                  >
25846                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
25847                          <span class="flex items-center justify-center">
25848                            
25849
25850  
25851    <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
25852  
25853
25854
25855                          </span></span>
25856                    <div
25857                      class="flex gap-x-2 items-center justify-center"
25858                      role="alert"
25859                      x-cloak
25860                      x-show="errorMessage"
25861                    >
25862                      Sold out
25863                    </div>
25864                    <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-[

25864calc(50%-10px)]" x-show="loading" x-cloak>
25865                      <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25866    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25867      fill="currentcolor" stroke="none">
25868      <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"/>
25869    </g>
25870  </svg>
25871
25872                    </div>
25873                  </button><button 
25874                    type="submit"
25875                    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"
25876                    
25877                    
25878                    data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm"
25879                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
25880                    
25881aria-label="Add to cart"
25882                      
25883                    
25884                    x-customer-event-data="{
25885    &quot;product&quot;: {
25886      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
25887      &quot;listName&quot;: &quot;Bestsellers&quot;,
25888      &quot;sku&quot;: &quot;14717221962091&quot;,
25889      &quot;currencyCode&quot;: &quot;USD&quot;,
25890      &quot;price&quot;: 2395,
25891      &quot;vendor&quot;: &quot;John Perkins&quot;
25892    }
25893  }"
25894                  >
25895                    <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;">
25896    <g>
25897    <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"/>
25898    <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"/>
25899    <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"/>
25900    <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
25901    </g>
25902  </svg></span>
25903                    <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak>
25904                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000"  preserveAspectRatio="xMidYMid meet">
25905    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
25906      fill="currentcolor" stroke="none">
25907      <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"/>
25908    </g>
25909  </svg>
25910
25911                  </span>
25912                </button><input type="hidden" name="product-id" value="14717221962091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 
25913            </div><button 
25914            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')" 
25915            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')" 
25916            @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);' 
25917            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" 
25918            aria-label="Button quickview"
25919            x-customer-event-data="{
25920    &quot;product&quot;: {
25921      &quot;title&quot;: &quot;Confessions of an Economic Hit Man, 3rd Edition&quot;,
25922      &quot;listName&quot;: &quot;Bestsellers&quot;,
25923      &quot;sku&quot;: &quot;14717221962091&quot;,
25924      &quot;currencyCode&quot;: &quot;USD&quot;,
25925      &quot;price&quot;: 2395,
25926      &quot;vendor&quot;: &quot;John Perkins&quot;
25927    }
25928  }"
25929            x-show="$store.xQuickView.enabled"
25930          >

25931            <span class="flex justify-center items-center">
25932              
25933
25934  <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
25935
25936
25937            </span>
25938          </button>
25939        </div>
25940      </template>
25941    
25942  </div>
25943</div>
25944</div>
25945                </div>
25946                
25947                  <div class="splide__arrows flex items-center justify-center">
25948                    <button 
25949                      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"
25950                      aria-label="previous slide"
25951                    >
25952                      <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
25953    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
25954  </svg>
25955
25956                    </button>
25957                    <button 
25958                      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"
25959                      aria-label="next slide"
25960                    >
25961                      <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
25962    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
25963  </svg>
25964
25965                    </button>
25966                  </div>
25967                
25968<div class=" md:flex items-center hidden gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto">
25969                    <div class="splide-progress inline-block grow rounded-md">
25970                       <style data-shopify>.splide-progress-bar-template--24498228953451__featured_collection_PFy63t-collection_hxQeQm {
25971                          width: 10.0%;
25972                        }
25973                        @media (min-width: 768px) {
25974                          .splide-progress-bar-template--24498228953451__featured_collection_PFy63t-collection_hxQeQm {
25975                            width: 25.0%;
25976                          }
25977                        }</style><div class="splide-progress-bar-template--24498228953451__featured_collection_PFy63t-collection_hxQeQm splide-progress-bar rounded-md"></div>
25978                    </div>
25979                  </div></div>
25980            </div>
25981          </div>
25982        </div>
25983      </div>
25984  </div>
25985</div>

25986<script src="//bkconnection.com/cdn/shop/t/4/assets/preview-color-swatches.js?v=124028182148704388941747335364" defer></script>

25986
25987</div></div>

25988<script src="//bkconnection.com/cdn/shop/t/4/assets/featured-collection.js?v=168062212644831816131747335364" defer></script>

25988
25989
25990
25991</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 { 
25992      font-size: 1.35rem; 
25993    }
25994    .gap-mobile-template--24498228953451__collection_list_carousel_XkJ98q {
25995      gap: 5px;
25996    }
25997    #shopify-section-template--24498228953451__collection_list_carousel_XkJ98q{
25998      background: ;
25999    }
26000    .dark #shopify-section-template--24498228953451__collection_list_carousel_XkJ98q{
26001      
26002        background: transparent;
26003      
26004    }
26005    @media screen and (min-width: 768px) {
26006      .gap-template--24498228953451__collection_list_carousel_XkJ98q {
26007        
26008          gap: 0px;
26009        
26010      }
26011      .heading-template--24498228953451__collection_list_carousel_XkJ98q{ font-size: 2.25rem; } 
26012    }
26013    
26014      @media (min-width: 1024px){
26015        .preload-slide--template--24498228953451__collection_list_carousel_XkJ98q {
26016          margin-right: 4px;
26017          width: calc(((100% + 4px) / 3) - 4px);
26018        }
26019      }
26020    
26021    
26022      @media (max-width: 1023px) {
26023        .preload-slide--template--24498228953451__collection_list_carousel_XkJ98q {
26024          margin-right: 5px;
26025          width: calc(((100% + 5px) / 2) - 5px);
26026        }
26027      }
26028      @media (max-width: 767px) {
26029        .preload-slide--template--24498228953451__collection_list_carousel_XkJ98q {
26030          margin-right: 5px;
26031          width: calc(((100% + 5px) / 2) - 5px);
26032        }
26033      }
26034    
26035</style>
26036  
26037  <div class="x-container-collection-list-carousel ltr pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px]">
26038    <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"
26039    >
26040      
26041        <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">
26042      
26043        
26044        
26045<style data-shopify>.text-color-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26046      color: ;
26047      --colors-text: , , ;
26048      --colors-heading: , , ;
26049    }.title-color-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26050      color: ;
26051      --colors-heading: , , ;
26052    }.text-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26053    font-size: 0.0rem;
26054  }
26055  .sub-heading-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26056    font-size: 0.0rem;
26057  }
26058  .heading-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26059    font-size: 0.0rem;
26060  }
26061  @media (min-width: 768px) {
26062    .sub-heading-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26063      font-size: 0.0rem;
26064    }
26065    .heading-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26066      font-size: 0.0rem; 
26067    }
26068    .text-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26069      font-size: 0.0rem;
26070    }
26071  }.background-color-promotion-template--24498228953451__collection_list_carousel_XkJ98q {
26072      background: ;
26073    }.button--promotion-template--24498228953451__collection_list_carousel_XkJ98q.button-outline {--colors-secondary-button: , , ; 
26074      --colors-line-secondary-button: , , ;
26075      --background-secondary-button: transparent;--background-secondary-button: , , ; 
26076      --colors-line-secondary-button: , , ;}
26077  
26078</style><div 
26079    
26080    class="w-full relative z-0 before:h-0 before:block pb-[100%] rounded-[10px] overflow-hidden"
26081    
26082  >
26083    
26084    
26085      
26086        <div class="hidden">
26087          <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">
26088        </div>
26089      
26090    
26091    
26092      <div 
26093        class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]"
26094      >
26095    
26096      <img
26097        srcset="//bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=225 225w,
26098        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=375 375w,
26099        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=450 450w,
26100        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=750 750w,
26101        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=900 900w,
26102        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1100 1100w,
26103        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1500 1500w,
26104        //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1780 1780w"
26105        src="//bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1780"
26106        
26107          loading="eager" fetchpriority="high" decoding="sync"
26108         
26109        sizes="(min-width: 1200px) calc(100vw / ), (min-width: 768px) calc((100vw - 5rem) / 2), 100vw"
26110        alt=""
26111        width="4096"
26112        height="2731.0000000000005"
26113        style="object-position: 50.0% 50.0%;"
26114        class="w-full h-full object-cover z-10 image-hover rounded-[10px]"
26115        onload="this?.classList.add('active'); 
26116          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
26117          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
26118        "
26119      />
26120    </div>
26121  
26122  <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div>
26123
26124      
26125        </div>
26126      
26127      <div class="collection-list w-full pl-5 pr-5 md:w-3/4">
26128        <div class="md:-ml-24 lg:-ml-32 mt-7 md:mt-0 mt-7 md:mt-0"
26129        >
26130          <div class="collection-list-header mb-5 lg:mb-8 xl:mb-14 text-left
26131 md:pl-5
26132 md:pr-5
26133md:ml-24 lg:ml-32 "
26134          >
26135
26136
26137<style data-shopify>
26138  .heading-template--24498228953451__collection_list_carousel_XkJ98q {
26139    
26140  }
26141  .dark .heading-template--24498228953451__collection_list_carousel_XkJ98q {
26142    
26143      --color-highlight: #4d6391;
26144    
26145  }
26146</style>
26147
26148
26149 
26150  <h2 class=' heading-template--24498228953451__collection_list_carousel_XkJ98q h2 block leading-tight flex-auto p-break-words '  
26151  > 
26152
26153  
26154    
26155      Signature Collections
26156    
26157  
26158</h2>
26159<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>
26160          <div
26161            id="x-collection-template--24498228953451__collection_list_carousel_XkJ98q"
26162            class="overflow-hidden x-splide splide visible collection-list-wrapper"
26163            x-intersect.once.margin.200px='$store.xSplide.load($el, {    
26164              "speed": 1000, 
26165              "pagination": false, 
26166              "mediaQuery": "min", 
26167              "updateOnMove": "true",
26168              "progressBar": 5,
26169              
26170              
26171              "breakpoints": {
26172                300: {
26173                  
26174                  "gap": "5px",
26175                  "perPage": 2,
26176                  "perMove": 2
26177                },
26178                768: {
26179                  "gap": "4px",
26180                  "perPage": 2,
26181                  "perMove": 2
26182                },
26183                1024: {
26184                  
26185                    "destroy": false,
26186                  "perPage": 3,
26187                  "perMove": 3,
26188                  "drag": true
26189                }
26190              },
26191              "classes": {
26192                "arrows" : "block", 
26193              }
26194            })'>
26195            <div class="splide__track lg:pt-0.5 lg:pb-0.5 md:cursor-grab">
26196              <div class="lg:flex lg:w-full lg:gap-0 gap-template--24498228953451__collection_list_carousel_XkJ98q splide__list
26197                 flex w-full">
26198                    <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" >
26199                  
26200
26201
26202<style data-shopify>
26203.text-color-featured_collection_Dy4iD7 {
26204        color: #ffffff;
26205        --colors-text: 255, 255, 255;
26206        --colors-heading: 255, 255, 255;
26207      }
26208  .collection-card-featured_collection_Dy4iD7 .image-overlay,
26209  .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
26210    
26211      opacity: 80%;
26212    
26213  }
26214  .dark .collection-card-featured_collection_Dy4iD7 .image-overlay,
26215  .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
26216    
26217      opacity: 80%;
26218    
26219  }
26220  
26221    .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
26222      
26223        font-size: 1.0125rem;
26224      
26225    }
26226    @media screen and (min-width: 768px) {
26227      .spacing--template--24498228953451__collection_list_carousel_XkJ98q {
26228        gap: 4px;
26229      }
26230      .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
26231        
26232          font-size: 1.35rem;
26233        
26234      }
26235    }
26236  
26237</style>
26238  <div class="collection-card collection-card-featured_collection_Dy4iD7 group disable-effect card relative h-full block">
26239
26240  <div 
26241    x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
26242    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
26243    
26244  ><div       
26245        class="block md:rounded-[10px] rounded-[10px]"
26246      >
26247        
26248
26249          <div 
26250            class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10"
26251          >
26252            <img
26253              srcset="//bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=225 225w,
26254              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=375 375w,
26255              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=450 450w,
26256              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=750 750w,
26257              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=900 900w,
26258              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=1100 1100w,
26259              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=1500 1500w,
26260              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=1780 1780w,
26261              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=2000 2000w,
26262              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=3000 3000w,
26263              //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=3840 3840w"
26264              src="//bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=3840"
26265              sizes="
26266          
26267            (min-width: 1200px) 433px,
26268              (min-width: 768px) calc(100vw / 2), 
26269              calc(100vw / 2)
26270          
26271        "
26272              alt="Cover image for The Last American President, isbn: 9798890571847"
26273              height="648"
26274              width="432"
26275              loading="lazy"  
26276              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
26277              onload="this?.classList.add('active'); 
26278                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
26279                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
26280              "
26281            >
26282          </div></div>
26283      <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div>
26284    
26285  <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 "
26286  >
26287    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
26288    ><p
26289          class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">No Kings Library</p></div>
26290<style data-shopify>.button--featured_collection_Dy4iD7.button-solid,
26291          .button--featured_collection_Dy4iD7.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div>
26292        <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">
26293          
26294
26295  
26296    <span class="button-text  is-focus-button:opacity-0">Shop</span>
26297  
26298
26299
26300        </a>
26301      </div>
26302    
26303  </div>
26304  
26305    </div>
26306  
26307
26308  </div>
26309
26310                  
26311                    </div>
26312                  
26313
26314                    <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" >
26315                  
26316
26317
26318<style data-shopify>
26319.text-color-featured_collection_bQtM4G {
26320        color: #ffffff;
26321        --colors-text: 255, 255, 255;
26322        --colors-heading: 255, 255, 255;
26323      }
26324  .collection-card-featured_collection_bQtM4G .image-overlay,
26325  .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
26326    
26327      opacity: 80%;
26328    
26329  }
26330  .dark .collection-card-featured_collection_bQtM4G .image-overlay,
26331  .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
26332    
26333      opacity: 80%;
26334    
26335  }
26336  
26337    .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
26338      
26339        font-size: 1.0125rem;
26340      
26341    }
26342    @media screen and (min-width: 768px) {
26343      .spacing--template--24498228953451__collection_list_carousel_XkJ98q {
26344        gap: 4px;
26345      }
26346      .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
26347        
26348          font-size: 1.35rem;
26349        
26350      }
26351    }
26352  
26353</style>
26354  <div class="collection-card collection-card-featured_collection_bQtM4G group disable-effect card relative h-full block">
26355
26356  <div 
26357    x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
26358    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
26359    
26360  ><div       
26361        class="block md:rounded-[10px] rounded-[10px]"
26362      >
26363        
26364
26365          <div 
26366            class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10"
26367          >
26368            <img
26369              srcset="//bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=225 225w,
26370              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=375 375w,
26371              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=450 450w,
26372              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=178908788

263723&width=750 750w,
26373              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=900 900w,
26374              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=1100 1100w,
26375              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=1500 1500w,
26376              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=1780 1780w,
26377              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=2000 2000w,
26378              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=3000 3000w,
26379              //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=3840 3840w"
26380              src="//bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=3840"
26381              sizes="
26382          
26383            (min-width: 1200px) 433px,
26384              (min-width: 768px) calc(100vw / 2), 
26385              calc(100vw / 2)
26386          
26387        "
26388              alt="Cover image for The Hidden History of Neoliberalism, isbn: 9781523002320"
26389              height="648"
26390              width="463"
26391              loading="lazy"  
26392              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
26393              onload="this?.classList.add('active'); 
26394                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
26395                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
26396              "
26397            >
26398          </div></div>
26399      <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div>
26400    
26401  <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 "
26402  >
26403    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
26404    ><p
26405          class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">The Hidden History Series</p></div>
26406<style data-shopify>.button--featured_collection_bQtM4G.button-solid,
26407          .button--featured_collection_bQtM4G.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div>
26408        <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">
26409          
26410
26411  
26412    <span class="button-text  is-focus-button:opacity-0">Shop</span>
26413  
26414
26415
26416        </a>
26417      </div>
26418    
26419  </div>
26420  
26421    </div>
26422  
26423
26424  </div>
26425
26426                  
26427                    </div>
26428                  
26429
26430                    <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" >
26431                  
26432
26433
26434<style data-shopify>
26435.text-color-featured_collection_zdTbTY {
26436        color: #ffffff;
26437        --colors-text: 255, 255, 255;
26438        --colors-heading: 255, 255, 255;
26439      }
26440  .collection-card-featured_collection_zdTbTY .image-overlay,
26441  .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
26442    
26443      opacity: 80%;
26444    
26445  }
26446  .dark .collection-card-featured_collection_zdTbTY .image-overlay,
26447  .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
26448    
26449      opacity: 80%;
26450    
26451  }
26452  
26453    .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
26454      
26455        font-size: 1.0125rem;
26456      
26457    }
26458    @media screen and (min-width: 768px) {
26459      .spacing--template--24498228953451__collection_list_carousel_XkJ98q {
26460        gap: 4px;
26461      }
26462      .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
26463        
26464          font-size: 1.35rem;
26465        
26466      }
26467    }
26468  
26469</style>
26470  <div class="collection-card collection-card-featured_collection_zdTbTY group disable-effect card relative h-full block">
26471
26472  <div 
26473    x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
26474    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
26475    
26476  ><div       
26477        class="block md:rounded-[10px] rounded-[10px]"
26478      >
26479        
26480
26481          <div 
26482            class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10"
26483          >
26484            <img
26485              srcset="//bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=225 225w,
26486              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=375 375w,
26487              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=450 450w,
26488              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=750 750w,
26489              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=900 900w,
26490              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=1100 1100w,
26491              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=1500 1500w,
26492              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=1780 1780w,
26493              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=2000 2000w,
26494              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=3000 3000w,
26495              //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=3840 3840w"
26496              src="//bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=3840"
26497              sizes="
26498          
26499            (min-width: 1200px) 433px,
26500              (min-width: 768px) calc(100vw / 2), 
26501              calc(100vw / 2)
26502          
26503        "
26504              alt="Cover image for Fit at Last, isbn: 9781626560604"
26505              height="648"
26506              width="425"
26507              loading="lazy"  
26508              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
26509              onload="this?.classList.add('active'); 
26510                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
26511                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
26512              "
26513            >
26514          </div></div>
26515      <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div>
26516    
26517  <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 "
26518  >
26519    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
26520    ><p
26521          class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">The Ken Blanchard Library</p></div>
26522<style data-shopify>.button--featured_collection_zdTbTY.button-solid,
26523          .button--featured_collection_zdTbTY.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div>
26524        <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">
26525          
26526
26527  
26528    <span class="button-text  is-focus-button:opacity-0">Shop</span>
26529  
26530
26531
26532        </a>
26533      </div>
26534    
26535  </div>
26536  
26537    </div>
26538  
26539
26540  </div>
26541
26542                  
26543                    </div>
26544                  
26545
26546                    <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" >
26547                  
26548
26549
26550<style data-shopify>
26551.text-color-featured_collection_H4adgN {
26552        color: #ffffff;
26553        --colors-text: 255, 255, 255;
26554        --colors-heading: 255, 255, 255;
26555      }
26556  .collection-card-featured_collection_H4adgN .image-overlay,
26557  .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
26558    
26559      opacity: 80%;
26560    
26561  }
26562  .dark .collection-card-featured_collection_H4adgN .image-overlay,
26563  .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
26564    
26565      opacity: 80%;
26566    
26567  }
26568  
26569    .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
26570      
26571        font-size: 1.0125rem;
26572      
26573    }
26574    @media screen and (min-width: 768px) {
26575      .spacing--template--24498228953451__collection_list_carousel_XkJ98q {
26576        gap: 4px;
26577      }
26578      .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
26579        
26580          font-size: 1.35rem;
26581        
26582      }
26583    }
26584  
26585</style>
26586  <div class="collection-card collection-card-featured_collection_H4adgN group disable-effect card relative h-full block">
26587
26588  <div 
26589    x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
26590    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
26591    
26592  ><div       
26593        class="block md:rounded-[10px] rounded-[10px]"
26594      >
26595        
26596
26597          <div 
26598            class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10"
26599          >
26600            <img
26601              srcset="//bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=225 225w,
26602              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=375 375w,
26603              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=450 450w,
26604              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=750 750w,
26605              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=900 900w,
26606              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=1100 1100w,
26607              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=1500 1500w,
26608              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=1780 1780w,
26609              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=2000 2000w,
26610              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=3000 3000w,
26611              //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=3840 3840w"
26612              src="//bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=3840"
26613              sizes="
26614          
26615            (min-width: 1200px) 433px,
26616              (min-width: 768px) calc(100vw / 2), 
26617              calc(100vw / 2)
26618          
26619        "
26620              alt="Cover image for Trust at a Distance, isbn: 9798890571083"
26621              height="648"
26622              width="419"
26623              loading="lazy"  
26624              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
26625              onload="this?.classList.add('active'); 
26626                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
26627                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
26628              "
26629            >
26630          </div></div>
26631      <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div>
26632    
26633  <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 "
26634  >
26635    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
26636    ><p
26637          class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">The Remote Work Collection</p></div>
26638<style data-shopify>.button--featured_collection_H4adgN.button-solid,
26639          .button--featured_collection_H4adgN.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div>
26640        <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">
26641          
26642
26643  
26644    <span class="button-text  is-focus-button:opacity-0">Shop</span>
26645  
26646
26647
26648        </a>
26649      </div>
26650    
26651  </div>
26652  
26653    </div>
26654  
26655
26656  </div>
26657
26658                  
26659                    </div>
26660                  
26661
26662                    <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" >
26663                  
26664
26665
26666<style data-shopify>
26667.text-color-featured_collection_WcFU9K {
26668        color: #ffffff;
26669        --colors-text: 255, 255, 255;
26670        --colors-heading: 255, 255, 255;
26671      }
26672  .collection-card-featured_collection_WcFU9K .image-overlay,
26673  .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
26674    
26675      opacity: 80%;
26676    
26677  }
26678  .dark .collection-card-featured_collection_WcFU9K .image-overlay,
26679  .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay {
26680    
26681      opacity: 80%;
26682    
26683  }
26684  
26685    .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
26686      
26687        font-size: 1.0125rem;
26688      
26689    }
26690    @media screen and (min-width: 768px) {
26691      .spacing--template--24498228953451__collection_list_carousel_XkJ98q {
26692        gap: 4px;
26693      }
26694      .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title {
26695        
26696          font-size: 1.35rem;
26697        
26698      }
26699    }
26700  
26701</style>
26702  <div class="collection-card collection-card-featured_collection_WcFU9K group disable-effect card relative h-full block">
26703
26704  <div 
26705    x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
26706    class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]"
26707    
26708  ><div       
26709        class="block md:rounded-[10px] rounded-[10px]"
26710      >
26711        
26712
26713          <div 
26714            class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10"
26715          >
26716            <img
26717              srcset="//bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=225 225w,
26718              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=375 375w,
26719              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=450 450w,
26720              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=750 750w,
26721              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=900 900w,
26722              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=1100 1100w,
26723              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=1500 1500w,
26724              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=1780 1780w,
26725              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=2000 2000w,
26726              //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=3000 3000w,
26727              //bkcon

26727nection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=3840 3840w"
26728              src="//bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=3840"
26729              sizes="
26730          
26731            (min-width: 1200px) 433px,
26732              (min-width: 768px) calc(100vw / 2), 
26733              calc(100vw / 2)
26734          
26735        "
26736              alt="Cover image for Simple Truths of Leadership Playbook, isbn: 9781523006113"
26737              height="648"
26738              width="419"
26739              loading="lazy"  
26740              class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image"
26741              onload="this?.classList.add('active'); 
26742                this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
26743                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
26744              "
26745            >
26746          </div></div>
26747      <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div>
26748    
26749  <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 "
26750  >
26751    <div class="collection-item-title  leading-tight text-[rgba(var(--colors-heading))] text-medium"
26752    ><p
26753          class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">Essential Workbooks</p></div>
26754<style data-shopify>.button--featured_collection_WcFU9K.button-solid,
26755          .button--featured_collection_WcFU9K.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div>
26756        <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">
26757          
26758
26759  
26760    <span class="button-text  is-focus-button:opacity-0">Shop</span>
26761  
26762
26763
26764        </a>
26765      </div>
26766    
26767  </div>
26768  
26769    </div>
26770  
26771
26772  </div>
26773
26774                  
26775                    </div>
26776                  
26777</div>
26778            </div><div class="splide__arrows flex items-center justify-center">
26779                <button 
26780                  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"
26781                  aria-label="previous slide"
26782                >
26783                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
26784    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
26785  </svg>
26786
26787                </button>
26788                <button 
26789                  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"
26790                  aria-label="next slide"
26791                >
26792                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
26793    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
26794  </svg>
26795
26796                </button>
26797              </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">
26798                <div class="splide-progress inline-block grow rounded-md">
26799                   <style data-shopify>.splide-progress-bar-template--24498228953451__collection_list_carousel_XkJ98q {
26800                      width: 40.0%;
26801                    }
26802                    @media (min-width: 768px) {
26803                      .splide-progress-bar-template--24498228953451__collection_list_carousel_XkJ98q {
26804                        width: 60.0%;
26805                      }
26806                    }</style><div class="splide-progress-bar-template--24498228953451__collection_list_carousel_XkJ98q splide-progress-bar rounded-md"></div>
26807                </div>
26808              </div></div>
26809        </div>
26810      </div>
26811    </div>
26812  </div>
26813  
26814
26815</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 {
26816    
26817      background: #e6dbd5;
26818      --background-color: 230, 219, 213;
26819    
26820  }
26821  .dark .iwt--template--24498228953451__image_with_text_MVGaNU {
26822    
26823      background: rgb(var(--colors-background-secondary));
26824      --background-color: var(--colors-background-secondary);
26825    
26826  }.border-radius-template--24498228953451__image_with_text_MVGaNU {
26827      border-radius: 9px;
26828  }
26829  @media screen and (min-width: 768px) {}
26830  .border--template--24498228953451__image_with_text_MVGaNU, .border--template--24498228953451__image_with_text_MVGaNU:before {
26831    
26832      --colors-line-and-border: var(--colors-line-and-border-base)
26833    
26834    }
26835  .dark .border--template--24498228953451__image_with_text_MVGaNU, .dar

26835k .border--template--24498228953451__image_with_text_MVGaNU:before {
26836            
26837      --colors-line-and-border: var(--colors-line-and-border-base)
26838    
26839  }
26840  .icon--template--24498228953451__image_with_text_MVGaNU {
26841    width: 31.5px;
26842    height: 31.5px;
26843    min-width: 31.5px;
26844    min-height: 31.5px;
26845    
26846      color: #4d4a4b;
26847    
26848  }
26849  @media (min-width: 1024px){
26850    .icon--template--24498228953451__image_with_text_MVGaNU {
26851      width: 45px;
26852      height: 45px;
26853      min-width: 45px;
26854      min-height: 45px;
26855    }
26856  }
26857  .dark .icon--template--24498228953451__image_with_text_MVGaNU {
26858    
26859      color: rgb(var(--colors-text));
26860    
26861  }
26862  
26863  .dark .color-text--template--24498228953451__image_with_text_MVGaNU {
26864            
26865      --colors-text: var(--colors-text-secondary);
26866    
26867  }
26868  .columns-header-color--template--24498228953451__image_with_text_MVGaNU {
26869    
26870      --colors-heading: var(--colors-heading-secondary);
26871    
26872    }
26873  .dark .columns-header-color--template--24498228953451__image_with_text_MVGaNU {
26874            
26875      --colors-heading: var(--colors-heading-secondary);
26876    
26877  }</style><div class="ltr pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px] md:pl-5 md:pr-5 pr-5 pl-5">
26878  <div 
26879    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"
26880  >
26881    
26882      <div class="iwt-image border-radius-template--24498228953451__image_with_text_MVGaNU md:w-1/2 promotion w-full flex">
26883        <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">
26884          <div class="flex w-full h-full relative md:promotion:relative">
26885    
26886          
26887            
26888            
26889              
26890              <div class="border-radius-template--24498228953451__image_with_text_MVGaNU h-full w-full overflow-hidden h-full">
26891                <parallax-image class="block h-full w-full">
26892                  <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">
26893                    <img
26894                      class="h-full w-full object-cover border-radius-template--24498228953451__image_with_text_MVGaNU animate_transition_slide__image animate-Xpulse skeleton-image"
26895                      srcset="//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=450 450w,
26896                      //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=750 750w,
26897                      //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=900 900w,
26898                      //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1100 1100w,
26899                      //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1500 1500w,
26900                      //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291 1048w"
26901                      src="//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1500"
26902                      alt=""
26903                      
26904                        loading="lazy"
26905                      
26906                      onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active');"
26907                      sizes="(min-width: 1024px) 50vw, (min-width: 768px) 50vw, 100vw"
26908                      width="1048"
26909                      height="860"
26910                      style="object-position: 50.0% 50.0%"
26911                    >
26912                  </parallax-movement>
26913                </parallax-image>
26914              </div>
26915            
26916            
26917          
26918        </div>
26919      </div>
26920    </div>
26921    <div class="md:w-1/2 w-full flex justify-center md:justify-start items-center iwt-content-no-overlap">
26922      <div class="iwt-content  w-full lg:pl-24 lg:pr-24"><style data-shopify>.heading-size--heading_3F66z7 {
26923                  font-size: 1.08rem;
26924                }
26925                .color-text-heading_3F66z7 {
26926                  
26927                    --colors-heading: 84, 81, 82;

26928                  
26929                  
26930                }
26931                .dark .color-text-heading_3F66z7 {
26932                  
26933                    --colors-heading: var(--colors-heading-secondary);
26934                  
26935                  
26936                    --colors-text: var(--colors-text-secondary);
26937                  
26938                }
26939                @media (min-width: 768px) {
26940                  .heading-size--heading_3F66z7 {
26941                    font-size: 1.8rem;
26942                  }
26943                }</style>
26944              
26945              <div class="x-block-text color-text-heading_3F66z7 text-[rgb(var(--colors-text))] w-full mt-4 text-center">
26946                
26947                
26948                  
26949
26950
26951<style data-shopify>
26952  .heading-heading_3F66z7 {
26953    
26954  }
26955  .dark .heading-heading_3F66z7 {
26956    
26957      --color-highlight: #4d6391;
26958    
26959  }
26960</style>
26961
26962
26963 
26964  <h2 class='heading-size--heading_3F66z7  heading-heading_3F66z7 h2 block mt-2 mb-1.5 md:mt-2.5 md:mb-3 '  
26965  > 
26966
26967  
26968    
26969      Montgomery Station Press
26970    
26971  
26972</h2>
26973                
26974                
26975
26976
26977  <div class="rte"><p>Professional publishing with the editorial, design, marketing, and distribution capabilities of Berrett-Koehler</p></div>
26978
26979              </div>
26980        
26981
26982              
26983                <style data-shopify>
26984                  .button-button_KbR8Gx, .button-button_KbR8Gx *:before {
26985                    
26986                      --colors-button: 195, 149, 125;
26987                    
26988                    
26989                    
26990                    
26991                    
26992                    
26993                    
26994                  }
26995                  .dark .button-button_KbR8Gx, .dark .button-button_KbR8Gx *:before {
26996                      
26997                      --colors-button: 77, 99, 145;
26998                    
26999                     
27000                      --colors-button-text: 40, 41, 40; 
27001                    
27002                      
27003                      --colors-button-hover: rgb(77, 99, 145);
27004                    
27005                      
27006                      --colors-button-text-hover: 36, 36, 36;
27007                    
27008                      
27009                      --colors-secondary-button: 255, 255, 255;
27010                      --colors-line-secondary-button: 255, 255, 255;
27011                    
27012                    
27013                      --background-secondary-button: transparent;
27014                    
27015                    
27016                      --colors-text-link: 77, 99, 145;
27017                    
27018                  }
27019                </style>
27020                <div class="button-button_KbR8Gx flex justify-center mb-9 md:mb-4 mt-4 md:mt-8">
27021                  
27022                    <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">
27023                      
27024
27025  
27026    <span class="button-text  is-focus-button:opacity-0">Get Started Today</span>
27027  
27028
27029
27030                    </a>
27031                  
27032                </div>
27033              
27034
27035        
27036      </div>
27037    </div>
27038  </div>
27039</div>
27040
27041</section>
27042                                                
27043      </main>
27044
27045      
27046          <!-- BEGIN sections: footer-group-puff -->
27047<div id="shopify-section-sections--24498229510507__footer" class="shopify-section shopify-section-group-footer-group-puff section-footer">
27048<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">
27049      
27050<div id="selector-social" class=" flex lg:items-center lg:justify-end relative py-1.5 mx-auto">
27051    
27052      <ul class="social-list flex  flex-wrap opacity-70" role="list">
27053<li>
27054      <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">
27055    <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"/>
27056  </svg>
27057</a>
27058    </li><li>
27059      <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">

27059<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none">
27060    <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

27060C21.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"/>
27061    <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"/>
27062    <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"/>
27063  </svg>
27064</a>
27065    </li><li>
27066      <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">
27067    <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"/>
27068  </svg>
27069</a>
27070    </li><li>
27071      <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">
27072    <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"/>
27073  </svg>
27074</a>
27075    </li><li>
27076      <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">
27077    <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"/>
27078  </svg>
27079</a>
27080    </li></ul>

27081     </div>
27082    </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">
27083                        <p class="h6 text-[115%]">SHOP</p>
27084                        <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;">
27085    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
27086  </svg>
27087</span>
27088                      </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2">
27089                            <a href="/collections/books" class="hover-text-link nav-link relative block lg:inline-block">
27090                              Subjects
27091                            </a>
27092                          </li><li class="mb-1 first:pt-0 pt-2">
27093                            <a href="/collections" class="hover-text-link nav-link relative block lg:inline-block">
27094                              Collections
27095                            </a>
27096                          </li><li class="mb-1 first:pt-0 pt-2">
27097                            <a href="/pages/request-an-exam-copy" class="hover-text-link nav-link relative block lg:inline-block">
27098                              Request an Exam Copy
27099                            </a>
27100                          </li><li class="mb-1 first:pt-0 pt-2">
27101                            <a href="https://share.hsforms.com/1Y5Y-XVDOQty9gUnWt54xVA1s9tp?hsCtaAttrib=184994081100" class="hover-text-link nav-link relative block lg:inline-block">
27102                              Newsletters
27103                            </a>
27104                          </li><li class="mb-1 first:pt-0 pt-2">
27105                            <a href="/pages/bk-community" class="hover-text-link nav-link relative block lg:inline-block">
27106                              Membership
27107                            </a>
27108                          </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">
27109                        <p class="h6 text-[115%]">AUTHORS</p>
27110                        <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;">
27111    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
27112  </svg>
27113</span>
27114                      </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2">
27115                            <a href="/pages/why-bk" class="hover-text-link nav-link relative block lg:inline-block">
27116                              Why BK?
27117                            </a>
27118                          </li><li class="mb-1 first:pt-0 pt-2">
27119                            <a href="/pages/montgomery-station-press" class="hover-text-link nav-link relative block lg:inline-block">
27120                              Montgomery Station Press
27121                            </a>
27122                          </li><li class="mb-1 first:pt-0 pt-2">
27123                            <a href="/pages/proposals" class="hover-text-link nav-link relative block lg:inline-block">
27124                              Proposals
27125                            </a>
27126                          </li><li class="mb-1 first:pt-0 pt-2">
27127                            <a href="/pages/author-services" class="hover-text-link nav-link relative block lg:inline-block">
27128                              Author Services
27129                            </a>
27130                          </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">
27131                        <p class="h6 text-[115%]">SUPPORT</p>

27132                        <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;">
27133    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
27134  </svg>
27135</span>
27136                      </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2">
27137                            <a href="/pages/faq" class="hover-text-link nav-link relative block lg:inline-block">
27138                              FAQ
27139                            </a>
27140                          </li><li class="mb-1 first:pt-0 pt-2">
27141                            <a href="/pages/bookshelf" class="hover-text-link nav-link relative block lg:inline-block">
27142                              Ebooks
27143                            </a>
27144                          </li><li class="mb-1 first:pt-0 pt-2">
27145                            <a href="/pages/contact" class="hover-text-link nav-link relative block lg:inline-block">
27146                              Contact us
27147                            </a>
27148                          </li><li class="mb-1 first:pt-0 pt-2">
27149                            <a href="/pages/returns" class="hover-text-link nav-link relative block lg:inline-block">
27150                              Returns
27151                            </a>
27152                          </li><li class="mb-1 first:pt-0 pt-2">
27153                            <a href="/pages/bulk-discounts" class="hover-text-link nav-link relative block lg:inline-block">
27154                              Bulk Discounts
27155                            </a>
27156                          </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">
27157                        <p class="h6 text-[115%]">POLICIES</p>
27158                        <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;">
27159    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
27160  </svg>
27161</span>
27162                      </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2">
27163                            <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block">
27164                              Refund Policy
27165                            </a>
27166                          </li><li class="mb-1 first:pt-0 pt-2">
27167                            <a href="/policies/shipping-policy" class="hover-text-link nav-link relative block lg:inline-block">
27168                              Shipping Policy
27169                            </a>
27170                          </li><li class="mb-1 first:pt-0 pt-2">
27171                            <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
27172                              Privacy Policy
27173                            </a>
27174                          </li><li class="mb-1 first:pt-0 pt-2">
27175                            <a href="/pages/accessibility" class="hover-text-link nav-link relative block lg:inline-block">
27176                              Accessibility 
27177                            </a>
27178                          </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">
27179      
27180      
27181

27181<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 27181

27182<script type="module">
27183  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js");
27184
27185  
27186</script>

27186
27187
27188<shop-follow-button ux-mode="windoid" return-uri="https://bkconnection.com/account/redirect" proxy="true"></shop-follow-button>
27189
27190      
27191    </div><div class="additional-footer ltr mx-5"
27192  >
27193    <div class="flex flex-col"><div class="flex flex-col items-center lg:mt-2 order-last">
27194        <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 p-break-words"><p class="inline-block">&copy; 2026, </p>
27195            <a href="/" title="">Berrett-Koehler Publishers</a>.<div class="ml-1 inline-block">
27196                <p>Powered by <a href="https://supadu.com" target="_blank">Supadu.</a></p>
27197              </div>
27198        </div>
27199      </div></div>
27200  </div>
27201</div>
27202</div>
27203<!-- END sections: footer-group-puff -->
27204        
27205
27206      <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>
27207
27208      
27209        <div class="scroll-to-top">
27210  <style data-shopify>
27211    .scroll_top {
27212      bottom: 40px;
27213    }
27214    @media(min-width: 768px) {
27215      .scroll_top {
27216        bottom: 40px;
27217      }
27218    }
27219  </style>
27220  <div
27221    x-data="xScrollTop"
27222    @init-run.window="scrollFunction()"
27223    @scroll.window="scrollFunction()"
27224    class="hidden md:block"
27225  >
27226    <button 
27227      x-show="show" x-cloak 
27228      @click="scrollTop()" 
27229      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"
27230      x-transition:enter="transition-all ease-in-out duration-500"
27231      x-transition:enter-start="opacity-0 transform translate-y-1/3"
27232      x-transition:enter-end="opacity-100 translate-y-0"
27233      x-transition:leave="transition-all ease-in-out duration-500"
27234      x-transition:leave-end="opacity-0 transform translate-y-1/3"
27235      aria-label="scroll top"
27236    >
27237      
27238        <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;">
27239        <path d="M14.6998 17.7577L20 12.3788L14.6998 7M4 12.3789H18.9697" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
27240      </svg>
27241
27242      
27243    </button>
27244  </div>
27245
27246

27246<script>
27247    requestAnimationFrame(() => {
27248      document.addEventListener('alpine:init', () => {
27249        Alpine.data('xScrollTop', () => ({
27250          show: false,
27251          scrollTop() {
27252            window.scrollTo({top: 0, behavior: 'smooth'});
27253          },
27254          scrollFunction() {
27255            const position = window.innerWidth < 1025 ? 300 : 900;
27256            this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position)
27257              ? true : false;
27258          }
27259        }));
27260      });
27261    });
27262  </script>

27262
27263</div>
27264      
27265
27266      
27267    </div>
27268    <ul hidden>
27269      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.
27270      </li>
27271      <li id="a11y-new-window-message">Opens in a new window.
27272      </li>
27273    </ul>
27274

27274<script>
27275      window.Eurus = {
27276        sliderScript: '//bkconnection.com/cdn/shop/t/4/assets/splide4.1.3.js?v=75458750262329959491747335364',
27277        cart_error: `There was an error while updating your cart. Please try again.`,
27278        cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`,
27279        loadedScript: [],
27280        cart_add_url: '/cart/add'
27281      };
27282    </script>

27286<script src="//bkconnection.com/cdn/shop/t/4/assets/product-recommendations.js?v=34614423222916566501747335364" defer></script>

27286
27287

27288<script src="//bkconnection.com/cdn/shop/t/4/assets/cart-countdown-timer.js?v=136257643267519206061747335364" defer></script>

27288<script src="//bkconnection.com/cdn/shop/t/4/assets/theme.js?v=54686740836025028391747335364" defer></script>

27288
27289

27289<script src="//bkconnection.com/cdn/shop/t/4/assets/vendors.js?v=21726020999429958561747335364" defer></script>

27289
27290

27290<script>
27291      window.addEventListener("load", (event) => {
27292        deferScriptLoad('instant.page', '//bkconnection.com/cdn/shop/t/4/assets/instant.page.v5.1.1.js?v=43232110432331176871747335364', () => {}, true);
27293      });
27294    </script>

27294
27295<!-- Start of HubSpot Embed Code -->

27296<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/2998717.js"></script>

27296
27297<!-- End of HubSpot Embed Code -->
27298  <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>
27299<div id="shopify-block-AR3JYQXBkSHBtRUJsW__1923486770171284578" class="shopify-block shopify-app-block">
27300
27301
27302
27303

27304<script>
27305  (function simpleePreventDuplicates() {
27306    if (window.simpleePreventDuplicatesActive) return;
27307    window.simpleePreventDuplicatesActive = true;
27308    function fixMembershipQuantities() {
27309      fetch('/cart.js')
27310        .then(r => r.json())
27311        .then(cart => {
27312          if (!cart || !cart.items) return;
27313          let updates = {};
27314          let needsUpdate = false;
27315          cart.items.forEach(item => {
27316            if (item.selling_plan_allocation && item.quantity > 1) {
27317              updates[item.key] = 1;
27318              needsUpdate = true;
27319            }
27320          });
27321          if (needsUpdate) {
27322            fetch('/cart/update.js', {
27323              method: 'POST',
27324              headers: { 'Content-Type': 'application/json' },
27325              body: JSON.stringify({ updates: updates })
27326            }).then(() => {
27327              window.location.reload();
27328            }).catch(err => console.error('Simplee Cart Update Error:', err));
27329          }
27330        })
27331        .catch(err => console.error('Simplee Cart Fetch Error:', err));
27332    }
27333    fixMembershipQuantities();
27334    const _origFetch = window.fetch;
27335    window.fetch = async function(...args) {
27336      const url = typeof args[0] === 'string' ? args[0] : (args[0] && args[0].url) || '';
27337      const resp = await _origFetch.apply(this, args);
27338      if (resp.status === 422 && url.includes('/cart/')) {
27339        fixMembershipQuantities();
27340      }
27341      return resp;
27342    };
27343    const _origXHR = window.XMLHttpRequest;
27344    window.XMLHttpRequest = function() {
27345      const xhr = new _origXHR();
27346      xhr.addEventListener('load', function() {
27347        if (xhr.status === 422 && xhr.responseURL && xhr.responseURL.includes('/cart/')) {
27348          fixMembershipQuantities();
27349        }
27350      });
27351      return xhr;
27352    };
27353    
27354    document.addEventListener('submit', function(e) {
27355      if (e.defaultPrevented) return;
27356      var form = e.target;
27357      if (form && form.action && form.action.includes('/cart/add')) {
27358        var hasSellingPlan = form.querySelector('[name="selling_plan"]');
27359        if (hasSellingPlan && hasSellingPlan.value) {
27360          e.preventDefault();
27361          fetch('/cart/add.js', {
27362            method: 'POST',
27363            body: new FormData(form)
27364          })
27365          .then(res => res.json())
27366          .then(data => {
27367            if (data.status === 422) {
27368               alert(data.description || 'A duplicate membership was removed from your cart. Only one membership is allowed.');
27369            }
27370            window.location.href = '/cart';
27371          })
27372          .catch(() => {
27373            window.location.href = '/cart';
27374          });
27375        }
27376      }
27377    });
27378  })();
27379</script>

27379
27380
27381
27382
27383  <div class="simplee-div">
27384    <!-- BEGIN app snippet: simplee -->
27385<!-- END app snippet -->
27386  </div>
27387  
27388
27389  
27390  
27391
27392  
27393
27394  
27395  
27396</div><div id="shopify-block-AbHdwMnZWWDI2eGg1d__12331707899451543273" class="shopify-block shopify-app-block"><div style="display: none;" hidden>
27397    Powerx - Function creator (Fixed)
27398</div>
27399

27400<script>
27401// Global state management to prevent race conditions
27402let isUpdating = false;
27403let updateQueue = [];
27404
27405// Debounced update function to prevent multiple simultaneous requests
27406async function safeUpdateCartAttributes() {
27407    if (isUpdating) {
27408        // If already updating, queue this request
27409        return new Promise((resolve) => {
27410            updateQueue.push(resolve);
27411        });
27412    }
27413    
27414    isUpdating = true;
27415    
27416    try {
27417        await updateAllCartAttributes();
27418        
27419        // Resolve any queued promises
27420        const queuedPromises = [...updateQueue];
27421        updateQueue = [];
27422        queuedPromises.forEach(resolve => resolve());
27423        
27424    } catch (error) {
27425        console.error('Error in safeUpdateCartAttributes:', error);
27426    } finally {
27427        isUpdating = false;
27428    }
27429}
27430
27431// Check if cart is ready and accessible
27432async function isCartReady() {
27433    try {
27434        const response = await fetch('/cart.js');
27435        return response.ok;
27436    } catch (error) {
27437        console.error('Cart not ready:', error);
27438        return false;
27439    }
27440}
27441
27442// Combined function to update all cart attributes in a single request
27443async function updateAllCartAttributes() {
27444    try {
27445        // Wait for cart to be ready
27446        if (!(await isCartReady())) {
27447            console.warn('Cart not ready, skipping update');
27448            return;
27449        }
27450
27451        // Fetch the latest cart data
27452        const cartResponse = await fetch('/cart.js');
27453        if (!cartResponse.ok) {
27454            console.error('Failed to fetch cart data:', cartResponse.status);
27455            return;
27456        }
27457        const cart = await cartResponse.json();
27458
27459        // Prepare all attributes in one object
27460        const allAttributes = {};
27461        const existingAttributes = cart.attributes || {};
27462
27463        // 1. Update discount tracking
27464        let newPowerxDiscount = '';
27465        if (cart.total_discount > 0) {
27466            const discountTitles = new Set();
27467            // Collect cart-level discount titles
27468            if (cart.cart_level_discount_applications) {
27469                cart.cart_level_discount_applications.forEach(app => {
27470                    if (app.title) discountTitles.add(app.title);
27471                });
27472            }
27473            // Collect line-level discount titles
27474            if (cart.items) {
27475                cart.items.forEach(item => {
27476                    if (item.line_level_discount_allocations) {
27477                        item.line_level_discount_allocations.forEach(alloc => {
27478                            if (alloc.discount_application && alloc.discount_application.title) {
27479                                discountTitles.add(alloc.discount_application.title);
27480                            }
27481                        });
27482                    }
27483                });
27484            }
27485            newPowerxDiscount = Array.from(discountTitles).map(t => t.toLowerCase()).join(',');
27486        }
27487
27488        const currentPowerxDiscount = (cart.attributes && cart.attributes._powerx_discount) || '';
27489        if (currentPowerxDiscount !== newPowerxDiscount) {
27490            allAttributes._powerx_discount = newPowerxDiscount;
27491        }
27492
27493        // 2. Handle URL parameters and removals
27494        await addUrlParameterAttributes(allAttributes, existingAttributes);
27495
27496        // 3. Handle expired attributes
27497        await addExpiredAttributeRemovals(allAttributes, existingAttributes);
27498
27499        // Nothing changed: never POST. A no-op cart update makes themes that
27500        // listen for /cart/update re-render or reload on every page view.
27501        if (Object.keys(allAttributes).length === 0) {
27502            return true;
27503        }
27504
27505        // 4. Add timestamp alongside the real changes
27506        allAttributes._powerx_datetime = Math.floor(Date.now() / 1000);
27507
27508        // Single update request for all attributes
27509        const response = await fetch('/cart/update.js', {
27510            method: 'POST',
27511            headers: { 'Content-Type': 'application/json' },
27512            body: JSON.stringify({ attributes: allAttributes })
27513        });
27514
27515        if (!response.ok) {
27516            console.error('Failed to update cart attributes:', response.status);
27517            return false;

27518        }
27519
27520        // Update localStorage only after successful cart update
27521        await updateLocalStorage(allAttributes);
27522        return true;
27523    } catch (error) {
27524        console.error('Error updating cart attributes:', error);
27525        return false;
27526    }
27527}
27528
27529// Handle URL parameter attributes
27530async function addUrlParameterAttributes(allAttributes, existingAttributes = {}) {
27531    try {
27532        // Get settings from schema
27533        const trackedParametersRaw = "powerx_attr";
27534        const trackedParameters = trackedParametersRaw 
27535            ? trackedParametersRaw.split(',').map(param => param.trim()).filter(param => param) 
27536            : ['powerx_attr'];
27537        const removeParameterRaw = "powerx_rm_attr";
27538        const removeParameter = removeParameterRaw ? removeParameterRaw.trim() : 'powerx_rm_attr';
27539
27540        // Parse URL parameters
27541        const urlParams = new URLSearchParams(window.location.search);
27542
27543        // Collect attributes to set from URL
27544        for (const [key, value] of urlParams) {
27545            if (trackedParameters.includes(key) && existingAttributes[key] !== value) {
27546                allAttributes[key] = value;
27547            }
27548        }
27549
27550        // Collect attributes to remove manually via remove_parameter
27551        if (removeParameter) {
27552            const removeValues = urlParams.getAll(removeParameter);
27553            for (const value of removeValues) {
27554                const attrs = value.split(',').map(attr => attr.trim()).filter(attr => attr);
27555                for (const attr of attrs) {
27556                    // Only remove what is actually set, otherwise every page load
27557                    // would send an identical no-op cart update
27558                    if (existingAttributes[attr]) {
27559                        allAttributes[attr] = ''; // Empty string removes the attribute
27560                    }
27561                }
27562            }
27563        }
27564    } catch (error) {
27565        console.error('Error processing URL parameters:', error);
27566    }
27567}
27568
27569// Handle expired attributes
27570async function addExpiredAttributeRemovals(allAttributes, existingAttributes = {}) {
27571    try {
27572        const expireAfterHoursRaw = 5;
27573        const expireAfterHours = expireAfterHoursRaw ? parseInt(expireAfterHoursRaw, 10) : 0;
27574
27575        if (expireAfterHours > 0) {
27576            const now = Date.now();
27577            const attributesToRemoveExpired = [];
27578            
27579            for (let i = 0; i < localStorage.length; i++) {
27580                const key = localStorage.key(i);
27581                if (key && key.startsWith('powerx_attr_')) {
27582                    try {
27583                        const data = JSON.parse(localStorage.getItem(key));
27584                        const attrName = key.replace('powerx_attr_', '');
27585                        const expirationTime = data.timestamp + (expireAfterHours * 60 * 60 * 1000);
27586                        if (now > expirationTime) {
27587                            attributesToRemoveExpired.push(attrName);
27588                        }
27589                    } catch (parseError) {
27590                        console.warn('Invalid localStorage data for key:', key);
27591                        // Remove invalid localStorage entry
27592                        localStorage.removeItem(key);
27593                    }
27594                }
27595            }
27596
27597            // Add expired attributes to removal list
27598            for (const attr of attributesToRemoveExpired) {
27599                if (existingAttributes[attr]) {
27600                    allAttributes[attr] = ''; // Empty string removes the attribute
27601                } else {
27602                    // Already gone from the cart, just drop the stale local record
27603                    localStorage.removeItem(`powerx_attr_${attr}`);
27604                }
27605            }
27606        }
27607    } catch (error) {
27608        console.error('Error processing expired attributes:', error);
27609    }
27610}
27611
27612// Update localStorage after successful cart update
27613async function updateLocalStorage(updatedAttributes) {
27614    try {
27615        const trackedParametersRaw = "powerx_attr";
27616        const trackedParameters = trackedParametersRaw 
27617            ? trackedParametersRaw.split(',').map(param => param.trim()).filter(param => param) 
27618            : ['powerx_attr'];
27619
27620        const now = Date.now();
27621        
27622        for (const [key, value] of Object.entries(updatedAttributes)) {
27623            if (trackedParameters.includes(key) && value && value !== '') {
27624                // Store tracked parameters with timestamp
27625                localStorage.setItem(`powerx_attr_${key}`, JSON.stringify({
27626                    value,
27627                    timestamp: now
27628                }));
27629            } else if (value === '') {
27630                // Remove attributes that were set to empty string
27631                localStorage.removeItem(`powerx_attr_${key}`);
27632            }
27633        }
27634    } catch (error) {
27635        console.error('Error updating localStorage:', error);
27636    }
27637}
27638
27639// Initialize with proper timing and error handling
27640async function initializePowerxEmbed() {
27641    try {
27642        // Wait longer for cart operations to complete
27643        await new Promise(resolve => setTimeout(resolve, 2000));
27644        
27645        // Check if we have any work to do
27646        const trackedParametersRaw = "powerx_attr";
27647        const trackedParameters = trackedParametersRaw 
27648            ? trackedParametersRaw.split(',').map(param => param.trim()).filter(param => param) 
27649            : ['powerx_attr'];
27650        const removeParameterRaw = "powerx_rm_attr";
27651        const removeParameter = removeParameterRaw ? removeParameterRaw.trim() : 'powerx_rm_attr';
27652
27653        // Exit if no parameters to track and no removal parameter
27654        if (trackedParameters.length === 0 && !removeParameter) {
27655            return;
27656        }
27657
27658        // Perform the update
27659        await safeUpdateCartAttributes();
27660        
27661    } catch (error) {
27662        console.error('Error initializing PowerX embed:', error);
27663    }
27664}
27665
27666// Event listeners with debouncing
27667let cartUpdateTimeout;
27668function handleCartUpdate() {
27669    // Clear existing timeout to debounce rapid cart updates
27670    if (cartUpdateTimeout) {

27671        clearTimeout(cartUpdateTimeout);
27672    }
27673    
27674    // Set a new timeout to handle the update after a brief delay
27675    cartUpdateTimeout = setTimeout(() => {
27676        safeUpdateCartAttributes();
27677    }, 500); // 500ms delay to allow cart operations to settle
27678}
27679
27680// // Listen for cart updates with proper debouncing
27681// document.addEventListener('cart:updated', handleCartUpdate);
27682
27683// // Also listen for other common cart events
27684// document.addEventListener('cart:added', handleCartUpdate);
27685// document.addEventListener('cart:changed', handleCartUpdate);
27686
27687// Initialize the embed
27688initializePowerxEmbed();
27689
27690</script>

27690
27691
27692</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">

27692<script>
27693  window['ShopifyForms'] = {
27694    ...window['ShopifyForms'],
27695    currentPageType: "index"
27696  };
27697</script>

27697
27698
27699
27700</div>

27700<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>

27700
27701</body>
27702</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.