1<!doctype html> 2<html class="no-js" lang="en"> 3 <head> 4 5 6 <meta charset="utf-8"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 <meta name="theme-color" content=""> 10 11 <link rel="canonical" href="https://bkconnection.com/"> 12 13<link rel="icon" type="image/png" href="//bkconnection.com/cdn/shop/files/logo_submark_final.png?crop=center&height=32&v=1753389391&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> 14 Berrett-Koehler Publishers | Books for a Better World 15</title> 16
16<script type="application/ld+json"> 17 { 18 "@context": "http://schema.org", 19 "@type": "OnlineStore", 20 "name": "Berrett-Koehler Publishers", 21 "description": "Empowering readers through bold ideas and transformative booksâBerrett-Koehler connects people and ideas to create a more equitable, inclusive, and sustainable world.", 22 23 "logo": "https:\/\/bkconnection.com\/cdn\/shop\/files\/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701\u0026width=112", 24 25 "telephone": "15108172277", 26 "address": [{ 27 "@type": "PostalAddress", 28 "streetAddress": "1333 Broadway", 29 "addressLocality": " Suite P100", 30 "addressRegion": " Oakland", 31 "postalCode": " CA 94612", 32 "addressCountry": " US" 33 },{ 34 "streetAddress": "", 35 "addressLocality": "", 36 "addressRegion": "", 37 "postalCode": "", 38 "addressCountry": "" 39 }], 40 "email": "[email protected]" 41 } 42 </script>
42 43 44 <meta name="description" content="Empowering readers through bold ideas and transformative booksâBerrett-Koehler connects people and ideas to create a more equitable, inclusive, and sustainable world."> 45 46 <link rel="preload" href="//bkconnection.com/cdn/shop/t/4/assets/theme.css?v=91687875800249173261747335395" as="style" crossorigin="anonymous" /> 47 <link rel="preload" href="//bkconnection.com/cdn/fonts/amiri/amiri_n4.fee8c3379b68ea3b9c7241a63b8a252071faad52.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> 48 49 50 51<meta property="og:site_name" content="Berrett-Koehler Publishers"> 52<meta property="og:url" content="https://bkconnection.com/"> 53<meta property="og:title" content="Berrett-Koehler Publishers | Books for a Better World"> 54<meta property="og:type" content="website"> 55<meta property="og:description" content="Empowering readers through bold ideas and transformative booksâBerrett-Koehler connects people and ideas to create a more equitable, inclusive, and sustainable world."><meta property="og:image" content="http://bkconnection.com/cdn/shop/files/Social_Sharing_Image_1.png?v=1749061221"> 56 <meta property="og:image:secure_url" content="https://bkconnection.com/cdn/shop/files/Social_Sharing_Image_1.png?v=1749061221"> 57 <meta property="og:image:width" content="1200"> 58 <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image"> 59<meta name="twitter:title" content="Berrett-Koehler Publishers | Books for a Better World"> 60<meta name="twitter:description" content="Empowering readers through bold ideas and transformative booksâBerrett-Koehler connects people and ideas to create a more equitable, inclusive, and sustainable world."> 61<style data-shopify>@font-face { 62 font-family: Karla; 63 font-weight: 400; 64 font-style: normal; 65 font-display: swap; 66 src: url("//bkconnection.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2") format("woff2"), 67 url("//bkconnection.com/cdn/fonts/karla/karla_n4.e9f6f9de321061073c6bfe03c28976ba8ce6ee18.woff") format("woff"); 68} 69 70 @font-face { 71 font-family: Amiri; 72 font-weight: 400; 73 font-style: normal; 74 font-display: swap; 75 src: url("//bkconnection.com/cdn/fonts/amiri/amiri_n4.fee8c3379b68ea3b9c7241a63b8a252071faad52.woff2") format("woff2"), 76 url("//bkconnection.com/cdn/fonts/amiri/amiri_n4.94cde4e18ec8ae53bf8f7240b84e1f76ce23772d.woff") format("woff"); 77} 78 79 @font-face { 80 font-family: Karla; 81 font-weight: 400; 82 font-style: normal; 83 font-display: swap; 84 src: url("//bkconnection.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2") format("woff2"), 85 url("//bkconnection.com/cdn/fonts/karla/karla_n4.e9f6f9de321061073c6bfe03c28976ba8ce6ee18.woff") format("woff"); 86} 87 88 @font-face { 89 font-family: Karla; 90 font-weight: 700; 91 font-style: normal; 92 font-display: swap; 93 src: url("//bkconnection.com/cdn/fonts/karla/karla_n7.4358a847d4875593d69cfc3f8cc0b44c17b3ed03.woff2") format("woff2"), 94 url("//bkconnection.com/cdn/fonts/karla/karla_n7.96e322f6d76ce794f25fa29e55d6997c3fb656b6.woff") format("woff"); 95} 96 97 @font-face { 98 font-family: Karla; 99 font-weight: 700; 100 font-style: normal; 101 font-display: swap; 102 src: url("//bkconnection.com/cdn/fonts/karla/karla_n7.4358a847d4875593d69cfc3f8cc0b44c17b3ed03.woff2") format("woff2"), 103 url("//bkconnection.com/cdn/fonts/karla/karla_n7.96e322f6d76ce794f25fa29e55d6997c3fb656b6.woff") format("woff"); 104} 105 106 107 @font-face { 108 font-family: Amiri; 109 font-weight: 700; 110 font-style: normal; 111 font-display: swap; 112 src: url("//bkconnection.com/cdn/fonts/amiri/amiri_n7.18bdf9995a65958ebe1ecc6a8e58369f2e5fde36.woff2") format("woff2"), 113 url("//bkconnection.com/cdn/fonts/amiri/amiri_n7.4018e09897bebe29690de457ff22ede457913518.woff") format("woff"); 114} 115 116 @font-face { 117 font-family: Amiri; 118 font-weight: 400; 119 font-style: italic; 120 font-display: swap; 121 src: url("//bkconnection.com/cdn/fonts/amiri/amiri_i4.95beacf234505f7529ea2b9b84305503763d41e2.woff2") format("woff2"), 122 url("//bkconnection.com/cdn/fonts/amiri/amiri_i4.8d0b215ae13ef2acc52deb9eff6cd2c66724cd2c.woff") format("woff"); 123} 124 125 @font-face { 126 font-family: Amiri; 127 font-weight: 700; 128 font-style: italic; 129 font-display: swap; 130 src: url("//bkconnection.com/cdn/fonts/amiri/amiri_i7.d86700268b4250b5d5dd87a772497e6709d54e11.woff2") format("woff2"), 131 url("//bkconnection.com/cdn/fonts/amiri/amiri_i7.cb7296b13edcdeb3c0aa02998d8a90203078f1a1.woff") format("woff"); 132} 133�</style><link href="//bkconnection.com/cdn/shop/t/4/assets/theme.css?v=91687875800249173261747335395" rel="stylesheet" type="text/css" media="all" /> 134<style data-shopify>:root, 135 *:before { 136 --base-font-size: 0.875rem; 137 --font-size-medium-mobile: 0.9rem; 138 --font-size-medium: 1.0rem; 139 --font-size-small: 0.625rem; 140 --font-size-small-mobile: 0.5625rem; 141 --font-size-normal: 0.75rem; 142 --font-size-normal-mobile: 0.675rem; 143 --font-size-large: 1.25rem; 144 --font-size-large-mobile: 1.125rem; 145 --heading-highlight-font-size: 100%; 146 --h1-font-size: 3.825rem; 147 --h2-font-size: 2.25rem; 148 --h3-font-size: 1.35rem; 149 --h4-font-size: 1.2375rem; 150 --h5-font-size: 1.125rem; 151 --h6-font-size: 1.0125rem; 152 --base-font-size-mobile: 0.7875rem; 153 --h1-font-size-mobile: 1.9125rem; 154 --h2-font-size-mobile: 1.35rem; 155 --h3-font-size-mobile: 0.945rem; 156 --h4-font-size-mobile: 0.86625rem; 157 --h5-font-size-mobile: 0.7875rem; 158 --h6-font-size-mobile: 0.70875rem; 159 --rating-star-size: 0.7rem; 160 --border-radius: 6px; 161 --page-width: 1200px; 162 --width-countdown: 7.875rem; 163 --font-menu: Karla, sans-serif; 164 --font-menu-weight: 400; 165 --font-menu-style: normal; 166 --font-button: Karla, sans-serif; 167 --font-button-weight: 700; 168 --font-button-style: normal; 169 --font-body-family: Amiri, serif; 170 --font-body-style: normal; 171 --font-body-weight: 400; 172 --font-heading-family: Karla, sans-serif; 173 --font-heading-highlight: Karla, sans-serif; 174 --font-heading-highlight-style: normal;
175 --font-heading-highlight-weight: 700; 176 --font-heading-style: normal; 177 --font-heading-weight: 400; 178 --heading-text-tranform: uppercase; 179 --advanced-sections-spacing: 40px; 180 --divider-spacing: -40; 181 182 --colors-pulse-speech: 104, 102, 72; 183 --image-treatment-overlay: 0, 0, 0; 184 --image-treatment-text: 255, 255, 255; 185 --colors-line-and-border: 200, 184, 159; 186 --colors-line-and-border-base: 200, 184, 159; 187 --colors-line-header: 248, 192, 0; 188 --colors-line-footer: 192, 192, 192; 189 --colors-background: 255, 255, 255; 190 --colors-text: 77, 74, 75; 191 --colors-heading: 77, 74, 75; 192 --colors-heading-base: 77, 74, 75; 193 --colors-background-secondary: 221, 231, 241; 194 --colors-text-secondary: 77, 74, 75; 195 --colors-heading-secondary: 77, 99, 145; 196 --colors-text-link: 77, 99, 145; 197 --background-color: 255, 255, 255; 198 --background-color-header: 255, 255, 255; 199 --colors-text-header: 77, 74, 75; 200 --background-color-footer: 77, 74, 75; 201 --colors-text-footer: 255, 255, 255; 202 --colors-heading-footer: 192, 192, 192; 203 --colors-text-link-footer: 255, 255, 255; 204 --color-error: 169, 0, 0; 205 --color-success: 77, 99, 145; 206 --colors-price: 77, 74, 75; 207 --colors-price-sale: 169, 0, 0; 208 --colors-button-text: 255, 255, 255; 209 --colors-button: 77, 99, 145; 210 --colors-button-text-hover: 255, 255, 255; 211 --colors-secondary-button: 77, 99, 145; 212 --colors-button-hover: rgb(77, 74, 75); 213 --colors-cart: 169, 0, 0; 214 --colors-cart-text: 255, 255, 255; 215 --colors-icon-rating: 248, 192, 0; 216 --colors-transition-arrows: 0, 0, 0; 217 --color-highlight: #4d6391; 218 --background-pagination-slideshow: 32, 32, 32; 219 --text-color-pagination-slideshow: 255, 255, 255; 220 221 --background-secondary-button: transparent; 222 --colors-line-secondary-button: 77, 99, 145; 223 224 225 --button-width: 120%; 226 --button-height: 100%; 227 --button-transform: rotate3d(0,0,1,10deg) translate3d(-1.2em,110%,0); 228 --button-transform-origin: 0% 100%; 229 230 231 --height-parallax: 110%; 232 233 234 --image-zoom: 1.05; 235 236 --card-product-bg: rgba(0,0,0,0); 237 --card-product-padding: 20px; 238 --card-product-padding-mobile: 5px; 239 --card-product-alignment: center; 240 241 --width-scrollbar: 0; 242 --card-product-ratio: 150.0%; 243 --card-product-img-position: absolute; 244 --card-product-img-height: 0; 245 --card-product-img-zoom: scale(1.1); 246 --height-header: 0px; 247 --transition-card-loading: 600ms; 248 --transition-card-image-hover: 500ms;
249 --transition-slideshow: 600ms; 250 --transition-image-hover: 600ms; 251 } 252 .dark, 253 .dark *:before { 254 --image-treatment-overlay: 32, 32, 32; 255 --image-treatment-text: 255, 255, 255; 256 --colors-line-and-border: 49, 49, 49; 257 --colors-line-and-border-base: 49, 49, 49; 258 --colors-line-header: 49, 49, 49; 259 --colors-line-footer: 82, 80, 81; 260 --colors-background: 32, 32, 32; 261 --colors-text: 255, 255, 255; 262 --colors-heading: 255, 255, 255; 263 --colors-heading-base: 255, 255, 255; 264 --background-color: 32, 32, 32; 265 --colors-text-link: 77, 99, 145; 266 --color-error: 169, 0, 0; 267 --color-success: 66, 162, 70; 268 --background-color-header: 32, 32, 32; 269 --colors-text-header: 255, 255, 255; 270 --background-color-footer: 41, 41, 41; 271 --colors-text-footer: 137, 137, 137; 272 --colors-heading-footer: 255, 255, 255; 273 --colors-text-link-footer: 107, 112, 80; 274 --colors-price: 195, 195, 195; 275 --colors-price-sale: 169, 0, 0; 276 --colors-button-text: 40, 41, 40; 277 --colors-button: 77, 99, 145; 278 --colors-button-text-hover: 36, 36, 36; 279 --colors-secondary-button: 255, 255, 255; 280 --colors-button-hover: rgb(77, 99, 145); 281 --colors-cart: 107, 112, 80; 282 --colors-cart-text: 255, 255, 255; 283 --colors-background-secondary: 77, 74, 75; 284 --colors-text-secondary: 225, 227, 225; 285 --colors-heading-secondary: 255, 255, 255; 286 --colors-icon-rating: 200, 184, 159; 287 --colors-pulse-speech: 104, 102, 72; 288 --colors-transition-arrows: 0, 0, 0; 289 --color-highlight: #4d6391; 290 291 --background-secondary-button: transparent; 292 --colors-line-secondary-button: 255, 255, 255; 293 294 --card-product-bg: rgba(0,0,0,0); 295 } 296 shopify-accelerated-checkout { 297 --shopify-accelerated-checkout-button-border-radius: 6px; 298 } 299 shopify-accelerated-checkout-cart { 300 --shopify-accelerated-checkout-button-border-radius: 6px; 301 --shopify-accelerated-checkout-inline-alignment: end; 302 --shopify-accelerated-checkout-button-block-size: 48px; 303 --shopify-accelerated-checkout-button-inline-size: 48px; 304 } 305 306 [role="button"], 307 [type="button"], 308 .button { 309 color: rgb(var(--colors-button-text)); 310 } 311 button.button-solid, 312 .button.button-solid { 313 border: none; 314 background-color: rgba(var(--colors-button)); 315 } 316 button.button-disable-effect, 317 .button.button-disable-effect, 318 .payment-button .shopify-payment-button__button--unbranded { 319 color: rgb(var(--colors-button-text)); 320 background-color: rgba(var(--colors-button)); 321 } 322 .button-action { 323 border: none; 324 color: rgb(var(--colors-button-text)); 325 background-color: rgba(var(--colors-button)); 326 } 327 328 [role="button"], 329 [type="button"], 330 .button { 331 direction: ltr; 332 } 333 .header, .header *::before { 334 --colors-text: var(--colors-text-header); 335 --colors-heading: var(--colors-text-header); 336 --colors-price: var(--colors-text-header); 337 --colors-line-and-border: var(--colors-line-header); 338 } 339 #sticky-header-content .divider { 340 --colors-line-and-border: var(--colors-line-header); 341 } 342 .paginate-slide-image { 343 background: rgba(var(--background-pagination-slideshow)); 344 color: rgba(var(--text-color-pagination-slideshow)); 345 } 346 347 @media (min-width: 1024px) { 348 .paginate-slide-image { 349 color: rgba(var(--text-color-pagination-slideshow)); 350 } 351 .paginate-slide-image:hover { 352 color: rgba(var(--text-color-pagination-slideshow)); 353 } 354 } 355 356 .section-quick-links, 357 .section-quick-links *::before, 358 .section-footer, 359 .section-footer *::before { 360 --colors-text: var(--colors-text-footer); 361 --colors-heading: var(--colors-heading-footer); 362 --colors-text-link: var(--colors-text-link-footer); 363 --colors-line-and-border: var(--colors-line-footer); 364 } 365 .sticky-header { 366 --font-body-weight: 700; 367 } 368 369 .scrollbar-horizontal { 370 position: relative; 371 -ms-overflow-style: none; 372 } 373 .scrollbar-horizontal::-webkit-scrollbar-track { 374 background-color: #ececec; 375 } 376 .scrollbar-horizontal::-webkit-scrollbar {
377 height: 3px; 378 } 379 380 .scrollbar-horizontal::-webkit-scrollbar-track { 381 -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0); 382 } 383 384 .scrollbar-horizontal::-webkit-scrollbar-thumb { 385 visibility: visible; 386 background-color: #747474; 387 } 388 389 .scrollbar-horizontal::-webkit-scrollbar-thumb:hover { 390 background-color: #747474; 391 } 392 body.scrollbar-body::-webkit-scrollbar{ 393 width: 5px; 394 } 395 .scrollbar-body::-webkit-scrollbar-track{ 396 background: #ececec; 397 } 398 .scrollbar-horizontal { 399 position: relative; 400 -ms-overflow-style: none; 401 } 402 .scrollbar-horizontal::-webkit-scrollbar-track { 403 background-color: #ececec; 404 } 405 .scrollbar-horizontal::-webkit-scrollbar { 406 height: 3px; 407 } 408 409 .scrollbar-horizontal::-webkit-scrollbar-track { 410 -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0); 411 } 412 413 .scrollbar-horizontal::-webkit-scrollbar-thumb { 414 visibility: visible; 415 background-color: #747474; 416 } 417 418 .scrollbar-horizontal::-webkit-scrollbar-thumb:hover { 419 background-color: #747474; 420 } 421 .scrollbar-body::-webkit-scrollbar{ 422 width: 3px; 423 } 424 .scrollbar-body::-webkit-scrollbar-track{ 425 background: #ececec; 426 } 427 .scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb, 428 .scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb, 429 .scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb { 430 background: #747474; 431 visibility: visible; 432 } 433 .scrollbar-body.scrollbar-visible::-webkit-scrollbar-track{ 434 background: transparent; 435 } 436 .scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb{ 437 background: transparent; 438 visibility: visible; 439 } 440 .scrollbar-body::-webkit-scrollbar-thumb{ 441 background: #747474; 442 } 443 .animate-scroll-banner { 444 animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction); 445 } 446 .padding-scrollbar, .padding-scrollbar-header { 447 padding-right: min(var(--width-scrollbar), 20px); 448 } 449 .rtl .padding-scrollbar-header { 450 padding-left: min(var(--width-scrollbar), 20px); 451 padding-right: 0; 452 } 453 454 455 .des-block iframe { 456 width: 100%; 457 height: 100%; 458 } 459 .toggle-compare + label span:first-child, 460 .toggle-compare:checked + label span:last-child { 461 display: block 462 } 463 .toggle-compare + label span:last-child, 464 .toggle-compare:checked + label span:first-child { 465 display: none; 466 } 467 .card-product:not(.recommendations) {} 468 .dark .card-product:not(.recommendations) {background: transparent;} 469 .card-product:not(.recommendations) .card-info, 470 .card-product:not(.recommendations) .x-variants-data { 471 padding-left: 5px; 472 padding-right: 5px; 473 } 474 .card-product:not(.recommendations) .card-info .x-variants-data 475 { 476 padding-left: 0; 477 padding-right: 0; 478 } 479 .card-product-slideshow { 480 background: #dde7f1;} 481 .dark .card-product-slideshow { 482 background: #4d4a4b;} 483 button[class*='shopify-payment-button__more-options'] { 484 color: rgba(var(--colors-text)); 485 } 486 .group-discount:before,.group-discount:after { 487 background-color: rgba(var(--colors-price-sale), 5%); 488 content: ""; 489 position: absolute; 490 right: 100%; 491 height: 100%; 492 top: 0; 493 width: 1.25rem; 494 } 495 .shipping_insurance.group-discount:before,.shipping_insurance.group-discount:after { 496 background-color: rgb(var(--colors-background-secondary)); 497 } 498 .group-discount:after { 499 left: 100%; 500 right: auto; 501 } 502 @media (min-width: 768px){ 503 .list-layout .card-product:not(.recommendations) { 504 padding-bottom: 0; 505 } 506 .list-layout .card-product:not(.recommendations) .card-info, 507 .list-layout .card-product:not(.recommendations) .x-variants-data{ 508 padding-left: 0; 509 padding-right: 0; 510 } 511 shopify-accelerated-checkout-cart { 512 --shopify-accelerated-checkout-button-block-size: 46px; 513 --shopify-accelerated-checkout-button-inline-size: 46px; 514 } 515 } 516 @media (min-width: 1024px){ 517 .group-discount:before,.group-discount:after { 518 width: 0; 519 } 520 .payment-button .shopify-payment-button__button--unbranded { 521 color: rgb(var(--colors-button-text)); 522 background: rgba(var(--colors-button)); 523 } 524 .card-product:not(.recommendations) .card-info, 525 .card-product:not(.recommendations) .x-variants-data { 526 padding-left: 20px; 527 padding-right: 20px; 528 } 529 [role="button"], 530 [type="button"], 531 .button { 532 color: rgba(var(--colors-button-text)); 533 } 534 button.button-solid, 535 .button.button-solid { 536 border: none; 537 box-shadow: none; 538 color: rgb(var(--colors-button-text)); 539 background-color: rgba(var(--colors-button)); 540 overflow: hidden; 541 background-origin: border-box; 542 } 543 button.button-solid:hover, 544 .button.button-solid:hover { 545 546 transition-delay: 0.5s; 547 548 transition-property: background-color; 549 background-color: var(--colors-button-hover); 550 color: rgba(var(--colors-button-text-hover)); 551 background-origin: border-box; 552 } 553 .button-action { 554 border: none; 555 color: rgba(var(--colors-button-text-hover)); 556 background-color: var(--colors-button-hover); 557 } 558 button.button-disable-effect, 559 .button.button-disable-effect { 560 color: rgb(var(--colors-button-text)); 561 background-color: rgba(var(--colors-button)); 562 } 563 button.button-disable-effect:hover, 564 .button.button-disable-effect:hover { 565 color: rgba(var(--colors-button-text-hover)); 566 background-color: var(--colors-button-hover); 567 } 568 569 button.button-solid:before, 570 .button.button-solid:before { 571 content: ""; 572 z-index: -1; 573 position: absolute; 574 top: 0; 575 right: 0; 576 bottom: 0; 577 left: 0; 578 width: var(--button-width); 579 height: var(--button-height); 580 background-color: var(--colors-button-hover); 581 backface-visibility: hidden; 582 will-change: transform; 583 transform: var(--button-transform); 584 transform-origin: var(--button-transform-origin); 585 transition: transform 0.5s ease; 586 } 587 button.button-solid:hover:before, 588 .button.button-solid:hover:before {
589 transform: rotate3d(0,0,1,0) translateZ(0); 590 } 591 592 593 } 594 .inventory-low-stock-status { 595 596 --stock-color: #BF122A; 597 598 color: var(--stock-color); 599 } 600 .dark .inventory-low-stock-status { 601 602 --stock-color: #BF122A; 603 604 } 605 .inventory-in-stock-status { 606 607 --stock-color: #6b762d; 608 609 color: var(--stock-color); 610 } 611 .dark .inventory-in-stock-status { 612 613 --stock-color: #858F4D; 614 615 } 616 .inventory-out-of-stock-status { 617 618 --stock-color: #767474; 619 620 color: var(--stock-color); 621 } 622 .dark .inventory-out-of-stock-status { 623 624 --stock-color: #867F7F; 625 626 } 627 .inventory-status { 628 background-color: var(--stock-color); 629 } 630 .card-testimonial { 631 background: #dde7f1;} 632 .dark .card-testimonial { 633 background: #4d4a4b;}/* App Shopify Subscription */ 634 .shopify_subscriptions_app_policy a { 635 position: relative; 636 margin-top: .5rem; 637 margin-bottom: .5rem; 638 color: rgba(var(--colors-text-link)) !important; 639 text-decoration-thickness: 1px; 640 background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1)); 641 background-size: 100% 0.1em, 0 0.1em; 642 background-position: 100% 100%,100% 100%; 643 background-repeat: no-repeat; 644 transition: background-size 250ms; 645 } 646 .shopify_subscriptions_app_policy:after { 647 clear: both; 648 content: var(--tw-content); 649 display: block; 650 } 651 @media (min-width: 1024px) { 652 .shopify_subscriptions_app_policy a:hover { 653 background-size: 0 .1em, 100% .1em; 654 background-position: 100% 100%, 0% 100%; 655 } 656 } 657 658 /* Recurpay Subscription App */ 659 #recurpay-account-widget { 660 margin-top: 1rem; 661 } 662 .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title { 663 padding-right: 10px; 664 right: 0.25rem; 665 } 666 .rtl .recurpay__widget .recurpay__group_title { 667 text-align: right; 668 margin-right: 0; 669 margin-left: 0.5em; 670 } 671 .rtl .recurpay__widget .recurpay__group_subtitle { 672 text-align: right; 673 } 674 .rtl .recurpay__widget .recurpay__description { 675 text-align: right; 676 } 677 .rtl .recurpay__widget .recurpay__radio_group { 678 margin-right: 0; 679 margin-left: 10px; 680 } 681 .rtl .recurpay__widget .recurpay__offer_saving_message { 682 padding-right: 10px; 683 padding-left: 0; 684 } 685 .rtl .recurpay__widget .recurpay__offer_wrapper svg { 686 margin-right: 0; 687 margin-left: 10px; 688 } 689 .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title:before { 690 left: 0.5em; 691 margin-right: -50%; 692 right: auto; 693 margin-left: 0 694 } 695 .rtl .recurpay__widget .recurpay__group_frequency .recurpay__frequency_label_title:after { 696 right: 0.5em; 697 left: auto; 698 margin-left: 0; 699 } 700 .rtl .upgrade-subscription-cart .upgrade-icon-wrapper { 701 text-align: right; 702 } 703 704 /* Seal Subscriptions */ 705 .sls-widget-branding { 706 z-index: 20 !important; 707 } 708 .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element { 709 display: none !important; 710 } 711 .seal-portal-link a { 712 position: relative; 713 margin-top: .5rem; 714 margin-bottom: .5rem; 715 color: rgba(var(--colors-text-link)) !important; 716 text-decoration-thickness: 1px; 717 background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1)); 718 background-size: 100% 0.1em, 0 0.1em; 719 background-position: 100% 100%,100% 100%; 720 background-repeat: no-repeat; 721 transition: background-size 250ms; 722 } 723 .seal-portal-link:after { 724 clear: both; 725 content: var(--tw-content); 726 display: block; 727 } 728 @media (min-width: 1024px) { 729 .seal-portal-link a:hover { 730 background-size: 0 .1em, 100% .1em; 731 background-position: 100% 100%, 0% 100%; 732 } 733 } 734 .rtl .sealsubs-container { 735 text-align: right; 736 } 737 .x-card-title { 738 font-size: 0.9rem; 739 } 740 .x-card-price { 741 font-size: 0.9rem; 742 font-family: var(--font-body-family) 743 } 744 @media (min-width: 768px) { 745 .x-card-title { 746 font-size: 1.0rem; 747 } 748 .x-card-price { 749 font-size: 1.0rem; 750 } 751 } 752 .back{ 753 position: absolute; 754 top: 50%; 755 left: 50%; 756 white-space: nowrap; 757 opacity: 0; 758 transform: translate(-50%, -50%) translateY(100%) translateZ(0);
759 transition-behavior: normal, normal; 760 transition-duration: 0.6s, 0.6s; 761 transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1); 762 transition-delay: 0s, 0s; 763 transition-property: transform, opacity; 764 } 765 .front{ 766 transform: translateZ(0); 767 transition-behavior: normal, normal; 768 transition-duration: 0.6s, 0.6s; 769 transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1); 770 transition-delay: 0s, 0s; 771 transition-property: transform, opacity; 772 border-bottom: 1px solid transparent; 773 } 774 .flip-container:hover .front{ 775 opacity: 0; 776 transform: translateY(-100%) translateZ(0); 777 } 778 .flip-container:hover .back{ 779 opacity: 1; 780 transform: translate(-50%, -50%) translateY(0%) translateZ(0); 781 border-bottom: 1px solid rgba(var(--colors-text-link)); 782 } 783 .dbtap-overlay{ 784 display: none 785 } 786 @media (max-width: 1024px) and (pointer: coarse) and (hover: none) { 787 .dbtap-overlay{ 788 display: block 789 } 790 }</style> 791 792
792<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
792<meta name="google-site-verification" content="2rcXofSMnheShuFkN3nT8fU8nHWWPfRpBSxjv_JjVmw"> 793<meta name="facebook-domain-verification" content="rdupdxovmxxzjf59ued60dya8oeg1m"> 794<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/89993085291/digital_wallets/dialog"> 795<meta id="in-context-paypal-metadata" data-shop-id="89993085291" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 796<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
796<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
796 797<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
798<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=89993085291" crossorigin="anonymous"></script>
vendor: 1 bytes, line 798
798
799<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":89993085291,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/89993085291","merchantName":"Berrett-Koehler Publishers","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Berrett-Koehler Publishers","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 799
799
800<script id="shopify-features" type="application/json">{"accessToken":"5056ea026a367ec2e7cb8254f7355f60","betas":["rich-media-storefront-analytics"],"domain":"bkconnection.com","predictiveSearch":true,"shopId":89993085291,"locale":"en"}</script>
vendor: 1 bytes, line 800
800
801<script>var Shopify = Shopify || {}; 802Shopify.shop = "berrett-koehler-publishing.myshopify.com"; 803Shopify.locale = "en"; 804Shopify.currency = {"active":"USD","rate":"1.0"}; 805Shopify.country = "US"; 806Shopify.theme = {"name":"Eurus","id":177306042731,"schema_name":"Eurus","schema_version":"8.7.0","theme_store_id":2048,"role":"main"}; 807Shopify.theme.handle = "null"; 808Shopify.theme.style = {"id":null,"handle":null}; 809Shopify.cdnHost = "bkconnection.com/cdn"; 810Shopify.routes = Shopify.routes || {}; 811Shopify.routes.root = "/"; 812Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 813Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 814Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 815Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 815
815
816<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 816
816
817<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 817
817
818<script> 819 window.ShopifyPay = window.ShopifyPay || {}; 820 window.ShopifyPay.apiHost = "shop.app\/pay"; 821 window.ShopifyPay.redirectState = null; 822</script>
vendor: 1 bytes, line 822
822
823<script> 824 window.Shopify = window.Shopify || {}; 825 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 826 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 827 window.Shopify.SignInWithShop.eligible = true; 828</script>
vendor: 1 bytes, line 828
828
829<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 829
829
830<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 830
830
831<script type="module"> 832 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 833 834 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 835 836</script>
vendor: 1 bytes, line 836
836
837<script> 838 window.Shopify = window.Shopify || {}; 839 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 840 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 841</script>
vendor: 1 bytes, line 841
841
842<script>(function() { 843 var isLoaded = false; 844 function asyncLoad() { 845 if (isLoaded) return; 846 isLoaded = true; 847 var urls = ["https:\/\/api-na1.hubapi.com\/scriptloader\/v1\/2998717.js?shop=berrett-koehler-publishing.myshopify.com"]; 848 for (var i = 0; i < urls.length; i++) { 849 var s = document.createElement('script'); 850 s.type = 'text/javascript'; 851 s.async = true; 852 s.src = urls[i]; 853 var x = document.getElementsByTagName('script')[0]; 854 x.parentNode.insertBefore(s, x); 855 } 856 }; 857 if(window.attachEvent) { 858 window.attachEvent('onload', asyncLoad); 859 } else { 860 window.addEventListener('load', asyncLoad, false); 861 } 862})();</script>
vendor: 1 bytes, line 862
862
863<script id="__st">var __st={"a":89993085291,"offset":-14400,"reqid":"cf1975b1-b686-47c7-9b39-6dfc9a049b88-1790837341","pageurl":"bkconnection.com\/","u":"6c3fb65b1dc2","p":"home"};</script>
vendor: 1 bytes, line 863
863
864<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 864
864
865<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 865
865
866<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//bkconnection.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 866
866
867<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//bkconnection.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
867<script crossorigin="anonymous" defer="defer" src="//bkconnection.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 867
867
868<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 868
868
869<script> 870 window.Shopify = window.Shopify || {}; 871 window.Shopify.MCP = window.Shopify.MCP || {}; 872 window.Shopify.MCP.enabled = true; 873 window.Shopify.MCP.shop = "berrett-koehler-publishing.myshopify.com"; 874 window.Shopify.MCP.mcpEndpoint = "https:\/\/bkconnection.com\/api\/mcp"; 875 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 876</script>
vendor: 1 bytes, line 876
876
877<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/bkconnection.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 878</script>
vendor: 1 bytes, line 878
878
879<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://bkconnection.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 880</script>
vendor: 1 bytes, line 880
880
881<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 882 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 883</script>
vendor: 1 bytes, line 883
883
884<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 885</script>
885 886<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://bkconnection.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 887<style id="shopify-accelerated-checkout-cart"> 888 #shopify-buyer-consent { 889 margin-top: 1em; 890 display: inline-block; 891 width: 100%; 892} 893 894#shopify-buyer-consent.hidden { 895 display: none; 896} 897 898#shopify-subscription-policy-button { 899 background: none; 900 border: none; 901 padding: 0; 902 text-decoration: underline; 903 font-size: inherit; 904 cursor: pointer; 905} 906 907#shopify-subscription-policy-button::before { 908 box-shadow: none; 909} 910 911 </style> 912
913<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
913 914 <style> 915 /* Style links in blog/article content areas */ 916 .article__content a, 917 .rte a, 918 .blog-post a, 919 article a, 920 [data-section-type="article"] a, 921 .article-body a, 922 .post-body a, 923 .content a { 924 color: #4D6391 !important; 925 text-decoration: underline !important; 926 } 927 928 .article__content a:visited, 929 .rte a:visited, 930 .blog-post a:visited, 931 article a:visited, 932 [data-section-type="article"] a:visited, 933 .article-body a:visited, 934 .post-body a:visited, 935 .content a:visited { 936 color: #4D6391 !important; 937 } 938 939 .article__content a:hover, 940 .rte a:hover, 941 .blog-post a:hover, 942 article a:hover, 943 [data-section-type="article"] a:hover, 944 .article-body a:hover, 945 .post-body a:hover, 946 .content a:hover { 947 color: #4D6391 !important; 948 } 949 950 .article__content a:active, 951 .rte a:active, 952 .blog-post a:active, 953 article a:active, 954 [data-section-type="article"] a:active, 955 .article-body a:active, 956 .post-body a:active, 957 .content a:active { 958 color: #4D6391 !important; 959 } 960 961 /* Explicitly exclude header and nav links from styling */ 962 header a, 963 nav a, 964 .header a, 965 .navbar a, 966 .navigation a { 967 color: inherit !important; 968 text-decoration: none !important; 969 } 970 971 /* Reduce H1 font size in text_KnC9gL block to match H3 styling */ 972 [data-block-id="text_KnC9gL"] h1 { 973 font-size: 0.75em; 974 } 975 976 /* Hide header, announcement bar, and mobile navigation on the-art-of-the-steal page */ 977 /* Using Shopify's page handle body class format: page-handle--{handle} */ 978 body.page-handle--the-art-of-the-steal #shopify-section-sections--24498229674347__announcement-bar, 979 body.page-handle--the-art-of-the-steal #shopify-section-sections--24498229674347__header, 980 body.page-handle--the-art-of-the-steal #shopify-section-sections--24498229674347__mobile-navigation, 981 /* Alternative: using data attributes */ 982 body.page-handle--the-art-of-the-steal [data-section-id="sections--24498229674347__announcement-bar"], 983 body.page-handle--the-art-of-the-steal [data-section-id="sections--24498229674347__header"], 984 body.page-handle--the-art-of-the-steal [data-section-id="sections--24498229674347__mobile-navigation"], 985 /* Fallback: generic selectors */ 986 body.page-handle--the-art-of-the-steal .shopify-section[data-section-type="announcement-bar"], 987 body.page-handle--the-art-of-the-steal .shopify-section[data-section-type="header"], 988 body.page-handle--the-art-of-the-steal .shopify-section[data-section-type="mobile-navigation"] { 989 display: none !important; 990 visibility: hidden !important; 991 height: 0 !important; 992 overflow: hidden !important; 993 margin: 0 !important; 994 padding: 0 !important; 995 } 996</style> 997 998 999 1000 <style data-shopify> 1001 body { 1002 /* INP mobile */ 1003 touch-action: manipulation; 1004 } 1005 @font-face { 1006 font-family: Karla; 1007 font-weight: 400; 1008 font-style: normal; 1009 font-display: swap; 1010 src: url("//bkconnection.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2") format("woff2"), 1011 url("//bkconnection.com/cdn/fonts/karla/karla_n4.e9f6f9de321061073c6bfe03c28976ba8ce6ee18.woff") format("woff"); 1012} 1013 1014 </style> 1015 1016 1017 1018 <!-- BEGIN app block: shopify://apps/supadu-blocks-berrett-koehler/blocks/app-embed/2614fd4f-7b4b-4395-bbf5-cebedcc664e5 --> 1019 1020 1021 1022 1023
1024<script 1025 type="application/json" 1026 id="sf-app-embed" 1027 data-settings='{"catalog_id":"berrett-koehler-publishing-uk","data_source":"v3","catalog_api_key":"","enable_search":false,"search_type":"typesense","typesense_catalog":"","typesense_api_key":"","typesense_host":"","typesense_preset":"supadu-main","algolia_search_api_key":"","algolia_application_id":"","algolia_index_name":"","sort_by_index_values":"","search_bar_mobile_layout":"detached","pinned_products_enabled":false,"pinned_products":"","enable_query_suggestions":false,"contributor_enabled":true,"format_enabled":false,"price_enabled":true,"enable_buy_button":true,"buy_button_use_availability":true,"buy_button_request_url":"https:\/\/add-to-cart.supadu.com\/add-to-cart","buy_button_show_external_link":false,"buy_button_external_link_label":"Add to Cart","buy_button_external_link_url":"","buy_button_show_digital_link":true,"buy_button_digital_link_label":"You Own This Book â Read It Now!","buy_button_show_digital_login_message":false,"buy_button_digital_login_message_text":"[Login] to avoid duplicate purchases for digital products."}' 1028 data-customer-id='' 1029 1030></script>
1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040<!-- END app block --><!-- BEGIN app block: shopify://apps/seolab-seo-optimizer/blocks/app_embed/faf700f6-3b71-45c3-86d4-83ea9f7d9216 --> 1041
1042<script type="application/ld+json"> 1043 [ 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 { 1065 "@context": "http://www.schema.org", 1066 "@id": "https://bkconnection.com/#organization", 1067 "@type": "Organization", 1068 "url": "https://bkconnection.com", 1069 "name": "Berrett-Koehler Publishers", 1070 "address": { 1071 "@type": "PostalAddress", 1072 "streetAddress": "1333 Broadway, P100", 1073 "addressLocality": "Oakland", 1074 "addressRegion": "California", 1075 "addressCountry": "US", 1076 "postalCode": "94612" 1077 }, 1078 "description": "Empowering readers through bold ideas and transformative booksâBerrett-Koehler connects people and ideas to create a more equitable, inclusive, and sustainable world.", 1079 "telephone": "800-929-2929 ", 1080 "contactPoint": [ 1081 { 1082 "@type": "ContactPoint", 1083 "telephone": "800-929-2929 ", 1084 "contactType": "technical support", 1085 "contactOption": "TollFree" 1086 }, 1087 { 1088 "@type": "ContactPoint", 1089 "telephone": "800-929-2929 ", 1090 "contactType": "customer support", 1091 "contactOption": "TollFree" 1092 }, 1093 { 1094 "@type": "ContactPoint", 1095 "telephone": "800-929-2929 ", 1096 "contactType": "sales", 1097 "contactOption": "TollFree" 1098 } 1099 ], 1100 "logo": "https://nbg1.your-objectstorage.com/seolab/jsonld-images/6C5IMIDNF5w2bbVyaA1fUNe1lRO5TYarK7GRDwi8.png", 1101 "image": "https://nbg1.your-objectstorage.com/seolab/jsonld-images/6C5IMIDNF5w2bbVyaA1fUNe1lRO5TYarK7GRDwi8.png" 1102 1103 ,"sameAs": ["https://www.youtube.com/berrettkoehler","https://www.facebook.com/BerrettKoehler/","https://www.linkedin.com/company/berrett-koehler-publishers/","https://www.instagram.com/bkpub"] 1104 1105 } 1106 1107 1108 1109 1110 ] 1111</script>
1111 1112 1113 1114
1115<script type="text/javascript"> 1116 document.addEventListener("DOMContentLoaded",function(e){var n=window.location.href;if(n.indexOf("#seotid")>-1){var t=n.split("#seotid");let p=new Headers;p.append("Content-Type","application/json");let o=new FormData;o.append("shop","berrett-koehler-publishing.myshopify.com"),o.append("tid",t[1]),o.append("type","add_traffic"),fetch("/apps/seo-lab",{method:"POST",headers:{Accept:"application/json"},body:o}).then(e=>e.json()).then(e=>{window.history.replaceState({}, '', t[0])})}else fetch(n,{method:"HEAD"}).then(e=>{if(404===e.status){var t=n.split(window.location.origin);let p=new FormData;p.append("shop","berrett-koehler-publishing.myshopify.com"),p.append("url",t[1]),p.append("type","unresolve_url_recieve"),fetch("/apps/seo-lab",{method:"POST",headers:{Accept:"application/json"},body:p}).then(e=>e.json()).then(e=>{e.success&&console.log("Added")})}})}); 1117</script>
1117 1118 1119 1120 1121 1122
1123<script type="text/javascript"> 1124 !function(){if(!window.__SC_IMAGE_LAZY_LOADING_LOADED__){window.__SC_IMAGE_LAZY_LOADING_LOADED__=!0;var e={viewportBuffer:300,skipFirstVisibleImages:2,mutationDelay:150},t="header,.shopify-section-header,.announcement-bar,.hero,.banner,.slideshow,.slide,.slider,.swiper,.splide,.product__media,.product-media,.product-gallery,.media-gallery,.cart,.cart-drawer,.drawer,[data-no-lazy],[data-sc-lazy-ignore]";"loading"===document.readyState?document.addEventListener("DOMContentLoaded",n):n()}function a(e,t){return e.className&&String(e.className).toLowerCase().indexOf(t)>-1}function r(){var r=Array.prototype.slice.call(document.images||[]),i=0;r.forEach(function(r){if(!function e(r){if(!(i=r)||!i.tagName||"img"!==i.tagName.toLowerCase()||"true"===r.dataset.scLazyHandled||r.closest("template, noscript")||r.closest(t)||a(r,"lazyload")||a(r,"lazyloaded")||a(r,"lazypreload")||r.hasAttribute("data-src")||r.hasAttribute("data-srcset")||"eager"===(r.getAttribute("loading")||"").toLowerCase()||"high"===(r.getAttribute("fetchpriority")||"").toLowerCase())return!0;var i,n=r.getAttribute("src")||"";return!n||0===n.indexOf("data:")||0===n.indexOf("blob:")}(r)){if((o=(n=r).getBoundingClientRect()).top<window.innerHeight+e.viewportBuffer&&o.bottom>-e.viewportBuffer&&++i<=e.skipFirstVisibleImages){r.hasAttribute("decoding")||r.setAttribute("decoding","async"),r.dataset.scLazyHandled="true";return}var n,o,s=(r.getAttribute("loading")||"").toLowerCase();s&&"auto"!==s||r.setAttribute("loading","lazy"),r.hasAttribute("decoding")||r.setAttribute("decoding","async"),r.dataset.scLazyHandled="true"}})}function i(e){"requestIdleCallback"in window?window.requestIdleCallback(e,{timeout:1500}):setTimeout(e,1)}function n(){var t;i(r),new MutationObserver(function(){clearTimeout(t),t=setTimeout(function(){i(r)},e.mutationDelay)}).observe(document.documentElement,{childList:!0,subtree:!0})}}(); 1125</script>
1125 1126 1127 1128
1129<script type="text/javascript"> 1130 !function(){var e;e=function(){const e=document.querySelectorAll('iframe[class*="lazyVdHide"], video[class*="lazyVdHide"]');function t(e,t="iframe"){if(e.className.includes("lazyVdHide")){if("iframe"===t)e.src=e.dataset.src;else{const t=e.querySelectorAll("source[data-src]");t.length>0?t.forEach((function(e){e.dataset.src&&(e.src=e.dataset.src)})):e.dataset.src&&(e.src=e.dataset.src),e.load()}e.classList.remove("lazyVdHide"),e.classList.add("lazyVdShow")}}if("MutationObserver"in window&&new MutationObserver((e=>{for(const n of e)for(const e of n.addedNodes){if(1!==e.nodeType)continue;const n=e.tagName;"VIDEO"!==n&&"IFRAME"!==n||t(e,"VIDEO"===n?"video":"iframe")}})).observe(document.body,{childList:!0,subtree:!0}),"IntersectionObserver"in window){const n=new IntersectionObserver((function(e,n){e.forEach((function(e){if(e.isIntersecting){const o=e.target;t(o,"VIDEO"===o.tagName?"video":"iframe"),n.unobserve(o)}}))}),{rootMargin:"0px 0px 200px 0px"});e.forEach((function(e){n.observe(e)}))}else{const n=function(){e.forEach((function(e){const n=e.getBoundingClientRect();n.top<window.innerHeight+200&&n.bottom>-200&&t(e,"VIDEO"===e.tagName?"video":"iframe")}))};window.addEventListener("scroll",n),window.addEventListener("resize",n),window.addEventListener("orientationchange",n),n()}},"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}(); 1131</script>
1131 1132 1133 1134<!-- END app block --><!-- BEGIN app block: shopify://apps/amazon-reviews/blocks/product-rating-snippet-embed/88ab28f3-a438-4eb3-a83e-f1a9c62c5069 --> 1135 1136 1137 1138<!-- END app block --><!-- BEGIN app block: shopify://apps/inbox/blocks/chat/841fc607-4181-4ad1-842d-e24d7f8bad6b --><link rel='modulepreload' href='https://cdn.shopify.com/storefront/web-components/chat.js' crossorigin fetchpriority='low'> 1139
1140<script id='shopify-chat-app-embed-data' type='application/json'> 1141 { 1142 "settings": { 1143 "invertActivatorColors": true, 1144 "greetingMessage": "Hi there, and welcome to Berrett-Koehler! I'm an automated assistant, and I'm still learning, so I may not have every answer yet. Looking for a book, need help with an order, or curious about bulk pricing? Type your question below to get started.", 1145 "showFeaturedProducts": true, 1146 "featuredProducts": [], 1147 "horizontalPosition": "bottom_right", 1148 "icon": "email", 1149 "buttonLabel": "Contact" 1150 } 1151 } 1152</script>
1152 1153 1154<style data-shopify> 1155 1156 @font-face { 1157 font-family: Amiri; 1158 font-weight: 400; 1159 font-style: normal; 1160 font-display: swap; 1161 src: url("//bkconnection.com/cdn/fonts/amiri/amiri_n4.fee8c3379b68ea3b9c7241a63b8a252071faad52.woff2") format("woff2"), 1162 url("//bkconnection.com/cdn/fonts/amiri/amiri_n4.94cde4e18ec8ae53bf8f7240b84e1f76ce23772d.woff") format("woff"); 1163} 1164 1165 @font-face { 1166 font-family: Amiri; 1167 font-weight: 700; 1168 font-style: normal; 1169 font-display: swap; 1170 src: url("//bkconnection.com/cdn/fonts/amiri/amiri_n7.18bdf9995a65958ebe1ecc6a8e58369f2e5fde36.woff2") format("woff2"), 1171 url("//bkconnection.com/cdn/fonts/amiri/amiri_n7.4018e09897bebe29690de457ff22ede457913518.woff") format("woff"); 1172} 1173 1174 @font-face { 1175 font-family: Amiri; 1176 font-weight: 400; 1177 font-style: italic; 1178 font-display: swap; 1179 src: url("//bkconnection.com/cdn/fonts/amiri/amiri_i4.95beacf234505f7529ea2b9b84305503763d41e2.woff2") format("woff2"), 1180 url("//bkconnection.com/cdn/fonts/amiri/amiri_i4.8d0b215ae13ef2acc52deb9eff6cd2c66724cd2c.woff") format("woff"); 1181} 1182 1183 @font-face { 1184 font-family: Amiri; 1185 font-weight: 400; 1186 font-style: italic; 1187 font-display: swap; 1188 src: url("//bkconnection.com/cdn/fonts/amiri/amiri_i4.95beacf234505f7529ea2b9b84305503763d41e2.woff2") format("woff2"), 1189 url("//bkconnection.com/cdn/fonts/amiri/amiri_i4.8d0b215ae13ef2acc52deb9eff6cd2c66724cd2c.woff") format("woff"); 1190} 1191 1192 1193 1194 /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */ 1195 shopify-chat:defined:empty { 1196 display: grid; 1197 } 1198 1199 :root { 1200 --shopify-chat-bg-color: #ffffff; 1201 --shopify-chat-text-color: #4d4a4b; 1202 --shopify-chat-accent-bg-color: #4d4a4b; 1203 --shopify-chat-accent-text-color: #ffffff; 1204 --shopify-chat-activator-offset: 120px; 1205 1206 1207 --shopify-chat-heading-font-family: Amiri, serif; 1208 --shopify-chat-body-font-family: Amiri, serif; 1209 --shopify-chat-font-size: 18px; 1210 1211 1212 --shopify-chat-activator-font-size: 20px; 1213 --shopify-chat-border-radius: 15px; 1214 } 1215 1216 1217 shopify-chat { 1218 font-weight: 400; 1219 font-style: normal; 1220 } 1221 1222</style> 1223
1224<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
1224 1225 1226 1227<!-- END app block -->
1227<script src="https://cdn.shopify.com/extensions/01a0ce4b-1d68-7554-904b-219737f14408/supadu-blocks-berrett-koehler-76/assets/loader.min.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1227
1227
1228<script src="https://cdn.shopify.com/extensions/01a0a94d-acd3-7100-977e-e11794a9993f/simplee-memberships-131/assets/simplee-app.js" type="text/javascript" defer="defer"></script>
1228 1229<link href="https://cdn.shopify.com/extensions/01a0a94d-acd3-7100-977e-e11794a9993f/simplee-memberships-131/assets/simplee-app.css" rel="stylesheet" type="text/css" media="all">
1230<script src="https://cdn.shopify.com/extensions/01a0f31a-d643-731f-a391-f78e428ce1be/forms-2604/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
1230 1231<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1232<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 89993085291,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1232
1232
1233<script> 1234 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1235</script>
vendor: 1 bytes, line 1235
1235
1236<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1236).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 89993085291,storefrontBaseUrl: "https://bkconnection.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://bkconnection.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2129953131","configuration":"{\"pixel_id\":\"1726996410943377\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]}
1236,{"id":"1301348715","configuration":"{\"accountID\":\"berrett-koehler-publishing\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1d4c781273105676f6b02a329648437f","type":"APP","apiClientId":32196493313,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1175126379","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-CG94DVD68N\\\",\\\"GT-TNLHRN2W\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-CG94DVD68N\\\",\\\"MC-9WPTNVWBQE\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-CG94DVD68N\\\",\\\"MC-9WPTNVWBQE\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-CG94DVD68N\\\",\\\"MC-9WPTNVWBQE\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-CG94DVD68N\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Berrett-Koehler Publishers","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"berrett-koehler-publishing.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/bkconnection.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"14945864057195","handle":"9798890572189_trauma-stewardship-revised-and-updated","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717751147","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863369067","handle":"9798890572554_the-art-of-the-steal","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717423467","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863074155","handle":"9798890572004_on-the-brink-of-everything-revised-and-updated","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717128555","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863237995","handle":"9798890572318_the-impact-entrepreneur-breakthrough","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717292395","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1236,{"id":"14878849007979","handle":"9798890572639_who-killed-the-american-dream","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52775018332523","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14854886031723","handle":"9798890572103_culture-blooming","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52653074645355","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14854885998955","handle":"9798890571960_what-your-team-wont-tell-you","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52653074612587","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14854885966187","handle":"9798890572035_the-4-stages-of-psychological-safety-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52653074579819","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734982054251","handle":"9798890571724_bust-those-management-myths","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185258230123","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863008619","handle":"9798890572592_healing-black-fatigue","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717095787","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863139691","handle":"9798890572523_perseverance-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717259627","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863401835","handle":"9798890572479_the-hero-trap","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717456235","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863532907","handle":"9798890572394_make-workwork","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717718379","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863565675","handle":"9798890572301_the-generous-leader","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717587307","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863696747","handle":"9798890572431_the-persuasive-leader","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717849451","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863827819","handle":"9798890572219_the-little-book-of-trust-and-money","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075717980523","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945863926123","handle":"9798890572677_disciplines-of-hope","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075718111595","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14945864024427","handle":"9798890572714_please-do-disturb","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53075718209899","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1236,{"id":"15149881393515","handle":"9798890573179_for-our-freedom","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53627259093355","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15149987037547","handle":"9798890571656_relational-energy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53627685077355","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15149987955051","handle":"9798890572790_conflict-without-casualties-third-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53627686748523","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15149988053355","handle":"9798890573018_when-life-disrupts-work","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53627687076203","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15150288404843","handle":"9798890573131_defiant-hope","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53628191375723","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15150288437611","handle":"9798890573216_capacity-under-pressure","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53628191441259","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15153623171435","handle":"9798890573254_directing-intelligence","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53633766523243","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734979400043","handle":"9798890570321_leaders-make-the-future-third-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185262227819","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734978285931","handle":"9798890570192_the-art-of-community-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185261048171","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734969110891","handle":"9798890571052_get-to-the-point-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185248825707","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734967538027","handle":"9798890570895_the-introverted-leader-3rd-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185247220075","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734967177579","handle":"9798890570925_eat-that-frog-fourth-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185246794091","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734964949355","handle":"9798890571571_the-anatomy-of-peace-fifth-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185246466411","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734962065771","handle":"9798890570987_negotiating-the-impossible-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185241321835","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1236,{"id":"14734961738091","handle":"9781609948221_stewardship","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185242206571","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719290278251","handle":"9781523089352_love-em-or-lose-em-sixth-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114838880619","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719289721195","handle":"9781523006564_leadership-and-self-deception-fourth-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114838356331","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719289557355","handle":"9798890570437_goals-third-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114838126955","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719289360747","handle":"9798890570253_help-them-grow-or-watch-them-go-third-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114837897579","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719289262443","handle":"9781523091416_decolonizing-wealth-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114837799275","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719289164139","handle":"9781523006960_the-power-of-purpose-4th-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114837700971","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14719288934763","handle":"9798890570222_the-long-distance-leader-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52114837504363","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14717223108971","handle":"9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52108542837099","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14717223076203","handle":"9781523004737_who-do-we-choose-to-be-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52108542804331","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14717222224235","handle":"9781523006311_we-cant-talk-about-that-at-work-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52108541919595","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14717222158699","handle":"9781523004348_subtle-acts-of-exclusion-second-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52108541985131","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14717221962091","handle":"9781523001897_confessions-of-an-economic-hit-man-3rd-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52108541722987","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734973469035","handle":"9798890571847_the-last-american-president","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185249644907","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1236,{"id":"14716828713323","handle":"9781523002320_the-hidden-history-of-neoliberalism","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52107726913899","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734977630571","handle":"9781626560604_fit-at-last","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185256755563","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14734977106283","handle":"9798890571083_trust-at-a-distance","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52185255936363","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14717222682987","handle":"9781523006113_simple-truths-of-leadership-playbook","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52108542378347","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14735304917355","handle":"berrett-koehler-publishers-gift-card","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52187461714283","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://bkconnection.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"177306042731","themeStoreId":"2048","themePublished":"true","eventMetadataId":"ad7a744f-8e8d-4d1d-afdf-47e85c0fbabf","pageType":"home","shopId":"89993085291","storefrontBaseUrl":"https:\/\/bkconnection.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1236<script> 1237 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1238 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1239 window.ShopifyAnalytics.meta.currency = 'USD'; 1240 var meta = {"page":{"pageType":"home","requestId":"cf1975b1-b686-47c7-9b39-6dfc9a049b88-1790837341"}}; 1241 for (var attr in meta) { 1242 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1243 } 1244</script>
vendor: 1 bytes, line 1244
1244
1245<script class="analytics"> 1246 (function () { 1247 var customDocumentWrite = function(content) { 1248 var jquery = null; 1249 1250 if (window.jQuery) { 1251 jquery = window.jQuery; 1252 } else if (window.Checkout && window.Checkout.$) { 1253 jquery = window.Checkout.$; 1254 } 1255 1256 if (jquery) { 1257 jquery('body').append(content); 1258 } 1259 }; 1260 1261 var hasLoggedConversion = function(token) { 1262 if (token) { 1263 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1264 } 1265 return false; 1266 } 1267 1268 var setCookieIfConversion = function(token) { 1269 if (token) { 1270 var twoMonthsFromNow = new Date(Date.now()); 1271 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1272 1273 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1274 } 1275 } 1276 1277 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1278 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1279 if (trekkie.integrations) { 1280 return; 1281 } 1282 trekkie.methods = [ 1283 'identify', 1284 'page', 1285 'ready', 1286 'track', 1287 'trackForm', 1288 'trackLink' 1289 ]; 1290 trekkie.factory = function(method) { 1291 return function() { 1292 var args = Array.prototype.slice.call(arguments); 1293 args.unshift(method); 1294 trekkie.push(args); 1295 if (method == 'track' || method == 'page') { 1296 var pageUrl; 1297 try { 1298 pageUrl = window.location.href; 1299 } catch (e) {} 1300 var pageReferrer; 1301 try { 1302 pageReferrer = document.referrer; 1303 } catch (e) {} 1304 try { 1305 if (window.__TREKKIE_SHIM_QUEUE == null) { 1306 window.__TREKKIE_SHIM_QUEUE = []; 1307 } 1308 window.__TREKKIE_SHIM_QUEUE.push({ 1309 from: 'trekkie-stub', 1310 method: method, 1311 args: args.slice(1), 1312 pageContext: { 1313 url: pageUrl, 1314 referrer: pageReferrer 1315 } 1316 }); 1317 } catch (e) { 1318 // no-op 1319 } 1320 } 1321 return trekkie; 1322 }; 1323 }; 1324 for (var i = 0; i < trekkie.methods.length; i++) { 1325 var key = trekkie.methods[i]; 1326 trekkie[key] = trekkie.factory(key); 1327 } 1328 trekkie.load = function(config) { 1329 trekkie.config = config || {}; 1330 trekkie.config.initialDocumentCookie = document.cookie; 1331 var first = document.getElementsByTagName('script')[0]; 1332var script = document.createElement('script'); 1333script.type = 'text/javascript'; 1334script.onerror = function(e) { 1335 var scriptFallback = document.createElement('script'); 1336 scriptFallback.type = 'text/javascript'; 1337 scriptFallback.onerror = function(error) { 1338 var Monorail = { 1339 produce: function produce(monorailDomain, schemaId, payload) { 1340 var currentMs = new Date().getTime(); 1341 var event = { 1342 schema_id: schemaId, 1343 payload: payload, 1344 metadata: { 1345 event_created_at_ms: currentMs, 1346 event_sent_at_ms: currentMs 1347 } 1348 }; 1349 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1350 }, 1351 sendRequest: function sendRequest(endpointUrl, payload) { 1352 // Try the sendBeacon API 1353 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1354 var blobData = new window.Blob([payload], { 1355 type: 'text/plain' 1356 }); 1357 1358 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1359 return true; 1360 } // sendBeacon was not successful 1361 1362 } // XHR beacon 1363 1364 var xhr = new XMLHttpRequest(); 1365 1366 try { 1367 xhr.open('POST', endpointUrl); 1368 xhr.setRequestHeader('Content-Type', 'text/plain'); 1369 xhr.send(payload); 1370 } catch (e) { 1371 console.log(e); 1372 } 1373 1374 return false; 1375 }, 1376 isIos12: function isIos12() { 1377 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1378 } 1379 }; 1380 Monorail.produce('monorail-edge.shopifysvc.com', 1381 'trekkie_storefront_load_errors/1.1', 1382 {shop_id: 89993085291, 1383 theme_id: 177306042731, 1384 app_name: "storefront", 1385 context_url: window.location.href, 1386 source_url: "//bkconnection.com/cdn/s/trekkie.storefront.8fbb7598bfc52f7298fce09b15942db7f0f927c3.min.js"}); 1387 1388 }; 1389 scriptFallback.async = true; 1390 scriptFallback.src = '//bkconnection.com/cdn/s/trekkie.storefront.8fbb7598bfc52f7298fce09b15942db7f0f927c3.min.js'; 1391 first.parentNode.insertBefore(scriptFallback, first); 1392}; 1393script.async = true; 1394script.src = '//bkconnection.com/cdn/s/trekkie.storefront.8fbb7598bfc52f7298fce09b15942db7f0f927c3.min.js'; 1395first.parentNode.insertBefore(script, first); 1396 1397 }; 1398 trekkie.load( 1399 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":89993085291,"isMerchantRequest":null,"themeId":177306042731,"themeCityHash":"11249351944727281660","contentLanguage":"en","currency":"USD","eventMetadataId":"ad7a744f-8e8d-4d1d-afdf-47e85c0fbabf"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1400 ); 1401 1402 var loaded = false;
1403 trekkie.ready(function() { 1404 if (loaded) return; 1405 loaded = true; 1406 1407 window.ShopifyAnalytics.lib = window.trekkie; 1408 1409 var originalDocumentWrite = document.write; 1410 document.write = customDocumentWrite; 1411 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1412 document.write = originalDocumentWrite; 1413 1414 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1415 var token = match? match[1]: undefined; 1416 if (!hasLoggedConversion(token)) { 1417 setCookieIfConversion(token); 1418 1419 } 1420 }); 1421 1422 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"cf1975b1-b686-47c7-9b39-6dfc9a049b88-1790837341","shopifyEmitted":true}); 1423 1424 var eventsListenerScript = document.createElement('script'); 1425 eventsListenerScript.async = true; 1426 eventsListenerScript.src = "//bkconnection.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1427 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1428})();</script>
vendor: 1 bytes, line 1428
1428
1429<script 1430 defer 1431 src="https://bkconnection.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1432 data-application="storefront-renderer" 1433 data-shop-id="89993085291" 1434 data-render-region="gcp-europe-west1" 1435 data-page-type="index" 1436 data-theme-instance-id="177306042731" 1437 data-theme-name="Eurus" 1438 data-theme-version="8.7.0" 1439 data-monorail-region="shop_domain" 1440 data-resource-timing-sampling-rate="10" 1441 data-shs="true" 1442 data-shs-beacon="true" 1443 data-shs-export-with-fetch="true" 1444 data-shs-logs-sample-rate="1" 1445 data-shs-beacon-endpoint="https://bkconnection.com/api/collect" 1446></script>
vendor: 1 bytes, line 1446
1446
1447<script id="shopify-chat-page-data" type="application/json">{"greetingMessage":"Welcome to Berrett-Koehler Publishers. How can I help?","customerServiceEmail":"[email protected]","onlineStorePasswordProtected":false,"continueAsChip":false,"translations":[{"key":"agent_chat.panel.open_chat","value":"Open chat"},{"key":"agent_chat.panel.ask_anything","value":"Ask anything"},{"key":"agent_chat.panel.title","value":"Storekick"},{"key":"agent_chat.panel.unread_replies","value":"Unread replies"},{"key":"agent_chat.panel.back_to_chat","value":"Back to chat"},{"key":"agent_chat.panel.see_history","value":"See chat history"},{"key":"agent_chat.panel.new_chat","value":"Create a new chat"},{"key":"agent_chat.panel.close","value":"Close chat"},{"key":"agent_chat.panel.undock","value":"Undock chat"},{"key":"agent_chat.panel.dock","value":"Dock chat"},{"key":"agent_chat.panel.expand","value":"Expand chat"},{"key":"agent_chat.panel.contract","value":"Contract chat"},{"key":"agent_chat.panel.jump_to_latest","value":"Jump to latest"},{"key":"agent_chat.panel.loading_chat","value":"Loading chat"},{"key":"agent_chat.input.label","value":"Type your message"},{"key":"agent_chat.input.placeholder","value":"Ask anything..."},{"key":"agent_chat.input.send","value":"Send"},{"key":"agent_chat.input.stop","value":"Stop generating"},{"key":"agent_chat.thinking","value":"Thinking..."},{"key":"agent_chat.first_response_delayed","value":"Agent is taking longer to respondâ¦"},{"key":"agent_chat.searching","value":"Searching..."},{"key":"agent_chat.message.sent_timestamp","value":"Sent · {{time}}"},{"key":"agent_chat.message.automated_label","value":"Automated"},{"key":"agent_chat.message.automated_timestamp","value":"Automated · {{time}}"},{"key":"agent_chat.liveAgentHandoff","value":"Someone from our team will be with you shortly"},{"key":"agent_chat.human_handoff.action","value":"Chat with our team"},{"key":"agent_chat.human_handoff.request","value":"Iâd like to talk to someone from your team"},{"key":"agent_chat.human_handoff.ai_assistant","value":"AI assistant"},{"key":"agent_chat.greeting.default","value":"Hi there!"},{"key":"agent_chat.greeting.with_name","value":"Hi {{name}}!"},{"key":"agent_chat.greeting.welcome","value":"You can ask questions about shopping, sizing\/dimensions, shipping, returns, or order status."},{"key":"agent_chat.greeting.welcome_back","value":"Welcome back to %{shop_name}! How can I help?"},{"key":"agent_chat.greeting.welcome_back_no_shop","value":"Welcome back! How can I help?"},{"key":"agent_chat.greeting.welcome_to_shop","value":"Welcome to %{shop_name}. How can I help?"},{"key":"agent_chat.greeting.generic","value":"How can I help?"},{"key":"agent_chat.disclaimer.text","value":"This chat is powered by AI from Shopify and may make mistakes. Your messages are visible to {{shop_name}}. See"},{"key":"agent_chat.disclaimer.text_human","value":"Your messages are visible to {{shop_name}} and to Shopify for the provision and improvement of the services. See"},{"key":"agent_chat.disclaimer.link_text","value":"privacy policy"},{"key":"agent_chat.error.response_unavailable","value":"Response unavailable"},{"key":"agent_chat.error.generic","value":"Something went wrong."},{"key":"agent_chat.error.response_failed","value":"Couldnât load this message"},{"key":"agent_chat.error.message_send_failed","value":"Your message couldnât be sent"},{"key":"agent_chat.error.attachment_upload_failed","value":"Your attachment didnât upload"},{"key":"agent_chat.error.first_response_stalled","value":"Agent couldnât respond"},{"key":"agent_chat.error.try_again","value":"Try again"},{"key":"agent_chat.error.unavailable","value":"Chat isn't available right now - try again later"},{"key":"agent_chat.error.usage_limit","value":"Message limit reached â try again later or email us at {{email}}"},{"key":"agent_chat.error.usage_limit_no_email","value":"Message limit reached â try again later"},{"key":"agent_chat.error.cost_quota_unhandled","value":"Chat isnât available right nowâemail us at {{email}}"},{"key":"agent_chat.error.cost_quota_unhandled_no_email","value":"Chat isnât available right now"},{"key":"agent_chat.error.cost_quota_handover","value":"AI assistant isnât available right now â our team will reply shortly"},{"key":"agent_chat.history.heading","value":"Chat history"},{"key":"agent_chat.history.loading","value":"Loading conversation history"},{"key":"agent_chat.history.aria_label","value":"Conversation history"},{"key":"agent_chat.history.no_conversations","value":"No conversations"},{"key":"agent_chat.history.conversation.one","value":"conversation"},{"key":"agent_chat.history.conversation.other","value":"conversations"},{"key":"agent_chat.history.error_message","value":"Something went wrong."},{"key":"agent_chat.history.try_again","value":"Try again"},{"key":"agent_chat.history.no_past","value":"No past conversations"},{"key":"agent_chat.history.start_new","value":"Start a new chat"},{"key":"agent_chat.history.untitled","value":"Untitled conversation"},{"key":"agent_chat.history.resume","value":"Resume: {{title}}"},{"key":"agent_chat.history.resume_with_time","value":"Resume: {{title}}, {{time}}"},{"key":"agent_chat.history.delete","value":"Delete conversation: {{title}}"},{"key":"agent_chat.history.delete_failed","value":"Could not delete conversation"},{"key":"agent_chat.feedback.group_label","value":"Message feedback"},{"key":"agent_chat.feedback.thumbs_up","value":"Thumbs up"},{"key":"agent_chat.feedback.thumbs_down","value":"Thumbs down"},{"key":"agent_chat.feedback.add_comment","value":"Add comment"},{"key":"agent_chat.feedback.thanks","value":"Thanks for your feedback"},{"key":"agent_chat.feedback.placeholder_up","value":"Tell us what went well"},{"key":"agent_chat.feedback.placeholder_down","value":"Tell us what could have been better"},{"key":"agent_chat.feedback.comment_label","value":"Feedback comment"},{"key":"agent_chat.feedback.cancel","value":"Cancel"},{"key":"agent_chat.feedback.submit","value":"Submit"},{"key":"agent_chat.feedback.character_count","value":"{{current}}\/{{max}}"},{"key":"agent_chat.feedback.character_limit_reached","value":"Maximum length reached. Feedback is limited to {{max}} characters."},{"key":"agent_chat.buyer_profile.button.open","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.title","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.empty","value":"No buyer profile available."},{"key":"agent_chat.buyer_profile.close","value":"Close"},{"key":"agent_chat.suggestions.empty_state_label","value":"Suggested questions"},{"key":"agent_chat.suggestions.quick_reply_label","value":"Suggested replies"},{"key":"agent_chat.auth.sign_in_to_continue","value":"Sign in to continue"},{"key":"agent_chat.auth.sign_in","value":"Sign in"},{"key":"agent_chat.auth.skip_and_chat","value":"Skip and start chatting"},{"key":"agent_chat.auth.pre_chat_title","value":"Sign in to personalize and save your chats"},{"key":"agent_chat.auth.pre_chat_subtitle","value":"Sign in or create an account"},{"key":"agent_chat.auth.staff_chat_required_title","value":"Don't miss a reply"},{"key":"agent_chat.auth.staff_chat_required_subtitle","value":"Sign in to chat with our team. We'll email you if you leave the chat."},{"key":"agent_chat.auth.share_disclaimer","value":"By continuing, Shop will share your name and email with this store. See their {{terms_link}} and {{privacy_link}}"},{"key":"agent_chat.auth.terms_link","value":"terms"},{"key":"agent_chat.auth.privacy_link","value":"privacy policy"},{"key":"agent_chat.auth.declined_pre_chat","value":"I canât connect you with the store unless you sign in."},{"key":"agent_chat.reply_by_email.continuation_prompt","value":"If you leave the chat, weâll email you when thereâs a reply."},{"key":"agent_chat.reply_by_email.sign_in_prompt","value":"Sign in to get emailed when thereâs a reply."},{"key":"agent_chat.order_lookup.track_order","value":"Track my order"},{"key":"agent_chat.order_lookup.track_another_order","value":"Track another order"},{"key":"agent_chat.order_lookup.new_conversation","value":"New conversation"},{"key":"agent_chat.order_lookup.follow_up_label","value":"Order lookup actions"},{"key":"agent_chat.order_lookup.enter_order_information","value":"Enter order information"},{"key":"agent_chat.order_lookup.prompt","value":"To see your order status, please provide your order details."},{"key":"agent_chat.order_lookup.form_title","value":"Track my order"},{"key":"agent_chat.order_lookup.form_subtitle","value":"Please provide your information."},{"key":"agent_chat.order_lookup.order_number_label","value":"Order number"},{"key":"agent_chat.order_lookup.email_label","value":"Email address"},{"key":"agent_chat.order_lookup.submit","value":"Track my order"},{"key":"agent_chat.order_lookup.cancel","value":"Cancel"},{"key":"agent_chat.order_lookup.invalid_order_number","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_order_number_whitespace","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_email","value":"Please enter a valid email address"},{"key":"agent_chat.order_lookup.generic_error","value":"There was a problem looking up your order. Please try again."},{"key":"agent_chat.order_lookup.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.order_lookup.locked_composer_status","value":"Order lookup is in progress. Start a new conversation to ask something else."},{"key":"agent_chat.legacy_contact.form_title","value":"Before we get started"},{"key":"agent_chat.legacy_contact.form_subtitle","value":"Please provide your information so we can reply to you if you leave the chat."},{"key":"agent_chat.legacy_contact.first_name_label","value":"First name"},{"key":"agent_chat.legacy_contact.last_name_label","value":"Last name"},{"key":"agent_chat.legacy_contact.email_label","value":"Email"},{"key":"agent_chat.legacy_contact.marketing_opt_in","value":"Email me with news and offers"},{"key":"agent_chat.legacy_contact.submit","value":"Start chat"},{"key":"agent_chat.legacy_contact.cancel","value":"Cancel"}
1447,{"key":"agent_chat.legacy_contact.invalid_first_name","value":"Enter a valid first name."},{"key":"agent_chat.legacy_contact.invalid_last_name","value":"Enter a valid last name."},{"key":"agent_chat.legacy_contact.invalid_email","value":"Enter a valid email address."},{"key":"agent_chat.legacy_contact.invalid_email_length","value":"Email address is too long."},{"key":"agent_chat.legacy_contact.generic_error","value":"Something went wrong."},{"key":"agent_chat.legacy_contact.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.discountCard.useDiscount","value":"Use discount"},{"key":"agent_chat.discountCard.discountApplicationContext","value":"Applies automatically at checkout"},{"key":"agent_chat.cart.checkout","value":"Checkout"},{"key":"agent_chat.product.add_to_cart","value":"Add to cart"},{"key":"agent_chat.product.view_details","value":"View details"},{"key":"agent_chat.product.out_of_stock","value":"Out of stock"},{"key":"agent_chat.product.compare_suggestions","value":"Compare suggestions"},{"key":"agent_chat.product.hide_suggestions","value":"Hide suggestions"},{"key":"agent_chat.product.sold_out","value":"Sold out"},{"key":"agent_chat.order.item.one","value":"item"},{"key":"agent_chat.order.item.other","value":"items"},{"key":"agent_chat.order.less_items.one","value":"- hide {{count}} item"},{"key":"agent_chat.order.less_items.other","value":"- hide {{count}} items"},{"key":"agent_chat.order.more_items.one","value":"+ {{count}} more item"},{"key":"agent_chat.order.more_items.other","value":"+ {{count}} more items"},{"key":"agent_chat.order.view_order","value":"View order {{orderId}}"},{"key":"agent_chat.order.track_shipment","value":"Track shipment"},{"key":"agent_chat.order.of_total","value":"{{index}} of {{total}}"},{"key":"agent_chat.order.label","value":"Order {{number}}"},{"key":"agent_chat.order.count.one","value":"{{count}} Order"},{"key":"agent_chat.order.count.other","value":"{{count}} Orders"},{"key":"agent_chat.order.ordered_on","value":"Ordered {{date}}"},{"key":"agent_chat.order.select","value":"Select order {{number}}"},{"key":"agent_chat.return.heading","value":"Select items to return"},{"key":"agent_chat.return.toggle_item","value":"Select {{name}}"},{"key":"agent_chat.return.select_item_non_returnable","value":"{{name}}, not returnable"},{"key":"agent_chat.return.quantity_label","value":"Return quantity"},{"key":"agent_chat.return.reason_label","value":"Reason for return"},{"key":"agent_chat.return.reason_placeholder","value":"Select a reason"},{"key":"agent_chat.return.confirm","value":"Request return"},{"key":"agent_chat.return.confirmed","value":"Return requested"},{"key":"agent_chat.return.reason.size_too_small","value":"Size too small"},{"key":"agent_chat.return.reason.size_too_large","value":"Size too large"},{"key":"agent_chat.return.reason.unwanted","value":"Unwanted"},{"key":"agent_chat.return.reason.not_as_described","value":"Not as described"},{"key":"agent_chat.return.reason.wrong_item","value":"Wrong item"},{"key":"agent_chat.return.reason.defective","value":"Defective"},{"key":"agent_chat.return.reason.style","value":"Style"},{"key":"agent_chat.return.reason.color","value":"Color"},{"key":"agent_chat.return.reason.other_reason","value":"Other"},{"key":"agent_chat.scroll.previous","value":"Previous"},{"key":"agent_chat.scroll.next","value":"Next"}]}</script>
vendor: 1 bytes, line 1447
1447
1448<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"89993085291","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
1448 1449<meta name="shopify-y" content="5f89b6cb-2c09-4d21-81b8-3b02ef608736" data-expiration="1822397399000"><meta name="shopify-s" content="a80c7ff9-be58-4a55-b2ef-558eb9d02d47" data-expiration="1790841599000"><meta name="new-cookie-storage-activated" content="t"> 1450</head> 1451 <body 1452 class="gradient scrollbar-body overflow-x-hidden text-[0.7875rem] md:text-[0.875rem]" 1453 x-data="{ runDispatch: true }" 1454 :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 1455 x-init="$store.xPopup.setWidthScrollbar();" 1456 x-on:mouseover="if (runDispatch) { $dispatch('init-run'); runDispatch = false; }" 1457 x-on:touchstart="if (runDispatch) { 1458 if (event.target.parentNode.parentNode.id == 'SearchOpen' || event.target.parentNode.id == 'SearchOpen') { setTimeout(() => { document.querySelector('#SearchOpen').click() }, 200) } 1459 if (event.target.parentNode.parentNode.id == 'cart-icon' || event.target.parentNode.id == 'cart-icon') { setTimeout(() => { document.querySelector('#cart-icon').click() }, 200) } 1460 if (event.target.parentNode.id == 'mobile-navigation' || event.target.id == 'mobile-navigation') { setTimeout(() => { document.querySelector('#mobile-navigation').click() }, 200) } 1461 $dispatch('init-run'); runDispatch = false; 1462 }" 1463 ><div 1464 class="hidden" 1465 x-data='xTabAttention({ 1466 message1: "ð Psst...", 1467 message2: "Donât forget your books!", 1468 delay: 3 1469 })' 1470 > 1471 </div> 1472
1472<script src="//bkconnection.com/cdn/shop/t/4/assets/tab-attention.js?v=135415189931050011531747335364" defer></script>
1472<div 1473 x-data="{ loading: true }" 1474 x-intersect= 1475 " 1476 window.onload = () => { 1477 loading = false; 1478 setTimeout(() => { 1479 $el.remove(); 1480 }, 1000); 1481 } 1482 " 1483 x-show="loading" 1484 x-transition:leave="transition-all ease-in-out duration-1000" 1485 x-transition:leave-start="opacity-100" 1486 x-transition:leave-end="opacity-0" 1487 class="fixed top-0 left-0 w-full h-full bg-black z-[9999]" 1488 ></div><div class="main-container flex flex-col min-h-screen relative"> 1489 <a class="skip-to-content absolute -z-10 button button-solid hidden lg:block pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 mt-0.5 ml-0.5 leading-normal justify-center cursor-pointer focus-visible:z-60" href="#MainContent"> 1490 Skip to content 1491 </a> 1492 1493 1494 <!-- BEGIN sections: header-group-puff --> 1495<div id="shopify-section-sections--24498229674347__announcement-bar" class="shopify-section shopify-section-group-header-group-puff section-announcement"><style data-shopify>#x-announcement-bar .arrow { 1496 background: transparent; 1497 border: 0; 1498 box-shadow: none; 1499 color: #ffffff; 1500 } 1501 .dark #x-announcement-bar .arrow { 1502 color: #ffffff; 1503 } 1504 .announcement-bar_container-sections--24498229674347__announcement-bar { 1505 1506 background: #4e628c; 1507 1508 1509 --colors-text-link: 255,255,255; 1510 1511 } 1512 .dark .announcement-bar_container-sections--24498229674347__announcement-bar { 1513 1514 background: #ffffff; 1515 1516--colors-text-link: 255,255,255; 1517 1518 } 1519 .announcement-bar_text { 1520 1521 color: #ffffff; 1522 --colors-line-and-border: 255,255,255; 1523 1524 } 1525 .dark .announcement-bar_text { 1526 1527 color: #ffffff; 1528 --colors-line-and-border: 255,255,255; 1529 1530 } 1531 1532 .section-announcement { 1533 position: sticky; 1534 top: 0; 1535 z-index: 30; 1536 } 1537 1538</style><div 1539 id="x-announcement" 1540 class="announcement-bar_container-sections--24498229674347__announcement-bar ltr mx-auto flex items-center lg:pl-5 lg:pr-5" 1541 1542 data-is-sticky="true" 1543 x-init='$store.xHeaderMenu.setVariableHeightHeader(true);document.documentElement.style.setProperty("--top-cart-noti", $el.offsetHeight + "px")' 1544 1545 > 1546 1547 <div id="x-slide-announcement-bar" class="disable-effect-hover grow flex-1 x-splide splide has-toolbar:lg:pr-5 has-toolbar:lg:pl-5 overflow-hidden visible relative"> 1548 <div class="splide__track x-pgw page-width mx-auto pl-0 pr-0"> 1549 <div class="splide__list w-full flex md:block"><style data-shopify>.text--promo_code_LtceAD .width-countdown { 1550 width: 7.875rem; 1551 }.text--promo_code_LtceAD, 1552 .btn--promo_code_LtceAD { 1553 font-size: 0.7875rem; 1554 } 1555 @media (min-width: 768px) { 1556 .text--promo_code_LtceAD, 1557 .btn--promo_code_LtceAD { 1558 font-size: 0.875rem; 1559 } 1560 }.icon--promo_code_LtceAD { 1561 width: 0.875rem; 1562 height: 0.875rem; 1563 } 1564 .button.text_button_announ--promo_code_LtceAD { 1565 1566 color: ; 1567 1568 1569 background: ; 1570 1571 } 1572 .dark .button.text_button_announ--promo_code_LtceAD { 1573 1574 color: ; 1575 1576 1577 background: ; 1578 1579 } 1580 @media(min-width: 768px){ 1581 .button.text_button_announ--promo_code_LtceAD { 1582 1583 color: ; 1584 1585 1586 background: ; 1587 1588 } 1589 .dark .button.text_button_announ--promo_code_LtceAD { 1590 1591 color: ; 1592 1593 1594 background: ; 1595 1596 } 1597 } 1598 .text-link-with-arrow--promo_code_LtceAD { 1599 1600 color: ; 1601 1602 } 1603 .dark .text-link-with-arrow--promo_code_LtceAD { 1604 1605 color: ; 1606 1607 } 1608 .hyperlink-circle-color--promo_code_LtceAD { 1609 1610 background-color: ; 1611 1612 } 1613 .dark .hyperlink-circle-color--promo_code_LtceAD { 1614 1615 background-color: ; 1616 1617 }</style><div x-slide-index="0" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center py-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div 1618 1619 class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr"> 1620 1621 <div class="text--promo_code_LtceAD announcement-bar_text flex"> 1622 <div class="flex items-center mr-2 md:mr-3">
1623 <span class="inline-block icon--promo_code_LtceAD"> 1624 1625 1626 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 1627 1628 <path d="M82.014 81.4682C82.9266 81.4249 83.7816 81.3819 84.5788 81.3392C89.4574 81.0791 93.3634 77.4062 93.8209 72.5421C94.3446 66.9748 94.9026 58.806 94.9883 48.7181C95.0031 46.9622 94.6465 45.2166 93.8269 43.6637C91.7033 39.6399 86.7368 31.4649 79.2625 26.5346C77.6811 25.4914 75.8067 25.0363 73.9135 24.9726C68.4795 24.7899 62.4917 24.654 56.4004 24.5537" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 1629 <path d="M5.03186 52.1426C5.01116 53.301 5 54.4714 5 55.6483C5 63.1393 5.45204 69.0527 5.94076 73.257C6.46807 77.7934 10.1829 81.0538 14.7429 81.3049C15.7279 81.3592 16.8088 81.4149 17.9856 81.4706" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 1630 <path fill-rule="evenodd" clip-rule="evenodd" d="M72.1487 35.3834C76.8229 38.0336 80.2299 43.139 82.2236 46.8425C83.4471 49.1154 82.0562 51.7756 79.4846 51.9976C75.9714 52.3008 72.7507 52.0781 70.4809 51.7979C68.5095 51.5542 67.1426 49.8378 67.1426 47.8514V38.4697C67.1426 36.5534 68.6959 35 70.6123 35C71.1489 35 71.6818 35.1187 72.1487 35.3834Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 1631 <path d="M56.4286 52.1429H30.7143H5V28.5714C5 22.1924 5.20179 17.2929 5.44154 13.7231C5.74799 9.15986 9.26649 5.71865 13.8318 5.44458C17.7758 5.20779 23.3384 5 30.7143 5C38.0902 5 43.6526 5.20779 47.5968 5.44458C52.1621 5.71865 55.6805 9.15986 55.9869 13.7231C56.2267 17.2929 56.4286 22.1924 56.4286 28.5714V52.1429Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 1632 <path d="M41.3779 82.1011C44.0901 82.1283 46.9641 82.1437 50.0001 82.1437C53.0372 82.1437 55.9121 82.1283 58.6251 82.1011" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 1633 <path d="M58.5713 83.2144C58.5713 89.7236 63.8479 95.0001 70.357 95.0001C76.8661 95.0001 82.1427 89.7236 82.1427 83.2144C82.1427 76.7053 76.8661 71.4287 70.357 71.4287C63.8479 71.4287 58.5713 76.7053 58.5713 83.2144Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 1634 <path d="M17.8564 83.2144C17.8564 89.7236 23.133 95.0001 29.6422 95.0001C36.1513 95.0001 41.4279 89.7236 41.4279 83.2144C41.4279 76.7053 36.1513 71.4287 29.6422 71.4287C23.133 71.4287 17.8564 76.7053 17.8564 83.2144Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 1635 1636 </svg> 1637 1638 1639 1640 </span> 1641 </div> 1642 1643 1644<p class="x-announcement-bar-block-data leading-[initial]">FREE shipping on orders over $65!</p></div> 1645 <style data-shopify> 1646 .button-coupon--promo_code_LtceAD {color: #ffffff; 1647 border-color: #ffffff; 1648 } 1649 .dark .button-coupon--promo_code_LtceAD { 1650 color: var(--colors-button-hover); 1651 border-color: var(--colors-button-hover); 1652 1653 } 1654 </style> 1655 <div> 1656 <button :title="copySuccess?'Copied':'Copy code'" x-data='xCouponCode' x-on:click="copyCode()" class="button-coupon--promo_code_LtceAD border rounded-full border-dashed overflow-hidden items-center flex btn--promo_code_LtceAD none_transition empty:hidden center pl-2 pr-2 pt-1 pb-1 md:pl-3 md:pr-2.5"> 1657 <p x-ref="code_value"> 1658 FREESHIP 1659 </p> 1660 <div class="md:ml-4 ml-3 flex items-center">
1661 <span class="icon--promo_code_LtceAD inline-block" x-show="!copySuccess" 1662 x-transition:enter="transition-all absolute ease-in-out duration-300" 1663 x-transition:enter-start="opacity-0 absolute transform translate-y-full" 1664 x-transition:enter-end="opacity-100 absolute transform translate-y-0" 1665 x-transition:leave="transition-all absolute ease-in-out duration-300" 1666 x-transition:leave-end="opacity-0 transform absolute -translate-y-full"> 1667 <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 1668 <path d="M16.6154 2H3.53846C2.68879 2 2 2.68879 2 3.53846V16.6154C2 17.4651 2.68879 18.1538 3.53846 18.1538H16.6154C17.4651 18.1538 18.1538 17.4651 18.1538 16.6154V3.53846C18.1538 2.68879 17.4651 2 16.6154 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1669 <path d="M22 6.61536V20.4615C22 20.8695 21.8378 21.2609 21.5494 21.5494C21.2609 21.8378 20.8695 22 20.4615 22H6.61536" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1670 </svg> 1671 1672 </span> 1673 <span class="icon--promo_code_LtceAD inline-block" x-show="copySuccess" x-cloak 1674 x-transition:enter="transition-all ease-in-out duration-300" 1675 x-transition:enter-start="opacity-0 transform translate-y-full" 1676 x-transition:enter-end="opacity-100 transform translate-y-0" 1677 x-transition:leave="transition ease-in-out duration-300" 1678 x-transition:leave-end="opacity-0 transform -translate-y-full"> 1679 <svg width="100%" height="100%" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 1680 <g clip-path="url(#clip0_1602_2141)"> 1681 <path fill="none" d="M20.3232 6.71851L9.32324 17.7185L4.32324 12.7185" stroke="currentcolor" stroke-width="5" stroke-linecap="square" stroke-linejoin="round"/> 1682 </g> 1683 </svg> 1684 1685 </span> 1686 </div> 1687 </button> 1688 </div> 1689
1689<script src="//bkconnection.com/cdn/shop/t/4/assets/coupon-code.js?v=99683073096863989621747335364" defer></script>
1689 1690 1691</div></div></div> 1692 </div></div> 1693 1694 1695</div> 1696</div><div id="shopify-section-sections--24498229674347__header" class="shopify-section shopify-section-group-header-group-puff section-header"> 1697 1698<style data-shopify> 1699.logo-name { 1700 font-size: 1.125rem; 1701 } 1702 .transparent-header .logo-name, 1703 .transparent-header header { 1704 1705 color: #ffffff; 1706 1707 } 1708 .dark .transparent-header .logo-name, 1709 .dark .transparent-header header { 1710 1711 color: #ffffff; 1712 1713 1714 } 1715 1716 header { 1717 grid-template-areas: "drawer heading icons"; 1718 1719 } 1720 @media (min-width: 1024px) { 1721 header { 1722 grid-template-areas: "heading navigation icons" ". . ."; 1723 grid-template-columns: 1fr 4fr 1fr; 1724 } 1725 .logo-name { 1726 font-size: 2.25rem; 1727 } 1728 .pt-header { 1729 padding-top: 12px; 1730 } 1731 .pb-header { 1732 padding-bottom: 12px; 1733 } 1734 }</style><div x-show="$store.xHeaderMenu.overlay" 1735 x-transition:enter="ease-in-out duration-300" 1736 x-transition:enter-start="opacity-0" 1737 x-transition:enter-end="opacity-100" 1738 x-transition:leave="transition-all ease-in-out duration-300" 1739 x-transition:leave-end="opacity-0" 1740 class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0 z-20" x-cloak> 1741</div> 1742<div 1743 id="x-header-container" 1744 class="relative text-[rgb(var(--colors-text-header))] z-50" 1745 x-init='$store.xHeaderMenu.removeStickyHeader();$store.xHeaderMenu.initSticky($el, "shopify-section-sections--24498229674347__header", "always", false); $store.xHeaderMenu.mobileHeaderLayout="center-left";' 1746 1747 x-intersect:leave="$store.xHeaderMenu.handleAlwaysSticky()" 1748 data-is-sticky="true" 1749 :class="$store.xMiniCart.open && 'z-[60]'" 1750 1751 @click.away="$store.xHeaderMenu.openHamburgerMenu = false;" 1752 1753> 1754 <div id="sticky-header" class="shopify-header text-[rgb(var(--colors-text-header))] background-header" 1755 x-intersect="$store.xHeaderMenu.setVariableHeightHeader(true)" 1756 > 1757 <div 1758 id="sticky-header-content" 1759 class="sticky-header-content z-20 w-full top-0 1760 header-full-width" 1761 :class="{ 'background-header sticky-header-active': ($store.xHeaderMenu.isSticky || $store.xHeaderMenu.overlay), 'padding-scrollbar-header': $store.xHeaderMenu.isSticky && ($store.xPopup.open || $store.xPopup.openVideoShopping), 'static': $store.xHeaderMenu.overlay, 'relative': !$store.xHeaderMenu.overlay}" 1762 1763 x-intersect.once="$store.xHeaderMenu.setTopStickyHeader()" 1764 > 1765 <header 1766 class="header lg:pb-0 pt-[16px] pb-[16px] pt-header lg:pb-0 full-width grid lg:mx-auto gap-x-2" :class="{ ' lg:pt-5': !$store.xHeaderMenu.isSticky, 'open-menu': $store.xHeaderMenu.overlay }" 1767 1768 > 1769 <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full"> 1770 1771 1772 <style data-shopify> 1773 .mobile-navigation-modern-icon-bg{ 1774 background: rgba(var(--colors-line-header),1) 1775 } 1776 </style> 1777 <div 1778 id="mobile-navigation" 1779 @click="setTimeout(() => { $store.xMobileNav.open() }, 0)" 1780 class="relative p-2 mobile-navigation-modern-icon-bg rounded-full cursor-pointer " 1781 > 1782 <div class="w-5 h-5"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 1783 <path d="M4 8H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 1784 <path d="M4 16H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 1785 </svg> 1786</div> 1787 </div> 1788 </div> 1789 <h1 class="flex logo-name p-break-words lg:order-2 top-4 text-center [grid-area:heading] mx-auto justify-center pb-header flex items-center lg:justify-left lg:relative lg:left-0 lg:translate-x-0 lg:mt-0 lg:top-0 lg:[grid-area:auto] lg:ml-0" 1790 > 1791 1792 1793 1794<div class="flex"> 1795 <a href="/" class="w-[150px] md:w-[200px] h-auto disable-effect inline-block"><span class="hidden dark:block h-0 dark:h-auto mx-auto md:ml-0">Berrett-Koehler Publishers</span><img 1796 src="//bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=2400" 1797 alt="Berrett-Koehler Publishers" 1798 sizes="(min-width: 768px) 200px, 150px" 1799 srcset="//bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=50 50w, 1800 //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=100 100w, 1801 //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=150 150w, 1802 //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=200 200w, 1803 //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=250 250w, 1804 //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=300 300w, 1805 //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=400 400w, 1806 //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=500 500w, 1807 //bkconnection.com/cdn/shop/files/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701&width=600 600w" 1808 width="2400" 1809 height="600" 1810 class="header-logo block dark:hidden dark:absolute mx-auto md:ml-0" 1811 loading="eager" 1812 fetchpriority="high" 1813 decoding="sync" 1814 /></a> 1815</div> 1816</h1> 1817 <div 1818 class="x-container-header-icons justify-end lg:order-4 [grid-area:icons] lg:[grid-area:auto] pb-header flex" 1819 >
1820 <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3"></div><style data-shopify> 1821 1822 @media (max-width: 767px) { 1823 .mobile-center-left #SearchOpen { 1824 left: 3.5rem; 1825 } 1826 .mobile-center-right #SearchOpen { 1827 right: 3.5rem; 1828 } 1829 } 1830 1831 </style> 1832 <div class="x-header-icon-search flex items-center justify-center mobile-center-left" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'header-search-block', '#ajax-loading-header-search');"> 1833 <a 1834 id="SearchOpen" 1835 href="/search" 1836 aria-label="search" 1837 class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 1838 @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)"> 1839 <span class="w-11 h-10 px-3 pt-2.5 pb-2"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 1840 <path d="M11.4545 19.6364C15.9732 19.6364 19.6363 15.9732 19.6363 11.4545C19.6363 6.93585 15.9732 3.27273 11.4545 3.27273C6.93583 3.27273 3.27271 6.93585 3.27271 11.4545C3.27271 15.9732 6.93583 19.6364 11.4545 19.6364Z" stroke="currentColor" stroke-width="2"/> 1841 <path d="M17 18L21 22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> 1842 </svg> 1843 1844</span> 1845 </a> 1846 </div> 1847 <a href="/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full®ion_country=US" 1848 aria-label="Log in" 1849 class="header-icon-account hidden lg:flex relative items-center justify-center"> 1850 <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2"> 1851 <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 1852 <path d="M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1715C18.0783 15.4214 17.0609 15 16 15H7.99999C6.93913 15 5.92171 15.4214 5.17157 16.1715C4.42142 16.9217 4 17.9391 4 19V21" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1853 <path d="M12 11C14.2092 11 16.0001 9.20914 16.0001 7C16.0001 4.79086 14.2092 3 12 3C9.79093 3 8.00006 4.79086 8.00006 7C8.00006 9.20914 9.79093 11 12 11Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1854 </svg> 1855 1856 </span> 1857 </a><div class="header-icon-cart cursor-pointer relative flex items-center"> 1858 <a 1859 id="cart-icon" 1860 href="/cart" 1861 class="relative flex items-center" 1862 1863 @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)" 1864 :class="$store.xMiniCart.open && 'pointer-events-none'" 1865 1866 aria-controls="CartDrawer" 1867 aria-expanded="false" 1868 aria-label="icon-cart" 1869 > 1870 <span class="w-11 h-10 md:pl-3 inline-block pl-3 pr-0 md:pr-2.5 pt-2.5 pb-2"> 1871 <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill:none;"> 1872 <path d="M20.1417 19.463C20.1636 19.6573 20.1439 19.8539 20.0842 20.0401C20.0246 20.2262 19.9263 20.3976 19.7956 20.543C19.6646 20.6881 19.5042 20.804 19.3253 20.8827C19.1463 20.9615 18.9526 21.0015 18.7571 21H5.24324C5.04769 21.0015 4.85405 20.9615 4.67506 20.8827C4.49607 20.804 4.33578 20.6881 4.20477 20.543C4.07411 20.3976 3.97571 20.2262 3.91605 20.0401C3.85639 19.8539 3.83681 19.6573 3.85862 19.463L5.07708 8.5384H18.9232L20.1417 19.463Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1873 <path d="M8.53864 8.53847V6.46154C8.53864 5.54349 8.90333 4.66302 9.55249 4.01386C10.2017 3.3647 11.0821 3 12.0002 3C12.9182 3 13.7987 3.3647 14.4479 4.01386C15.097 4.66302 15.4617 5.54349 15.4617 6.46154V8.53847" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1874 </svg> 1875 </span> 1876 <div id="cart-icon-bubble" class="count_item absolute -top-0.5 1877 -right-1.5 1878 md:right-0 " data-value="0"> 1879 <div class="bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-5 w-5 rounded-full text-[10px] hidden"><span class="h-full flex items-center justify-center mt-[1px]" aria-hidden="true">0</span></div> 1880 </div> 1881 </a> 1882 </div></div> 1883 1884 1885 1886 1887 1888<style data-shopify> 1889 .svg-highlight-sections--24498229674347__header { 1890 1891 --color-highlight: #f8c000; 1892 1893 } 1894 .dark .svg-highlight-sections--24498229674347__header { 1895 1896 --color-highlight: #4d6391; 1897 1898 } 1899 1900 .x-icon-caret svg { 1901 color: var(--colors-text-header); 1902 --tw-rotate: 0deg; 1903 transform: rotate(var(--tw-rotate)); 1904 transition: transform 0.5s ease 0.1s; 1905 } 1906 1907 .clicked .x-icon-caret svg { 1908 color: var(--colors-text-link); 1909 --tw-rotate: 180deg; 1910 } 1911 1912</style><nav x-on:click.away="$store.xHeaderMenu.hideMenu($el)" class="x-container-header-nav [grid-area:navigation] w-full pb-header lg:[grid-area:auto] order-3 hidden header__inline-menu lg:flex items-center justify-center"> 1913 <ul class="duration-500 list-menu inline-flex flex-wrap items-center justify-center"> 1914<li x-data='{ active: false }' 1915 class="pr-5 simple_menu pl-5 has-dropdown" 1916 @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)" 1917 1918 1919 x-on:mouseover="$el.classList.add('is-focus');" 1920 @mouseleave="$el.classList.remove('is-focus');" 1921 @focusin="$el.classList.add('is-focus');" 1922 @focusout="$el.classList.remove('is-focus');" 1923 1924 > 1925 <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 1926 1927 1928 @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)" 1929 1930 1931 > 1932 <div class=" flex items-center"> 1933 <div class="relative"> 1934 <a href="#" 1935 class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 1936 > 1937 1938 1939 1940 1941
1942 <span>Shop</span> 1943 1944 1945 1946 </a> 1947 1948 </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 1949 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 1950 </svg> 1951</span></div> 1952 </div><div id="menu-1"></div></li> 1953<li x-data='{ active: false }' 1954 class="pr-5 tabbed_menu pl-5 has-dropdown" 1955 1956 1957 x-on:mouseover="$el.classList.add('is-focus');" 1958 @mouseleave="$el.classList.remove('is-focus');" 1959 @focusin="$el.classList.add('is-focus');" 1960 @focusout="$el.classList.remove('is-focus');" 1961 1962 > 1963 <div class="tabbed_menu_item cursor-pointer relative hover-text-link flex items-center is-focus:link-active" 1964 1965 1966 @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)" 1967 1968 1969 > 1970 <div class=" flex items-center"> 1971 <div class="relative"> 1972 <a href="#" 1973 class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 1974 1975 > 1976 1977 1978 1979 1980 1981 <span>Offers</span> 1982 1983 1984 1985 </a> 1986 1987 </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 1988 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 1989 </svg> 1990</span></div> 1991 </div> 1992 1993 <div id="menu-2"></div> 1994 1995 </li> 1996<li 1997 id="tree_menu_qnqE8m" 1998 class="pr-5 tree-menu pl-5 relative has-dropdown" 1999 2000 2001 x-on:mouseover="$el.classList.add('is-focus');" 2002 @mouseleave="$el.classList.remove('is-focus');" 2003 @focusin="$el.classList.add('is-focus');" 2004 @focusout="$el.classList.remove('is-focus');" 2005 2006 > 2007 <div class="relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative duration-200 transition hover-text-link is-focus:link-active" x-data='{ active: false }' 2008 2009 2010 @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)" 2011 2012 2013 > 2014 <div class=" flex items-center"> 2015 <div class="relative"> 2016 <a 2017 href="/pages/author-services" 2018 class=" cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative duration-200 transition hover-text-link is-focus:link-active" 2019 2020 > 2021 2022 2023 2024 2025 2026 <span>Services</span> 2027 2028 2029 2030 </a></div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2031 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2032 </svg> 2033</span></div> 2034 </div><div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" > 2035 <div class="tree-menu-nav" id="menu-3"> </div> 2036 </div></li> 2037<li 2038 id="tree_menu_4jytzF" 2039 class="pr-5 tree-menu pl-5 relative has-dropdown" 2040 2041 2042 x-on:mouseover="$el.classList.add('is-focus');" 2043 @mouseleave="$el.classList.remove('is-focus');" 2044 @focusin="$el.classList.add('is-focus');" 2045 @focusout="$el.classList.remove('is-focus');" 2046 2047 > 2048 <div class="relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative duration-200 transition hover-text-link
2048is-focus:link-active" x-data='{ active: false }' 2049 2050 2051 @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)" 2052 2053 2054 > 2055 <div class=" flex items-center"> 2056 <div class="relative"> 2057 <a 2058 href="#" 2059 class=" cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative duration-200 transition hover-text-link is-focus:link-active" 2060 2061 > 2062 2063 2064 2065 2066 2067 <span>Get Published</span> 2068 2069 2070 2071 </a></div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2072 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2073 </svg> 2074</span></div> 2075 </div><div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" > 2076 <div class="tree-menu-nav" id="menu-4"> </div> 2077 </div></li> 2078<li x-data='{ active: false }' 2079 class="pr-5 simple_menu pl-5 has-dropdown" 2080 @mouseover.once="$store.xHeaderMenu.initToggleMenuHeight($el)" 2081 2082 2083 x-on:mouseover="$el.classList.add('is-focus');" 2084 @mouseleave="$el.classList.remove('is-focus');" 2085 @focusin="$el.classList.add('is-focus');" 2086 @focusout="$el.classList.remove('is-focus');" 2087 2088 > 2089 <div class="simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 2090 2091 2092 @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)" 2093 2094 2095 > 2096 <div class=" flex items-center"> 2097 <div class="relative"> 2098 <a href="#" 2099 class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 duration-200 hover-text-link transition is-focus:link-active" 2100 > 2101 2102 2103 2104 2105 2106 2107 2108 2109<span 2110 class="highlight relative inline-block" 2111 x-data="{ isIntersecting: false }" 2112 x-intersect.once="isIntersecting = true" 2113 :class="isIntersecting && 'highlight-anm-start'" 2114> 2115 Members 2116 2117 2118 <svg class="svg-highlight svg-highlight-sections--24498229674347__header svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none"> 2119 <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight)" stroke-width="2.5px"/> 2120 </svg> 2121 2122 2123</span> 2124 2125 2126 2127 </a> 2128 2129 </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2130 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2131 </svg> 2132</span></div> 2133 </div><div id="menu-5"></div></li> 2134<li 2135 id="tree_menu_Kz4jcQ" 2136 class="pr-5 tree-menu pl-5 relative has-dropdown" 2137 2138 2139 x-on:mouseover="$el.classList.add('is-focus');" 2140 @mouseleave="$el.classList.remove('is-focus');" 2141 @focusin="$el.classList.add('is-focus');" 2142 @focusout="$el.classList.remove('is-focus');" 2143 2144 > 2145 <div class="relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative duration-200 transition hover-text-link
2145is-focus:link-active" x-data='{ active: false }' 2146 2147 2148 @click="$store.xHeaderMenu.clickItem($el, $event, false, false, false)" 2149 2150 2151 > 2152 <div class=" flex items-center"> 2153 <div class="relative"> 2154 <a 2155 href="#" 2156 class=" cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative duration-200 transition hover-text-link is-focus:link-active" 2157 2158 > 2159 2160 2161 2162 2163 2164 <span>About</span> 2165 2166 2167 2168 </a></div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2169 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2170 </svg> 2171</span></div> 2172 </div><div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" > 2173 <div class="tree-menu-nav" id="menu-6"> </div> 2174 </div></li> 2175<template x-teleport="#menu-1"> 2176<template x-if="!runDispatch"> 2177 <div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] mega-menu-horizontal main-nav-child-right is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]"> 2178 <div> 2179 <div class="x-pgw page-width mx-auto flex promotion-horizontal image-count-1 md:max-h-[80vh]"><ul class="mega-nav order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-4/5 top-full"><li class="relative w-24 lg:w-48"> 2180 <div class="font-semibold"> 2181<a href="/collections/books" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3"> 2182 Subjects 2183 </a> 2184 </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2185<span class="flex-1"> 2186 <a href="/collections/leadership" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2187 Leadership 2188 </a> 2189 </span> 2190 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2191<span class="flex-1"> 2192 <a href="/collections/professional-development" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2193 Professional Development 2194 </a> 2195 </span> 2196 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2197<span class="flex-1"> 2198 <a href="/collections/workplace-culture" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2199 Workplace Culture 2200 </a> 2201 </span> 2202 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2203<span class="flex-1"> 2204 <a href="/collections/diversity-inclusion" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2205 Diversity & Inclusion 2206 </a> 2207 </span> 2208 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2209<span class="flex-1"> 2210 <a href="/collections/personal-growth" class="nav-link relative transition duration-200 p-break-words hover-text-link
2210inline-block"> 2211 Personal Growth 2212 </a> 2213 </span> 2214 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2215<span class="flex-1"> 2216 <a href="/collections/social-change" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2217 Social Change 2218 </a> 2219 </span> 2220 </li></ul></li><li class="relative w-24 lg:w-48"> 2221 <div class="font-semibold"> 2222<a href="/collections" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3"> 2223 Curations 2224 </a> 2225 </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2226<span class="flex-1"> 2227 <a href="/collections/new-releases" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2228 New Releases 2229 </a> 2230 </span> 2231 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2232<span class="flex-1"> 2233 <a href="/collections/coming-soon" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2234 Coming Soon 2235 </a> 2236 </span> 2237 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2238<span class="flex-1"> 2239 <a href="/collections/bestsellers" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2240 Bestsellers 2241 </a> 2242 </span> 2243 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2244<span class="flex-1"> 2245 <a href="/collections/award-winners" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2246 Award Winners 2247 </a> 2248 </span> 2249 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2250<span class="flex-1"> 2251 <a href="/collections/higher-education" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2252 Higher Education 2253 </a> 2254 </span> 2255 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2256<span class="flex-1"> 2257 <a href="/collections/essential-workbooks" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2258 Essential Workbooks 2259 </a> 2260 </span> 2261 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2262<span class="flex-1"> 2263 <a href="/collections/companion-card-decks" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2264 Companion Card Decks 2265 </a> 2266 </span> 2267 </li></ul></li><li class="relative w-24 lg:w-48"> 2268 <div class="font-semibold"> 2269<a href="/collections" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3"> 2270 Signature Collections 2271 </a> 2272 </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2273<span class="flex-1"> 2274 <a href="/collections/no-kings-library" class="nav-link relative transition duration-200 p-break-words hover-text-link
2274inline-block"> 2275 No Kings Library 2276 </a> 2277 </span> 2278 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2279<span class="flex-1"> 2280 <a href="/collections/the-hidden-history-series" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2281 The Hidden History Series 2282 </a> 2283 </span> 2284 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2285<span class="flex-1"> 2286 <a href="/collections/the-ken-blanchard-library" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2287 The Ken Blanchard Library 2288 </a> 2289 </span> 2290 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2291<span class="flex-1"> 2292 <a href="/collections/the-remote-work-collection-1" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2293 The Remote Work Collection 2294 </a> 2295 </span> 2296 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2297<span class="flex-1"> 2298 <a href="/collections/black-history-collection" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2299 Black History Collection 2300 </a> 2301 </span> 2302 </li></ul></li></ul><div class="relative float-right md:right-5 lg:right-0 pt-8 pb-8 w-1/5 order-4"> 2303 <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex gap-5"><style data-shopify> 2304 .image-simple_menu_qVN9bW-1 { 2305 height: 150px; 2306 } 2307 </style> 2308 2309 <div class="mega-menu-card w-full group relative background-color-simple_menu_qVN9bW-1 ltr rounded-[10px]"> 2310 2311<style data-shopify>.title-color-simple_menu_qVN9bW-1 { 2312 color: ; 2313 --colors-heading: , , ; 2314 }.text-simple_menu_qVN9bW-1 { 2315 font-size: 0.7875rem; 2316 } 2317 .sub-heading-simple_menu_qVN9bW-1 { 2318 font-size: 1.125rem; 2319 } 2320 .heading-simple_menu_qVN9bW-1 { 2321 font-size: 1.575rem; 2322 } 2323 @media (min-width: 768px) { 2324 .sub-heading-simple_menu_qVN9bW-1 { 2325 font-size: 1.305rem; 2326 } 2327 .heading-simple_menu_qVN9bW-1 { 2328 font-size: 2.25rem; 2329 } 2330 .text-simple_menu_qVN9bW-1 { 2331 font-size: 0.875rem; 2332 } 2333 }.button--simple_menu_qVN9bW-1.button-solid, 2334 .button--simple_menu_qVN9bW-1.button-solid:before {--colors-line-and-border: var(--colors-button);}.button--simple_menu_qVN9bW-1.button-outline {} 2335 2336</style><div 2337 2338 class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_qVN9bW-1 pb-[%] rounded-[10px] overflow-hidden" 2339 2340 > 2341 2342 2343 2344 <div 2345 class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]" 2346 > 2347 2348 <img 2349 srcset="//bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=225 225w, 2350 //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=375 375w, 2351 //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=450 450w, 2352 //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=750 750w, 2353 //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=900 900w, 2354 //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=1100 1100w, 2355 //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=1500 1500w, 2356 //bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=1780 1780w" 2357 src="//bkconnection.com/cdn/shop/files/NavigationMenuBanners_2.png?v=1752172443&width=1780" 2358 2359 loading="lazy" 2360 2361 sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw" 2362 alt="" 2363 width="750" 2364 height="500.0" 2365 style="object-position: 50.0% 50.0%;" 2366 class="w-full h-full object-cover z-10 image-hover rounded-[10px]" 2367 onload="this?.classList.add('active'); 2368 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 2369 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 2370 " 2371 /> 2372 </div> 2373 2374 <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div><div class="promotion-content background-color-simple_menu_qVN9bW-1 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] left-0 right-0 grow"><a href="/products/berrett-koehler-publishers-gift-card" class="button button-solid mt-2 lg:mt-2.5 button--simple_menu_qVN9bW-1 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words"> 2375 2376 2377 2378 <span class="button-text is-focus-button:opacity-0">BK Gift Cards</span> 2379 2380 2381 2382 </a> 2383 2384 </div> 2385 2386 2387 </div></div> 2388 </div></div> 2389 2390 </div> 2391 </div> 2392 </template></template> 2393 2394 2395 2396 <template x-teleport="#menu-2">
2397<template x-if="!runDispatch"> 2398 <div class="toggle-menu toggle-menu-hidden is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md overflow-hidden"> 2399 <div class="flex gap-x-8 mx-auto x-pgw page-width pb-5 pt-8 pb-8"><div class="mega-menu-card group section--sections--24498229674347__header w-full flex relative overflow-hidden h-[300px]"> 2400 2401 2402<style data-shopify>.text-color-banner_menu_8rp4Xy-1 { 2403 color: #ffffff; 2404 --colors-text: 255, 255, 255; 2405 --colors-heading: 255, 255, 255; 2406 }.title-color-banner_menu_8rp4Xy-1 { 2407 color: ; 2408 --colors-heading: , , ; 2409 }.text-banner_menu_8rp4Xy-1 { 2410 font-size: 0.7875rem; 2411 } 2412 .sub-heading-banner_menu_8rp4Xy-1 { 2413 font-size: 1.125rem; 2414 } 2415 .heading-banner_menu_8rp4Xy-1 { 2416 font-size: 1.575rem; 2417 } 2418 @media (min-width: 768px) { 2419 .sub-heading-banner_menu_8rp4Xy-1 { 2420 font-size: 1.305rem; 2421 } 2422 .heading-banner_menu_8rp4Xy-1 { 2423 font-size: 2.25rem; 2424 } 2425 .text-banner_menu_8rp4Xy-1 { 2426 font-size: 0.875rem; 2427 } 2428 }.button--banner_menu_8rp4Xy-1.button-solid, 2429 .button--banner_menu_8rp4Xy-1.button-solid:before {--colors-line-and-border: var(--colors-button);--colors-button-text: 255, 255, 255;--colors-button-text-hover: 255, 255, 255;}.button--banner_menu_8rp4Xy-1.button-outline {--colors-secondary-button: 255, 255, 255; 2430 --colors-line-secondary-button: 255, 255, 255; 2431 --background-secondary-button: transparent;} 2432 2433 .button--banner_menu_8rp4Xy-1.button-text-link, .button--banner_menu_8rp4Xy-1.button-text-link::after, .button--banner_menu_8rp4Xy-1.button-text-link::before { 2434 --colors-text-link: 255, 255, 255; 2435 } 2436 2437</style><div 2438 2439 class="group w-full relative text-center image-banner_menu_8rp4Xy-1 overflow-hidden promotion-header overflow-hidden rounded-[10px] overflow-hidden"> 2440 2441 2442 2443 <div 2444 class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]" 2445 > 2446 2447 <img 2448 srcset="//bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=225 225w, 2449 //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=375 375w, 2450 //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=450 450w, 2451 //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=750 750w, 2452 //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=900 900w, 2453 //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=1100 1100w, 2454 //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=1500 1500w, 2455 //bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=1780 1780w" 2456 src="//bkconnection.com/cdn/shop/files/1_49645d14-948f-4fa0-967d-36b29a33a128.png?v=1764876701&width=1780" 2457 2458 loading="lazy" 2459 2460 sizes="(min-width: 1200px) 400px, (min-width: 768px) calc(100vw/3), 100vw" 2461 alt="" 2462 width="2250" 2463 height="1500.0" 2464 style="object-position: 50.0% 50.0%;" 2465 class="w-full h-full object-cover z-10 image-hover rounded-[10px]" 2466 onload="this?.classList.add('active'); 2467 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 2468 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 2469 " 2470 /> 2471 </div> 2472 2473 <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-60 rounded-[10px]"></span><div class="promotion-content background-color-banner_menu_8rp4Xy-1 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] mt-2 absolute left-0 right-0 promotion-content-center mb-2 pointer-events-none text-overlay ml-2 mr-2 top-1/2 -translate-y-1/2"><div class="mb-1 leading-tight rte text-color-banner_menu_8rp4Xy-1 text-banner_menu_8rp4Xy-1 p-break-words pointer-events-auto"><p><strong>Free bookmark when you buy </strong><em><strong>Catch People Doing Things Right </strong></em>from any retailer!</p></div><a href="https://ideas.bkconnection.com/catch-people-doing-things-right-gifts" target="_blank" class="button button-solid mt-2 lg:mt-2.5 button--banner_menu_8rp4Xy-1 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words"> 2474 2475 2476 2477 <span class="button-text is-focus-button:opacity-0">Learn More</span> 2478 2479 2480 2481 </a> 2482 2483 </div> 2484 2485</div> 2486 </div> 2487 2488 2489 <div class="mega-menu-card group section--sections--24498229674347__header w-full flex relative overflow-hidden h-[300px]"> 2490 2491<style data-shopify>.text-color-banner_menu_8rp4Xy-2 { 2492 color: #ffffff; 2493 --colors-text: 255, 255, 255; 2494 --colors-heading: 255, 255, 255; 2495 }.title-color-banner_menu_8rp4Xy-2 { 2496 color: ; 2497 --colors-heading: , , ; 2498 }.text-banner_menu_8rp4Xy-2 { 2499 font-size: 0.7875rem; 2500 } 2501 .sub-heading-banner_menu_8rp4Xy-2 { 2502 font-size: 1.125rem; 2503 } 2504 .heading-banner_menu_8rp4Xy-2 { 2505 font-size: 1.575rem; 2506 } 2507 @media (min-width: 768px) { 2508 .sub-heading-banner_menu_8rp4Xy-2 { 2509 font-size: 1.305rem; 2510 } 2511 .heading-banner_menu_8rp4Xy-2 { 2512 font-size: 2.25rem; 2513 } 2514 .text-banner_menu_8rp4Xy-2 { 2515 font-size: 0.875rem; 2516 } 2517 }.button--banner_menu_8rp4Xy-2.button-solid, 2518 .button--banner_menu_8rp4Xy-2.button-solid:before {--colors-line-and-border: var(--colors-button);--colors-button-text: 255, 255, 255;--colors-button-text-hover: 255, 255, 255;}.button--banner_menu_8rp4Xy-2.button-outline {--colors-secondary-button: 255, 255, 255; 2519 --colors-line-secondary-button: 255, 255, 255; 2520 --background-secondary-button: transparent;} 2521 2522 .button--banner_menu_8rp4Xy-2.button-text-link, .button--banner_menu_8rp4Xy-2.button-text-link::after, .button--banner_menu_8rp4Xy-2.button-text-link::before { 2523 --colors-text-link: 255, 255, 255; 2524 } 2525 2526</style><div 2527 2528 class="group w-full relative text-center image-banner_menu_8rp4Xy-2 overflow-hidden promotion-header overflow-hidden rounded-[10px] overflow-hidden"> 2529 2530 2531 2532 <div 2533 class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]" 2534 > 2535 2536 <img 2537 srcset="//bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=225 225w, 2538 //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=375 375w, 2539 //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=450 450w, 2540 //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=750 750w, 2541 //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=900 900w, 2542 //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=1100 1100w, 2543 //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=1500 1500w, 2544 //bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=1780 1780w" 2545 src="//bkconnection.com/cdn/shop/files/2_f72c7575-99be-4525-aeee-703971937bf0.png?v=1764876701&width=1780" 2546 2547 loading="lazy" 2548 2549 sizes="(min-width: 1200px) 400px, (min-width: 768px) calc(100vw/3), 100vw" 2550 alt="" 2551 width="2250" 2552 height="1500.0" 2553 style="object-position: 50.0% 50.0%;" 2554 class="w-full h-full object-cover z-10 image-hover rounded-[10px]" 2555 onload="this?.classList.add('active'); 2556 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 2557 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 2558 " 2559 /> 2560 </div> 2561 2562 <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-60 rounded-[10px]"></span><div class="promotion-content background-color-banner_menu_8rp4Xy-2 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] mt-2 absolute left-0 right-0 promotion-content-center mb-2 pointer-events-none text-overlay ml-2 mr-2 top-1/2 -translate-y-1/2"><div class="mb-1 leading-tight rte text-color-banner_menu_8rp4Xy-2 text-banner_menu_8rp4Xy-2 p-break-words pointer-events-auto"><p><strong>Free notepad and sticker when you buy </strong><em><strong>Eat That Frog!, Fourth Edition </strong></em>from any retailer!</p></div><a href="https://ideas.bkconnection.com/eat-that-frog-4-gifts" target="_blank" class="button button-solid mt-2 lg:mt-2.5 button--banner_menu_8rp4Xy-2 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words"> 2563 2564 2565 2566 <span class="button-text is-focus-button:opacity-0">Learn More</span> 2567 2568 2569 2570 </a> 2571 2572 </div> 2573 2574</div> 2575 </div> 2576 2577 2578 <div class="mega-menu-card group section--sections--24498229674347__header w-full flex relative overflow-hidden h-[300px]"> 2579 2580<style data-shopify>.text-color-banner_menu_8rp4Xy-3 { 2581 color: #ffffff; 2582 --colors-text: 255, 255, 255; 2583 --colors-heading: 255, 255, 255; 2584 }.title-color-banner_menu_8rp4Xy-3 { 2585 color: ; 2586 --colors-heading: , , ; 2587 }.text-banner_menu_8rp4Xy-3 { 2588 font-size: 0.86625rem; 2589 } 2590 .sub-heading-banner_menu_8rp4Xy-3 { 2591 font-size: 1.125rem; 2592 } 2593 .heading-banner_menu_8rp4Xy-3 { 2594 font-size: 1.575rem; 2595 } 2596 @media (min-width: 768px) { 2597 .sub-heading-banner_menu_8rp4Xy-3 { 2598 font-size: 1.305rem; 2599 } 2600 .heading-banner_menu_8rp4Xy-3 { 2601 font-size: 2.25rem; 2602 } 2603 .text-banner_menu_8rp4Xy-3 { 2604 font-size: 0.9625rem; 2605 } 2606 }.button--banner_menu_8rp4Xy-3.button-solid, 2607 .button--banner_menu_8rp4Xy-3.button-solid:before {--colors-line-and-border: var(--colors-button);--colors-button-text: 255, 255, 255;--colors-button-text-hover: 255, 255, 255;}.button--banner_menu_8rp4Xy-3.button-outline {--colors-secondary-button: 255, 255, 255; 2608 --colors-line-secondary-button: 255, 255, 255; 2609 --background-secondary-button: transparent;} 2610 2611 .button--banner_menu_8rp4Xy-3.button-text-link, .button--banner_menu_8rp4Xy-3.button-text-link::after, .button--banner_menu_8rp4Xy-3.button-text-link::before { 2612 --colors-text-link: 255, 255, 255; 2613 } 2614 2615</style><div 2616 2617 class="group w-full relative text-center image-banner_menu_8rp4Xy-3 overflow-hidden promotion-header overflow-hidden rounded-[10px] overflow-hidden"> 2618 2619 2620 2621 <div 2622 class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]" 2623 > 2624 2625 <img 2626 srcset="//bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=225 225w, 2627 //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=375 375w, 2628 //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=450 450w, 2629 //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=750 750w, 2630 //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=900 900w, 2631 //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=1100 1100w, 2632 //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=1500 1500w, 2633 //bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=1780 1780w" 2634 src="//bkconnection.com/cdn/shop/files/Banner_Menu_Template_8.png?v=1764879884&width=1780" 2635 2636 loading="lazy" 2637 2638 sizes="(min-width: 1200px) 400px, (min-width: 768px) calc(100vw/3), 100vw" 2639 alt="" 2640 width="2250" 2641 height="1500.0" 2642 style="object-position: 50.0% 50.0%;" 2643 class="w-full h-full object-cover z-10 image-hover rounded-[10px]" 2644 onload="this?.classList.add('active'); 2645 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 2646 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 2647 " 2648 /> 2649 </div> 2650 2651 <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-60 rounded-[10px]"></span><div class="promotion-content background-color-banner_menu_8rp4Xy-3 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] mt-2 absolute left-0 right-0 promotion-content-center mb-2 pointer-events-none text-overlay ml-2 mr-2 bottom-0"><div class="mb-1 leading-tight rte text-color-banner_menu_8rp4Xy-3 text-banner_menu_8rp4Xy-3 p-break-words pointer-events-auto"><p><strong>Free signed bookplate when you buy </strong><em><strong>Fixing Fairness </strong></em>from any retailer!</p></div><a href="https://ideas.bkconnection.com/fixing-fairness-bookplate" target="_blank" class="button button-solid mt-2 lg:mt-2.5 button--banner_menu_8rp4Xy-3 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words"> 2652 2653 2654 2655 <span class="button-text is-focus-button:opacity-0">Learn More</span> 2656 2657 2658 2659 </a> 2660 2661 </div> 2662 2663</div> 2664 </div> 2665 2666 2667 <div class="mega-menu-card group section--sections--24498229674347__header w-full flex relative overflow-hidden h-[300px]"> 2668 2669<style data-shopify>.text-color-banner_menu_8rp4Xy-4 { 2670 color: #ffffff; 2671 --colors-text: 255, 255, 255; 2672 --colors-heading: 255, 255, 255; 2673 }.title-color-banner_menu_8rp4Xy-4 { 2674 color: ; 2675 --colors-heading: , , ; 2676 }.text-banner_menu_8rp4Xy-4 { 2677 font-size: 0.86625rem; 2678 } 2679 .sub-heading-banner_menu_8rp4Xy-4 { 2680 font-size: 1.125rem; 2681 } 2682 .heading-banner_menu_8rp4Xy-4 { 2683 font-size: 1.575rem; 2684 } 2685 @media (min-width: 768px) { 2686 .sub-heading-banner_menu_8rp4Xy-4 { 2687 font-size: 1.305rem; 2688 } 2689 .heading-banner_menu_8rp4Xy-4 { 2690 font-size: 2.25rem; 2691 } 2692 .text-banner_menu_8rp4Xy-4 { 2693 font-size: 0.9625rem; 2694 } 2695 }.button--banner_menu_8rp4Xy-4.button-solid, 2696 .button--banner_menu_8rp4Xy-4.button-solid:before {--colors-line-and-border: var(--colors-button);--colors-button-text: 255, 255, 255;--colors-button-text-hover: 255, 255, 255;}.button--banner_menu_8rp4Xy-4.button-outline {--colors-secondary-button: 255, 255, 255; 2697 --colors-line-secondary-button: 255, 255, 255; 2698 --background-secondary-button: transparent;} 2699 2700 .button--banner_menu_8rp4Xy-4.button-text-link, .button--banner_menu_8rp4Xy-4.button-text-link::after, .button--banner_menu_8rp4Xy-4.button-text-link::before { 2701 --colors-text-link: 255, 255, 255; 2702 } 2703 2704</style><div 2705 2706 class="group w-full relative text-center image-banner_menu_8rp4Xy-4 overflow-hidden promotion-header overflow-hidden rounded-[10px] overflow-hidden"> 2707 2708 2709 2710 <div 2711 class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden md:absolute rounded-[10px]" 2712 > 2713 2714 <img 2715 srcset="//bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=225 225w, 2716 //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=375 375w, 2717 //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=450 450w, 2718 //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=750 750w, 2719 //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=900 900w, 2720 //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=1100 1100w, 2721 //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=17
272165232369&width=1500 1500w, 2722 //bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=1780 1780w" 2723 src="//bkconnection.com/cdn/shop/files/Untitled_design_32.png?v=1765232369&width=1780" 2724 2725 loading="lazy" 2726 2727 sizes="(min-width: 1200px) 400px, (min-width: 768px) calc(100vw/3), 100vw" 2728 alt="" 2729 width="600" 2730 height="600.0" 2731 style="object-position: 50.0% 50.0%;" 2732 class="w-full h-full object-cover z-10 image-hover rounded-[10px]" 2733 onload="this?.classList.add('active'); 2734 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 2735 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 2736 " 2737 /> 2738 </div> 2739 2740 <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-60 rounded-[10px]"></span><div class="promotion-content background-color-banner_menu_8rp4Xy-4 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] mt-2 absolute left-0 right-0 promotion-content-center mb-2 pointer-events-none text-overlay ml-2 mr-2 bottom-0"><div class="mb-1 leading-tight rte text-color-banner_menu_8rp4Xy-4 text-banner_menu_8rp4Xy-4 p-break-words pointer-events-auto"><p><strong>Free sticker pack when you buy</strong><em><strong>YOUth </strong></em>from any retailer!</p></div><a href="https://ideas.bkconnection.com/youth-free-sticker-pack" class="button button-solid mt-2 lg:mt-2.5 button--banner_menu_8rp4Xy-4 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words"> 2741 2742 2743 2744 <span class="button-text is-focus-button:opacity-0">Learn More</span> 2745 2746 2747 2748 </a> 2749 2750 </div> 2751 2752</div> 2753 </div> 2754 2755 2756 </div> 2757 </div> 2758 </template></template> 2759 2760 2761 2762 2763<template x-teleport="#menu-3"> 2764<template x-if="!runDispatch"> 2765 <ul class="pt-5 pb-5"> 2766 2767<li 2768 x-data="{ openSub: false }" 2769 class="relative pl-7 pr-6" 2770 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2771 @mouseleave="$el.classList.remove('is-focus-child');" 2772 @mouseover.away="openSub = false" 2773 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2774 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2775 > 2776 <div class="sub-menu flex items-center"> 2777 2778 <span class="flex-1"> 2779 <a href="/pages/author-services" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline" 2780 2781 > 2782 <span >Author Services</span></a> 2783 </span> 2784 </div></li><li 2785 x-data="{ openSub: false }" 2786 class="relative pl-7 pr-6" 2787 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2788 @mouseleave="$el.classList.remove('is-focus-child');" 2789 @mouseover.away="openSub = false" 2790 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2791 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2792 > 2793 <div class="sub-menu flex items-center pt-3"> 2794 2795 <span class="flex-1"> 2796 <a href="/pages/editorial-services" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline" 2797 2798 > 2799 <span >Editorial Services</span></a> 2800 </span> 2801 </div></li><li 2802 x-data="{ openSub: false }" 2803 class="relative pl-7 pr-6" 2804 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2805 @mouseleave="$el.classList.remove('is-focus-child');" 2806 @mouseover.away="openSub = false" 2807 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2808 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2809 > 2810 <div class="sub-menu flex items-center pt-3"> 2811
2812 <span class="flex-1"> 2813 <a href="/pages/marketing-services" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline" 2814 2815 > 2816 <span >Marketing Services</span></a> 2817 </span> 2818 </div></li><li 2819 x-data="{ openSub: false }" 2820 class="relative pl-7 pr-6" 2821 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2822 @mouseleave="$el.classList.remove('is-focus-child');" 2823 @mouseover.away="openSub = false" 2824 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2825 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2826 > 2827 <div class="sub-menu flex items-center pt-3"> 2828 2829 <span class="flex-1"> 2830 <a href="/pages/montgomery-station-press" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline" 2831 2832 > 2833 <span >Montgomery Station Press</span></a> 2834 </span> 2835 </div></li></ul> 2836 </template></template> 2837 2838 2839<template x-teleport="#menu-4"> 2840<template x-if="!runDispatch"> 2841 <ul class="pt-5 pb-5"> 2842 2843<li 2844 x-data="{ openSub: false }" 2845 class="relative pl-7 pr-6" 2846 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2847 @mouseleave="$el.classList.remove('is-focus-child');" 2848 @mouseover.away="openSub = false" 2849 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2850 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2851 > 2852 <div class="sub-menu flex items-center"> 2853 2854 <span class="flex-1"> 2855 <a href="/pages/why-bk" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline" 2856 2857 > 2858 <span >Why BK?</span></a> 2859 </span> 2860 </div></li><li 2861 x-data="{ openSub: false }" 2862 class="relative pl-7 pr-6" 2863 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2864 @mouseleave="$el.classList.remove('is-focus-child');" 2865 @mouseover.away="openSub = false" 2866 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2867 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2868 > 2869 <div class="sub-menu flex items-center pt-3"> 2870 2871 <span class="flex-1"> 2872 <a href="/pages/montgomery-station-press" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline" 2873 2874 > 2875 <span >Montgomery Station Press</span></a> 2876 </span> 2877 </div></li><li 2878 x-data="{ openSub: false }" 2879 class="relative pl-7 pr-6" 2880 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2881 @mouseleave="$el.classList.remove('is-focus-child');" 2882 @mouseover.away="openSub = false" 2883 @focusin="openSub = true; $el.classList.add('is-focus-child');" 2884 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 2885 > 2886 <div class="sub-menu flex items-center pt-3"> 2887 2888 <span class="flex-1"> 2889 <a href="/pages/proposals" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline" 2890 2891 > 2892 <span >Proposals</span></a> 2893 </span> 2894 </div></li></ul> 2895 </template></template> 2896 2897 2898<template x-teleport="#menu-5"> 2899<template x-if="!runDispatch"> 2900 <div class="toggle-menu toggle-menu-hidden text-[rgba(var(--colors-text))] mega-menu-horizontal main-nav-child-right is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr overflow-hidden h-fit max-h-[80vh]"> 2901 <div> 2902 <div class="x-pgw page-width mx-auto flex promotion-horizontal image-count-2 md:max-h-[80vh]"><ul class="mega-nav order-2 scrollbar-body scrollbar-visible flex-wrap relative gap-5 xl:gap-8 flex mt-7 mb-8 flex-row z-50 left-0 right-0 w-1/2 top-full"><li class="relative w-24 lg:w-48"> 2903 <div class="font-semibold"> 2904<a href="/pages/bk-community" class="nav-link relative transition duration-200 p-break-words hover-text-link
2904inline-block mb-3"> 2905 Learn More 2906 </a> 2907 </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2908<span class="flex-1"> 2909 <a href="/pages/bk-community" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2910 About BK Community 2911 </a> 2912 </span> 2913 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2914<span class="flex-1"> 2915 <a href="/collections/the-berrett-koehler-community" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2916 Membership Tiers 2917 </a> 2918 </span> 2919 </li></ul></li><li class="relative w-24 lg:w-48"> 2920 <div class="font-semibold"> 2921<a href="/pages/members-dashboard" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block mb-3"> 2922 Members Dashboard 2923 </a> 2924 </div><ul class="list-unstyled" role="list"><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2925<span class="flex-1"> 2926 <a href="/pages/author-talks" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2927 Author Talks 2928 </a> 2929 </span> 2930 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2931<span class="flex-1"> 2932 <a href="/pages/book-boosters" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2933 Book Boosters 2934 </a> 2935 </span> 2936 </li><li class="flex items-center pt-1.5 pb-1.5 relative font-normal font_menu-normal"> 2937<span class="flex-1"> 2938 <a href="/blogs/bk-community" class="nav-link relative transition duration-200 p-break-words hover-text-link inline-block"> 2939 BK Community News 2940 </a> 2941 </span> 2942 </li></ul></li></ul><div class="relative float-right md:right-5 lg:right-0 pt-8 pb-8 w-1/2 order-4"> 2943 <div class="mega-nav-promotions scrollbar-body scrollbar-visible overflow-y-auto flex gap-5"><style data-shopify> 2944 .image-simple_menu_PWTKrQ-1 { 2945 height: 150px; 2946 } 2947 </style> 2948 2949 <div class="mega-menu-card w-full group relative background-color-simple_menu_PWTKrQ-1 ltr rounded-[10px]"> 2950 2951<style data-shopify>.title-color-simple_menu_PWTKrQ-1 { 2952 color: ; 2953 --colors-heading: , , ; 2954 }.text-simple_menu_PWTKrQ-1 { 2955 font-size: 0.7875rem; 2956 } 2957 .sub-heading-simple_menu_PWTKrQ-1 { 2958 font-size: 1.125rem; 2959 } 2960 .heading-simple_menu_PWTKrQ-1 { 2961 font-size: 1.575rem; 2962 } 2963 @media (min-width: 768px) { 2964 .sub-heading-simple_menu_PWTKrQ-1 { 2965 font-size: 1.305rem; 2966 } 2967 .heading-simple_menu_PWTKrQ-1 { 2968 font-size: 2.25rem; 2969 } 2970 .text-simple_menu_PWTKrQ-1 { 2971 font-size: 0.875rem; 2972 } 2973 }.button--simple_menu_PWTKrQ-1.button-outline {} 2974 2975</style><div 2976 2977 class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_PWTKrQ-1 pb-[%] rounded-[10px] overflow-hidden" 2978 2979 > 2980 2981 2982 2983 <div 2984 class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]" 2985 > 2986 2987 <img 2988 srcset="//bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=225 225w, 2989 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=375 375w, 2990 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=450 450w, 2991 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=750 750w, 2992 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=900 900w, 2993 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=1100 1100w, 2994 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=1500 1500w, 2995 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=1780 1780w" 2996 src="//bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_16.png?v=1760721286&width=1780" 2997 2998 loading="lazy" 2999 3000 sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw" 3001 alt="" 3002 width="1200" 3003 height="450.0" 3004 style="object-position: 50.0% 50.0%;" 3005 class="w-full h-full object-cover z-10 image-hover rounded-[10px]" 3006 onload="this?.classList.add('active'); 3007 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 3008 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 3009 " 3010 /> 3011 </div> 3012 3013 <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div><div class="promotion-content background-color-simple_menu_PWTKrQ-1 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] left-0 right-0 grow"><a href="/pages/bk-community" class="button button-outline mt-2 lg:mt-2.5 button--simple_menu_PWTKrQ-1 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words"> 3014 3015 3016 3017 <span class="button-text is-focus-button:opacity-0">Get 25% Off</span> 3018 3019 3020 3021 </a> 3022 3023 </div> 3024 3025 3026 </div><style data-shopify> 3027 .image-simple_menu_PWTKrQ-2 { 3028 height: 150px; 3029 } 3030 </style> 3031 3032 <div class="mega-menu-card w-full group relative background-color-simple_menu_PWTKrQ-2 ltr rounded-[10px]"> 3033 3034<style data-shopify>.title-color-simple_menu_PWTKrQ-2 { 3035 color: ; 3036 --colors-heading: , , ; 3037 }.text-simple_menu_PWTKrQ-2 { 3038 font-size: 0.7875rem; 3039 } 3040 .sub-heading-simple_menu_PWTKrQ-2 { 3041 font-size: 1.125rem; 3042 } 3043 .heading-simple_menu_PWTKrQ-2 { 3044 font-size: 1.575rem; 3045 } 3046 @media (min-width: 768px) { 3047 .sub-heading-simple_menu_PWTKrQ-2 { 3048 font-size: 1.305rem; 3049 } 3050 .heading-simple_menu_PWTKrQ-2 { 3051 font-size: 2.25rem; 3052 } 3053 .text-simple_menu_PWTKrQ-2 { 3054 font-size: 0.875rem; 3055 } 3056 }.button--simple_menu_PWTKrQ-2.button-outline {} 3057 3058</style><div 3059 3060 class="w-full relative z-0 before:h-0 before:block promotion-header image-simple_menu_PWTKrQ-2 pb-[%] rounded-[10px] overflow-hidden" 3061 3062 > 3063 3064 3065 3066 <div 3067 class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]" 3068 > 3069 3070 <img 3071 srcset="//bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=225 225w, 3072 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=375 375w, 3073 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=450 450w, 3074 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=750 750w, 3075 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=900 900w, 3076 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=1100 1100w, 3077 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=1500 1500w, 3078 //bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=1780 1780w" 3079 src="//bkconnection.com/cdn/shop/files/Blog_Headers_for_Shopify_11.png?v=1758311004&width=1780" 3080 3081 loading="lazy" 3082 3083 sizes="(min-width: 1200px) 300px, (min-width: 768px) calc(100vw/4), 100vw" 3084 alt="" 3085 width="1200" 3086 height="450.0" 3087 style="object-position: 50.0% 50.0%;" 3088 class="w-full h-full object-cover z-10 image-hover rounded-[10px]" 3089 onload="this?.classList.add('active'); 3090 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 3091 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 3092 " 3093 /> 3094 </div> 3095 3096 <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div><div class="promotion-content background-color-simple_menu_PWTKrQ-2 text-center pt-3 pb-3 pr-4 pl-4 rounded-[10px] left-0 right-0 grow"><a href="/pages/bk-community" class="button button-outline mt-2 lg:mt-2.5 button--simple_menu_PWTKrQ-2 pointer-events-auto inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer p-break-words"> 3097 3098 3099 3100 <span class="button-text is-focus-button:opacity-0">Get Free Books</span> 3101 3102 3103 3104 </a> 3105 3106 </div> 3107 3108 3109 </div></div> 3110 </div></div> 3111 3112 </div> 3113 </div> 3114 </template></template> 3115 3116 3117<template x-teleport="#menu-6">
3118<template x-if="!runDispatch"> 3119 <ul class="pt-5 pb-5"> 3120 3121<li 3122 x-data="{ openSub: false }" 3123 class="relative pl-7 pr-6" 3124 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3125 @mouseleave="$el.classList.remove('is-focus-child');" 3126 @mouseover.away="openSub = false" 3127 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3128 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3129 > 3130 <div class="sub-menu flex items-center"> 3131 3132 <span class="flex-1"> 3133 <a href="/pages/about-us" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline" 3134 3135 > 3136 <span >Our Company</span></a> 3137 </span> 3138 </div></li><li 3139 x-data="{ openSub: false }" 3140 class="relative pl-7 pr-6" 3141 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3142 @mouseleave="$el.classList.remove('is-focus-child');" 3143 @mouseover.away="openSub = false" 3144 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3145 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3146 > 3147 <div class="sub-menu flex items-center pt-3"> 3148 3149 <span class="flex-1"> 3150 <a href="/pages/team" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline" 3151 3152 > 3153 <span >Our Team</span></a> 3154 </span> 3155 </div></li><li 3156 x-data="{ openSub: false }" 3157 class="relative pl-7 pr-6" 3158 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3159 @mouseleave="$el.classList.remove('is-focus-child');" 3160 @mouseover.away="openSub = false" 3161 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3162 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3163 > 3164 <div class="sub-menu flex items-center pt-3"> 3165 3166 <span class="flex-1"> 3167 <a href="https://apply.workable.com/berrett-koehler-publishers-3/" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline" 3168 3169 > 3170 <span >Careers</span></a> 3171 </span> 3172 </div></li><li 3173 x-data="{ openSub: false }" 3174 class="relative pl-7 pr-6" 3175 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3176 @mouseleave="$el.classList.remove('is-focus-child');" 3177 @mouseover.away="openSub = false" 3178 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3179 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3180 > 3181 <div class="sub-menu flex items-center pt-3"> 3182 3183 <span class="flex-1"> 3184 <a href="/pages/faq" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline" 3185 3186 > 3187 <span >FAQ</span></a> 3188 </span> 3189 </div></li><li 3190 x-data="{ openSub: false }" 3191 class="relative pl-7 pr-6" 3192 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3193 @mouseleave="$el.classList.remove('is-focus-child');" 3194 @mouseover.away="openSub = false" 3195 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3196 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3197 > 3198 <div class="sub-menu flex items-center pt-3"> 3199 3200 <span class="flex-1"> 3201 <a href="/blogs/the-bk-exchange" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link
3201is-focus-child:effect-inline" 3202 3203 > 3204 <span >Blog</span></a> 3205 </span> 3206 </div></li><li 3207 x-data="{ openSub: false }" 3208 class="relative pl-7 pr-6" 3209 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3210 @mouseleave="$el.classList.remove('is-focus-child');" 3211 @mouseover.away="openSub = false" 3212 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3213 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3214 > 3215 <div class="sub-menu flex items-center pt-3"> 3216 3217 <span class="flex-1"> 3218 <a href="/pages/contact" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline" 3219 3220 > 3221 <span >Contact Us</span></a> 3222 </span> 3223 </div></li></ul> 3224 </template></template> 3225 3226</ul> 3227</nav> 3228 </header> 3229 3230<div @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div> 3231 </div> 3232 3233 </div> 3234</div>
3235<script src="//bkconnection.com/cdn/shop/t/4/assets/search-prompts.js?v=123663537316562764691747335364" defer></script>
3235
3236<script type="application/ld+json"> 3237 { 3238 "@context": "http://schema.org", 3239 "@type": "Organization", 3240 "name": "Berrett-Koehler Publishers", 3241 3242 "logo": "https:\/\/bkconnection.com\/cdn\/shop\/files\/BK_logo_97f0e71e-3713-4724-a586-1b199f02c873.png?v=1752261701\u0026width=2400", 3243 3244 "sameAs": [ 3245 "", 3246 "https:\/\/www.facebook.com\/BerrettKoehler", 3247 "", 3248 "https:\/\/www.instagram.com\/bkpub", 3249 "https:\/\/www.tiktok.com\/@bkpub", 3250 "", 3251 "", 3252 "https:\/\/www.youtube.com\/berrettkoehler", 3253 "" 3254 ], 3255 "url": "https:\/\/bkconnection.com" 3256 } 3257</script>
3257 3258
3258<script type="application/ld+json"> 3259 { 3260 "@context": "http://schema.org", 3261 "@type": "WebSite", 3262 "name": "Berrett-Koehler Publishers", 3263 "potentialAction": { 3264 "@type": "SearchAction", 3265 "target": "https:\/\/bkconnection.com\/search?q={search_term_string}", 3266 "query-input": "required name=search_term_string" 3267 }, 3268 "url": "https:\/\/bkconnection.com" 3269 } 3270 </script>
3270<script src="//bkconnection.com/cdn/shop/t/4/assets/store-selector.js?v=36088188951445041851747335364" defer="defer"></script>
3270 3271 3272</div><div id="shopify-section-sections--24498229674347__mobile-navigation" class="shopify-section shopify-section-group-header-group-puff section-mobile-navigation"><style data-shopify>#mobile-navigation * {border-color: #f2f2f2;} 3273 .dark #mobile-navigation * {border-color: #313131;} 3274 #mobile-navigation .text-color, 3275 #mobile-navigation .background-header {background: #ffffff;--colors-heading: 0, 0, 0; 3276 color: #000000; 3277 --colors-text-header: 0, 0, 0; 3278 --colors-text-link: 77, 99, 145; 3279 3280 } 3281 .dark #mobile-navigation .text-color, 3282 .dark #mobile-navigation .background-header {background: #202020;--colors-heading: 255, 255, 255; 3283 color: #ffffff; 3284 --colors-text-header: 255, 255, 255; 3285 --colors-text-link: 255, 255, 255; 3286 --colors-text-link: 77, 99, 145; 3287 3288 } 3289 3290</style><div 3291 class="z-[60] fixed top-0 h-full w-full opacity-60 bg-black" 3292 x-show="$store.xMobileNav.show" 3293 x-cloak 3294 @click="setTimeout(() => { $store.xMobileNav.close() }, 0)" 3295></div> 3296<template x-if="!runDispatch"> 3297 <div 3298 id="mobile-navigation" 3299 :class="{ 'menu-opening': $store.xMobileNav.show }" 3300 class="menu-drawer fixed z-[60] top-0 bottom-0 w-10/12 max-w-sm motion-reduce overflow-x-hidden ltr left-0 -translate-x-full rounded-r-[10px]" 3301 > 3302 <div class="x-container-mobile-nav background-header gradient menu-drawer duration-300 ease-in-out pt-5 overflow-hidden h-full flex flex-col"> 3303 <div class="x-block-mobile-nav-close h-10 w-full px-2 text-right" 3304 aria-label="Close" 3305 > 3306 <span 3307 class="cursor-pointer w-11 h-8 inline-block p-2" 3308 @click="setTimeout(() => { $store.xMobileNav.close() }, 0)" 3309 ><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3310 <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M3.29289 3.29289C3.68342 2.90237 4.31658 2.90237 4.70711 3.29289L12 10.5858L19.2929 3.29289C19.6834 2.90237 20.3166 2.90237 20.7071 3.29289C21.0976 3.68342 21.0976 4.31658 20.7071 4.70711L13.4142 12L20.7071 19.2929C21.0976 19.6834 21.0976 20.3166 20.7071 20.7071C20.3166 21.0976 19.6834 21.0976 19.2929 20.7071L12 13.4142L4.70711 20.7071C4.31658 21.0976 3.68342 21.0976 3.29289 20.7071C2.90237 20.3166 2.90237 19.6834 3.29289 19.2929L10.5858 12L3.29289 4.70711C2.90237 4.31658 2.90237 3.68342 3.29289 3.29289Z"/> 3311 </svg> 3312</span> 3313 </div> 3314 <div 3315 id="menu-navigation" 3316 class="h-full flex-1 overflow-x-hidden scrollbar-body" 3317 :class="$store.xMobileNav.currentMenuLinks.length == 0 ? ' overflow-y-auto' : 'overflow-hidden'"> 3318 <ul 3319 id="menu-level-0" 3320 role="list" 3321 class="menu-parent relative h-full w-full" 3322 > 3323 <li class="block-mobile-navigation x-header-store-selector-container pl-5 pr-5 pb-5"></li> 3324 <li> 3325 <span class="flex border-t ml-5 mr-5"></span> 3326 3327<div 3328 class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]"x-init="active = true;" 3329 > 3330 3331 <a href="/" class="flex-1 pt-2.5 pb-2.5 gap-2.5 flex items-center disable-effect effect-inline active"> 3332 3333 3334 3335 <span class="p-break-words"> 3336 3337 3338 <span>Home</span> 3339 3340 </span> 3341 </a> 3342</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2')" 3343 class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]" 3344 > 3345 3346 <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect"> 3347 3348 3349 3350 <span class="p-break-words"> 3351 3352 3353 <span>Shop</span> 3354 3355 </span> 3356 </span> 3357<span 3358 class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90" 3359 ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3360 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3361 </svg> 3362</span></div><div 3363 class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full" 3364 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2')}" 3365 > 3366 <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full" 3367 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'" 3368 > 3369 <div class="flex items-center justify-between ml-4 mr-4 pl-[3px] pr-[5px] rtl:pr-[3px] rtl:pl-[5
3369px] border-y text-left"> 3370 <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 3371 @click="$store.xMobileNav.removeActiveLink('-2'); " 3372 > 3373 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3374 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3375 </svg> 3376 3377 </span> 3378 <a href="/collections/all" class="pt-4 pb-4 flex-1 font-semibold disable-effect"> 3379 <span class="p-break-words">Shop</span> 3380 </a> 3381 </div> 3382 <ul 3383 id="menu-level-1" 3384 class="background-header w-full px-4" 3385 ><li class="border-b"> 3386 3387 <div 3388 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3389 @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2-1');" 3390 > 3391 3392 <span class="p-break-words flex gap-2.5 h-full flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3393 3394 3395 3396 <span class="flex justify-between items-center w-full gap-2"> 3397 Subjects 3398 3399 </span> 3400 </span> 3401 3402 <span class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"> 3403 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3404 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3405 </svg> 3406 3407 </span> 3408 3409</div><div 3410 class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full" 3411 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2-1')} " 3412 > 3413 <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full" 3414 :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'" 3415 > 3416 <div class="flex items-center justify-between ml-4 mr-4 border-y pl-[5px] pr-[5px] text-right"> 3417 <span 3418 class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 3419 @click="$store.xMobileNav.removeActiveLink('-2-1')" 3420 ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3421 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3422 </svg> 3423</span> 3424 <a href="/collections" class="p-break-words pt-4 pb-4 flex-1 font-semibold disable-effect"> 3425 Subjects 3426 </a> 3427 </div> 3428 <ul 3429 id="menu-level-2" 3430 class="w-full background-header px-4" 3431 ><li > 3432 <a 3433 href="/collections/leadership" 3434 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3435 3436 > 3437 3438 3439 <span>Leadership</span> 3440 </a> 3441 </li><li > 3442 <a 3443 href="/collections/professional-development" 3444 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3445 3446 > 3447 3448
3449 <span>Professional Development</span> 3450 </a> 3451 </li><li > 3452 <a 3453 href="/collections/workplace-culture" 3454 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3455 3456 > 3457 3458 3459 <span>Workplace Culture</span> 3460 </a> 3461 </li><li > 3462 <a 3463 href="/collections/diversity-inclusion" 3464 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3465 3466 > 3467 3468 3469 <span>Diversity & Inclusion</span> 3470 </a> 3471 </li><li > 3472 <a 3473 href="/collections/personal-growth" 3474 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3475 3476 > 3477 3478 3479 <span>Personal Growth</span> 3480 </a> 3481 </li><li > 3482 <a 3483 href="/collections/social-change" 3484 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3485 3486 > 3487 3488 3489 <span>Social Change</span> 3490 </a> 3491 </li></ul> 3492 </div> 3493 </div></li><li class="border-b"> 3494 3495 <div 3496 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3497 @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2-2');" 3498 > 3499 3500 <span class="p-break-words flex gap-2.5 h-full flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3501 3502 3503 3504 <span class="flex justify-between items-center w-full gap-2"> 3505 Curations 3506 3507 </span> 3508 </span> 3509 3510 <span class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"> 3511 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3512 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3513 </svg> 3514 3515 </span> 3516 3517</div><div 3518 class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full" 3519 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2-2')} " 3520 > 3521 <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full" 3522 :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'" 3523 > 3524 <div class="flex items-center justify-between ml-4 mr-4 border-y pl-[5px] pr-[5px] text-right"> 3525 <span 3526 class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 3527 @click="$store.xMobileNav.removeActiveLink('-2-2')" 3528 ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3529 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3530 </svg> 3531</span> 3532 <a href="/collections" class="p-break-words pt-4 pb-4 flex-1 font-semibold disable-effect"> 3533 Curations 3534 </a> 3535 </div> 3536 <ul 3537 id="menu-level-2" 3538 class="w-full background-header px-4" 3539 ><li > 3540 <a 3541 href="/collections/new-releases" 3542 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3543 3544 > 3545 3546
3547 <span>New Releases</span> 3548 </a> 3549 </li><li > 3550 <a 3551 href="/collections/coming-soon" 3552 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3553 3554 > 3555 3556 3557 <span>Coming Soon</span> 3558 </a> 3559 </li><li > 3560 <a 3561 href="/collections/bestsellers" 3562 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3563 3564 > 3565 3566 3567 <span>Bestsellers</span> 3568 </a> 3569 </li><li > 3570 <a 3571 href="/collections/award-winners" 3572 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3573 3574 > 3575 3576 3577 <span>Award Winners</span> 3578 </a> 3579 </li><li > 3580 <a 3581 href="/collections/higher-education" 3582 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3583 3584 > 3585 3586 3587 <span>Higher Education</span> 3588 </a> 3589 </li></ul> 3590 </div> 3591 </div></li><li class="border-b"> 3592 3593 <div 3594 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3595 @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2-3');" 3596 > 3597 3598 <span class="p-break-words flex gap-2.5 h-full flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3599 3600 3601 3602 <span class="flex justify-between items-center w-full gap-2"> 3603 Signature Collections 3604 3605 </span> 3606 </span> 3607 3608 <span class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90"> 3609 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3610 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3611 </svg> 3612 3613 </span> 3614 3615</div><div 3616 class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full" 3617 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2-3')} " 3618 > 3619 <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full" 3620 :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'" 3621 > 3622 <div class="flex items-center justify-between ml-4 mr-4 border-y pl-[5px] pr-[5px] text-right"> 3623 <span 3624 class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 3625 @click="$store.xMobileNav.removeActiveLink('-2-3')" 3626 ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3627 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3628 </svg> 3629</span> 3630 <a href="/collections" class="p-break-words pt-4 pb-4 flex-1 font-semibold disable-effect"> 3631 Signature Collections 3632 </a> 3633 </div> 3634 <ul 3635 id="menu-level-2" 3636 class="w-full background-header px-4" 3637 ><li > 3638 <a 3639 href="/collections/no-kings-library" 3640 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3641 3642 > 3643 3644
3645 <span>No Kings Library</span> 3646 </a> 3647 </li><li > 3648 <a 3649 href="/collections/the-hidden-history-series" 3650 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3651 3652 > 3653 3654 3655 <span>The Hidden History Series</span> 3656 </a> 3657 </li><li > 3658 <a 3659 href="/collections/the-ken-blanchard-library" 3660 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3661 3662 > 3663 3664 3665 <span>The Ken Blanchard Library</span> 3666 </a> 3667 </li><li > 3668 <a 3669 href="/collections/the-remote-work-collection-1" 3670 class="p-break-words border-b pt-2.5 pb-2.5 pl-[5px] pr-[5px] h-full disable-effect flex gap-2.5 items-center" 3671 3672 > 3673 3674 3675 <span>The Remote Work Collection</span> 3676 </a> 3677 </li></ul> 3678 </div> 3679 </div></li><li class="border-b"> 3680 3681 <div 3682 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3683 3684 > 3685 3686 <a href="/products/berrett-koehler-publishers-gift-card" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3687 3688 3689 3690 <span class="flex justify-between items-center w-full gap-2"> 3691 Gift Cards 3692 3693 </span> 3694 </a> 3695</div></li></ul> 3696 </div> 3697 </div><div 3698 class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]" 3699 > 3700 3701 <a href="/pages/author-services" class="flex-1 pt-2.5 pb-2.5 gap-2.5 flex items-center disable-effect"> 3702 3703 3704 3705 <span class="p-break-words"> 3706 3707 3708 <span>Services</span> 3709 3710 </span> 3711 </a> 3712</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-4')" 3713 class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]" 3714 > 3715 3716 <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect"> 3717 3718 3719 3720 <span class="p-break-words"> 3721 3722 3723 <span>Get Published</span> 3724 3725 </span> 3726 </span> 3727<span 3728 class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90" 3729 ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3730 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3731 </svg> 3732</span></div><div 3733 class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full" 3734 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-4')}" 3735 > 3736 <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full" 3737 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'" 3738 > 3739 <div class="flex items-center justify-between ml-4 mr-4 pl-[3px] pr-[5px] rtl:pr-[3px] rtl:pl-[5px] border-y text-left"> 3740 <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 3741 @click="$store.xMobileNav.removeActiveLink('-4'); " 3742 >
3743 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3744 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3745 </svg> 3746 3747 </span> 3748 <a href="/pages/why-bk" class="pt-4 pb-4 flex-1 font-semibold disable-effect"> 3749 <span class="p-break-words">Get Published</span> 3750 </a> 3751 </div> 3752 <ul 3753 id="menu-level-1" 3754 class="background-header w-full px-4" 3755 ><li class="border-b"> 3756 3757 <div 3758 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3759 3760 > 3761 3762 <a href="/pages/why-bk" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3763 3764 3765 3766 <span class="flex justify-between items-center w-full gap-2"> 3767 Why BK? 3768 3769 </span> 3770 </a> 3771</div></li><li class="border-b"> 3772 3773 <div 3774 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3775 3776 > 3777 3778 <a href="/pages/montgomery-station-press" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3779 3780 3781 3782 <span class="flex justify-between items-center w-full gap-2"> 3783 Montgomery Station Press 3784 3785 </span> 3786 </a> 3787</div></li><li class="border-b"> 3788 3789 <div 3790 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3791 3792 > 3793 3794 <a href="/pages/proposals" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3795 3796 3797 3798 <span class="flex justify-between items-center w-full gap-2"> 3799 Proposals 3800 3801 </span> 3802 </a> 3803</div></li></ul> 3804 </div> 3805 </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-5')" 3806 class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]" 3807 > 3808 3809 <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect"> 3810 3811 3812 3813 <span class="p-break-words"> 3814 3815 3816 <span>About Us</span> 3817 3818 </span> 3819 </span> 3820<span 3821 class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90" 3822 ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3823 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3824 </svg> 3825</span></div><div 3826 class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full" 3827 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-5')}" 3828 > 3829 <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full" 3830 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'" 3831 > 3832 <div class="flex items-center justify-between ml-4 mr-4 pl-[3px] pr-[5px] rtl:pr-[3px] rtl:pl-[5px] border-y text-left"> 3833 <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 3834 @click="$store.xMobileNav.removeActiveLink('-5'); " 3835 > 3836 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3837 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3838 </svg> 3839 3840 </span> 3841 <a href="/pages/about-us" class="pt-4 pb-4 flex-1 font-semibold disable-effect">
3842 <span class="p-break-words">About Us</span> 3843 </a> 3844 </div> 3845 <ul 3846 id="menu-level-1" 3847 class="background-header w-full px-4" 3848 ><li class="border-b"> 3849 3850 <div 3851 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3852 3853 > 3854 3855 <a href="/pages/about-us" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3856 3857 3858 3859 <span class="flex justify-between items-center w-full gap-2"> 3860 Our Company 3861 3862 </span> 3863 </a> 3864</div></li><li class="border-b"> 3865 3866 <div 3867 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3868 3869 > 3870 3871 <a href="/pages/team" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3872 3873 3874 3875 <span class="flex justify-between items-center w-full gap-2"> 3876 Our Team 3877 3878 </span> 3879 </a> 3880</div></li><li class="border-b"> 3881 3882 <div 3883 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3884 3885 > 3886 3887 <a href="https://apply.workable.com/berrett-koehler-publishers-3/" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3888 3889 3890 3891 <span class="flex justify-between items-center w-full gap-2"> 3892 Careers 3893 3894 </span> 3895 </a> 3896</div></li><li class="border-b"> 3897 3898 <div 3899 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3900 3901 > 3902 3903 <a href="/blogs/the-bk-exchange" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3904 3905 3906 3907 <span class="flex justify-between items-center w-full gap-2"> 3908 Blog 3909 3910 </span> 3911 </a> 3912</div></li><li class="border-b"> 3913 3914 <div 3915 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3916 3917 > 3918 3919 <a href="/pages/faq" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3920 3921 3922 3923 <span class="flex justify-between items-center w-full gap-2"> 3924 FAQ 3925 3926 </span> 3927 </a> 3928</div></li><li class="border-b"> 3929 3930 <div 3931 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3932 3933 > 3934 3935 <a href="/pages/contact" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3936 3937 3938 3939 <span class="flex justify-between items-center w-full gap-2"> 3940 Contact Us 3941 3942 </span> 3943 </a> 3944</div></li></ul> 3945 </div> 3946 </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-6')" 3947 class="flex items-center mr-4 ml-4 border-b pl-[5px] pr-[3px] rtl:pr-[5px] rtl:pl-[3px]" 3948 > 3949 3950 <span class="flex-1 pt-2.5 pb-2.5 flex gap-2.5 items-center disable-effect"> 3951 3952 3953
3954 <span class="p-break-words"> 3955 3956 3957 <span>Members</span> 3958 3959 </span> 3960 </span> 3961<span 3962 class="icon-caret-mobile h-4 w-4 pr-px pl-px block pt-1 min-w-[1rem] -rotate-90" 3963 ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3964 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3965 </svg> 3966</span></div><div 3967 class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full" 3968 :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-6')}" 3969 > 3970 <div class="overflow-x-hidden scrollbar-body absolute top-0 z-30 w-full h-full" 3971 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'" 3972 > 3973 <div class="flex items-center justify-between ml-4 mr-4 pl-[3px] pr-[5px] rtl:pr-[3px] rtl:pl-[5px] border-y text-left"> 3974 <span class="h-11 w-8 pt-4 block rotate-90 pl-2 pr-2.5 mr-4" 3975 @click="$store.xMobileNav.removeActiveLink('-6'); " 3976 > 3977 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 3978 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3979 </svg> 3980 3981 </span> 3982 <a href="/pages/bk-community" class="pt-4 pb-4 flex-1 font-semibold disable-effect"> 3983 <span class="p-break-words">Members</span> 3984 </a> 3985 </div> 3986 <ul 3987 id="menu-level-1" 3988 class="background-header w-full px-4" 3989 ><li class="border-b"> 3990 3991 <div 3992 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 3993 3994 > 3995 3996 <a href="/pages/bk-community" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 3997 3998 3999 4000 <span class="flex justify-between items-center w-full gap-2"> 4001 Learn More 4002 4003 </span> 4004 </a> 4005</div></li><li class="border-b"> 4006 4007 <div 4008 class="flex items-center justify-between h-full pr-[3px] pl-[5px] rtl:pr-[5px] rtl:pl-[3px]" 4009 4010 > 4011 4012 <a href="/pages/members-dashboard" class="p-break-words h-full flex gap-2.5 flex-1 pt-2.5 pb-2.5 disable-effect items-center"> 4013 4014 4015 4016 <span class="flex justify-between items-center w-full gap-2"> 4017 Members Dashboard 4018 4019 </span> 4020 </a> 4021</div></li></ul> 4022 </div> 4023 </div></li><li class="x-block-login block-mobile-navigation pl-5 pr-5" ><a href="https://bkconnection.com/customer_authentication/redirect?locale=en®ion_country=US" 4024 class="pt-3.5 pb-3.5 flex items-center border-b disable-effect" 4025 data-no-instant 4026 aria-label="Log in" 4027 > 4028 <span class="w-5 mr-4"> 4029 <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 4030 <path d="M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1715C18.0783 15.4214 17.0609 15 16 15H7.99999C6.93913 15 5.92171 15.4214 5.17157 16.1715C4.42142 16.9217 4 17.9391 4 19V21" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 4031 <path d="M12 11C14.2092 11 16.0001 9.20914 16.0001 7C16.0001 4.79086 14.2092 3 12 3C9.79093 3 8.00006 4.79086 8.00006 7C8.00006 9.20914 9.79093 11 12 11Z" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 4032 </svg> 4033 4034 </span>Log in</a> 4035 </li><li class="x-block-social block-mobile-navigation pl-5 pr-5" > 4036 <div class="pt-2 pb-2 pl-0.5 pr-0.5 flex items-center justify-center opacity-70 border-b"> 4037 4038<div id="selector-social" class=" flex lg:items-center lg:justify-end relative py-1.5"> 4039 4040 <ul class="social-list flex flex-wrap opacity-70" role="list"> 4041<li> 4042 <a href="https://www.facebook.com/BerrettKoehler" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
4042<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> 4043 <path d="M17.2788 13.2489L17.8494 9.63111H14.2846V7.28444C14.2846 6.29333 14.7822 5.32889 16.3797 5.32889H18V2.24444C18 2.24444 16.5303 2 15.1199 2C12.1851 2 10.2635 3.73333 10.2635 6.87111V9.63111H7V13.2489H10.2635V22H14.2801V13.2489H17.2788Z" fill="currentColor"/> 4044 </svg> 4045</a> 4046 </li><li> 4047 <a href="https://www.instagram.com/bkpub" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> 4048 <path d="M12.0059 3.80184C14.6793 3.80184 14.9959 3.81356 16.0473 3.86046C17.0244 3.90346 17.5521 4.06762 17.9038 4.20442C18.369 4.38421 18.7051 4.60309 19.053 4.95095C19.4047 5.30272 19.6197 5.63494 19.7995 6.10006C19.9363 6.45183 20.1004 6.98339 20.1434 7.95661C20.1903 9.01192 20.2021 9.32851 20.2021 11.998C20.2021 14.6715 20.1903 14.9881 20.1434 16.0395C20.1004 17.0166 19.9363 17.5443 19.7995 17.896C19.6197 18.3612 19.4008 18.6973 19.053 19.0451C18.7012 19.3969 18.369 19.6119 17.9038 19.7917C17.5521 19.9285 17.0205 20.0926 16.0473 20.1356C14.992 20.1825 14.6754 20.1943 12.0059 20.1943C9.33242 20.1943 9.01583 20.1825 7.96443 20.1356C6.9873 20.0926 6.45964 19.9285 6.10788 19.7917C5.64276 19.6119 5.30662 19.393 4.95876 19.0451C4.607 18.6934 4.39203 18.3612 4.21223 17.896C4.07543 17.5443 3.91128 17.0127 3.86828 16.0395C3.82138 14.9842 3.80965 14.6676 3.80965 11.998C3.80965 9.3246 3.82138 9.00801 3.86828 7.95661C3.91128 6.97948 4.07543 6.45183 4.21223 6.10006C4.39203 5.63494 4.6109 5.29881 4.95876 4.95095C5.31053 4.59918 5.64276 4.38421 6.10788 4.20442C6.45964 4.06762 6.99121 3.90346 7.96443 3.86046C9.01583 3.81356 9.33242 3.80184 12.0059 3.80184ZM12.0059 2C9.28943 2 8.94938 2.01173 7.88235 2.05863C6.81923 2.10553 6.08833 2.27751 5.45515 2.52374C4.79461 2.78171 4.23569 3.12175 3.68067 3.68067C3.12175 4.23568 2.78171 4.79461 2.52374 5.45124C2.27751 6.08833 2.10553 6.81532 2.05863 7.87844C2.01173 8.94938 2 9.28943 2 12.0059C2 14.7223 2.01173 15.0623 2.05863 16.1294C2.10553 17.1925 2.27751 17.9234 2.52374 18.5566C2.78171 19.2171 3.12175 19.776 3.68067 20.3311C4.23569 20.8861 4.79461 21.23 5.45124 21.4841C6.08833 21.7303 6.81532 21.9023 7.87844 21.9492C8.94548 21.9961 9.28552 22.0078 12.002 22.0078C14.7184 22.0078 15.0584 21.9961 16.1255 21.9492C17.1886 21.9023 17.9195 21.7303 18.5527 21.4841C19.2093 21.23 19.7682 20.8861 20.3232 20.3311C20.8782 19.776 21.2222 19.2171 21.4763 18.5605C21.7225 17.9234 21.8945 17.1964 21.9414 16.1333
4048C21.9883 15.0663 22 14.7262 22 12.0098C22 9.29334 21.9883 8.95329 21.9414 7.88626C21.8945 6.82314 21.7225 6.09224 21.4763 5.45906C21.23 4.79461 20.89 4.23568 20.3311 3.68067C19.776 3.12566 19.2171 2.78171 18.5605 2.52765C17.9234 2.28141 17.1964 2.10944 16.1333 2.06254C15.0623 2.01173 14.7223 2 12.0059 2Z" fill="currentColor"/> 4049 <path d="M12.0058 6.86618C9.16822 6.86618 6.86609 9.16831 6.86609 12.0059C6.86609 14.8435 9.16822 17.1456 12.0058 17.1456C14.8434 17.1456 17.1455 14.8435 17.1455 12.0059C17.1455 9.16831 14.8434 6.86618 12.0058 6.86618ZM12.0058 15.3399C10.1649 15.3399 8.67183 13.8468 8.67183 12.0059C8.67183 10.165 10.1649 8.67193 12.0058 8.67193C13.8467 8.67193 15.3398 10.165 15.3398 12.0059C15.3398 13.8468 13.8467 15.3399 12.0058 15.3399Z" fill="currentColor"/> 4050 <path d="M18.5488 6.66291C18.5488 7.32736 18.0094 7.86283 17.3488 7.86283C16.6844 7.86283 16.1489 7.32345 16.1489 6.66291C16.1489 5.99845 16.6883 5.46298 17.3488 5.46298C18.0094 5.46298 18.5488 6.00236 18.5488 6.66291Z" fill="currentColor"/> 4051 </svg> 4052</a> 4053 </li><li> 4054 <a href="https://www.tiktok.com/@bkpub" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> 4055 <path d="M16.0604 2H12.6898V15.6232C12.6898 17.2464 11.3935 18.5797 9.78022 18.5797C8.16695 18.5797 6.87057 17.2464 6.87057 15.6232C6.87057 14.029 8.13814 12.7246 9.69381 12.6667V9.24639C6.2656 9.30433 3.5 12.1159 3.5 15.6232C3.5 19.1594 6.32321 22 9.80904 22C13.2948 22 16.118 19.1304 16.118 15.6232V8.63767C17.3856 9.56522 18.9412 10.1159 20.5833 10.1449V6.72464C18.0482 6.63768 16.0604 4.55072 16.0604 2Z" fill="currentColor"/> 4056 </svg> 4057</a> 4058 </li><li> 4059 <a href="https://www.youtube.com/berrettkoehler" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> 4060 <path d="M23.0226 7.45237C23.0226 7.45237 22.8005 5.88392 22.1162 5.19522C21.2498 4.28881 20.2812 4.28437 19.8369 4.23105C16.6555 4 11.8791 4 11.8791 4H11.8702C11.8702 4 7.09372 4 3.91239 4.23105C3.46806 4.28437 2.49944 4.28881 1.63302 5.19522C0.948764 5.88392 0.731047 7.45237 0.731047 7.45237C0.731047 7.45237 0.5 9.29631 0.5 11.1358V12.8598C0.5 14.6992 0.726604 16.5432 0.726604 16.5432C0.726604 16.5432 0.948764 18.1116 1.62858 18.8003C2.495 19.7067 3.63246 19.6756 4.13899 19.7734C5.96071 19.9467 11.8746 20 11.8746 20C11.8746 20 16.6555 19.9911 19.8369 19.7645C20.2812 19.7112 21.2498 19.7067 22.1162 18.8003C22.8005 18.1116 23.0226 16.5432 23.0226 16.5432C23.0226 16.5432 23.2492 14.7037 23.2492 12.8598V11.1358C23.2492 9.29631 23.0226 7.45237 23.0226 7.45237ZM9.52416 14.9525V8.55873L15.6691 11.7667L9.52416 14.9525Z" fill="currentColor"/> 4061 </svg> 4062</a> 4063 </li><li> 4064 <a href="https://www.linkedin.com/company/berrett-koehler-publishers/" target="blank" aria-label="Linkedin" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-full h-full" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> 4065 <path d="M16.5,8.8c-0.8,0-1.5,0.2-2.2,0.6c-0.1-0.3-0.5-0.6-0.8-0.6H10c-0.5,0-0.9,0.4-0.9,0.9c0,0,0,0,0,0v10.4 c0,0.5,0.4,0.9,0.9,0.9c0,0,0,0,0,0h3.5c0.5,0,0.9-0.4,0.9-0.9c0,0,0,0,0,0v-4.8c0-0.5,0.4-0.9,0.9-0.9s0.9,0.4,0.9,0.9v4.8 c0,0.5,0.4,0.9,0.9,0.9c0,0,0,0,0,0h3.5c0.5,0,0.9-0.4,0.9-0.9c0,0,0,0,0,0v-6.5C21.3,10.9,19.2,8.8,16.5,8.8z M19.6,19.2h-1.7v-3.9 c0-1.4-1.2-2.6-2.6-2.6s-2.6,1.2-2.6,2.6v3.9h-1.7v-8.7h1.7v0.6c0,0.5,0.4,0.9,0.9,0.9c0.3,0,0.5-0.1,0.7-0.3c1-1.3,2.9-1.5,4.2-0.5 c0.7,0.6,1.2,1.5,1.2,2.4V19.2z M7.4,8.8H3.9c-0.5,0-0.9,0.4-0.9,0.9c0,0,0,0,0,0v10.4c0,0.5,0.4,0.9,0.9,0.9c0,0,0,0,0,0h3.5 c0.5,0,0.9-0.4,0.9-0.9c0,0,0,0,0,0V9.7C8.3,9.2,7.9,8.8,7.4,8.8C7.4,8.8,7.4,8.8,7.4,8.8z M6.5,19.2H4.8v-8.7h1.7V19.2z M5.7,2.3 C4.1,2.2,2.8,3.4,2.7,5c-0.1,1.5,1.1,2.9,2.6,3c0.1,0,0.2,0,0.3,0h0c1.5,0.1,2.9-1.1,3-2.6S7.5,2.4,6,2.3C5.9,2.3,5.8,2.3,5.7,2.3 L5.7,2.3z M5.7,6.2L5.7,6.2C5,6.3,4.5,5.8,4.4,5.3c0,0,0-0.1,0-0.1c0-0.6,0.5-1.1,1.2-1.1C6.3,4,6.8,4.4,6.9,5c0,0,0,0.1,0,0.1 C6.9,5.8,6.4,6.2,5.7,6.2z"/> 4066 </svg> 4067</a> 4068 </li></ul>
4069 </div> 4070 </div> 4071 </li> 4072 </ul> 4073 </div><div class="x-container-mobile-nav-language pt-1.5 pb-1.5 pl-5 pr-5 lg:flex lg:items-center z-50 background-header justify-center lg:justify-end bottom-0 left-0 max-w-sm border-t"> 4074</div></div> 4075 </div> 4076</template> 4077</div> 4078<!-- END sections: header-group-puff --> 4079 4080 4081 4082 <!-- BEGIN sections: aside-group-puff --> 4083<div id="shopify-section-sections--24498229346667__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group-puff section-product-labels-and-badges"><style data-shopify>.x-badge-text_label_AqTJe4 .x-badge-content.x-badge-text{ 4084 background-color:#DCE6F3; 4085 color:#545152; 4086 4087 } 4088 .dark .x-badge-text_label_AqTJe4 .x-badge-content.x-badge-text{ 4089 background-color:#DCE6F3; 4090 color:#ffffff; 4091 4092 border-width: 0; 4093 4094 }.x-badge-text_label_AqTJe4 { 4095 --font-size-scale: 0.9rem; 4096 4097 } 4098 @media (min-width: 768px) { 4099 .x-badge-text_label_AqTJe4 { 4100 --font-size-scale: 0.9rem; 4101 4102 } 4103 }</style><div class="x-badges-block-data" x-badges-block-data='{ 4104 "id": "text_label_AqTJe4", 4105 "enable": true, 4106 "type": "text-label", 4107 "settings": { 4108 "show_on_product_card": true, 4109 "show_on_product_page": true, 4110 "applied_to": "", 4111 "applied_products": [], 4112 "applied_collections": [], 4113 "content": "{custom.format2}", 4114 "type": "round", 4115 "background_color": "#DCE6F3", 4116 "text_color": "#545152", 4117 "image": null, 4118 "image_alt": "", 4119 "image_aspect_ratio": 0, 4120 "size": 2, 4121 "size_mobile": 2, 4122 "opacity": 100, 4123 "position": "below-image", 4124 "horizontal_position": 5, 4125 "vertical_position": 5, 4126 "schedule_enabled": false, 4127 "timezone": -4, 4128 "start_year": 2023, 4129 "start_month": 1, 4130 "start_day": 1, 4131 "start_hour": 0, 4132 "start_minute": 0, 4133 "end_year": 2023, 4134 "end_month": 1, 4135 "end_day": 1, 4136 "end_hour": 0, 4137 "end_minute": 0, 4138 "day_since": "none", 4139 "number_show": 30 4140 } 4141 }' x-badges-icon=''></div>
4141<script src="//bkconnection.com/cdn/shop/t/4/assets/labels-and-badges.js?v=31298988695393774671747335364" defer></script>
4141 4142</div><div id="shopify-section-sections--24498229346667__cookie-banner" class="shopify-section shopify-section-group-aside-group-puff section-cookie-banner"><style data-shopify> 4143 .color-heading--sections--24498229346667__cookie-banner { 4144 --colors-heading: 247, 247, 247; 4145 } 4146 4147 .dark .color-heading--sections--24498229346667__cookie-banner { 4148 4149 --colors-heading: 40, 41, 40; 4150 4151 } 4152 /* button accept */ 4153 .button-accept { 4154 4155 color: #000000; 4156 4157 4158 background-color: #f7f7f7; 4159 border-color: #f7f7f7; 4160 4161 } 4162 .dark .button-accept { 4163 4164 color: #f7f7f7; 4165 4166 4167 background-color: #282928; 4168 border-color: #282928; 4169 4170 } 4171 /* button decline */ 4172 .button-decline { 4173 4174 border-color: #f7f7f7; 4175 color: #f7f7f7; 4176 4177 border: 1px solid; 4178 } 4179 .dark .button-decline { 4180 4181 border-color: #282928; 4182 color: #282928; 4183 4184 border: 1px solid; 4185 } 4186 /* bacnkground and color of section */ 4187 .bg-cookie-banner { 4188 4189 color: #f7f7f7; 4190 4191 background: #282928; 4192 } 4193 .dark .bg-cookie-banner { 4194 4195 color: #282928; 4196 4197 background: #ffffff; 4198 }</style><div 4199 id="cookies-banner" 4200 x-data="xCookieBanner(4)" x-show="show" 4201 x-cloak 4202 x-transition:enter="transition-all ease-in-out duration-500" 4203 x-transition:enter-start="opacity-0 transform translate-y-full" 4204 x-transition:enter-end="opacity-100 transform translate-y-0" 4205 x-transition:leave="transition-all ease-in-out duration-500" 4206 x-transition:leave-end="opacity-0 transform translate-y-full" 4207 class="w-full fixed bottom-0 left-0 right-0 z-50 bg-cookie-banner color-heading--sections--24498229346667__
4207cookie-banner" 4208 > 4209 <div class="x-pgw page-width mx-auto flex flex-wrap lg:flex-nowrap lg:justify-between"> 4210 <div class="rte py-3 w-full lg:py-4 lg:w-auto text- md:flex md:items-center md:justify-start"> 4211 <span><p>We use cookies and similar technologies to provide the best experience on our website. </p></span> 4212 </div> 4213 <div class="flex items-center pb-3 lg:pb-0 lg:ml-7 justify-center md:justify-start gap-2 w-full md:w-auto"><button class="button w-auto button-decline px-10 py-4 lg:my-4 empty:hidden whitespace-nowrap" @click="handleDecline()"> 4214 Decline 4215 </button><button class="button button-accept w-auto px-10 py-4 mr-2.5 lg:my-4 empty:hidden whitespace-nowrap" @click="handleAccept()"> 4216 Got it! 4217 </button></div> 4218 </div> 4219 </div>
4219<script src="//bkconnection.com/cdn/shop/t/4/assets/cookie-banner.js?v=135863105119365794521747335364" defer></script>
4219 4220 4221</div> 4222<!-- END sections: aside-group-puff --> 4223 4224 4225 <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-index theme-template-suffix-none" role="main" tabindex="-1"> 4226 4227 4228 <section id="shopify-section-template--24498228953451__slideshow_KMcUt8" class="shopify-section section section-slideshow"><style data-shopify>.mobile-template--24498228953451__slideshow_KMcUt8-natural{height:0; 4229 padding-bottom: 143.33333333333334%;} 4230 4231 @media screen and (min-width: 768px) { 4232 .desktop-template--24498228953451__slideshow_KMcUt8-natural{height:0; 4233 padding-bottom: 44.79166666666667%;} 4234 } 4235 .paginate-slide-image--template--24498228953451__slideshow_KMcUt8 { 4236 4237 4238 } 4239 4240 #overlay-image-paginate--template--24498228953451__slideshow_KMcUt8.active { 4241 transition: width 4s ease-out; 4242 width: 100%; 4243 left: 0; 4244 right: auto; 4245 transform-origin: left; 4246 } 4247 4248 .rtl #overlay-image-paginate--template--24498228953451__slideshow_KMcUt8.active { 4249 right: 0; 4250 left: auto; 4251 transform-origin: right; 4252 } 4253 4254 4255 #x-slideshow-template--24498228953451__slideshow_KMcUt8:hover #overlay-image-paginate--template--24498228953451__slideshow_KMcUt8.active { 4256 transition: none; 4257 width: 0%; 4258 } 4259 4260 4261 .splide__arrow--prev:hover .pagination-button-next-overlay { 4262 opacity: 0; 4263 transition-duration: 100ms; 4264 } 4265 4266 .splide__arrow--next:hover .pagination-image-next-overlay { 4267 opacity: 0; 4268 transition-duration: 100ms; 4269 }</style><div class="pt-[0px] md:pt-[0px] pb-[4px] md:pb-[0px]"> 4270 <div
4271 id="x-slideshow-template--24498228953451__slideshow_KMcUt8" 4272 class="pause-on-hover_slide_show splide-slideshow overflow-hidden visible mx-auto x-splide splide cursor-grab group md:pl-5 md:pr-5 full-width-mobile" 4273 4274 x-intersect.once.margin.200px='$store.xSplide.load($el, { 4275 "speed": 1000, 4276 "pauseOnHover": true, 4277 "pauseOnFocus": false, 4278 "rewind": true, 4279 "type": "fade", 4280"autoplay": true, 4281 "interval": 4000, 4282 4283 "classes": {"arrows": "splide__arrows block", 4284 "pagination": "splide__pagination flex pointer-events-none flex-nowrap absolute bottom-0 left-1/2 -translate-x-1/2 pagination-bars mb-4 ", 4285 "page": "button_pagination button md:w-20 h-2.5 none_border w-14 relative pagination-bars:rounded-none ml-0.5 mr-0.5 bg-none before:absolute before:top-0 before:right-0 before:bottom-0 before:h-1/2 before:left-0 before:opacity-40 before:bg-image-treatment pagination-bars:after:absolute after:bg-white pagination-bars:after:top-0 after:right-0 pagination-bars:overflow-hidden pagination-bars:after:bottom-0 pagination-bars:after:left-0 pagination-bars:after:-translate-x-full pagination-bars:relative pagination-bars:is-active-pagination:after:h-1/2 pagination-bars:is-active-pagination pagination-bars:is-active-pagination:after:animate-shimmerX_4s" 4286 4287 4288 }, 4289 "events": [ 4290 4291 ,{ 4292 "event": "ready", 4293 "callback": () => { 4294 4295 let slide = document.getElementById("x-slideshow-template--24498228953451__slideshow_KMcUt8").querySelector(".disable-animation-slideshow"); 4296 if (slide) { 4297 slide.classList.remove("disable-animation-slideshow"); 4298 } 4299 4300 4301 4302 } 4303 } 4304 4305 ] 4306 })'><div x-intersect.once="$el.classList.remove('bg-[#c9c9c9]')" class="relative bg-[#c9c9c9] splide__track overflow-hidden md:slideshow:h-[550px] md:slideshow:pb-0 h-[500px] md:h-auto md:rounded-[10px]"> 4307 <div class="w-full h-full splide__list flex md:slideshow:relative relative"> 4308<style data-shopify>.button--slide_n4gq86.button-solid, 4309 .button--slide_n4gq86.button-solid:before {--colors-line-and-border: var(--colors-button);} 4310 .button--slide_n4gq86.button-outline { 4311 4312 } 4313 4314.heading-slide_n4gq86 { 4315 font-size: 1.9125rem; 4316 } 4317 .sub-heading-slide_n4gq86 { 4318 font-size: 0.9rem; 4319 } 4320 .image-slide_n4gq86 { 4321 object-position:50.0% 50.0%; 4322 } 4323 .bg-content-slide_n4gq86 { 4324 background-color: rgb(var(--colors-background-secondary));} 4325 @media screen and (min-width: 768px) { 4326 .heading-slide_n4gq86 { 4327 font-size: 3.825rem; 4328 } 4329 .sub-heading-slide_n4gq86 { 4330 font-size: 1.0rem; 4331 } 4332 .image-slide_n4gq86 { 4333 object-position:50.0% 50.0%; 4334 } 4335 #image-paginate--template--24498228953451__slideshow_KMcUt8[image-next-active="0"] { 4336 4337 background-image: url(//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=300); 4338 4339 background-size: cover; 4340 background-repeat: no-repeat; 4341 background-position: center; 4342 } 4343 .bg-full-slide_n4gq86 { 4344 background: transparent; 4345 } 4346 } 4347 .bg-full-slide_n4gq86 { 4348 background-color: rgb(var(--colors-background-secondary));}</style> 4349 <div class="hidden"><img src="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=1500" alt="" srcset="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=375 375w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=450 450w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=750 750w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=900 900w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=1100 1100w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=1500 1500w" width="1500" height="2150" loading="eager"> 4350<img src="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=3840" alt="" srcset="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=750 750w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=900 900w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=1100 1100w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=1500 1500w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=1780 1780w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=2000 2000w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=3000 3000w, //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=3840 3840w" width="3840" height="1720" loading="eager"> 4351 </div> 4352 4353 <div x-slide-index="0" 4354 class=" x-slideshow-slide_n4gq86 disable-animation-sli
4354deshow h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full" 4355 x-data="{effect: false}" 4356 4357 4358 > 4359 4360 <div x-intersect.half="effect = true" x-intersect:leave.margin.-20px="effect = false" class="absolute top-0 left-0 w-full h-full hidden active-slide-fade active-slide-fade-first"> 4361 </div> 4362 4363 <div class="h-full relative overflow-hidden"> 4364 4365 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 4366 <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image"> 4367 <parallax-image class=" h-full w-full"> 4368 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)"> 4369 <picture> 4370 <source 4371 srcset="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=375 375w, 4372 //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=450 450w, 4373 //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=750 750w, 4374 //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=900 900w, 4375 //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=1100 1100w, 4376 //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_51.png?v=1789580837&width=1500 1500w" 4377 media="(max-width: 767px)" 4378 width="900" 4379 height="1290" 4380 > 4381 <img 4382 srcset="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=750 750w, 4383 //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=900 900w, 4384 //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=1100 1100w, 4385 //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=1500 1500w, 4386 //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=1780 1780w, 4387 //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=2000 2000w, 4388 //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=3000 3000w, 4389 //bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=3840 3840w" 4390 4391 loading="eager" 4392 fetchpriority="high" 4393 decoding="sync" 4394 4395 sizes="100vw" 4396 src="//bkconnection.com/cdn/shop/files/Website_Slideshow_Images_50.png?v=1789580751&width=3840" 4397 4398 :alt="(screen.width < 768) ? '' : ''" 4399 4400 class="object-cover h-full w-full image-slide_n4gq86" 4401 width="1920" 4402 height="860" 4403 > 4404 </picture> 4405 </parallax-movement> 4406 </parallax-image> 4407 4408 4409 4410 </div> 4411 4412 </div><div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table"> 4413 <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] 4414 align-middle text-center" 4415 > 4416 <div :class="effect && 'active'" class=" mb-5 md:mb-6 xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 animate_transition_slide__box mx-auto float-center lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 xl:rounded-[60px] md:rounded-[40px] rounded-3xl"> 4417 </div> 4418 </div> 4419 </div> 4420 4421 <a href="/pages/bulk-discounts" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/pages/bulk-discounts</a> 4422 4423 </div> 4424 4425 4426<style data-shopify>#shopify-section-template--24498228953451__slideshow_KMcUt8 .x-slideshow-slide_text_ceeFeN { 4427 --image-treatment-text: 78, 74, 75; 4428 } 4429 .block-text--slide_text_ceeFeN { 4430 background: #e6dbd5; 4431 } 4432 4433 .button--slide_text_ceeFeN.button-solid, 4434 .button--slide_text_ceeFeN.button-solid:before {--colors-line-and-border: 195, 149, 125; 4435 --colors-button: 195, 149, 125;} 4436 .button--slide_text_ceeFeN.button-outline { 4437 4438 } 4439 4440.heading-slide_text_ceeFeN { 4441 font-size: 1.125rem; 4442 } 4443 .sub-heading-slide_text_ceeFeN { 4444 font-size: 0.9rem; 4445 } 4446 .image-slide_text_ceeFeN { 4447 object-position:50.0% 50.0%; 4448 } 4449 @media screen and (min-width: 768px) { 4450 .heading-slide_text_ceeFeN { 4451 font-size: 2.25rem; 4452 } 4453 .sub-heading-slide_text_ceeFeN { 4454 font-size: 1.0rem; 4455 } 4456 .image-slide_text_ceeFeN { 4457 object-position:50.0% 50.0%; 4458 } 4459 #image-paginate--template--24498228953451__slideshow_KMcUt8[image-next-active="1"] { 4460 4461 background-image: url(//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=300); 4462 4463 background-size: cover; 4464 background-repeat: no-repeat; 4465 background-position: center; 4466 } 4467 .bg-full-slide_text_ceeFeN { 4468 background: transparent; 4469 } 4470 } 4471 .bg-full-slide_text_ceeFeN {background-color: #e6dbd5; 4472 }</style> 4473 <div x-slide-index="1" 4474 class="x-slideshow-slide_text_ceeFeN ltr h-full flex flex-col md:flex-row relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full" 4475 x-data="{effect: false}" 4476 4477 4478 > 4479 4480 <div x-intersect.half="effect = true" x-intersect:leave.margin.-20px="effect = false" class="absolute top-0 left-0 w-full h-full hidden active-slide-fade"> 4481 </div> 4482 4483 <div class="h-full md:w-3/5 relative overflow-hidden"> 4484 <div :class="effect && 'active'" class="w-full absolute top-0 left-0 h-full md:absolute md:top-0 md:left-0 z-0 animate_transition_slide__image"> 4485 <parallax-image class=" h-full w-full"> 4486 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)"> 4487 <picture> 4488 <source 4489 srcset="//bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=375 375w, 4490 //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=450 450w, 4491 //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=750 750w, 4492 //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=900 900w, 4493 //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=1100 1100w, 4494 //bkconnection.com/cdn/shop/files/Untitled_design_61.png?v=1786139388&width=1500 1500w" 4495 media="(max-width: 767px)" 4496 width="1048" 4497 height="860" 4498 > 4499 <img 4500 srcset="//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=750 750w, 4501 //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=600 900w, 4502 //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=700 1100w, 4503 //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1000 1500w, 4504 //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1200 1780w, 4505 //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1300 2000w, 4506 //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1900 3000w, 4507 //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=2400 3840w" 4508 4509 loading="lazy" 4510 4511 sizes="100vw" 4512 src="//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=3840" 4513 4514 :alt="(screen.width < 768) ? '' : ''" 4515 4516 class="object-cover h-full w-full image-slide_text_ceeFeN" 4517 width="1048" 4518 height="860" 4519 > 4520 </picture> 4521 </parallax-movement> 4522 </parallax-image> 4523 4524 4525 4526 </div> 4527 4528 <a href="/pages/montgomery-station-press" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/pages/montgomery-station-press</a> 4529 4530 </div><style data-shopify> 4531 .bg-full-slide_text_ceeFeN {background-color: #e6dbd5; 4532 } 4533 </style> 4534 <div class="hero-text block-text--slide_text_ceeFeN bg-full-slide_text_ceeFeN w-full md:w-2/5 pointer-events-none relative transition x-pgw page-width z-20 h-fit md:h-full table"> 4535 <div class="table-cell max-w-2xl lg:w-3/5 align-middle text-left"> 4536 <div :class="effect && 'active'" class="animate_transition_slide__box-right xl:pl-10 xl:pr-10 mx-auto max-w-2xl pt-5 pr-3 pl-3 pb-5 float-center pb-10 lg:pb-12"> 4537 4538 4539<style data-shopify> 4540 .heading-slide_text_ceeFeN { 4541 4542 } 4543 .dark .heading-slide_text_ceeFeN { 4544 4545 --color-highlight: #4d6391; 4546 4547 } 4548</style> 4549 4550 4551 4552 <h2 class=' heading-slide_text_ceeFeN p-break-words h2 block mt-1 leading-tight image-treatment-text ' 4553 > 4554 4555 4556 4557 An imprint of Berrett-Koehler Publishers 4558 4559 4560</h2> 4561<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte"> 4562 <p>Your book deserves a real publisher. <strong>Montgomery Station Press</strong> gives serious authors the full BK experience.</p> 4563 </div><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-1 justify-center" ><a href="/pages/montgomery-station-press" class="button button--slide_text_ceeFeN button-solid border mt-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal"> 4564 4565 4566 4567 <span class="button-text is-focus-button:opacity-0">Learn More</span> 4568 4569 4570 4571 </a></div> 4572 </div> 4573 </div> 4574 </div> 4575 </div> 4576 4577 4578<style data-shopify>.button--slide_4CNRWq.button-solid, 4579 .button--slide_4CNRWq.button-solid:before {--colors-line-and-border: var(--colors-button);} 4580 .button--slide_4CNRWq.button-outline { 4581 4582 } 4583 4584.heading-slide_4CNRWq { 4585 font-size: 1.125rem; 4586 } 4587 .sub-heading-slide_4CNRWq { 4588 font-size: 0.9rem; 4589 } 4590 .image-slide_4CNRWq { 4591 object-position:; 4592 } 4593 .bg-content-slide_4CNRWq { 4594 background-color: rgb(var(--colors-background-secondary));} 4595 @media screen and (min-width: 768px) { 4596 .heading-slide_4CNRWq { 4597 font-size: 2.25rem; 4598 } 4599 .sub-heading-slide_4CNRWq { 4600 font-size: 1.0rem; 4601 } 4602 .image-slide_4CNRWq { 4603 object-position:; 4604 } 4605 #image-paginate--template--24498228953451__slideshow_KMcUt8[image-next-active="2"] { 4606 4607 4608 background-image: url(//bkconnection.com/cdn/shop/files/preview_images/98ff21f41b954471913619d6dee1c9cd.thumbnail.0000000000.jpg?v=1771614822&width=300); 4609 4610 4611 background-size: cover; 4612 background-repeat: no-repeat; 4613 background-position: center; 4614 } 4615 .bg-full-slide_4CNRWq { 4616 background: transparent; 4617 } 4618 } 4619 .bg-full-slide_4CNRWq { 4620 background-color: rgb(var(--colors-background-secondary));}</style> 4621 <div x-slide-index="2" 4622 class=" x-slideshow-slide_4CNRWq h-full relative transition-opacity flex-shrink-0 w-full splide__slide x-splide-slide w-full" 4623 x-data="{effect: false}" 4624 4625 4626 > 4627 4628 <div x-intersect.half="effect = true" x-intersect:leave.margin.-20px="effect = false" class="absolute top-0 left-0 w-full h-full hidden active-slide-fade"> 4629 </div> 4630 4631 <div class="h-full relative overflow-hidden"> 4632 4633<div 4634 class="video-hero" 4635 > 4636 4637 <div 4638 class="video-slideshow external-video w-full object-cover absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full md:h-full md:absolute md:top-1/2 md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2" 4639 x-intersect:leave="$store.xVideo.pause($el)" 4640 @click.stop="$store.xVideo.togglePlay($el)" 4641 x-intersect="$store.xVideo.play($el)" 4642 4643 4644 style="padding-bottom: 44.86316733961418%;" 4645 4646 >
4647 <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span> 4648 <video playsinline="playsinline" loop="loop" muted="muted" class="w-full h-full absolute top-0 left-0 video object-cover" preload="metadata" poster="//bkconnection.com/cdn/shop/files/preview_images/98ff21f41b954471913619d6dee1c9cd.thumbnail.0000000000_1100x.jpg?v=1771614822"><source src="//bkconnection.com/cdn/shop/videos/c/vp/98ff21f41b954471913619d6dee1c9cd/98ff21f41b954471913619d6dee1c9cd.HD-720p-3.0Mbps-75421501.mp4?v=0" type="video/mp4"><img src="//bkconnection.com/cdn/shop/files/preview_images/98ff21f41b954471913619d6dee1c9cd.thumbnail.0000000000_1100x.jpg?v=1771614822"></video> 4649 <div class="button-play z-20 absolute top-1/2 left-1/2"> 4650 <div class="cursor-pointer absolute z-20 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[60px] h-[60px] md:w-[60px] md:h-[60px] rounded-full p-5 bg-[rgba(var(--image-treatment-text),0.06)] hover:bg-[rgba(var(--image-treatment-text),0.1)] bg-opacity-30 disabled:cursor-not-allowed"> 4651 <span class="pointer-events-none duration-200 bg-button-play absolute w-4 h-5 md:w-4 md:h-5 top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-[rgba(var(--image-treatment-text))]"> 4652 <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> 4653 <path d="M22.49 11.128L6.49 2.12804C6.18 1.95404 5.802 1.95804 5.496 2.13604C5.188 2.31604 5 2.64404 5 3.00004V21C5 21.356 5.188 21.684 5.496 21.864C5.652 21.954 5.826 22 6 22C6.168 22 6.338 21.958 6.49 21.872L22.49 12.872C22.804 12.694 23 12.362 23 12C23 11.638 22.804 11.306 22.49 11.128Z" fill="currentColor"/> 4654 </svg> 4655 4656 4657 </span> 4658 </div> 4659 </div> 4660 4661 </div> 4662 4663 4664 </div> 4665 4666 </div><div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table"> 4667 <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] 4668 align-middle text-center" 4669 > 4670 <div :class="effect && 'active'" class=" mb-5 md:mb-6 xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 animate_transition_slide__box mx-auto float-center lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 xl:rounded-[60px] md:rounded-[40px] rounded-3xl"> 4671 4672 4673<style data-shopify> 4674 .heading-slide_4CNRWq { 4675 4676 } 4677 .dark .heading-slide_4CNRWq { 4678 4679 --color-highlight: #4d6391; 4680 4681 } 4682</style> 4683 4684 4685 4686 <h2 class=' heading-slide_4CNRWq p-break-words h2 block mt-1 leading-tight image-treatment-text ' 4687 > 4688 4689 4690 4691 Publishing expertise, built around you. 4692 4693 4694</h2> 4695<div class="lg:mt-1 p-break-words pointer-events-auto rte image-treatment-text text-medium rte"> 4696 <p>BK now offers editorial + marketing services â for any author</p> 4697 </div><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-1 md:justify-center justify-center" ><a href="/pages/author-services" class="button button--slide_4CNRWq button-solid border mt-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal"> 4698 4699 4700 4701 <span class="button-text is-focus-button:opacity-0">Learn More</span> 4702 4703 4704 4705 </a></div> 4706 </div> 4707 </div> 4708 </div> 4709 4710 <a href="/pages/author-services" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/pages/author-services</a> 4711 4712 </div> 4713 4714</div> 4715 </div> 4716 4717 <div class="splide__arrows "> 4718 <button class="splide__arrow splide__arrow--prev button-arrow hidden group-hover:lg:block absolute none_border z-10 w-12 h-12 rounded-full after:text-[20px] rtl:-rotate-90 p-4 top-1/2 left-0 -translate-y-1/2 lg:left-8 rtl:lg:left-auto rtl:lg:right-8 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed rotate-90" aria-label="previous slide">
4719 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 4720 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4721 </svg> 4722 4723 </button> 4724 <button class="splide__arrow splide__arrow--next button-arrow hidden group-hover:lg:block absolute none_border z-10 w-12 h-12 rounded-full after:text-[20px] rtl:rotate-90 p-4 top-1/2 right-0 -translate-y-1/2 lg:right-8 rtl:lg:right-auto rtl:lg:left-8 duration-100 opacity-60 hover:opacity-100 disabled:opacity-40 disabled:cursor-not-allowed -rotate-90" aria-label="next slide"> 4725 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 4726 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4727 </svg> 4728 4729 </button> 4730 </div> 4731 4732</div> 4733</div>
4734<script src="//bkconnection.com/cdn/shop/t/4/assets/video.js?v=101461472853853783711747335364" defer></script>
4734 4735</section><section id="shopify-section-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="shopify-section section section-featured-collection x-section"><style data-shopify>.heading-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 4736 font-size: 1.35rem; 4737 } 4738 #shopify-section-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 { 4739 font-size: 0.875rem; 4740 } 4741 @media (min-width: 768px) { 4742 .heading-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 4743 font-size: 2.25rem; 4744 } 4745 #shopify-section-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 { 4746 font-size: 0.98rem; 4747 } 4748 } 4749 @media (min-width: 1024px) { 4750 #shopify-section-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 { 4751 font-size: 1.225rem; 4752 } 4753 } 4754 4755 .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 4756 4757 4758 background: transparent; 4759 4760 4761 4762 } 4763 .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656.active, .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656.active:hover { 4764 4765 4766 background: rgba(77, 74, 75, 0.1); 4767 4768 4769 4770 } 4771 .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656:hover { 4772 4773 background: #3c6898; 4774 4775 4776 color: #ffffff; 4777 4778 } 4779 4780 .dark .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 4781 4782 4783 background: transparent; 4784 4785 4786 4787 } 4788 .dark .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656.active, .dark .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656.active:hover { 4789 4790 4791 background: rgba(255, 255, 255, 0.1); 4792 4793 4794 4795 } 4796 .dark .collection-title .label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656:hover { 4797 4798 4799 background: rgba(255, 255, 255, 0.1); 4800 4801 4802 4803 }</style> 4804 4805<div 4806 class="x-container-featured-collection pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px]" 4807 x-data="{ 4808 view_all_link: '/collections/new-releases', 4809 setViewAllLink(url) { 4810 this.view_all_link = url; 4811 } 4812 }" 4813> 4814 <div class="collection_wrapper"><style data-shopify> 4815.collection-title-container.scrollbar-body::-webkit-scrollbar{ 4816 width: 1px; 4817 height: 2px; 4818} 4819</style> 4820 4821<div class="mb-4 md:mb-2 relative"> 4822 <div class="relative w-full bg-transparent"><div 4823 class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2" 4824 x-data='xFeaturedCollection("template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656", "page", $el)' 4825 > 4826 <div class="x-block-header pl-5 pr-5 flex flex-col items-centerjustify-end"> 4827 4828 <div class="collection-title-container h-10 md:h-auto relative lg:mb-0 mb-2 mr-5 ml-5 z-20 overflow-x-auto overflow-y-hidden scrollbar-body scrollbar-stable self-center min-w-[30%] md:min-w-max max-w-full"> 4829 <div class="flex flex-row items-center h-full md:justify-center"><div 4830 class="collection-title max-w-[75%] px-1 md:px-2 " 4831 @click="setTimeout(() => { select(1); setViewAllLink('/collections/new-releases'); scrollIntoView($el) }, 0)" 4832 :class="currentTab === 1 || 'opacity-80'" 4833 4834 4835 4836 4837 > 4838 <span 4839 class="none label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 inline-block h4 text-sm whitespace-nowrap px-2.5 py-1.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:px-3.5 md:py-2.5 duration-300 leading-snug rounded-[10px]" 4840 :class="currentTab === 1 && 'active'" 4841 > 4842 New Releases 4843 </span> 4844 </div><div 4845 class="collection-title max-w-[75%] px-1 md:px-2 md:border-solid md:border-l rtl:border-l-0 rtl:md:border-r" 4846 @click="setTimeout(() => { select(2); setViewAllLink('/collections/coming-soon'); scrollIntoView($el) }, 0)" 4847 :class="currentTab === 2 || 'opacity-80'" 4848 4849 4850 x-intersect.once='loadData(2)' 4851 4852 >
4853 <span 4854 class="none label-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 inline-block h4 text-sm whitespace-nowrap px-2.5 py-1.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:px-3.5 md:py-2.5 duration-300 leading-snug rounded-[10px]" 4855 :class="currentTab === 2 && 'active'" 4856 > 4857 Coming Soon 4858 </span> 4859 </div></div> 4860 </div> 4861 4862 </div><div class="flex justify-center pt-1.5 pb-1.5 md:pb-3 md:pt-3"> 4863 4864 <a 4865 x-cloak 4866 x-show="view_all_link" 4867 class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1" 4868 :href="view_all_link" 4869 :class="'opacity-70 hover:cursor-not-allowed' && view_all_link" 4870 > 4871 View all products<span class="w-2 h-2 inline-block mt-0.5 rtl:rotate-180" role="link" aria-label="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 8 9" fill="none" style="fill:none;"> 4872 <g> 4873 <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 4874 <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 4875 </g> 4876 </svg> 4877</span> 4878 </a> 4879 4880 </div><div class=" md:pl-5 md:pr-5 x-pgw page-width-mobile" x-show="loading"> 4881 4882 4883 <div :class="currentTab === 2? '!block': 'hidden'" class="hidden lg:mt-8"> 4884 4885<style data-shopify> 4886 .gap-skeleton-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 4887 gap: 16px; 4888 } 4889 @media (min-width: 768px) { 4890 .gap-skeleton-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 4891 gap: 30px; 4892 } 4893 } 4894</style> 4895 4896 <div class="w-full grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-skeleton-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656"> 4897 4898 <div class="animate-Xpulse"> 4899 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div> 4900 <div class="flex flex-col items-center"> 4901 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 4902 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 4903 </div> 4904 </div> 4905 4906 <div class="animate-Xpulse"> 4907 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div> 4908 <div class="flex flex-col items-center"> 4909 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 4910 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 4911 </div> 4912 </div> 4913 4914 <div class="animate-Xpulse hidden md:block"> 4915 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div> 4916 <div class="flex flex-col items-center"> 4917 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 4918 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 4919 </div> 4920 </div> 4921 4922 <div class="animate-Xpulse hidden md:block"> 4923 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div> 4924 <div class="flex flex-col items-center"> 4925 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 4926 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 4927 </div> 4928 </div> 4929 4930 <div class="animate-Xpulse hidden md:block"> 4931 <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[150.0%]"></div> 4932 <div class="flex flex-col items-center"> 4933 <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div> 4934 <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div> 4935 </div> 4936 </div> 4937 4938 </div> 4939 4940 </div> 4941 4942 4943 </div> 4944 4945 <div> 4946 4947 4948 4949 4950 4951 </div> 4952 <div class="animate-fade-in relative md:mt-4 lg:mt-8" 4953 id="x-fc-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
495356-1" 4954 x-show="currentTab == 1" 4955 > 4956 <style data-shopify> 4957 4958 @media (max-width: 767px) { 4959 .preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 4960 margin-right: 16px; 4961 4962 width: calc(((100% + 16px) / 2) - 16px); 4963 } 4964 } 4965 4966 4967 4968 @media (min-width: 768px){ 4969 .preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 4970 margin-right: 30px; 4971 4972 4973 width: calc(((100% + 30px) / 4) - 30px); 4974 4975 } 4976 } 4977 4978 @media (min-width: 1024px){ 4979 .preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 4980 width: calc(((100% + 30px) / 5) - 30px); 4981 } 4982 } 4983 4984 4985 4986 4987 </style> 4988 <div 4989 class=" carousel-mobile carousel-tablet md:pl-5 md:pr-5 pl-5 pr-5" 4990 x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `New Releases`, id: "collection" }}
4990)' 4991 ><div 4992 ><div 4993 id="x-collection-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 4994 class="collection overflow-hidden x-splide visible splide" 4995 x-data-slider="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" 4996 x-intersect.once.margin.200px='$store.xSplide.load($el, { 4997 "speed": 1000, 4998 "pagination": false, 4999 "mediaQuery": "min", 5000 "updateOnMove": "true", 5001 "pauseOnHover": true, 5002 "pauseOnFocus": false, 5003 "progressBar": 9, 5004 "drag": false, 5005 5006"rewind": true, 5007 "autoplay": true, 5008 "interval": 3000, 5009 "breakpoints": { 5010 300: {"gap": "16px", 5011 "perPage": 2, 5012 "perMove": 2 5013 }, 5014 768: { 5015 "drag": true, 5016 "destroy": false, 5017 "gap": "30px", 5018 "perPage": 4, 5019 "perMove": 4 5020 }, 5021 1024: { 5022 "perPage": 5, 5023 "perMove": 5 5024 } 5025 }, 5026 "classes": { 5027 "arrows" : "block" 5028 }, 5029 "events": [ 5030 { 5031 "event": "ready", 5032 "callback": () => { 5033 document.dispatchEvent(new CustomEvent("eurus:template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656:splide-ready")); 5034 } 5035 } 5036 ] 5037 })'> 5038 <style data-shopify> 5039 .gap-mobile-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 5040 gap: 16px; 5041 } 5042 @media (min-width: 768px) { 5043 .gap-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 5044 5045 gap: 0px; 5046 5047 } 5048 } 5049 </style> 5050 <div class="splide__track md:cursor-grab lg:pl-0 lg:pr-0"> 5051 <div class="splide__list gap-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 md:grid-cols-none md:flex md:w-full md:gap-0 flex w-full"> 5052 5053<div 5054 5055 x-data="{ showOptions: false, options: [] }" 5056 5057 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 5058 x-slide-index="0" 5059> 5060 <div 5061 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 5062 > 5063 <style data-shopify> 5064 5065 </style> 5066 5067 <style data-shopify> 5068 5069 </style> 5070 <a 5071 5072 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 5073 5074 href="/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated" 5075 5076 x-data="{ lastWindowWidth: 0 }" 5077 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 5078 x-labels-data="[{ 5079 "variant_id": 53075717751147, 5080 "product_id": 14945864057195, 5081 "available": true, 5082 "title": "Trauma Stewardship, Revised and Updated", 5083 "compare_at_price": 0, 5084 "price": 2495, 5085 "price_with_currency": "$24.95", 5086 "sale_amount": "$-24.95", 5087 "collections": "||639249514859||636503097707||636480389483||639269929323||636473475435||", 5088 "inventory_management": "shopify", 5089 "qty": 3401, 5090 "container": "card", 5091 "can_show_preorder": false, 5092 "diff_day_create": 175.25, 5093 "diff_day_publish": 175.25 5094 5095 ,"metafield_label": { 5096 "custom.format2":"Paperback" 5097 } 5098 5099 }]" 5100 5101 aria-label="Trauma Stewardship, Revised and Updated" 5102 id="14945864057195-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
510256" 5103 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 5104 <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 5105 <div 5106 id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1-0" 5107 class="block h-full" 5108 @click='$store.xCustomerEvent.fire("product_selected", $el)' 5109 x-customer-event-data="{ 5110 "product": { 5111 "title": "Trauma Stewardship, Revised and Updated", 5112 "listName": "New Releases", 5113 "sku": "14945864057195", 5114 "currencyCode": "USD", 5115 "price": 2495, 5116 "vendor": "Laura van Dernoot Lipsky" 5117 } 5118 }" 5119 > 5120<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 5121 > 5122 5123 <picture> 5124 <img 5125 srcset="//bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527&width=450 450w, 5126 //bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527&width=750 750w, 5127 //bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527&width=900 900w, 5128 //bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527&width=1100 1100w, 5129 //bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527 432w" 5130 src="//bkconnection.com/cdn/shop/files/9798890572189.jpg?v=1790807527&width=1500" 5131 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 5132 alt="Cover image for Trauma Stewardship, Revised and Updated, isbn: 9798890572189" 5133 :class="showSecond ? 'first-img' : ''" 5134 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 5135 loading="lazy" 5136 width="432" 5137 height="648" 5138 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 5139 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 5140 /> 5141 </picture> 5142 5143 </div></div> 5144 </div> 5145 5146 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 5147 x-show="$store.xQuickView" x-cloak 5148 > 5149 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 5150 class="w-full hide-icon lg:px-4" 5151 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 5152 x-cloak 5153 > 5154<form method="post" action="/cart/add" id="product-form-choose-option14945864057195201" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="53075717751147"> 5155 5156 5157 <button 5158 type="submit" 5159 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
515956-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 5160 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 5161 5162 5163 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 5164 5165aria-label="Add to cart" 5166 5167 5168 > 5169 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 5170 <span class="flex items-center justify-center"> 5171 5172 5173 5174 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 5175 5176 5177 5178 </span></span> 5179 <div 5180 class="flex gap-x-2 items-center justify-center" 5181 role="alert" 5182 x-cloak 5183 x-show="errorMessage" 5184 > 5185 Sold out 5186 </div> 5187 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 5188 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 5189 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 5190 fill="currentcolor" stroke="none"> 5191 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 5192 </g> 5193 </svg> 5194 5195 </div> 5196 </button> 5197 <button 5198 type="submit" 5199 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 5200 5201 5202 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 5203 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 5204 5205aria-label="Add to cart" 5206 5207 5208 x-customer-event-data="{ 5209 "product": { 5210 "title": "Trauma Stewardship, Revised and Updated", 5211 "listName": "New Releases", 5212 "sku": "14945864057195", 5213 "currencyCode": "USD", 5214 "price": 2495, 5215 "vendor": "Laura van Dernoot Lipsky" 5216 } 5217 }" 5218 > 5219 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 5220 <g> 5221 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5222 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
522214948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5223 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5224 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5225 </g> 5226 </svg></span> 5227 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 5228 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 5229 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 5230 fill="currentcolor" stroke="none"> 5231 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 5232 </g> 5233 </svg> 5234 5235 </span> 5236 </button><input type="hidden" name="product-id" value="14945864057195" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 5237 </div> 5238 </div><div 5239 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 5240 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 5241 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 5242 > 5243 <div> 5244 <button 5245 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 5246 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 5247 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 5248 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 5249 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 5250 x-customer-event-data="{ 5251 "product": { 5252 "title": "Trauma Stewardship, Revised and Updated", 5253 "listName": "New Releases", 5254 "sku": "14945864057195", 5255 "currencyCode": "USD", 5256 "price": 2495, 5257 "vendor": "Laura van Dernoot Lipsky" 5258 } 5259 }" 5260 aria-label="Button quickview" 5261 > 5262 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
5262ox="0 0 16 16" fill="none" style="fill:none;"> 5263 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5264 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5265 </svg> 5266</span> 5267 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 5268 5269 5270 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 5271 5272 5273 </span> 5274 </button> 5275 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 5276 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 5277 aria-label="Button quickview" 5278 x-customer-event-data="{ 5279 "product": { 5280 "title": "Trauma Stewardship, Revised and Updated", 5281 "listName": "New Releases", 5282 "sku": "14945864057195", 5283 "currencyCode": "USD", 5284 "price": 2495, 5285 "vendor": "Laura van Dernoot Lipsky" 5286 } 5287 }" 5288 > 5289 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 5290 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5291 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5292 </svg> 5293</span> 5294 </button> 5295 </div> 5296 </div> 5297 </div> 5298 5299 </a> 5300 5301 5302 <div class="md:list-layout:hidden"> 5303 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 5304 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 5305 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195"> 5306 <a href="/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated" 5307 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 5308 @click='$store.xCustomerEvent.fire("product_selected", $el)' 5309 x-customer-event-data="{ 5310 "product": { 5311 "title": "Trauma Stewardship, Revised and Updated", 5312 "listName": "New Releases", 5313 "sku": "14945864057195", 5314 "currencyCode": "USD", 5315 "price": 2495, 5316 "vendor": "Laura van Dernoot Lipsky" 5317 } 5318 }" 5319 > 5320 Trauma Stewardship, Revised and Updated 5321 </a> 5322 </h3> 5323 5324 5325 5326 5327<div 5328 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 5329><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 5330 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
5330ox="0 0 512 512" xml:space="preserve"> 5331 <g> 5332 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 5333 </g> 5334 </svg> 5335 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 5336 <g> 5337 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 5338 </g> 5339 </svg> 5340 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 5341 <g> 5342 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 5343 </g> 5344 </svg> 5345 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 5346 <g> 5347 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 5348 </g> 5349 </svg> 5350 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 5351 <g> 5352 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 5353 </g> 5354 </svg> 5355 </div> 5356 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 5357 </p></div> 5358 5359<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 5360 5361 5362 <div class=" price leading-none"> 5363 <div class=""> 5364 5365 <div class="hidden">2495</div><p class="price">
5366 <span>$24.95</span> 5367 </p><small class="text-[70%] hidden"> 5368 <span class="hidden">Unit price</span> 5369 <span class="up price-item price-item--last"> 5370 <span> 5371 5372 </span> 5373 <span aria-hidden="true">/</span> 5374 <span class="hidden"> per </span> 5375 <span> 5376 </span> 5377 </span> 5378 </small> 5379 5380 </div> 5381 5382</div> 5383 5384 <div class="next-price empty:hidden"></div> 5385 </div> 5386 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945864057195', [639249514859, 636503097707, 636480389483, 639269929323, 636473475435])"><div 5387 x-data='{ 5388 storeAvailabilites: {}, 5389 pickupLocation: [] 5390 }' 5391 class="mb-3" 5392 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 5393> 5394 <style data-shopify> 5395 .text-available, .text-unavailable { 5396 font-size: 0.669375rem; 5397 font-family: var(--font-body-family); 5398 } 5399 5400 @media (min-width: 768px) { 5401 .text-available, .text-unavailable { 5402 font-size: 0.74375rem; 5403 } 5404 } 5405 5406 .text-available { 5407 color: #6b762d; 5408 } 5409 5410 .dark .text-available { 5411 color: #858F4D; 5412 } 5413 5414 .text-unavailable { 5415 color: #767474; 5416 } 5417 5418 .dark .text-unavailable { 5419 color: #867F7F; 5420 } 5421 </style> 5422 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 5423 <span class="flex h-4 w-4 relative"> 5424<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5425 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 5426 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 5427</svg> 5428 5429</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 5430 </div> 5431 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 5432 <span class="flex h-4 w-4 relative"> 5433<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5434 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 5435 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 5436</svg> 5437 5438</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 5439 </div> 5440</div></div> 5441 </div> 5442 </div> 5443 </div> 5444 5445 </div> 5446 <div 5447 id="x-product-template-14945864057195-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1" 5448 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 5449 > 5450 <div class="hidden md:list-layout:block"> 5451 5452 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 5453 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 5454 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195"> 5455 <a href="/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated" 5456 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 5457 @click='$store.xCustomerEvent.fire("product_selected", $el)' 5458 x-customer-event-data="{ 5459 "product": { 5460 "title": "Trauma Stewardship, Revised and Updated", 5461 "listName": "New Releases", 5462 "sku": "14945864057195", 5463 "currencyCode": "USD", 5464 "price": 2495, 5465 "vendor": "Laura van Dernoot Lipsky" 5466 } 5467 }" 5468 > 5469 Trauma Stewardship, Revised and Updated 5470 </a> 5471 </h3> 5472 5473 5474 5475 5476<div 5477 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 5478><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 5479 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
5479ox="0 0 512 512" xml:space="preserve"> 5480 <g> 5481 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 5482 </g> 5483 </svg> 5484 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 5485 <g> 5486 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 5487 </g> 5488 </svg> 5489 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 5490 <g> 5491 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 5492 </g> 5493 </svg> 5494 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 5495 <g> 5496 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 5497 </g> 5498 </svg> 5499 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 5500 <g> 5501 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 5502 </g> 5503 </svg> 5504 </div> 5505 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 5506 </p></div> 5507 5508<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 5509 5510 5511 <div class=" price leading-none"> 5512 <div class=""> 5513 5514 <div class="hidden">2495</div><p class="price">
5515 <span>$24.95</span> 5516 </p><small class="text-[70%] hidden"> 5517 <span class="hidden">Unit price</span> 5518 <span class="up price-item price-item--last"> 5519 <span> 5520 5521 </span> 5522 <span aria-hidden="true">/</span> 5523 <span class="hidden"> per </span> 5524 <span> 5525 </span> 5526 </span> 5527 </small> 5528 5529 </div> 5530 5531</div> 5532 5533 <div class="next-price empty:hidden"></div> 5534 </div> 5535 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945864057195', [639249514859, 636503097707, 636480389483, 639269929323, 636473475435])"><div 5536 x-data='{ 5537 storeAvailabilites: {}, 5538 pickupLocation: [] 5539 }' 5540 class="mb-3" 5541 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 5542> 5543 <style data-shopify> 5544 .text-available, .text-unavailable { 5545 font-size: 0.669375rem; 5546 font-family: var(--font-body-family); 5547 } 5548 5549 @media (min-width: 768px) { 5550 .text-available, .text-unavailable { 5551 font-size: 0.74375rem; 5552 } 5553 } 5554 5555 .text-available { 5556 color: #6b762d; 5557 } 5558 5559 .dark .text-available { 5560 color: #858F4D; 5561 } 5562 5563 .text-unavailable { 5564 color: #767474; 5565 } 5566 5567 .dark .text-unavailable { 5568 color: #867F7F; 5569 } 5570 </style> 5571 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 5572 <span class="flex h-4 w-4 relative"> 5573<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5574 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 5575 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 5576</svg> 5577 5578</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 5579 </div> 5580 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 5581 <span class="flex h-4 w-4 relative"> 5582<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5583 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 5584 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 5585</svg> 5586 5587</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 5588 </div> 5589</div></div> 5590 </div> 5591 </div> 5592 5593 </div> 5594 5595 5596 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 5597 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572189_trauma-stewardship-revised-and-updated'); 5598 });"></div> 5599 <div 5600 id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 5601 class="current-variant hidden" 5602 > 5603 53075717751147 5604 </div> 5605 5606 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 5607 5608 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 5609 class="card-info bottom_atc md:list-layout:hidden hide-icon" 5610 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 5611 x-cloak 5612 > 5613 5614<form method="post" action="/cart/add" id="product-form-choose-option14945864057195201" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="53075717751147"> 5615 5616 5617 <button 5618 type="submit" 5619 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
561956-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 5620 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 5621 5622 5623 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 5624 5625aria-label="Add to cart" 5626 5627 5628 > 5629 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 5630 <span class="flex items-center justify-center"> 5631 5632 5633 5634 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 5635 5636 5637 5638 </span></span> 5639 <div 5640 class="flex gap-x-2 items-center justify-center" 5641 role="alert" 5642 x-cloak 5643 x-show="errorMessage" 5644 > 5645 Sold out 5646 </div> 5647 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 5648 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 5649 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 5650 fill="currentcolor" stroke="none"> 5651 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 5652 </g> 5653 </svg> 5654 5655 </div> 5656 </button><input type="hidden" name="product-id" value="14945864057195" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 5657 </div></template> 5658 5659 5660 <template x-if="$store.xQuickView"> 5661 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 5662 5663<form method="post" action="/cart/add" id="product-form-choose-option14945864057195201" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="53075717751147"> 5664 5665 5666 <button 5667 type="submit" 5668 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 5669 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 5670 5671 5672 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 5673 5674aria-label="Add to cart" 5675 5676 5677 > 5678 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
5679 <span class="flex items-center justify-center"> 5680 5681 5682 5683 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 5684 5685 5686 5687 </span></span> 5688 <div 5689 class="flex gap-x-2 items-center justify-center" 5690 role="alert" 5691 x-cloak 5692 x-show="errorMessage" 5693 > 5694 Sold out 5695 </div> 5696 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 5697 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 5698 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 5699 fill="currentcolor" stroke="none"> 5700 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 5701 </g> 5702 </svg> 5703 5704 </div> 5705 </button><button 5706 type="submit" 5707 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 5708 5709 5710 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 5711 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 5712 5713aria-label="Add to cart" 5714 5715 5716 x-customer-event-data="{ 5717 "product": { 5718 "title": "Trauma Stewardship, Revised and Updated", 5719 "listName": "New Releases", 5720 "sku": "14945864057195", 5721 "currencyCode": "USD", 5722 "price": 2495, 5723 "vendor": "Laura van Dernoot Lipsky" 5724 } 5725 }" 5726 > 5727 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 5728 <g> 5729 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5730 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5731 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5732 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5733 </g> 5734 </svg></span> 5735 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 5736 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 5737 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 5738 fill="currentcolor" stroke="none"> 5739 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 5740 </g> 5741 </svg> 5742 5743 </span> 5744 </button><input type="hidden" name="product-id" value="14945864057195" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
574456" /></form> 5745 </div><button 5746 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 5747 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 5748 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572189_trauma-stewardship-revised-and-updated", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945864057195-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 5749 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 5750 aria-label="Button quickview" 5751 x-customer-event-data="{ 5752 "product": { 5753 "title": "Trauma Stewardship, Revised and Updated", 5754 "listName": "New Releases", 5755 "sku": "14945864057195", 5756 "currencyCode": "USD", 5757 "price": 2495, 5758 "vendor": "Laura van Dernoot Lipsky" 5759 } 5760 }" 5761 x-show="$store.xQuickView.enabled" 5762 > 5763 <span class="flex justify-center items-center"> 5764 5765 5766 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 5767 5768 5769 </span> 5770 </button> 5771 </div> 5772 </template> 5773 5774 </div> 5775</div> 5776 5777 5778<div 5779 5780 x-data="{ showOptions: false, options: [] }" 5781 5782 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 5783 x-slide-index="1" 5784> 5785 <div 5786 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 5787 > 5788 <style data-shopify> 5789 5790 </style> 5791 5792 <style data-shopify> 5793 5794 </style> 5795 <a 5796 5797 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 5798 5799 href="/collections/new-releases/products/9798890572554_the-art-of-the-steal" 5800 5801 x-data="{ lastWindowWidth: 0 }" 5802 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 5803 x-labels-data="[{ 5804 "variant_id": 53075717423467, 5805 "product_id": 14945863369067, 5806 "available": true, 5807 "title": "The Art of the Steal", 5808 "compare_at_price": 0, 5809 "price": 2195, 5810 "price_with_currency": "$21.95", 5811 "sale_amount": "$-21.95", 5812 "collections": "||639249514859||636503097707||636480389483||636473475435||", 5813 "inventory_management": "shopify", 5814 "qty": 3703, 5815 "container": "card", 5816 "can_show_preorder": false, 5817 "diff_day_create": 175.25, 5818 "diff_day_publish": 175.25 5819 5820 ,"metafield_label": { 5821 "custom.format2":"Paperback" 5822 } 5823 5824 }]" 5825 5826 aria-label="The Art of the Steal" 5827 id="14945863369067-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
582756" 5828 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 5829 <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572554_the-art-of-the-steal')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 5830 <div 5831 id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2-1" 5832 class="block h-full" 5833 @click='$store.xCustomerEvent.fire("product_selected", $el)' 5834 x-customer-event-data="{ 5835 "product": { 5836 "title": "The Art of the Steal", 5837 "listName": "New Releases", 5838 "sku": "14945863369067", 5839 "currencyCode": "USD", 5840 "price": 2195, 5841 "vendor": "John Perkins" 5842 } 5843 }" 5844 > 5845<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 5846 > 5847 5848 <picture> 5849 <img 5850 srcset="//bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=450 450w, 5851 //bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=750 750w, 5852 //bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=900 900w, 5853 //bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=1100 1100w, 5854 //bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891 432w" 5855 src="//bkconnection.com/cdn/shop/files/9798890572554.jpg?v=1789087891&width=1500" 5856 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 5857 alt="Cover image for The Art of the Steal, isbn: 9798890572554" 5858 :class="showSecond ? 'first-img' : ''" 5859 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 5860 loading="lazy" 5861 width="432" 5862 height="648" 5863 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 5864 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 5865 /> 5866 </picture> 5867 5868 </div></div> 5869 </div> 5870 5871 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 5872 x-show="$store.xQuickView" x-cloak 5873 > 5874 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 5875 class="w-full hide-icon lg:px-4" 5876 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 5877 x-cloak 5878 > 5879<form method="post" action="/cart/add" id="product-form-choose-option14945863369067202" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="53075717423467"> 5880 5881 5882 <button 5883 type="submit" 5884 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
588456-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 5885 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 5886 5887 5888 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 5889 5890aria-label="Add to cart" 5891 5892 5893 > 5894 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 5895 <span class="flex items-center justify-center"> 5896 5897 5898 5899 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 5900 5901 5902 5903 </span></span> 5904 <div 5905 class="flex gap-x-2 items-center justify-center" 5906 role="alert" 5907 x-cloak 5908 x-show="errorMessage" 5909 > 5910 Sold out 5911 </div> 5912 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 5913 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 5914 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 5915 fill="currentcolor" stroke="none"> 5916 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 5917 </g> 5918 </svg> 5919 5920 </div> 5921 </button> 5922 <button 5923 type="submit" 5924 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 5925 5926 5927 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 5928 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 5929 5930aria-label="Add to cart" 5931 5932 5933 x-customer-event-data="{ 5934 "product": { 5935 "title": "The Art of the Steal", 5936 "listName": "New Releases", 5937 "sku": "14945863369067", 5938 "currencyCode": "USD", 5939 "price": 2195, 5940 "vendor": "John Perkins" 5941 } 5942 }" 5943 > 5944 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 5945 <g> 5946 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5947 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5948 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5949 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5950 </g> 5951 </svg></span>
5952 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 5953 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 5954 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 5955 fill="currentcolor" stroke="none"> 5956 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 5957 </g> 5958 </svg> 5959 5960 </span> 5961 </button><input type="hidden" name="product-id" value="14945863369067" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 5962 </div> 5963 </div><div 5964 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 5965 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 5966 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 5967 > 5968 <div> 5969 <button 5970 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 5971 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572554_the-art-of-the-steal', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 5972 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572554_the-art-of-the-steal', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 5973 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 5974 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 5975 x-customer-event-data="{ 5976 "product": { 5977 "title": "The Art of the Steal", 5978 "listName": "New Releases", 5979 "sku": "14945863369067", 5980 "currencyCode": "USD", 5981 "price": 2195, 5982 "vendor": "John Perkins" 5983 } 5984 }" 5985 aria-label="Button quickview" 5986 > 5987 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 5988 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5989 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 5990 </svg> 5991</span>
5992 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 5993 5994 5995 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 5996 5997 5998 </span> 5999 </button> 6000 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572554_the-art-of-the-steal", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 6001 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 6002 aria-label="Button quickview" 6003 x-customer-event-data="{ 6004 "product": { 6005 "title": "The Art of the Steal", 6006 "listName": "New Releases", 6007 "sku": "14945863369067", 6008 "currencyCode": "USD", 6009 "price": 2195, 6010 "vendor": "John Perkins" 6011 } 6012 }" 6013 > 6014 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 6015 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6016 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6017 </svg> 6018</span> 6019 </button> 6020 </div> 6021 </div> 6022 </div> 6023 6024 </a> 6025 6026 6027 <div class="md:list-layout:hidden"> 6028 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 6029 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 6030 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067"> 6031 <a href="/collections/new-releases/products/9798890572554_the-art-of-the-steal" 6032 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 6033 @click='$store.xCustomerEvent.fire("product_selected", $el)' 6034 x-customer-event-data="{ 6035 "product": { 6036 "title": "The Art of the Steal", 6037 "listName": "New Releases", 6038 "sku": "14945863369067", 6039 "currencyCode": "USD", 6040 "price": 2195, 6041 "vendor": "John Perkins" 6042 } 6043 }" 6044 > 6045 The Art of the Steal 6046 </a> 6047 </h3> 6048 6049 6050 6051 6052<div 6053 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 6054><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 6055 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6056 <g> 6057 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6058 </g> 6059 </svg> 6060 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
6060ox="0 0 512 512" xml:space="preserve"> 6061 <g> 6062 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6063 </g> 6064 </svg> 6065 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6066 <g> 6067 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6068 </g> 6069 </svg> 6070 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6071 <g> 6072 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6073 </g> 6074 </svg> 6075 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6076 <g> 6077 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6078 </g> 6079 </svg> 6080 </div> 6081 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 6082 </p></div> 6083 6084<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 6085 6086 6087 <div class=" price leading-none"> 6088 <div class=""> 6089 6090 <div class="hidden">2195</div><p class="price"> 6091 <span>$21.95</span> 6092 </p><small class="text-[70%] hidden"> 6093 <span class="hidden">Unit price</span> 6094 <span class="up price-item price-item--last"> 6095 <span> 6096 6097 </span> 6098 <span aria-hidden="true">/</span> 6099 <span class="hidden"> per </span> 6100 <span> 6101 </span> 6102 </span> 6103 </small> 6104 6105 </div> 6106 6107</div> 6108 6109 <div class="next-price empty:hidden"></div> 6110 </div> 6111 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
611156" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945863369067', [639249514859, 636503097707, 636480389483, 636473475435])"><div 6112 x-data='{ 6113 storeAvailabilites: {}, 6114 pickupLocation: [] 6115 }' 6116 class="mb-3" 6117 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 6118> 6119 <style data-shopify> 6120 .text-available, .text-unavailable { 6121 font-size: 0.669375rem; 6122 font-family: var(--font-body-family); 6123 } 6124 6125 @media (min-width: 768px) { 6126 .text-available, .text-unavailable { 6127 font-size: 0.74375rem; 6128 } 6129 } 6130 6131 .text-available { 6132 color: #6b762d; 6133 } 6134 6135 .dark .text-available { 6136 color: #858F4D; 6137 } 6138 6139 .text-unavailable { 6140 color: #767474; 6141 } 6142 6143 .dark .text-unavailable { 6144 color: #867F7F; 6145 } 6146 </style> 6147 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 6148 <span class="flex h-4 w-4 relative"> 6149<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 6150 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 6151 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 6152</svg> 6153 6154</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 6155 </div> 6156 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 6157 <span class="flex h-4 w-4 relative"> 6158<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 6159 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 6160 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 6161</svg> 6162 6163</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 6164 </div> 6165</div></div> 6166 </div> 6167 </div> 6168 </div> 6169 6170 </div> 6171 <div 6172 id="x-product-template-14945863369067-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2" 6173 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 6174 > 6175 <div class="hidden md:list-layout:block"> 6176 6177 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 6178 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 6179 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067"> 6180 <a href="/collections/new-releases/products/9798890572554_the-art-of-the-steal" 6181 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 6182 @click='$store.xCustomerEvent.fire("product_selected", $el)' 6183 x-customer-event-data="{ 6184 "product": { 6185 "title": "The Art of the Steal", 6186 "listName": "New Releases", 6187 "sku": "14945863369067", 6188 "currencyCode": "USD", 6189 "price": 2195, 6190 "vendor": "John Perkins" 6191 } 6192 }" 6193 > 6194 The Art of the Steal 6195 </a> 6196 </h3> 6197 6198 6199 6200 6201<div 6202 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 6203><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 6204 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
6204ox="0 0 512 512" xml:space="preserve"> 6205 <g> 6206 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6207 </g> 6208 </svg> 6209 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6210 <g> 6211 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6212 </g> 6213 </svg> 6214 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6215 <g> 6216 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6217 </g> 6218 </svg> 6219 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6220 <g> 6221 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6222 </g> 6223 </svg> 6224 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6225 <g> 6226 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6227 </g> 6228 </svg> 6229 </div> 6230 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 6231 </p></div> 6232 6233<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 6234 6235 6236 <div class=" price leading-none"> 6237 <div class=""> 6238 6239 <div class="hidden">2195</div><p class="price">
6240 <span>$21.95</span> 6241 </p><small class="text-[70%] hidden"> 6242 <span class="hidden">Unit price</span> 6243 <span class="up price-item price-item--last"> 6244 <span> 6245 6246 </span> 6247 <span aria-hidden="true">/</span> 6248 <span class="hidden"> per </span> 6249 <span> 6250 </span> 6251 </span> 6252 </small> 6253 6254 </div> 6255 6256</div> 6257 6258 <div class="next-price empty:hidden"></div> 6259 </div> 6260 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945863369067', [639249514859, 636503097707, 636480389483, 636473475435])"><div 6261 x-data='{ 6262 storeAvailabilites: {}, 6263 pickupLocation: [] 6264 }' 6265 class="mb-3" 6266 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 6267> 6268 <style data-shopify> 6269 .text-available, .text-unavailable { 6270 font-size: 0.669375rem; 6271 font-family: var(--font-body-family); 6272 } 6273 6274 @media (min-width: 768px) { 6275 .text-available, .text-unavailable { 6276 font-size: 0.74375rem; 6277 } 6278 } 6279 6280 .text-available { 6281 color: #6b762d; 6282 } 6283 6284 .dark .text-available { 6285 color: #858F4D; 6286 } 6287 6288 .text-unavailable { 6289 color: #767474; 6290 } 6291 6292 .dark .text-unavailable { 6293 color: #867F7F; 6294 } 6295 </style> 6296 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 6297 <span class="flex h-4 w-4 relative"> 6298<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 6299 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 6300 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 6301</svg> 6302 6303</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 6304 </div> 6305 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 6306 <span class="flex h-4 w-4 relative"> 6307<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 6308 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 6309 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 6310</svg> 6311 6312</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 6313 </div> 6314</div></div> 6315 </div> 6316 </div> 6317 6318 </div> 6319 6320 6321 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 6322 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572554_the-art-of-the-steal'); 6323 });"></div> 6324 <div 6325 id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 6326 class="current-variant hidden" 6327 > 6328 53075717423467 6329 </div> 6330 6331 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 6332 6333 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 6334 class="card-info bottom_atc md:list-layout:hidden hide-icon" 6335 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 6336 x-cloak 6337 > 6338 6339<form method="post" action="/cart/add" id="product-form-choose-option14945863369067202" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="53075717423467"> 6340 6341 6342 <button 6343 type="submit" 6344 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
634456-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 6345 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 6346 6347 6348 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 6349 6350aria-label="Add to cart" 6351 6352 6353 > 6354 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 6355 <span class="flex items-center justify-center"> 6356 6357 6358 6359 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 6360 6361 6362 6363 </span></span> 6364 <div 6365 class="flex gap-x-2 items-center justify-center" 6366 role="alert" 6367 x-cloak 6368 x-show="errorMessage" 6369 > 6370 Sold out 6371 </div> 6372 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 6373 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 6374 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 6375 fill="currentcolor" stroke="none"> 6376 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 6377 </g> 6378 </svg> 6379 6380 </div> 6381 </button><input type="hidden" name="product-id" value="14945863369067" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 6382 </div></template> 6383 6384 6385 <template x-if="$store.xQuickView"> 6386 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 6387 6388<form method="post" action="/cart/add" id="product-form-choose-option14945863369067202" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="53075717423467"> 6389 6390 6391 <button 6392 type="submit" 6393 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 6394 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 6395 6396 6397 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 6398 6399aria-label="Add to cart" 6400 6401 6402 > 6403 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
6404 <span class="flex items-center justify-center"> 6405 6406 6407 6408 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 6409 6410 6411 6412 </span></span> 6413 <div 6414 class="flex gap-x-2 items-center justify-center" 6415 role="alert" 6416 x-cloak 6417 x-show="errorMessage" 6418 > 6419 Sold out 6420 </div> 6421 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 6422 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 6423 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 6424 fill="currentcolor" stroke="none"> 6425 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 6426 </g> 6427 </svg> 6428 6429 </div> 6430 </button><button 6431 type="submit" 6432 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 6433 6434 6435 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 6436 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 6437 6438aria-label="Add to cart" 6439 6440 6441 x-customer-event-data="{ 6442 "product": { 6443 "title": "The Art of the Steal", 6444 "listName": "New Releases", 6445 "sku": "14945863369067", 6446 "currencyCode": "USD", 6447 "price": 2195, 6448 "vendor": "John Perkins" 6449 } 6450 }" 6451 > 6452 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 6453 <g> 6454 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6455 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6456 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6457 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6458 </g> 6459 </svg></span> 6460 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 6461 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 6462 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 6463 fill="currentcolor" stroke="none"> 6464 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 6465 </g> 6466 </svg> 6467 6468 </span> 6469 </button><input type="hidden" name="product-id" value="14945863369067" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
646956" /></form> 6470 </div><button 6471 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572554_the-art-of-the-steal', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 6472 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572554_the-art-of-the-steal', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 6473 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572554_the-art-of-the-steal", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863369067-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 6474 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 6475 aria-label="Button quickview" 6476 x-customer-event-data="{ 6477 "product": { 6478 "title": "The Art of the Steal", 6479 "listName": "New Releases", 6480 "sku": "14945863369067", 6481 "currencyCode": "USD", 6482 "price": 2195, 6483 "vendor": "John Perkins" 6484 } 6485 }" 6486 x-show="$store.xQuickView.enabled" 6487 > 6488 <span class="flex justify-center items-center"> 6489 6490 6491 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 6492 6493 6494 </span> 6495 </button> 6496 </div> 6497 </template> 6498 6499 </div> 6500</div> 6501 6502 6503<div 6504 6505 x-data="{ showOptions: false, options: [] }" 6506 6507 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 6508 x-slide-index="2" 6509> 6510 <div 6511 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 6512 > 6513 <style data-shopify> 6514 6515 </style> 6516 6517 <style data-shopify> 6518 6519 </style> 6520 <a 6521 6522 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 6523 6524 href="/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated" 6525 6526 x-data="{ lastWindowWidth: 0 }" 6527 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 6528 x-labels-data="[{ 6529 "variant_id": 53075717128555, 6530 "product_id": 14945863074155, 6531 "available": true, 6532 "title": "On the Brink of Everything, Revised and Updated", 6533 "compare_at_price": 0, 6534 "price": 2495, 6535 "price_with_currency": "$24.95", 6536 "sale_amount": "$-24.95", 6537 "collections": "||639249514859||639476957547||636503097707||639269929323||636473475435||", 6538 "inventory_management": "shopify", 6539 "qty": 2939, 6540 "container": "card", 6541 "can_show_preorder": false, 6542 "diff_day_create": 175.25, 6543 "diff_day_publish": 175.25 6544 6545 ,"metafield_label": { 6546 "custom.format2":"Hardcover" 6547 } 6548 6549 }]" 6550 6551 aria-label="On the Brink of Everything, Revised and Updated" 6552 id="14945863074155-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
655256" 6553 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 6554 <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 6555 <div 6556 id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3-2" 6557 class="block h-full" 6558 @click='$store.xCustomerEvent.fire("product_selected", $el)' 6559 x-customer-event-data="{ 6560 "product": { 6561 "title": "On the Brink of Everything, Revised and Updated", 6562 "listName": "New Releases", 6563 "sku": "14945863074155", 6564 "currencyCode": "USD", 6565 "price": 2495, 6566 "vendor": "Parker J. Palmer" 6567 } 6568 }" 6569 > 6570<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 6571 > 6572 6573 <picture> 6574 <img 6575 srcset="//bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527&width=450 450w, 6576 //bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527&width=750 750w, 6577 //bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527&width=900 900w, 6578 //bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527&width=1100 1100w, 6579 //bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527 463w" 6580 src="//bkconnection.com/cdn/shop/files/9798890572004.jpg?v=1790807527&width=1500" 6581 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 6582 alt="Cover image for On the Brink of Everything, Revised and Updated, isbn: 9798890572004" 6583 :class="showSecond ? 'first-img' : ''" 6584 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 6585 loading="lazy" 6586 width="463" 6587 height="648" 6588 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 6589 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 6590 /> 6591 </picture> 6592 6593 </div></div> 6594 </div> 6595 6596 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 6597 x-show="$store.xQuickView" x-cloak 6598 > 6599 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 6600 class="w-full hide-icon lg:px-4" 6601 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 6602 x-cloak 6603 > 6604<form method="post" action="/cart/add" id="product-form-choose-option14945863074155203" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="53075717128555"> 6605 6606 6607 <button 6608 type="submit" 6609 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
660956-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 6610 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 6611 6612 6613 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 6614 6615aria-label="Add to cart" 6616 6617 6618 > 6619 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 6620 <span class="flex items-center justify-center"> 6621 6622 6623 6624 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 6625 6626 6627 6628 </span></span> 6629 <div 6630 class="flex gap-x-2 items-center justify-center" 6631 role="alert" 6632 x-cloak 6633 x-show="errorMessage" 6634 > 6635 Sold out 6636 </div> 6637 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 6638 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 6639 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 6640 fill="currentcolor" stroke="none"> 6641 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 6642 </g> 6643 </svg> 6644 6645 </div> 6646 </button> 6647 <button 6648 type="submit" 6649 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 6650 6651 6652 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 6653 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 6654 6655aria-label="Add to cart" 6656 6657 6658 x-customer-event-data="{ 6659 "product": { 6660 "title": "On the Brink of Everything, Revised and Updated", 6661 "listName": "New Releases", 6662 "sku": "14945863074155", 6663 "currencyCode": "USD", 6664 "price": 2495, 6665 "vendor": "Parker J. Palmer" 6666 } 6667 }" 6668 > 6669 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 6670 <g> 6671 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6672 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
667214948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6673 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6674 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6675 </g> 6676 </svg></span> 6677 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 6678 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 6679 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 6680 fill="currentcolor" stroke="none"> 6681 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 6682 </g> 6683 </svg> 6684 6685 </span> 6686 </button><input type="hidden" name="product-id" value="14945863074155" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 6687 </div> 6688 </div><div 6689 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 6690 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 6691 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 6692 > 6693 <div> 6694 <button 6695 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 6696 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 6697 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 6698 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 6699 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 6700 x-customer-event-data="{ 6701 "product": { 6702 "title": "On the Brink of Everything, Revised and Updated", 6703 "listName": "New Releases", 6704 "sku": "14945863074155", 6705 "currencyCode": "USD", 6706 "price": 2495, 6707 "vendor": "Parker J. Palmer" 6708 } 6709 }" 6710 aria-label="Button quickview" 6711 > 6712 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
6712ox="0 0 16 16" fill="none" style="fill:none;"> 6713 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6714 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6715 </svg> 6716</span> 6717 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 6718 6719 6720 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 6721 6722 6723 </span> 6724 </button> 6725 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 6726 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 6727 aria-label="Button quickview" 6728 x-customer-event-data="{ 6729 "product": { 6730 "title": "On the Brink of Everything, Revised and Updated", 6731 "listName": "New Releases", 6732 "sku": "14945863074155", 6733 "currencyCode": "USD", 6734 "price": 2495, 6735 "vendor": "Parker J. Palmer" 6736 } 6737 }" 6738 > 6739 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 6740 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6741 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6742 </svg> 6743</span> 6744 </button> 6745 </div> 6746 </div> 6747 </div> 6748 6749 </a> 6750 6751 6752 <div class="md:list-layout:hidden"> 6753 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 6754 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 6755 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155"> 6756 <a href="/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated" 6757 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 6758 @click='$store.xCustomerEvent.fire("product_selected", $el)' 6759 x-customer-event-data="{ 6760 "product": { 6761 "title": "On the Brink of Everything, Revised and Updated", 6762 "listName": "New Releases", 6763 "sku": "14945863074155", 6764 "currencyCode": "USD", 6765 "price": 2495, 6766 "vendor": "Parker J. Palmer" 6767 } 6768 }" 6769 > 6770 On the Brink of Everything, Revised and Updated 6771 </a> 6772 </h3> 6773 6774 6775 6776 6777<div 6778 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 6779><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 6780 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
6780ox="0 0 512 512" xml:space="preserve"> 6781 <g> 6782 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6783 </g> 6784 </svg> 6785 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6786 <g> 6787 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6788 </g> 6789 </svg> 6790 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6791 <g> 6792 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6793 </g> 6794 </svg> 6795 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6796 <g> 6797 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6798 </g> 6799 </svg> 6800 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6801 <g> 6802 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6803 </g> 6804 </svg> 6805 </div> 6806 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 6807 </p></div> 6808 6809<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 6810 6811 6812 <div class=" price leading-none"> 6813 <div class=""> 6814 6815 <div class="hidden">2495</div><p class="price">
6816 <span>$24.95</span> 6817 </p><small class="text-[70%] hidden"> 6818 <span class="hidden">Unit price</span> 6819 <span class="up price-item price-item--last"> 6820 <span> 6821 6822 </span> 6823 <span aria-hidden="true">/</span> 6824 <span class="hidden"> per </span> 6825 <span> 6826 </span> 6827 </span> 6828 </small> 6829 6830 </div> 6831 6832</div> 6833 6834 <div class="next-price empty:hidden"></div> 6835 </div> 6836 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945863074155', [639249514859, 639476957547, 636503097707, 639269929323, 636473475435])"><div 6837 x-data='{ 6838 storeAvailabilites: {}, 6839 pickupLocation: [] 6840 }' 6841 class="mb-3" 6842 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 6843> 6844 <style data-shopify> 6845 .text-available, .text-unavailable { 6846 font-size: 0.669375rem; 6847 font-family: var(--font-body-family); 6848 } 6849 6850 @media (min-width: 768px) { 6851 .text-available, .text-unavailable { 6852 font-size: 0.74375rem; 6853 } 6854 } 6855 6856 .text-available { 6857 color: #6b762d; 6858 } 6859 6860 .dark .text-available { 6861 color: #858F4D; 6862 } 6863 6864 .text-unavailable { 6865 color: #767474; 6866 } 6867 6868 .dark .text-unavailable { 6869 color: #867F7F; 6870 } 6871 </style> 6872 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 6873 <span class="flex h-4 w-4 relative"> 6874<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 6875 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 6876 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 6877</svg> 6878 6879</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 6880 </div> 6881 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 6882 <span class="flex h-4 w-4 relative"> 6883<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 6884 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 6885 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 6886</svg> 6887 6888</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 6889 </div> 6890</div></div> 6891 </div> 6892 </div> 6893 </div> 6894 6895 </div> 6896 <div 6897 id="x-product-template-14945863074155-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3" 6898 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 6899 > 6900 <div class="hidden md:list-layout:block"> 6901 6902 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 6903 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 6904 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155"> 6905 <a href="/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated" 6906 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 6907 @click='$store.xCustomerEvent.fire("product_selected", $el)' 6908 x-customer-event-data="{ 6909 "product": { 6910 "title": "On the Brink of Everything, Revised and Updated", 6911 "listName": "New Releases", 6912 "sku": "14945863074155", 6913 "currencyCode": "USD", 6914 "price": 2495, 6915 "vendor": "Parker J. Palmer" 6916 } 6917 }" 6918 > 6919 On the Brink of Everything, Revised and Updated 6920 </a> 6921 </h3> 6922 6923 6924 6925 6926<div 6927 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 6928><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 6929 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
6929ox="0 0 512 512" xml:space="preserve"> 6930 <g> 6931 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6932 </g> 6933 </svg> 6934 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6935 <g> 6936 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6937 </g> 6938 </svg> 6939 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6940 <g> 6941 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6942 </g> 6943 </svg> 6944 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6945 <g> 6946 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6947 </g> 6948 </svg> 6949 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 6950 <g> 6951 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 6952 </g> 6953 </svg> 6954 </div> 6955 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 6956 </p></div> 6957 6958<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 6959 6960 6961 <div class=" price leading-none"> 6962 <div class=""> 6963 6964 <div class="hidden">2495</div><p class="price">
6965 <span>$24.95</span> 6966 </p><small class="text-[70%] hidden"> 6967 <span class="hidden">Unit price</span> 6968 <span class="up price-item price-item--last"> 6969 <span> 6970 6971 </span> 6972 <span aria-hidden="true">/</span> 6973 <span class="hidden"> per </span> 6974 <span> 6975 </span> 6976 </span> 6977 </small> 6978 6979 </div> 6980 6981</div> 6982 6983 <div class="next-price empty:hidden"></div> 6984 </div> 6985 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945863074155', [639249514859, 639476957547, 636503097707, 639269929323, 636473475435])"><div 6986 x-data='{ 6987 storeAvailabilites: {}, 6988 pickupLocation: [] 6989 }' 6990 class="mb-3" 6991 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 6992> 6993 <style data-shopify> 6994 .text-available, .text-unavailable { 6995 font-size: 0.669375rem; 6996 font-family: var(--font-body-family); 6997 } 6998 6999 @media (min-width: 768px) { 7000 .text-available, .text-unavailable { 7001 font-size: 0.74375rem; 7002 } 7003 } 7004 7005 .text-available { 7006 color: #6b762d; 7007 } 7008 7009 .dark .text-available { 7010 color: #858F4D; 7011 } 7012 7013 .text-unavailable { 7014 color: #767474; 7015 } 7016 7017 .dark .text-unavailable { 7018 color: #867F7F; 7019 } 7020 </style> 7021 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 7022 <span class="flex h-4 w-4 relative"> 7023<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 7024 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 7025 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 7026</svg> 7027 7028</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 7029 </div> 7030 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 7031 <span class="flex h-4 w-4 relative"> 7032<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 7033 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 7034 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 7035</svg> 7036 7037</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 7038 </div> 7039</div></div> 7040 </div> 7041 </div> 7042 7043 </div> 7044 7045 7046 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 7047 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572004_on-the-brink-of-everything-revised-and-updated'); 7048 });"></div> 7049 <div 7050 id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 7051 class="current-variant hidden" 7052 > 7053 53075717128555 7054 </div> 7055 7056 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 7057 7058 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 7059 class="card-info bottom_atc md:list-layout:hidden hide-icon" 7060 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 7061 x-cloak 7062 > 7063 7064<form method="post" action="/cart/add" id="product-form-choose-option14945863074155203" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="53075717128555"> 7065 7066 7067 <button 7068 type="submit" 7069 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
706956-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 7070 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 7071 7072 7073 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 7074 7075aria-label="Add to cart" 7076 7077 7078 > 7079 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 7080 <span class="flex items-center justify-center"> 7081 7082 7083 7084 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 7085 7086 7087 7088 </span></span> 7089 <div 7090 class="flex gap-x-2 items-center justify-center" 7091 role="alert" 7092 x-cloak 7093 x-show="errorMessage" 7094 > 7095 Sold out 7096 </div> 7097 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 7098 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 7099 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 7100 fill="currentcolor" stroke="none"> 7101 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 7102 </g> 7103 </svg> 7104 7105 </div> 7106 </button><input type="hidden" name="product-id" value="14945863074155" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 7107 </div></template> 7108 7109 7110 <template x-if="$store.xQuickView"> 7111 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 7112 7113<form method="post" action="/cart/add" id="product-form-choose-option14945863074155203" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="53075717128555"> 7114 7115 7116 <button 7117 type="submit" 7118 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 7119 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 7120 7121 7122 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 7123 7124aria-label="Add to cart" 7125 7126 7127 > 7128 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7129 <span class="flex items-center justify-center"> 7130 7131 7132 7133 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 7134 7135 7136 7137 </span></span> 7138 <div 7139 class="flex gap-x-2 items-center justify-center" 7140 role="alert" 7141 x-cloak 7142 x-show="errorMessage" 7143 > 7144 Sold out 7145 </div> 7146 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 7147 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 7148 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 7149 fill="currentcolor" stroke="none"> 7150 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 7151 </g> 7152 </svg> 7153 7154 </div> 7155 </button><button 7156 type="submit" 7157 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 7158 7159 7160 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 7161 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 7162 7163aria-label="Add to cart" 7164 7165 7166 x-customer-event-data="{ 7167 "product": { 7168 "title": "On the Brink of Everything, Revised and Updated", 7169 "listName": "New Releases", 7170 "sku": "14945863074155", 7171 "currencyCode": "USD", 7172 "price": 2495, 7173 "vendor": "Parker J. Palmer" 7174 } 7175 }" 7176 > 7177 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 7178 <g> 7179 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7180 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7181 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7182 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7183 </g> 7184 </svg></span> 7185 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 7186 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 7187 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 7188 fill="currentcolor" stroke="none"> 7189 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 7190 </g> 7191 </svg> 7192 7193 </span> 7194 </button><input type="hidden" name="product-id" value="14945863074155" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
719456" /></form> 7195 </div><button 7196 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 7197 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 7198 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572004_on-the-brink-of-everything-revised-and-updated", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863074155-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 7199 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 7200 aria-label="Button quickview" 7201 x-customer-event-data="{ 7202 "product": { 7203 "title": "On the Brink of Everything, Revised and Updated", 7204 "listName": "New Releases", 7205 "sku": "14945863074155", 7206 "currencyCode": "USD", 7207 "price": 2495, 7208 "vendor": "Parker J. Palmer" 7209 } 7210 }" 7211 x-show="$store.xQuickView.enabled" 7212 > 7213 <span class="flex justify-center items-center"> 7214 7215 7216 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 7217 7218 7219 </span> 7220 </button> 7221 </div> 7222 </template> 7223 7224 </div> 7225</div> 7226 7227 7228<div 7229 7230 x-data="{ showOptions: false, options: [] }" 7231 7232 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 7233 x-slide-index="3" 7234> 7235 <div 7236 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 7237 > 7238 <style data-shopify> 7239 7240 </style> 7241 7242 <style data-shopify> 7243 7244 </style> 7245 <a 7246 7247 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 7248 7249 href="/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough" 7250 7251 x-data="{ lastWindowWidth: 0 }" 7252 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 7253 x-labels-data="[{ 7254 "variant_id": 53075717292395, 7255 "product_id": 14945863237995, 7256 "available": true, 7257 "title": "The Impact Entrepreneur Breakthrough", 7258 "compare_at_price": 0, 7259 "price": 2995, 7260 "price_with_currency": "$29.95", 7261 "sale_amount": "$-29.95", 7262 "collections": "||639249514859||636503097707||636480389483||636473475435||639252758891||", 7263 "inventory_management": "shopify", 7264 "qty": 1482, 7265 "container": "card", 7266 "can_show_preorder": false, 7267 "diff_day_create": 175.25, 7268 "diff_day_publish": 175.25 7269 7270 ,"metafield_label": { 7271 "custom.format2":"Paperback" 7272 } 7273 7274 }]" 7275 7276 aria-label="The Impact Entrepreneur Breakthrough" 7277 id="14945863237995-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
727756" 7278 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 7279 <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 7280 <div 7281 id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4-3" 7282 class="block h-full" 7283 @click='$store.xCustomerEvent.fire("product_selected", $el)' 7284 x-customer-event-data="{ 7285 "product": { 7286 "title": "The Impact Entrepreneur Breakthrough", 7287 "listName": "New Releases", 7288 "sku": "14945863237995", 7289 "currencyCode": "USD", 7290 "price": 2995, 7291 "vendor": "Laurie Lane-Zucker" 7292 } 7293 }" 7294 > 7295<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 7296 > 7297 7298 <picture> 7299 <img 7300 srcset="//bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=450 450w, 7301 //bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=750 750w, 7302 //bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=900 900w, 7303 //bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=1100 1100w, 7304 //bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887 432w" 7305 src="//bkconnection.com/cdn/shop/files/9798890572318.jpg?v=1789087887&width=1500" 7306 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 7307 alt="Cover image for The Impact Entrepreneur Breakthrough, isbn: 9798890572318" 7308 :class="showSecond ? 'first-img' : ''" 7309 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 7310 loading="lazy" 7311 width="432" 7312 height="648" 7313 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 7314 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 7315 /> 7316 </picture> 7317 7318 </div></div> 7319 </div> 7320 7321 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 7322 x-show="$store.xQuickView" x-cloak 7323 > 7324 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 7325 class="w-full hide-icon lg:px-4" 7326 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 7327 x-cloak 7328 > 7329<form method="post" action="/cart/add" id="product-form-choose-option14945863237995204" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="53075717292395"> 7330 7331 7332 <button 7333 type="submit" 7334 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
733456-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 7335 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 7336 7337 7338 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 7339 7340aria-label="Add to cart" 7341 7342 7343 > 7344 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 7345 <span class="flex items-center justify-center"> 7346 7347 7348 7349 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 7350 7351 7352 7353 </span></span> 7354 <div 7355 class="flex gap-x-2 items-center justify-center" 7356 role="alert" 7357 x-cloak 7358 x-show="errorMessage" 7359 > 7360 Sold out 7361 </div> 7362 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 7363 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 7364 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 7365 fill="currentcolor" stroke="none"> 7366 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 7367 </g> 7368 </svg> 7369 7370 </div> 7371 </button> 7372 <button 7373 type="submit" 7374 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 7375 7376 7377 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 7378 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 7379 7380aria-label="Add to cart" 7381 7382 7383 x-customer-event-data="{ 7384 "product": { 7385 "title": "The Impact Entrepreneur Breakthrough", 7386 "listName": "New Releases", 7387 "sku": "14945863237995", 7388 "currencyCode": "USD", 7389 "price": 2995, 7390 "vendor": "Laurie Lane-Zucker" 7391 } 7392 }" 7393 > 7394 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 7395 <g> 7396 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7397 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
739714948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7398 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7399 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7400 </g> 7401 </svg></span> 7402 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 7403 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 7404 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 7405 fill="currentcolor" stroke="none"> 7406 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 7407 </g> 7408 </svg> 7409 7410 </span> 7411 </button><input type="hidden" name="product-id" value="14945863237995" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 7412 </div> 7413 </div><div 7414 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 7415 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 7416 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 7417 > 7418 <div> 7419 <button 7420 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 7421 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 7422 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 7423 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 7424 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 7425 x-customer-event-data="{ 7426 "product": { 7427 "title": "The Impact Entrepreneur Breakthrough", 7428 "listName": "New Releases", 7429 "sku": "14945863237995", 7430 "currencyCode": "USD", 7431 "price": 2995, 7432 "vendor": "Laurie Lane-Zucker" 7433 } 7434 }" 7435 aria-label="Button quickview" 7436 > 7437 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
7437ox="0 0 16 16" fill="none" style="fill:none;"> 7438 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7439 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7440 </svg> 7441</span> 7442 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 7443 7444 7445 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 7446 7447 7448 </span> 7449 </button> 7450 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 7451 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 7452 aria-label="Button quickview" 7453 x-customer-event-data="{ 7454 "product": { 7455 "title": "The Impact Entrepreneur Breakthrough", 7456 "listName": "New Releases", 7457 "sku": "14945863237995", 7458 "currencyCode": "USD", 7459 "price": 2995, 7460 "vendor": "Laurie Lane-Zucker" 7461 } 7462 }" 7463 > 7464 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 7465 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7466 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7467 </svg> 7468</span> 7469 </button> 7470 </div> 7471 </div> 7472 </div> 7473 7474 </a> 7475 7476 7477 <div class="md:list-layout:hidden"> 7478 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 7479 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 7480 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995"> 7481 <a href="/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough" 7482 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 7483 @click='$store.xCustomerEvent.fire("product_selected", $el)' 7484 x-customer-event-data="{ 7485 "product": { 7486 "title": "The Impact Entrepreneur Breakthrough", 7487 "listName": "New Releases", 7488 "sku": "14945863237995", 7489 "currencyCode": "USD", 7490 "price": 2995, 7491 "vendor": "Laurie Lane-Zucker" 7492 } 7493 }" 7494 > 7495 The Impact Entrepreneur Breakthrough 7496 </a> 7497 </h3> 7498 7499 7500 7501 7502<div 7503 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 7504><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 7505 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
7505ox="0 0 512 512" xml:space="preserve"> 7506 <g> 7507 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 7508 </g> 7509 </svg> 7510 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 7511 <g> 7512 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 7513 </g> 7514 </svg> 7515 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 7516 <g> 7517 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 7518 </g> 7519 </svg> 7520 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 7521 <g> 7522 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 7523 </g> 7524 </svg> 7525 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 7526 <g> 7527 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 7528 </g> 7529 </svg> 7530 </div> 7531 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 7532 </p></div> 7533 7534<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 7535 7536 7537 <div class=" price leading-none"> 7538 <div class=""> 7539 7540 <div class="hidden">2995</div><p class="price">
7541 <span>$29.95</span> 7542 </p><small class="text-[70%] hidden"> 7543 <span class="hidden">Unit price</span> 7544 <span class="up price-item price-item--last"> 7545 <span> 7546 7547 </span> 7548 <span aria-hidden="true">/</span> 7549 <span class="hidden"> per </span> 7550 <span> 7551 </span> 7552 </span> 7553 </small> 7554 7555 </div> 7556 7557</div> 7558 7559 <div class="next-price empty:hidden"></div> 7560 </div> 7561 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945863237995', [639249514859, 636503097707, 636480389483, 636473475435, 639252758891])"><div 7562 x-data='{ 7563 storeAvailabilites: {}, 7564 pickupLocation: [] 7565 }' 7566 class="mb-3" 7567 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 7568> 7569 <style data-shopify> 7570 .text-available, .text-unavailable { 7571 font-size: 0.669375rem; 7572 font-family: var(--font-body-family); 7573 } 7574 7575 @media (min-width: 768px) { 7576 .text-available, .text-unavailable { 7577 font-size: 0.74375rem; 7578 } 7579 } 7580 7581 .text-available { 7582 color: #6b762d; 7583 } 7584 7585 .dark .text-available { 7586 color: #858F4D; 7587 } 7588 7589 .text-unavailable { 7590 color: #767474; 7591 } 7592 7593 .dark .text-unavailable { 7594 color: #867F7F; 7595 } 7596 </style> 7597 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 7598 <span class="flex h-4 w-4 relative"> 7599<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 7600 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 7601 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 7602</svg> 7603 7604</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 7605 </div> 7606 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 7607 <span class="flex h-4 w-4 relative"> 7608<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 7609 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 7610 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 7611</svg> 7612 7613</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 7614 </div> 7615</div></div> 7616 </div> 7617 </div> 7618 </div> 7619 7620 </div> 7621 <div 7622 id="x-product-template-14945863237995-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4" 7623 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 7624 > 7625 <div class="hidden md:list-layout:block"> 7626 7627 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 7628 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 7629 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995"> 7630 <a href="/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough" 7631 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 7632 @click='$store.xCustomerEvent.fire("product_selected", $el)' 7633 x-customer-event-data="{ 7634 "product": { 7635 "title": "The Impact Entrepreneur Breakthrough", 7636 "listName": "New Releases", 7637 "sku": "14945863237995", 7638 "currencyCode": "USD", 7639 "price": 2995, 7640 "vendor": "Laurie Lane-Zucker" 7641 } 7642 }" 7643 > 7644 The Impact Entrepreneur Breakthrough 7645 </a> 7646 </h3> 7647 7648 7649 7650 7651<div 7652 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 7653><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 7654 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
7654ox="0 0 512 512" xml:space="preserve"> 7655 <g> 7656 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 7657 </g> 7658 </svg> 7659 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 7660 <g> 7661 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 7662 </g> 7663 </svg> 7664 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 7665 <g> 7666 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 7667 </g> 7668 </svg> 7669 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 7670 <g> 7671 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 7672 </g> 7673 </svg> 7674 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 7675 <g> 7676 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 7677 </g> 7678 </svg> 7679 </div> 7680 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 7681 </p></div> 7682 7683<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 7684 7685 7686 <div class=" price leading-none"> 7687 <div class=""> 7688 7689 <div class="hidden">2995</div><p class="price">
7690 <span>$29.95</span> 7691 </p><small class="text-[70%] hidden"> 7692 <span class="hidden">Unit price</span> 7693 <span class="up price-item price-item--last"> 7694 <span> 7695 7696 </span> 7697 <span aria-hidden="true">/</span> 7698 <span class="hidden"> per </span> 7699 <span> 7700 </span> 7701 </span> 7702 </small> 7703 7704 </div> 7705 7706</div> 7707 7708 <div class="next-price empty:hidden"></div> 7709 </div> 7710 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14945863237995', [639249514859, 636503097707, 636480389483, 636473475435, 639252758891])"><div 7711 x-data='{ 7712 storeAvailabilites: {}, 7713 pickupLocation: [] 7714 }' 7715 class="mb-3" 7716 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 7717> 7718 <style data-shopify> 7719 .text-available, .text-unavailable { 7720 font-size: 0.669375rem; 7721 font-family: var(--font-body-family); 7722 } 7723 7724 @media (min-width: 768px) { 7725 .text-available, .text-unavailable { 7726 font-size: 0.74375rem; 7727 } 7728 } 7729 7730 .text-available { 7731 color: #6b762d; 7732 } 7733 7734 .dark .text-available { 7735 color: #858F4D; 7736 } 7737 7738 .text-unavailable { 7739 color: #767474; 7740 } 7741 7742 .dark .text-unavailable { 7743 color: #867F7F; 7744 } 7745 </style> 7746 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 7747 <span class="flex h-4 w-4 relative"> 7748<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 7749 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 7750 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 7751</svg> 7752 7753</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 7754 </div> 7755 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 7756 <span class="flex h-4 w-4 relative"> 7757<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 7758 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 7759 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 7760</svg> 7761 7762</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 7763 </div> 7764</div></div> 7765 </div> 7766 </div> 7767 7768 </div> 7769 7770 7771 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 7772 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572318_the-impact-entrepreneur-breakthrough'); 7773 });"></div> 7774 <div 7775 id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 7776 class="current-variant hidden" 7777 > 7778 53075717292395 7779 </div> 7780 7781 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 7782 7783 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 7784 class="card-info bottom_atc md:list-layout:hidden hide-icon" 7785 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 7786 x-cloak 7787 > 7788 7789<form method="post" action="/cart/add" id="product-form-choose-option14945863237995204" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="53075717292395"> 7790 7791 7792 <button 7793 type="submit" 7794 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
779456-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 7795 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 7796 7797 7798 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 7799 7800aria-label="Add to cart" 7801 7802 7803 > 7804 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 7805 <span class="flex items-center justify-center"> 7806 7807 7808 7809 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 7810 7811 7812 7813 </span></span> 7814 <div 7815 class="flex gap-x-2 items-center justify-center" 7816 role="alert" 7817 x-cloak 7818 x-show="errorMessage" 7819 > 7820 Sold out 7821 </div> 7822 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 7823 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 7824 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 7825 fill="currentcolor" stroke="none"> 7826 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 7827 </g> 7828 </svg> 7829 7830 </div> 7831 </button><input type="hidden" name="product-id" value="14945863237995" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 7832 </div></template> 7833 7834 7835 <template x-if="$store.xQuickView"> 7836 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 7837 7838<form method="post" action="/cart/add" id="product-form-choose-option14945863237995204" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="53075717292395"> 7839 7840 7841 <button 7842 type="submit" 7843 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 7844 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 7845 7846 7847 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 7848 7849aria-label="Add to cart" 7850 7851 7852 > 7853 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
7854 <span class="flex items-center justify-center"> 7855 7856 7857 7858 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 7859 7860 7861 7862 </span></span> 7863 <div 7864 class="flex gap-x-2 items-center justify-center" 7865 role="alert" 7866 x-cloak 7867 x-show="errorMessage" 7868 > 7869 Sold out 7870 </div> 7871 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 7872 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 7873 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 7874 fill="currentcolor" stroke="none"> 7875 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 7876 </g> 7877 </svg> 7878 7879 </div> 7880 </button><button 7881 type="submit" 7882 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 7883 7884 7885 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 7886 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 7887 7888aria-label="Add to cart" 7889 7890 7891 x-customer-event-data="{ 7892 "product": { 7893 "title": "The Impact Entrepreneur Breakthrough", 7894 "listName": "New Releases", 7895 "sku": "14945863237995", 7896 "currencyCode": "USD", 7897 "price": 2995, 7898 "vendor": "Laurie Lane-Zucker" 7899 } 7900 }" 7901 > 7902 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 7903 <g> 7904 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7905 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7906 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7907 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 7908 </g> 7909 </svg></span> 7910 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 7911 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 7912 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 7913 fill="currentcolor" stroke="none"> 7914 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 7915 </g> 7916 </svg> 7917 7918 </span> 7919 </button><input type="hidden" name="product-id" value="14945863237995" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
791956" /></form> 7920 </div><button 7921 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 7922 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 7923 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572318_the-impact-entrepreneur-breakthrough", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14945863237995-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 7924 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 7925 aria-label="Button quickview" 7926 x-customer-event-data="{ 7927 "product": { 7928 "title": "The Impact Entrepreneur Breakthrough", 7929 "listName": "New Releases", 7930 "sku": "14945863237995", 7931 "currencyCode": "USD", 7932 "price": 2995, 7933 "vendor": "Laurie Lane-Zucker" 7934 } 7935 }" 7936 x-show="$store.xQuickView.enabled" 7937 > 7938 <span class="flex justify-center items-center"> 7939 7940 7941 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 7942 7943 7944 </span> 7945 </button> 7946 </div> 7947 </template> 7948 7949 </div> 7950</div> 7951 7952 7953<div 7954 7955 x-data="{ showOptions: false, options: [] }" 7956 7957 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 7958 x-slide-index="4" 7959> 7960 <div 7961 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 7962 > 7963 <style data-shopify> 7964 7965 </style> 7966 7967 <style data-shopify> 7968 7969 </style> 7970 <a 7971 7972 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 7973 7974 href="/collections/new-releases/products/9798890572639_who-killed-the-american-dream" 7975 7976 x-data="{ lastWindowWidth: 0 }" 7977 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 7978 x-labels-data="[{ 7979 "variant_id": 52775018332523, 7980 "product_id": 14878849007979, 7981 "available": true, 7982 "title": "Who Killed the American Dream?", 7983 "compare_at_price": 0, 7984 "price": 2495, 7985 "price_with_currency": "$24.95", 7986 "sale_amount": "$-24.95", 7987 "collections": "||641199341931||639249514859||636503097707||636480389483||636473475435||639269339499||", 7988 "inventory_management": "shopify", 7989 "qty": 3101, 7990 "container": "card", 7991 "can_show_preorder": false, 7992 "diff_day_create": 255.04, 7993 "diff_day_publish": 254.98 7994 7995 ,"metafield_label": { 7996 "custom.format2":"Paperback" 7997 } 7998 7999 }]" 8000 8001 aria-label="Who Killed the American Dream?" 8002 id="14878849007979-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
800256" 8003 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 8004 <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572639_who-killed-the-american-dream')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 8005 <div 8006 id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5-4" 8007 class="block h-full" 8008 @click='$store.xCustomerEvent.fire("product_selected", $el)' 8009 x-customer-event-data="{ 8010 "product": { 8011 "title": "Who Killed the American Dream?", 8012 "listName": "New Releases", 8013 "sku": "14878849007979", 8014 "currencyCode": "USD", 8015 "price": 2495, 8016 "vendor": "Thom Hartmann" 8017 } 8018 }" 8019 > 8020<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 8021 > 8022 8023 <picture> 8024 <img 8025 srcset="//bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=450 450w, 8026 //bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=750 750w, 8027 //bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=900 900w, 8028 //bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=1100 1100w, 8029 //bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883 432w" 8030 src="//bkconnection.com/cdn/shop/files/9798890572639.jpg?v=1789087883&width=1500" 8031 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 8032 alt="Cover image for Who Killed the American Dream?, isbn: 9798890572639" 8033 :class="showSecond ? 'first-img' : ''" 8034 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 8035 loading="lazy" 8036 width="432" 8037 height="648" 8038 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 8039 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 8040 /> 8041 </picture> 8042 8043 </div></div> 8044 </div> 8045 8046 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 8047 x-show="$store.xQuickView" x-cloak 8048 > 8049 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 8050 class="w-full hide-icon lg:px-4" 8051 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 8052 x-cloak 8053 > 8054<form method="post" action="/cart/add" id="product-form-choose-option14878849007979205" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52775018332523"> 8055 8056 8057 <button 8058 type="submit" 8059 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
805956-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 8060 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 8061 8062 8063 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 8064 8065aria-label="Add to cart" 8066 8067 8068 > 8069 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 8070 <span class="flex items-center justify-center"> 8071 8072 8073 8074 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 8075 8076 8077 8078 </span></span> 8079 <div 8080 class="flex gap-x-2 items-center justify-center" 8081 role="alert" 8082 x-cloak 8083 x-show="errorMessage" 8084 > 8085 Sold out 8086 </div> 8087 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 8088 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 8089 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 8090 fill="currentcolor" stroke="none"> 8091 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 8092 </g> 8093 </svg> 8094 8095 </div> 8096 </button> 8097 <button 8098 type="submit" 8099 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 8100 8101 8102 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 8103 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 8104 8105aria-label="Add to cart" 8106 8107 8108 x-customer-event-data="{ 8109 "product": { 8110 "title": "Who Killed the American Dream?", 8111 "listName": "New Releases", 8112 "sku": "14878849007979", 8113 "currencyCode": "USD", 8114 "price": 2495, 8115 "vendor": "Thom Hartmann" 8116 } 8117 }" 8118 > 8119 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 8120 <g> 8121 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8122 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8123 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8124 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8125 </g> 8126 </svg></span>
8127 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 8128 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 8129 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 8130 fill="currentcolor" stroke="none"> 8131 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 8132 </g> 8133 </svg> 8134 8135 </span> 8136 </button><input type="hidden" name="product-id" value="14878849007979" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 8137 </div> 8138 </div><div 8139 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 8140 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 8141 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 8142 > 8143 <div> 8144 <button 8145 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 8146 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572639_who-killed-the-american-dream', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 8147 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572639_who-killed-the-american-dream', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 8148 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 8149 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 8150 x-customer-event-data="{ 8151 "product": { 8152 "title": "Who Killed the American Dream?", 8153 "listName": "New Releases", 8154 "sku": "14878849007979", 8155 "currencyCode": "USD", 8156 "price": 2495, 8157 "vendor": "Thom Hartmann" 8158 } 8159 }" 8160 aria-label="Button quickview" 8161 > 8162 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 8163 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8164 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8165 </svg> 8166</span>
8167 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 8168 8169 8170 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 8171 8172 8173 </span> 8174 </button> 8175 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572639_who-killed-the-american-dream", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 8176 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 8177 aria-label="Button quickview" 8178 x-customer-event-data="{ 8179 "product": { 8180 "title": "Who Killed the American Dream?", 8181 "listName": "New Releases", 8182 "sku": "14878849007979", 8183 "currencyCode": "USD", 8184 "price": 2495, 8185 "vendor": "Thom Hartmann" 8186 } 8187 }" 8188 > 8189 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 8190 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8191 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8192 </svg> 8193</span> 8194 </button> 8195 </div> 8196 </div> 8197 </div> 8198 8199 </a> 8200 8201 8202 <div class="md:list-layout:hidden"> 8203 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 8204 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 8205 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979"> 8206 <a href="/collections/new-releases/products/9798890572639_who-killed-the-american-dream" 8207 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 8208 @click='$store.xCustomerEvent.fire("product_selected", $el)' 8209 x-customer-event-data="{ 8210 "product": { 8211 "title": "Who Killed the American Dream?", 8212 "listName": "New Releases", 8213 "sku": "14878849007979", 8214 "currencyCode": "USD", 8215 "price": 2495, 8216 "vendor": "Thom Hartmann" 8217 } 8218 }" 8219 > 8220 Who Killed the American Dream? 8221 </a> 8222 </h3> 8223 8224 8225 8226 8227<div 8228 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 8229><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars"> 8230 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 8231 <g> 8232 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8233 </g> 8234 </svg> 8235 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
8235ox="0 0 512 512" xml:space="preserve"> 8236 <g> 8237 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8238 </g> 8239 </svg> 8240 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 8241 <g> 8242 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8243 </g> 8244 </svg> 8245 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 8246 <g> 8247 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8248 </g> 8249 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 8250 <defs> 8251 <linearGradient id="grad"> 8252 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 8253 <stop offset="50%" stop-color="currentColor"/> 8254 </linearGradient> 8255 </defs> 8256 <g> 8257 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8258 </g> 8259 </svg> 8260 </div> 8261 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(18) 8262 </p></div> 8263 8264<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 8265 8266 8267 <div class=" price leading-none"> 8268 <div class=""> 8269 8270 <div class="hidden">2495</div><p class="price"> 8271 <span>$24.95</span> 8272 </p><small class="text-[70%] hidden"> 8273 <span class="hidden">Unit price</span>
8274 <span class="up price-item price-item--last"> 8275 <span> 8276 8277 </span> 8278 <span aria-hidden="true">/</span> 8279 <span class="hidden"> per </span> 8280 <span> 8281 </span> 8282 </span> 8283 </small> 8284 8285 </div> 8286 8287</div> 8288 8289 <div class="next-price empty:hidden"></div> 8290 </div> 8291 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14878849007979', [641199341931, 639249514859, 636503097707, 636480389483, 636473475435, 639269339499])"><div 8292 x-data='{ 8293 storeAvailabilites: {}, 8294 pickupLocation: [] 8295 }' 8296 class="mb-3" 8297 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 8298> 8299 <style data-shopify> 8300 .text-available, .text-unavailable { 8301 font-size: 0.669375rem; 8302 font-family: var(--font-body-family); 8303 } 8304 8305 @media (min-width: 768px) { 8306 .text-available, .text-unavailable { 8307 font-size: 0.74375rem; 8308 } 8309 } 8310 8311 .text-available { 8312 color: #6b762d; 8313 } 8314 8315 .dark .text-available { 8316 color: #858F4D; 8317 } 8318 8319 .text-unavailable { 8320 color: #767474; 8321 } 8322 8323 .dark .text-unavailable { 8324 color: #867F7F; 8325 } 8326 </style> 8327 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 8328 <span class="flex h-4 w-4 relative"> 8329<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8330 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 8331 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 8332</svg> 8333 8334</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 8335 </div> 8336 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 8337 <span class="flex h-4 w-4 relative"> 8338<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8339 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 8340 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 8341</svg> 8342 8343</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 8344 </div> 8345</div></div> 8346 </div> 8347 </div> 8348 </div> 8349 8350 </div> 8351 <div 8352 id="x-product-template-14878849007979-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5" 8353 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 8354 > 8355 <div class="hidden md:list-layout:block"> 8356 8357 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 8358 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 8359 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979"> 8360 <a href="/collections/new-releases/products/9798890572639_who-killed-the-american-dream" 8361 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 8362 @click='$store.xCustomerEvent.fire("product_selected", $el)' 8363 x-customer-event-data="{ 8364 "product": { 8365 "title": "Who Killed the American Dream?", 8366 "listName": "New Releases", 8367 "sku": "14878849007979", 8368 "currencyCode": "USD", 8369 "price": 2495, 8370 "vendor": "Thom Hartmann" 8371 } 8372 }" 8373 > 8374 Who Killed the American Dream? 8375 </a> 8376 </h3> 8377 8378 8379 8380 8381<div 8382 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 8383><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars"> 8384 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
8384ox="0 0 512 512" xml:space="preserve"> 8385 <g> 8386 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8387 </g> 8388 </svg> 8389 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 8390 <g> 8391 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8392 </g> 8393 </svg> 8394 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 8395 <g> 8396 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8397 </g> 8398 </svg> 8399 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 8400 <g> 8401 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8402 </g> 8403 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 8404 <defs> 8405 <linearGradient id="grad"> 8406 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 8407 <stop offset="50%" stop-color="currentColor"/> 8408 </linearGradient> 8409 </defs> 8410 <g> 8411 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8412 </g> 8413 </svg> 8414 </div> 8415 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(18) 8416 </p></div> 8417 8418<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 8419 8420 8421 <div class=" price leading-none"> 8422 <div class=""> 8423 8424 <div class="hidden">2495</div><p class="price">
8425 <span>$24.95</span> 8426 </p><small class="text-[70%] hidden"> 8427 <span class="hidden">Unit price</span> 8428 <span class="up price-item price-item--last"> 8429 <span> 8430 8431 </span> 8432 <span aria-hidden="true">/</span> 8433 <span class="hidden"> per </span> 8434 <span> 8435 </span> 8436 </span> 8437 </small> 8438 8439 </div> 8440 8441</div> 8442 8443 <div class="next-price empty:hidden"></div> 8444 </div> 8445 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14878849007979', [641199341931, 639249514859, 636503097707, 636480389483, 636473475435, 639269339499])"><div 8446 x-data='{ 8447 storeAvailabilites: {}, 8448 pickupLocation: [] 8449 }' 8450 class="mb-3" 8451 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 8452> 8453 <style data-shopify> 8454 .text-available, .text-unavailable { 8455 font-size: 0.669375rem; 8456 font-family: var(--font-body-family); 8457 } 8458 8459 @media (min-width: 768px) { 8460 .text-available, .text-unavailable { 8461 font-size: 0.74375rem; 8462 } 8463 } 8464 8465 .text-available { 8466 color: #6b762d; 8467 } 8468 8469 .dark .text-available { 8470 color: #858F4D; 8471 } 8472 8473 .text-unavailable { 8474 color: #767474; 8475 } 8476 8477 .dark .text-unavailable { 8478 color: #867F7F; 8479 } 8480 </style> 8481 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 8482 <span class="flex h-4 w-4 relative"> 8483<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8484 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 8485 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 8486</svg> 8487 8488</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 8489 </div> 8490 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 8491 <span class="flex h-4 w-4 relative"> 8492<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8493 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 8494 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 8495</svg> 8496 8497</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 8498 </div> 8499</div></div> 8500 </div> 8501 </div> 8502 8503 </div> 8504 8505 8506 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 8507 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572639_who-killed-the-american-dream'); 8508 });"></div> 8509 <div 8510 id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 8511 class="current-variant hidden" 8512 > 8513 52775018332523 8514 </div> 8515 8516 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 8517 8518 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 8519 class="card-info bottom_atc md:list-layout:hidden hide-icon" 8520 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 8521 x-cloak 8522 > 8523 8524<form method="post" action="/cart/add" id="product-form-choose-option14878849007979205" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52775018332523"> 8525 8526 8527 <button 8528 type="submit" 8529 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
852956-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 8530 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 8531 8532 8533 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 8534 8535aria-label="Add to cart" 8536 8537 8538 > 8539 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 8540 <span class="flex items-center justify-center"> 8541 8542 8543 8544 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 8545 8546 8547 8548 </span></span> 8549 <div 8550 class="flex gap-x-2 items-center justify-center" 8551 role="alert" 8552 x-cloak 8553 x-show="errorMessage" 8554 > 8555 Sold out 8556 </div> 8557 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 8558 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 8559 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 8560 fill="currentcolor" stroke="none"> 8561 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 8562 </g> 8563 </svg> 8564 8565 </div> 8566 </button><input type="hidden" name="product-id" value="14878849007979" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 8567 </div></template> 8568 8569 8570 <template x-if="$store.xQuickView"> 8571 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 8572 8573<form method="post" action="/cart/add" id="product-form-choose-option14878849007979205" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52775018332523"> 8574 8575 8576 <button 8577 type="submit" 8578 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 8579 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 8580 8581 8582 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 8583 8584aria-label="Add to cart" 8585 8586 8587 > 8588 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
8589 <span class="flex items-center justify-center"> 8590 8591 8592 8593 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 8594 8595 8596 8597 </span></span> 8598 <div 8599 class="flex gap-x-2 items-center justify-center" 8600 role="alert" 8601 x-cloak 8602 x-show="errorMessage" 8603 > 8604 Sold out 8605 </div> 8606 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 8607 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 8608 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 8609 fill="currentcolor" stroke="none"> 8610 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 8611 </g> 8612 </svg> 8613 8614 </div> 8615 </button><button 8616 type="submit" 8617 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 8618 8619 8620 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 8621 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 8622 8623aria-label="Add to cart" 8624 8625 8626 x-customer-event-data="{ 8627 "product": { 8628 "title": "Who Killed the American Dream?", 8629 "listName": "New Releases", 8630 "sku": "14878849007979", 8631 "currencyCode": "USD", 8632 "price": 2495, 8633 "vendor": "Thom Hartmann" 8634 } 8635 }" 8636 > 8637 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 8638 <g> 8639 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8640 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8641 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8642 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8643 </g> 8644 </svg></span> 8645 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 8646 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 8647 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 8648 fill="currentcolor" stroke="none"> 8649 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 8650 </g> 8651 </svg> 8652 8653 </span> 8654 </button><input type="hidden" name="product-id" value="14878849007979" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
865456" /></form> 8655 </div><button 8656 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572639_who-killed-the-american-dream', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 8657 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572639_who-killed-the-american-dream', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 8658 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572639_who-killed-the-american-dream", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14878849007979-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 8659 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 8660 aria-label="Button quickview" 8661 x-customer-event-data="{ 8662 "product": { 8663 "title": "Who Killed the American Dream?", 8664 "listName": "New Releases", 8665 "sku": "14878849007979", 8666 "currencyCode": "USD", 8667 "price": 2495, 8668 "vendor": "Thom Hartmann" 8669 } 8670 }" 8671 x-show="$store.xQuickView.enabled" 8672 > 8673 <span class="flex justify-center items-center"> 8674 8675 8676 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 8677 8678 8679 </span> 8680 </button> 8681 </div> 8682 </template> 8683 8684 </div> 8685</div> 8686 8687 8688<div 8689 8690 x-data="{ showOptions: false, options: [] }" 8691 8692 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 8693 x-slide-index="5" 8694> 8695 <div 8696 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 8697 > 8698 <style data-shopify> 8699 8700 </style> 8701 8702 <style data-shopify> 8703 8704 </style> 8705 <a 8706 8707 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 8708 8709 href="/collections/new-releases/products/9798890572103_culture-blooming" 8710 8711 x-data="{ lastWindowWidth: 0 }" 8712 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 8713 x-labels-data="[{ 8714 "variant_id": 52653074645355, 8715 "product_id": 14854886031723, 8716 "available": true, 8717 "title": "Culture Blooming", 8718 "compare_at_price": 0, 8719 "price": 2295, 8720 "price_with_currency": "$22.95", 8721 "sale_amount": "$-22.95", 8722 "collections": "||641199341931||639249514859||639269732715||639249744235||636503097707||636480389483||636473475435||639252758891||639270191467||639269339499||", 8723 "inventory_management": "shopify", 8724 "qty": 1501, 8725 "container": "card", 8726 "can_show_preorder": false, 8727 "diff_day_create": 299.33, 8728 "diff_day_publish": 299.33 8729 8730 ,"metafield_label": { 8731 "custom.format2":"Paperback" 8732 } 8733 8734 }]" 8735 8736 aria-label="Culture Blooming" 8737 id="14854886031723-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
873756" 8738 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 8739 <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572103_culture-blooming')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 8740 <div 8741 id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-6-5" 8742 class="block h-full" 8743 @click='$store.xCustomerEvent.fire("product_selected", $el)' 8744 x-customer-event-data="{ 8745 "product": { 8746 "title": "Culture Blooming", 8747 "listName": "New Releases", 8748 "sku": "14854886031723", 8749 "currencyCode": "USD", 8750 "price": 2295, 8751 "vendor": "Abi Adamson" 8752 } 8753 }" 8754 > 8755<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 8756 > 8757 8758 <picture> 8759 <img 8760 srcset="//bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=450 450w, 8761 //bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=750 750w, 8762 //bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=900 900w, 8763 //bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=1100 1100w, 8764 //bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879 432w" 8765 src="//bkconnection.com/cdn/shop/files/9798890572103.jpg?v=1789087879&width=1500" 8766 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 8767 alt="Cover image for Culture Blooming, isbn: 9798890572103" 8768 :class="showSecond ? 'first-img' : ''" 8769 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 8770 loading="lazy" 8771 width="432" 8772 height="648" 8773 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 8774 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 8775 /> 8776 </picture> 8777 8778 </div></div> 8779 </div> 8780 8781 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 8782 x-show="$store.xQuickView" x-cloak 8783 > 8784 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 8785 class="w-full hide-icon lg:px-4" 8786 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 8787 x-cloak 8788 > 8789<form method="post" action="/cart/add" id="product-form-choose-option14854886031723206" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52653074645355"> 8790 8791 8792 <button 8793 type="submit" 8794 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
879456-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 8795 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 8796 8797 8798 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 8799 8800aria-label="Add to cart" 8801 8802 8803 > 8804 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 8805 <span class="flex items-center justify-center"> 8806 8807 8808 8809 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 8810 8811 8812 8813 </span></span> 8814 <div 8815 class="flex gap-x-2 items-center justify-center" 8816 role="alert" 8817 x-cloak 8818 x-show="errorMessage" 8819 > 8820 Sold out 8821 </div> 8822 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 8823 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 8824 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 8825 fill="currentcolor" stroke="none"> 8826 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 8827 </g> 8828 </svg> 8829 8830 </div> 8831 </button> 8832 <button 8833 type="submit" 8834 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 8835 8836 8837 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 8838 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 8839 8840aria-label="Add to cart" 8841 8842 8843 x-customer-event-data="{ 8844 "product": { 8845 "title": "Culture Blooming", 8846 "listName": "New Releases", 8847 "sku": "14854886031723", 8848 "currencyCode": "USD", 8849 "price": 2295, 8850 "vendor": "Abi Adamson" 8851 } 8852 }" 8853 > 8854 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 8855 <g> 8856 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8857 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8858 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8859 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8860 </g> 8861 </svg></span>
8862 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 8863 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 8864 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 8865 fill="currentcolor" stroke="none"> 8866 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 8867 </g> 8868 </svg> 8869 8870 </span> 8871 </button><input type="hidden" name="product-id" value="14854886031723" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 8872 </div> 8873 </div><div 8874 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 8875 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 8876 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 8877 > 8878 <div> 8879 <button 8880 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 8881 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572103_culture-blooming', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 8882 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572103_culture-blooming', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 8883 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 8884 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 8885 x-customer-event-data="{ 8886 "product": { 8887 "title": "Culture Blooming", 8888 "listName": "New Releases", 8889 "sku": "14854886031723", 8890 "currencyCode": "USD", 8891 "price": 2295, 8892 "vendor": "Abi Adamson" 8893 } 8894 }" 8895 aria-label="Button quickview" 8896 > 8897 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 8898 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8899 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8900 </svg> 8901</span>
8902 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 8903 8904 8905 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 8906 8907 8908 </span> 8909 </button> 8910 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572103_culture-blooming", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 8911 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 8912 aria-label="Button quickview" 8913 x-customer-event-data="{ 8914 "product": { 8915 "title": "Culture Blooming", 8916 "listName": "New Releases", 8917 "sku": "14854886031723", 8918 "currencyCode": "USD", 8919 "price": 2295, 8920 "vendor": "Abi Adamson" 8921 } 8922 }" 8923 > 8924 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 8925 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8926 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 8927 </svg> 8928</span> 8929 </button> 8930 </div> 8931 </div> 8932 </div> 8933 8934 </a> 8935 8936 8937 <div class="md:list-layout:hidden"> 8938 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 8939 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 8940 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723"> 8941 <a href="/collections/new-releases/products/9798890572103_culture-blooming" 8942 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 8943 @click='$store.xCustomerEvent.fire("product_selected", $el)' 8944 x-customer-event-data="{ 8945 "product": { 8946 "title": "Culture Blooming", 8947 "listName": "New Releases", 8948 "sku": "14854886031723", 8949 "currencyCode": "USD", 8950 "price": 2295, 8951 "vendor": "Abi Adamson" 8952 } 8953 }" 8954 > 8955 Culture Blooming 8956 </a> 8957 </h3> 8958 8959 8960 8961 8962<div 8963 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 8964><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 8965 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 8966 <g> 8967 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8968 </g> 8969 </svg> 8970 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
8970ox="0 0 512 512" xml:space="preserve"> 8971 <g> 8972 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8973 </g> 8974 </svg> 8975 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 8976 <g> 8977 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8978 </g> 8979 </svg> 8980 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 8981 <g> 8982 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8983 </g> 8984 </svg> 8985 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 8986 <g> 8987 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 8988 </g> 8989 </svg> 8990 </div> 8991 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 8992 </p></div> 8993 8994<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 8995 8996 8997 <div class=" price leading-none"> 8998 <div class=""> 8999 9000 <div class="hidden">2295</div><p class="price"> 9001 <span>$22.95</span> 9002 </p><small class="text-[70%] hidden"> 9003 <span class="hidden">Unit price</span> 9004 <span class="up price-item price-item--last"> 9005 <span> 9006 9007 </span> 9008 <span aria-hidden="true">/</span> 9009 <span class="hidden"> per </span> 9010 <span> 9011 </span> 9012 </span> 9013 </small> 9014 9015 </div> 9016 9017</div> 9018 9019 <div class="next-price empty:hidden"></div> 9020 </div> 9021 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
902156" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14854886031723', [641199341931, 639249514859, 639269732715, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639270191467, 639269339499])"><div 9022 x-data='{ 9023 storeAvailabilites: {}, 9024 pickupLocation: [] 9025 }' 9026 class="mb-3" 9027 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 9028> 9029 <style data-shopify> 9030 .text-available, .text-unavailable { 9031 font-size: 0.669375rem; 9032 font-family: var(--font-body-family); 9033 } 9034 9035 @media (min-width: 768px) { 9036 .text-available, .text-unavailable { 9037 font-size: 0.74375rem; 9038 } 9039 } 9040 9041 .text-available { 9042 color: #6b762d; 9043 } 9044 9045 .dark .text-available { 9046 color: #858F4D; 9047 } 9048 9049 .text-unavailable { 9050 color: #767474; 9051 } 9052 9053 .dark .text-unavailable { 9054 color: #867F7F; 9055 } 9056 </style> 9057 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 9058 <span class="flex h-4 w-4 relative"> 9059<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9060 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 9061 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 9062</svg> 9063 9064</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 9065 </div> 9066 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 9067 <span class="flex h-4 w-4 relative"> 9068<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9069 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 9070 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 9071</svg> 9072 9073</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 9074 </div> 9075</div></div> 9076 </div> 9077 </div> 9078 </div> 9079 9080 </div> 9081 <div 9082 id="x-product-template-14854886031723-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-6" 9083 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 9084 > 9085 <div class="hidden md:list-layout:block"> 9086 9087 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 9088 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 9089 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723"> 9090 <a href="/collections/new-releases/products/9798890572103_culture-blooming" 9091 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 9092 @click='$store.xCustomerEvent.fire("product_selected", $el)' 9093 x-customer-event-data="{ 9094 "product": { 9095 "title": "Culture Blooming", 9096 "listName": "New Releases", 9097 "sku": "14854886031723", 9098 "currencyCode": "USD", 9099 "price": 2295, 9100 "vendor": "Abi Adamson" 9101 } 9102 }" 9103 > 9104 Culture Blooming 9105 </a> 9106 </h3> 9107 9108 9109 9110 9111<div 9112 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 9113><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 9114 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
9114ox="0 0 512 512" xml:space="preserve"> 9115 <g> 9116 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9117 </g> 9118 </svg> 9119 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 9120 <g> 9121 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9122 </g> 9123 </svg> 9124 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 9125 <g> 9126 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9127 </g> 9128 </svg> 9129 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 9130 <g> 9131 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9132 </g> 9133 </svg> 9134 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 9135 <g> 9136 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9137 </g> 9138 </svg> 9139 </div> 9140 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 9141 </p></div> 9142 9143<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 9144 9145 9146 <div class=" price leading-none"> 9147 <div class=""> 9148 9149 <div class="hidden">2295</div><p class="price">
9150 <span>$22.95</span> 9151 </p><small class="text-[70%] hidden"> 9152 <span class="hidden">Unit price</span> 9153 <span class="up price-item price-item--last"> 9154 <span> 9155 9156 </span> 9157 <span aria-hidden="true">/</span> 9158 <span class="hidden"> per </span> 9159 <span> 9160 </span> 9161 </span> 9162 </small> 9163 9164 </div> 9165 9166</div> 9167 9168 <div class="next-price empty:hidden"></div> 9169 </div> 9170 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14854886031723', [641199341931, 639249514859, 639269732715, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639270191467, 639269339499])"><div 9171 x-data='{ 9172 storeAvailabilites: {}, 9173 pickupLocation: [] 9174 }' 9175 class="mb-3" 9176 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 9177> 9178 <style data-shopify> 9179 .text-available, .text-unavailable { 9180 font-size: 0.669375rem; 9181 font-family: var(--font-body-family); 9182 } 9183 9184 @media (min-width: 768px) { 9185 .text-available, .text-unavailable { 9186 font-size: 0.74375rem; 9187 } 9188 } 9189 9190 .text-available { 9191 color: #6b762d; 9192 } 9193 9194 .dark .text-available { 9195 color: #858F4D; 9196 } 9197 9198 .text-unavailable { 9199 color: #767474; 9200 } 9201 9202 .dark .text-unavailable { 9203 color: #867F7F; 9204 } 9205 </style> 9206 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 9207 <span class="flex h-4 w-4 relative"> 9208<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9209 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 9210 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 9211</svg> 9212 9213</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 9214 </div> 9215 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 9216 <span class="flex h-4 w-4 relative"> 9217<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9218 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 9219 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 9220</svg> 9221 9222</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 9223 </div> 9224</div></div> 9225 </div> 9226 </div> 9227 9228 </div> 9229 9230 9231 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 9232 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572103_culture-blooming'); 9233 });"></div> 9234 <div 9235 id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 9236 class="current-variant hidden" 9237 > 9238 52653074645355 9239 </div> 9240 9241 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 9242 9243 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 9244 class="card-info bottom_atc md:list-layout:hidden hide-icon" 9245 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 9246 x-cloak 9247 > 9248 9249<form method="post" action="/cart/add" id="product-form-choose-option14854886031723206" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52653074645355"> 9250 9251 9252 <button 9253 type="submit" 9254 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
925456-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 9255 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 9256 9257 9258 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 9259 9260aria-label="Add to cart" 9261 9262 9263 > 9264 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 9265 <span class="flex items-center justify-center"> 9266 9267 9268 9269 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 9270 9271 9272 9273 </span></span> 9274 <div 9275 class="flex gap-x-2 items-center justify-center" 9276 role="alert" 9277 x-cloak 9278 x-show="errorMessage" 9279 > 9280 Sold out 9281 </div> 9282 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 9283 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 9284 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 9285 fill="currentcolor" stroke="none"> 9286 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 9287 </g> 9288 </svg> 9289 9290 </div> 9291 </button><input type="hidden" name="product-id" value="14854886031723" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 9292 </div></template> 9293 9294 9295 <template x-if="$store.xQuickView"> 9296 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 9297 9298<form method="post" action="/cart/add" id="product-form-choose-option14854886031723206" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52653074645355"> 9299 9300 9301 <button 9302 type="submit" 9303 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 9304 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 9305 9306 9307 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 9308 9309aria-label="Add to cart" 9310 9311 9312 > 9313 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
9314 <span class="flex items-center justify-center"> 9315 9316 9317 9318 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 9319 9320 9321 9322 </span></span> 9323 <div 9324 class="flex gap-x-2 items-center justify-center" 9325 role="alert" 9326 x-cloak 9327 x-show="errorMessage" 9328 > 9329 Sold out 9330 </div> 9331 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 9332 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 9333 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 9334 fill="currentcolor" stroke="none"> 9335 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 9336 </g> 9337 </svg> 9338 9339 </div> 9340 </button><button 9341 type="submit" 9342 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 9343 9344 9345 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 9346 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 9347 9348aria-label="Add to cart" 9349 9350 9351 x-customer-event-data="{ 9352 "product": { 9353 "title": "Culture Blooming", 9354 "listName": "New Releases", 9355 "sku": "14854886031723", 9356 "currencyCode": "USD", 9357 "price": 2295, 9358 "vendor": "Abi Adamson" 9359 } 9360 }" 9361 > 9362 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 9363 <g> 9364 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9365 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9366 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9367 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9368 </g> 9369 </svg></span> 9370 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 9371 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 9372 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 9373 fill="currentcolor" stroke="none"> 9374 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 9375 </g> 9376 </svg> 9377 9378 </span> 9379 </button><input type="hidden" name="product-id" value="14854886031723" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
937956" /></form> 9380 </div><button 9381 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572103_culture-blooming', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 9382 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572103_culture-blooming', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 9383 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572103_culture-blooming", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854886031723-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 9384 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 9385 aria-label="Button quickview" 9386 x-customer-event-data="{ 9387 "product": { 9388 "title": "Culture Blooming", 9389 "listName": "New Releases", 9390 "sku": "14854886031723", 9391 "currencyCode": "USD", 9392 "price": 2295, 9393 "vendor": "Abi Adamson" 9394 } 9395 }" 9396 x-show="$store.xQuickView.enabled" 9397 > 9398 <span class="flex justify-center items-center"> 9399 9400 9401 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 9402 9403 9404 </span> 9405 </button> 9406 </div> 9407 </template> 9408 9409 </div> 9410</div> 9411 9412 9413<div 9414 9415 x-data="{ showOptions: false, options: [] }" 9416 9417 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 9418 x-slide-index="6" 9419> 9420 <div 9421 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 9422 > 9423 <style data-shopify> 9424 9425 </style> 9426 9427 <style data-shopify> 9428 9429 </style> 9430 <a 9431 9432 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 9433 9434 href="/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you" 9435 9436 x-data="{ lastWindowWidth: 0 }" 9437 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 9438 x-labels-data="[{ 9439 "variant_id": 52653074612587, 9440 "product_id": 14854885998955, 9441 "available": true, 9442 "title": "What Your Team Won&#39;t Tell You", 9443 "compare_at_price": 0, 9444 "price": 2295, 9445 "price_with_currency": "$22.95", 9446 "sale_amount": "$-22.95", 9447 "collections": "||641199341931||639249514859||639269732715||639249744235||636503097707||636480389483||636473475435||639252758891||639269339499||", 9448 "inventory_management": "shopify", 9449 "qty": 1978, 9450 "container": "card", 9451 "can_show_preorder": false, 9452 "diff_day_create": 299.33, 9453 "diff_day_publish": 299.33 9454 9455 ,"metafield_label": { 9456 "custom.format2":"Paperback" 9457 } 9458 9459 }]" 9460 9461 aria-label="What Your Team Won't Tell You" 9462 id="14854885998955-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
946256" 9463 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 9464 <div x-data="xDoubleTouch('/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 9465 <div 9466 id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-7-6" 9467 class="block h-full" 9468 @click='$store.xCustomerEvent.fire("product_selected", $el)' 9469 x-customer-event-data="{ 9470 "product": { 9471 "title": "What Your Team Won&#39;t Tell You", 9472 "listName": "New Releases", 9473 "sku": "14854885998955", 9474 "currencyCode": "USD", 9475 "price": 2295, 9476 "vendor": "Tanya Uyigue" 9477 } 9478 }" 9479 > 9480<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 9481 > 9482 9483 <picture> 9484 <img 9485 srcset="//bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=450 450w, 9486 //bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=750 750w, 9487 //bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=900 900w, 9488 //bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=1100 1100w, 9489 //bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878 419w" 9490 src="//bkconnection.com/cdn/shop/files/9798890571960.jpg?v=1789087878&width=1500" 9491 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 9492 alt="Cover image for What Your Team Won't Tell You, isbn: 9798890571960" 9493 :class="showSecond ? 'first-img' : ''" 9494 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 9495 loading="lazy" 9496 width="419" 9497 height="648" 9498 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 9499 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 9500 /> 9501 </picture> 9502 9503 </div></div> 9504 </div> 9505 9506 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 9507 x-show="$store.xQuickView" x-cloak 9508 > 9509 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 9510 class="w-full hide-icon lg:px-4" 9511 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 9512 x-cloak 9513 > 9514<form method="post" action="/cart/add" id="product-form-choose-option14854885998955207" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52653074612587"> 9515 9516 9517 <button 9518 type="submit" 9519 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
951956-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 9520 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 9521 9522 9523 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 9524 9525aria-label="Add to cart" 9526 9527 9528 > 9529 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 9530 <span class="flex items-center justify-center"> 9531 9532 9533 9534 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 9535 9536 9537 9538 </span></span> 9539 <div 9540 class="flex gap-x-2 items-center justify-center" 9541 role="alert" 9542 x-cloak 9543 x-show="errorMessage" 9544 > 9545 Sold out 9546 </div> 9547 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 9548 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 9549 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 9550 fill="currentcolor" stroke="none"> 9551 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 9552 </g> 9553 </svg> 9554 9555 </div> 9556 </button> 9557 <button 9558 type="submit" 9559 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 9560 9561 9562 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 9563 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 9564 9565aria-label="Add to cart" 9566 9567 9568 x-customer-event-data="{ 9569 "product": { 9570 "title": "What Your Team Won&#39;t Tell You", 9571 "listName": "New Releases", 9572 "sku": "14854885998955", 9573 "currencyCode": "USD", 9574 "price": 2295, 9575 "vendor": "Tanya Uyigue" 9576 } 9577 }" 9578 > 9579 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 9580 <g> 9581 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9582 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
958214948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9583 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9584 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9585 </g> 9586 </svg></span> 9587 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 9588 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 9589 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 9590 fill="currentcolor" stroke="none"> 9591 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 9592 </g> 9593 </svg> 9594 9595 </span> 9596 </button><input type="hidden" name="product-id" value="14854885998955" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 9597 </div> 9598 </div><div 9599 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 9600 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 9601 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 9602 > 9603 <div> 9604 <button 9605 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 9606 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 9607 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 9608 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 9609 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 9610 x-customer-event-data="{ 9611 "product": { 9612 "title": "What Your Team Won&#39;t Tell You", 9613 "listName": "New Releases", 9614 "sku": "14854885998955", 9615 "currencyCode": "USD", 9616 "price": 2295, 9617 "vendor": "Tanya Uyigue" 9618 } 9619 }" 9620 aria-label="Button quickview" 9621 > 9622 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
9622ox="0 0 16 16" fill="none" style="fill:none;"> 9623 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9624 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9625 </svg> 9626</span> 9627 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 9628 9629 9630 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 9631 9632 9633 </span> 9634 </button> 9635 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 9636 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 9637 aria-label="Button quickview" 9638 x-customer-event-data="{ 9639 "product": { 9640 "title": "What Your Team Won&#39;t Tell You", 9641 "listName": "New Releases", 9642 "sku": "14854885998955", 9643 "currencyCode": "USD", 9644 "price": 2295, 9645 "vendor": "Tanya Uyigue" 9646 } 9647 }" 9648 > 9649 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 9650 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9651 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 9652 </svg> 9653</span> 9654 </button> 9655 </div> 9656 </div> 9657 </div> 9658 9659 </a> 9660 9661 9662 <div class="md:list-layout:hidden"> 9663 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 9664 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 9665 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955"> 9666 <a href="/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you" 9667 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 9668 @click='$store.xCustomerEvent.fire("product_selected", $el)' 9669 x-customer-event-data="{ 9670 "product": { 9671 "title": "What Your Team Won&#39;t Tell You", 9672 "listName": "New Releases", 9673 "sku": "14854885998955", 9674 "currencyCode": "USD", 9675 "price": 2295, 9676 "vendor": "Tanya Uyigue" 9677 } 9678 }" 9679 > 9680 What Your Team Won't Tell You 9681 </a> 9682 </h3> 9683 9684 9685 9686 9687<div 9688 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 9689><div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars"> 9690 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
9690ox="0 0 512 512" xml:space="preserve"> 9691 <g> 9692 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9693 </g> 9694 </svg> 9695 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 9696 <g> 9697 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9698 </g> 9699 </svg> 9700 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 9701 <g> 9702 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9703 </g> 9704 </svg> 9705 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 9706 <g> 9707 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9708 </g> 9709 </svg> 9710 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 9711 <g> 9712 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9713 </g> 9714 </svg> 9715 </div> 9716 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(1) 9717 </p></div> 9718 9719<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 9720 9721 9722 <div class=" price leading-none"> 9723 <div class=""> 9724 9725 <div class="hidden">2295</div><p class="price">
9726 <span>$22.95</span> 9727 </p><small class="text-[70%] hidden"> 9728 <span class="hidden">Unit price</span> 9729 <span class="up price-item price-item--last"> 9730 <span> 9731 9732 </span> 9733 <span aria-hidden="true">/</span> 9734 <span class="hidden"> per </span> 9735 <span> 9736 </span> 9737 </span> 9738 </small> 9739 9740 </div> 9741 9742</div> 9743 9744 <div class="next-price empty:hidden"></div> 9745 </div> 9746 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14854885998955', [641199341931, 639249514859, 639269732715, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639269339499])"><div 9747 x-data='{ 9748 storeAvailabilites: {}, 9749 pickupLocation: [] 9750 }' 9751 class="mb-3" 9752 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 9753> 9754 <style data-shopify> 9755 .text-available, .text-unavailable { 9756 font-size: 0.669375rem; 9757 font-family: var(--font-body-family); 9758 } 9759 9760 @media (min-width: 768px) { 9761 .text-available, .text-unavailable { 9762 font-size: 0.74375rem; 9763 } 9764 } 9765 9766 .text-available { 9767 color: #6b762d; 9768 } 9769 9770 .dark .text-available { 9771 color: #858F4D; 9772 } 9773 9774 .text-unavailable { 9775 color: #767474; 9776 } 9777 9778 .dark .text-unavailable { 9779 color: #867F7F; 9780 } 9781 </style> 9782 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 9783 <span class="flex h-4 w-4 relative"> 9784<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9785 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 9786 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 9787</svg> 9788 9789</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 9790 </div> 9791 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 9792 <span class="flex h-4 w-4 relative"> 9793<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9794 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 9795 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 9796</svg> 9797 9798</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 9799 </div> 9800</div></div> 9801 </div> 9802 </div> 9803 </div> 9804 9805 </div> 9806 <div 9807 id="x-product-template-14854885998955-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-7" 9808 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 9809 > 9810 <div class="hidden md:list-layout:block"> 9811 9812 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 9813 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 9814 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955"> 9815 <a href="/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you" 9816 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 9817 @click='$store.xCustomerEvent.fire("product_selected", $el)' 9818 x-customer-event-data="{ 9819 "product": { 9820 "title": "What Your Team Won&#39;t Tell You", 9821 "listName": "New Releases", 9822 "sku": "14854885998955", 9823 "currencyCode": "USD", 9824 "price": 2295, 9825 "vendor": "Tanya Uyigue" 9826 } 9827 }" 9828 > 9829 What Your Team Won't Tell You 9830 </a> 9831 </h3> 9832 9833 9834 9835 9836<div 9837 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 9838><div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars"> 9839 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
9839ox="0 0 512 512" xml:space="preserve"> 9840 <g> 9841 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9842 </g> 9843 </svg> 9844 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 9845 <g> 9846 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9847 </g> 9848 </svg> 9849 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 9850 <g> 9851 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9852 </g> 9853 </svg> 9854 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 9855 <g> 9856 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9857 </g> 9858 </svg> 9859 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 9860 <g> 9861 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 9862 </g> 9863 </svg> 9864 </div> 9865 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(1) 9866 </p></div> 9867 9868<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 9869 9870 9871 <div class=" price leading-none"> 9872 <div class=""> 9873 9874 <div class="hidden">2295</div><p class="price">
9875 <span>$22.95</span> 9876 </p><small class="text-[70%] hidden"> 9877 <span class="hidden">Unit price</span> 9878 <span class="up price-item price-item--last"> 9879 <span> 9880 9881 </span> 9882 <span aria-hidden="true">/</span> 9883 <span class="hidden"> per </span> 9884 <span> 9885 </span> 9886 </span> 9887 </small> 9888 9889 </div> 9890 9891</div> 9892 9893 <div class="next-price empty:hidden"></div> 9894 </div> 9895 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14854885998955', [641199341931, 639249514859, 639269732715, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639269339499])"><div 9896 x-data='{ 9897 storeAvailabilites: {}, 9898 pickupLocation: [] 9899 }' 9900 class="mb-3" 9901 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 9902> 9903 <style data-shopify> 9904 .text-available, .text-unavailable { 9905 font-size: 0.669375rem; 9906 font-family: var(--font-body-family); 9907 } 9908 9909 @media (min-width: 768px) { 9910 .text-available, .text-unavailable { 9911 font-size: 0.74375rem; 9912 } 9913 } 9914 9915 .text-available { 9916 color: #6b762d; 9917 } 9918 9919 .dark .text-available { 9920 color: #858F4D; 9921 } 9922 9923 .text-unavailable { 9924 color: #767474; 9925 } 9926 9927 .dark .text-unavailable { 9928 color: #867F7F; 9929 } 9930 </style> 9931 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 9932 <span class="flex h-4 w-4 relative"> 9933<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9934 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 9935 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 9936</svg> 9937 9938</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 9939 </div> 9940 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 9941 <span class="flex h-4 w-4 relative"> 9942<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9943 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 9944 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 9945</svg> 9946 9947</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 9948 </div> 9949</div></div> 9950 </div> 9951 </div> 9952 9953 </div> 9954 9955 9956 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 9957 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890571960_what-your-team-wont-tell-you'); 9958 });"></div> 9959 <div 9960 id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 9961 class="current-variant hidden" 9962 > 9963 52653074612587 9964 </div> 9965 9966 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 9967 9968 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 9969 class="card-info bottom_atc md:list-layout:hidden hide-icon" 9970 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 9971 x-cloak 9972 > 9973 9974<form method="post" action="/cart/add" id="product-form-choose-option14854885998955207" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52653074612587"> 9975 9976 9977 <button 9978 type="submit" 9979 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
997956-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 9980 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 9981 9982 9983 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 9984 9985aria-label="Add to cart" 9986 9987 9988 > 9989 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 9990 <span class="flex items-center justify-center"> 9991 9992 9993 9994 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 9995 9996 9997 9998 </span></span> 9999 <div 10000 class="flex gap-x-2 items-center justify-center" 10001 role="alert" 10002 x-cloak 10003 x-show="errorMessage" 10004 > 10005 Sold out 10006 </div> 10007 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 10008 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10009 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10010 fill="currentcolor" stroke="none"> 10011 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 10012 </g> 10013 </svg> 10014 10015 </div> 10016 </button><input type="hidden" name="product-id" value="14854885998955" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 10017 </div></template> 10018 10019 10020 <template x-if="$store.xQuickView"> 10021 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 10022 10023<form method="post" action="/cart/add" id="product-form-choose-option14854885998955207" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52653074612587"> 10024 10025 10026 <button 10027 type="submit" 10028 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 10029 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 10030 10031 10032 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10033 10034aria-label="Add to cart" 10035 10036 10037 > 10038 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10039 <span class="flex items-center justify-center"> 10040 10041 10042 10043 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 10044 10045 10046 10047 </span></span> 10048 <div 10049 class="flex gap-x-2 items-center justify-center" 10050 role="alert" 10051 x-cloak 10052 x-show="errorMessage" 10053 > 10054 Sold out 10055 </div> 10056 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 10057 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10058 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10059 fill="currentcolor" stroke="none"> 10060 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 10061 </g> 10062 </svg> 10063 10064 </div> 10065 </button><button 10066 type="submit" 10067 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 10068 10069 10070 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 10071 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10072 10073aria-label="Add to cart" 10074 10075 10076 x-customer-event-data="{ 10077 "product": { 10078 "title": "What Your Team Won&#39;t Tell You", 10079 "listName": "New Releases", 10080 "sku": "14854885998955", 10081 "currencyCode": "USD", 10082 "price": 2295, 10083 "vendor": "Tanya Uyigue" 10084 } 10085 }" 10086 > 10087 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 10088 <g> 10089 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10090 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10091 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10092 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10093 </g> 10094 </svg></span> 10095 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 10096 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10097 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10098 fill="currentcolor" stroke="none"> 10099 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 10100 </g> 10101 </svg> 10102 10103 </span> 10104 </button><input type="hidden" name="product-id" value="14854885998955" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1010456" /></form> 10105 </div><button 10106 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 10107 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 10108 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890571960_what-your-team-wont-tell-you", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885998955-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 10109 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 10110 aria-label="Button quickview" 10111 x-customer-event-data="{ 10112 "product": { 10113 "title": "What Your Team Won&#39;t Tell You", 10114 "listName": "New Releases", 10115 "sku": "14854885998955", 10116 "currencyCode": "USD", 10117 "price": 2295, 10118 "vendor": "Tanya Uyigue" 10119 } 10120 }" 10121 x-show="$store.xQuickView.enabled" 10122 > 10123 <span class="flex justify-center items-center"> 10124 10125 10126 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 10127 10128 10129 </span> 10130 </button> 10131 </div> 10132 </template> 10133 10134 </div> 10135</div> 10136 10137 10138<div 10139 10140 x-data="{ showOptions: false, options: [] }" 10141 10142 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 10143 x-slide-index="7" 10144> 10145 <div 10146 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 10147 > 10148 <style data-shopify> 10149 10150 </style> 10151 10152 <style data-shopify> 10153 10154 </style> 10155 <a 10156 10157 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 10158 10159 href="/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition" 10160 10161 x-data="{ lastWindowWidth: 0 }" 10162 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 10163 x-labels-data="[{ 10164 "variant_id": 52653074579819, 10165 "product_id": 14854885966187, 10166 "available": true, 10167 "title": "The 4 Stages of Psychological Safety, Second Edition", 10168 "compare_at_price": 0, 10169 "price": 2895, 10170 "price_with_currency": "$28.95", 10171 "sale_amount": "$-28.95", 10172 "collections": "||641199341931||639249514859||639269732715||639249744235||636503097707||636480389483||636473475435||639252758891||639269339499||", 10173 "inventory_management": "shopify", 10174 "qty": 1515, 10175 "container": "card", 10176 "can_show_preorder": false, 10177 "diff_day_create": 299.33, 10178 "diff_day_publish": 299.33 10179 10180 ,"metafield_label": { 10181 "custom.format2":"Paperback" 10182 } 10183 10184 }]" 10185 10186 aria-label="The 4 Stages of Psychological Safety, Second Edition" 10187 id="14854885966187-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1018756" 10188 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 10189 <div x-data="xDoubleTouch('/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 10190 <div 10191 id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-8-7" 10192 class="block h-full" 10193 @click='$store.xCustomerEvent.fire("product_selected", $el)' 10194 x-customer-event-data="{ 10195 "product": { 10196 "title": "The 4 Stages of Psychological Safety, Second Edition", 10197 "listName": "New Releases", 10198 "sku": "14854885966187", 10199 "currencyCode": "USD", 10200 "price": 2895, 10201 "vendor": "Timothy R. Clark" 10202 } 10203 }" 10204 > 10205<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 10206 > 10207 10208 <picture> 10209 <img 10210 srcset="//bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=450 450w, 10211 //bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=750 750w, 10212 //bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=900 900w, 10213 //bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=1100 1100w, 10214 //bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878 432w" 10215 src="//bkconnection.com/cdn/shop/files/9798890572035.jpg?v=1789087878&width=1500" 10216 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 10217 alt="Cover image for The 4 Stages of Psychological Safety, Second Edition, isbn: 9798890572035" 10218 :class="showSecond ? 'first-img' : ''" 10219 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 10220 loading="lazy" 10221 width="432" 10222 height="648" 10223 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 10224 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 10225 /> 10226 </picture> 10227 10228 </div></div> 10229 </div> 10230 10231 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 10232 x-show="$store.xQuickView" x-cloak 10233 > 10234 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 10235 class="w-full hide-icon lg:px-4" 10236 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 10237 x-cloak 10238 > 10239<form method="post" action="/cart/add" id="product-form-choose-option14854885966187208" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52653074579819"> 10240 10241 10242 <button 10243 type="submit" 10244 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1024456-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 10245 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 10246 10247 10248 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10249 10250aria-label="Add to cart" 10251 10252 10253 > 10254 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 10255 <span class="flex items-center justify-center"> 10256 10257 10258 10259 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 10260 10261 10262 10263 </span></span> 10264 <div 10265 class="flex gap-x-2 items-center justify-center" 10266 role="alert" 10267 x-cloak 10268 x-show="errorMessage" 10269 > 10270 Sold out 10271 </div> 10272 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 10273 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10274 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10275 fill="currentcolor" stroke="none"> 10276 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 10277 </g> 10278 </svg> 10279 10280 </div> 10281 </button> 10282 <button 10283 type="submit" 10284 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 10285 10286 10287 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 10288 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10289 10290aria-label="Add to cart" 10291 10292 10293 x-customer-event-data="{ 10294 "product": { 10295 "title": "The 4 Stages of Psychological Safety, Second Edition", 10296 "listName": "New Releases", 10297 "sku": "14854885966187", 10298 "currencyCode": "USD", 10299 "price": 2895, 10300 "vendor": "Timothy R. Clark" 10301 } 10302 }" 10303 > 10304 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 10305 <g> 10306 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10307 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.
1030714948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10308 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10309 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10310 </g> 10311 </svg></span> 10312 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 10313 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10314 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10315 fill="currentcolor" stroke="none"> 10316 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 10317 </g> 10318 </svg> 10319 10320 </span> 10321 </button><input type="hidden" name="product-id" value="14854885966187" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 10322 </div> 10323 </div><div 10324 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 10325 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 10326 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 10327 > 10328 <div> 10329 <button 10330 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 10331 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 10332 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 10333 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 10334 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 10335 x-customer-event-data="{ 10336 "product": { 10337 "title": "The 4 Stages of Psychological Safety, Second Edition", 10338 "listName": "New Releases", 10339 "sku": "14854885966187", 10340 "currencyCode": "USD", 10341 "price": 2895, 10342 "vendor": "Timothy R. Clark" 10343 } 10344 }" 10345 aria-label="Button quickview" 10346 > 10347 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
10347ox="0 0 16 16" fill="none" style="fill:none;"> 10348 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10349 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10350 </svg> 10351</span> 10352 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 10353 10354 10355 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 10356 10357 10358 </span> 10359 </button> 10360 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 10361 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 10362 aria-label="Button quickview" 10363 x-customer-event-data="{ 10364 "product": { 10365 "title": "The 4 Stages of Psychological Safety, Second Edition", 10366 "listName": "New Releases", 10367 "sku": "14854885966187", 10368 "currencyCode": "USD", 10369 "price": 2895, 10370 "vendor": "Timothy R. Clark" 10371 } 10372 }" 10373 > 10374 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 10375 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10376 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10377 </svg> 10378</span> 10379 </button> 10380 </div> 10381 </div> 10382 </div> 10383 10384 </a> 10385 10386 10387 <div class="md:list-layout:hidden"> 10388 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 10389 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 10390 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187"> 10391 <a href="/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition" 10392 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 10393 @click='$store.xCustomerEvent.fire("product_selected", $el)' 10394 x-customer-event-data="{ 10395 "product": { 10396 "title": "The 4 Stages of Psychological Safety, Second Edition", 10397 "listName": "New Releases", 10398 "sku": "14854885966187", 10399 "currencyCode": "USD", 10400 "price": 2895, 10401 "vendor": "Timothy R. Clark" 10402 } 10403 }" 10404 > 10405 The 4 Stages of Psychological Safety, Second Edition 10406 </a> 10407 </h3> 10408 10409 10410 10411 10412<div 10413 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 10414><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 10415 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
10415ox="0 0 512 512" xml:space="preserve"> 10416 <g> 10417 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 10418 </g> 10419 </svg> 10420 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 10421 <g> 10422 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 10423 </g> 10424 </svg> 10425 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 10426 <g> 10427 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 10428 </g> 10429 </svg> 10430 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 10431 <g> 10432 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 10433 </g> 10434 </svg> 10435 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 10436 <g> 10437 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 10438 </g> 10439 </svg> 10440 </div> 10441 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 10442 </p></div> 10443 10444<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 10445 10446 10447 <div class=" price leading-none"> 10448 <div class=""> 10449 10450 <div class="hidden">2895</div><p class="price">
10451 <span>$28.95</span> 10452 </p><small class="text-[70%] hidden"> 10453 <span class="hidden">Unit price</span> 10454 <span class="up price-item price-item--last"> 10455 <span> 10456 10457 </span> 10458 <span aria-hidden="true">/</span> 10459 <span class="hidden"> per </span> 10460 <span> 10461 </span> 10462 </span> 10463 </small> 10464 10465 </div> 10466 10467</div> 10468 10469 <div class="next-price empty:hidden"></div> 10470 </div> 10471 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14854885966187', [641199341931, 639249514859, 639269732715, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639269339499])"><div 10472 x-data='{ 10473 storeAvailabilites: {}, 10474 pickupLocation: [] 10475 }' 10476 class="mb-3" 10477 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 10478> 10479 <style data-shopify> 10480 .text-available, .text-unavailable { 10481 font-size: 0.669375rem; 10482 font-family: var(--font-body-family); 10483 } 10484 10485 @media (min-width: 768px) { 10486 .text-available, .text-unavailable { 10487 font-size: 0.74375rem; 10488 } 10489 } 10490 10491 .text-available { 10492 color: #6b762d; 10493 } 10494 10495 .dark .text-available { 10496 color: #858F4D; 10497 } 10498 10499 .text-unavailable { 10500 color: #767474; 10501 } 10502 10503 .dark .text-unavailable { 10504 color: #867F7F; 10505 } 10506 </style> 10507 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 10508 <span class="flex h-4 w-4 relative"> 10509<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10510 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 10511 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 10512</svg> 10513 10514</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 10515 </div> 10516 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 10517 <span class="flex h-4 w-4 relative"> 10518<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10519 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 10520 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 10521</svg> 10522 10523</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 10524 </div> 10525</div></div> 10526 </div> 10527 </div> 10528 </div> 10529 10530 </div> 10531 <div 10532 id="x-product-template-14854885966187-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-8" 10533 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 10534 > 10535 <div class="hidden md:list-layout:block"> 10536 10537 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 10538 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 10539 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187"> 10540 <a href="/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition" 10541 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 10542 @click='$store.xCustomerEvent.fire("product_selected", $el)' 10543 x-customer-event-data="{ 10544 "product": { 10545 "title": "The 4 Stages of Psychological Safety, Second Edition", 10546 "listName": "New Releases", 10547 "sku": "14854885966187", 10548 "currencyCode": "USD", 10549 "price": 2895, 10550 "vendor": "Timothy R. Clark" 10551 } 10552 }" 10553 > 10554 The 4 Stages of Psychological Safety, Second Edition 10555 </a> 10556 </h3> 10557 10558 10559 10560 10561<div 10562 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 10563><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 10564 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
10564ox="0 0 512 512" xml:space="preserve"> 10565 <g> 10566 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 10567 </g> 10568 </svg> 10569 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 10570 <g> 10571 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 10572 </g> 10573 </svg> 10574 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 10575 <g> 10576 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 10577 </g> 10578 </svg> 10579 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 10580 <g> 10581 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 10582 </g> 10583 </svg> 10584 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 10585 <g> 10586 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 10587 </g> 10588 </svg> 10589 </div> 10590 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 10591 </p></div> 10592 10593<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 10594 10595 10596 <div class=" price leading-none"> 10597 <div class=""> 10598 10599 <div class="hidden">2895</div><p class="price">
10600 <span>$28.95</span> 10601 </p><small class="text-[70%] hidden"> 10602 <span class="hidden">Unit price</span> 10603 <span class="up price-item price-item--last"> 10604 <span> 10605 10606 </span> 10607 <span aria-hidden="true">/</span> 10608 <span class="hidden"> per </span> 10609 <span> 10610 </span> 10611 </span> 10612 </small> 10613 10614 </div> 10615 10616</div> 10617 10618 <div class="next-price empty:hidden"></div> 10619 </div> 10620 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14854885966187', [641199341931, 639249514859, 639269732715, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639269339499])"><div 10621 x-data='{ 10622 storeAvailabilites: {}, 10623 pickupLocation: [] 10624 }' 10625 class="mb-3" 10626 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 10627> 10628 <style data-shopify> 10629 .text-available, .text-unavailable { 10630 font-size: 0.669375rem; 10631 font-family: var(--font-body-family); 10632 } 10633 10634 @media (min-width: 768px) { 10635 .text-available, .text-unavailable { 10636 font-size: 0.74375rem; 10637 } 10638 } 10639 10640 .text-available { 10641 color: #6b762d; 10642 } 10643 10644 .dark .text-available { 10645 color: #858F4D; 10646 } 10647 10648 .text-unavailable { 10649 color: #767474; 10650 } 10651 10652 .dark .text-unavailable { 10653 color: #867F7F; 10654 } 10655 </style> 10656 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 10657 <span class="flex h-4 w-4 relative"> 10658<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10659 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 10660 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 10661</svg> 10662 10663</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 10664 </div> 10665 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 10666 <span class="flex h-4 w-4 relative"> 10667<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 10668 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 10669 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 10670</svg> 10671 10672</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 10673 </div> 10674</div></div> 10675 </div> 10676 </div> 10677 10678 </div> 10679 10680 10681 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 10682 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890572035_the-4-stages-of-psychological-safety-second-edition'); 10683 });"></div> 10684 <div 10685 id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 10686 class="current-variant hidden" 10687 > 10688 52653074579819 10689 </div> 10690 10691 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 10692 10693 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 10694 class="card-info bottom_atc md:list-layout:hidden hide-icon" 10695 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 10696 x-cloak 10697 > 10698 10699<form method="post" action="/cart/add" id="product-form-choose-option14854885966187208" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52653074579819"> 10700 10701 10702 <button 10703 type="submit" 10704 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1070456-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 10705 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 10706 10707 10708 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10709 10710aria-label="Add to cart" 10711 10712 10713 > 10714 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 10715 <span class="flex items-center justify-center"> 10716 10717 10718 10719 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 10720 10721 10722 10723 </span></span> 10724 <div 10725 class="flex gap-x-2 items-center justify-center" 10726 role="alert" 10727 x-cloak 10728 x-show="errorMessage" 10729 > 10730 Sold out 10731 </div> 10732 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 10733 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10734 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10735 fill="currentcolor" stroke="none"> 10736 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 10737 </g> 10738 </svg> 10739 10740 </div> 10741 </button><input type="hidden" name="product-id" value="14854885966187" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 10742 </div></template> 10743 10744 10745 <template x-if="$store.xQuickView"> 10746 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 10747 10748<form method="post" action="/cart/add" id="product-form-choose-option14854885966187208" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52653074579819"> 10749 10750 10751 <button 10752 type="submit" 10753 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 10754 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 10755 10756 10757 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10758 10759aria-label="Add to cart" 10760 10761 10762 > 10763 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
10764 <span class="flex items-center justify-center"> 10765 10766 10767 10768 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 10769 10770 10771 10772 </span></span> 10773 <div 10774 class="flex gap-x-2 items-center justify-center" 10775 role="alert" 10776 x-cloak 10777 x-show="errorMessage" 10778 > 10779 Sold out 10780 </div> 10781 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 10782 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10783 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10784 fill="currentcolor" stroke="none"> 10785 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 10786 </g> 10787 </svg> 10788 10789 </div> 10790 </button><button 10791 type="submit" 10792 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 10793 10794 10795 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 10796 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10797 10798aria-label="Add to cart" 10799 10800 10801 x-customer-event-data="{ 10802 "product": { 10803 "title": "The 4 Stages of Psychological Safety, Second Edition", 10804 "listName": "New Releases", 10805 "sku": "14854885966187", 10806 "currencyCode": "USD", 10807 "price": 2895, 10808 "vendor": "Timothy R. Clark" 10809 } 10810 }" 10811 > 10812 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 10813 <g> 10814 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10815 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10816 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10817 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 10818 </g> 10819 </svg></span> 10820 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 10821 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10822 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 10823 fill="currentcolor" stroke="none"> 10824 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 10825 </g> 10826 </svg> 10827 10828 </span> 10829 </button><input type="hidden" name="product-id" value="14854885966187" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1082956" /></form> 10830 </div><button 10831 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 10832 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 10833 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890572035_the-4-stages-of-psychological-safety-second-edition", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14854885966187-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 10834 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 10835 aria-label="Button quickview" 10836 x-customer-event-data="{ 10837 "product": { 10838 "title": "The 4 Stages of Psychological Safety, Second Edition", 10839 "listName": "New Releases", 10840 "sku": "14854885966187", 10841 "currencyCode": "USD", 10842 "price": 2895, 10843 "vendor": "Timothy R. Clark" 10844 } 10845 }" 10846 x-show="$store.xQuickView.enabled" 10847 > 10848 <span class="flex justify-center items-center"> 10849 10850 10851 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 10852 10853 10854 </span> 10855 </button> 10856 </div> 10857 </template> 10858 10859 </div> 10860</div> 10861 10862 10863<div 10864 10865 x-data="{ showOptions: false, options: [] }" 10866 10867 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 10868 x-slide-index="8" 10869> 10870 <div 10871 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 10872 > 10873 <style data-shopify> 10874 10875 </style> 10876 10877 <style data-shopify> 10878 10879 </style> 10880 <a 10881 10882 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 10883 10884 href="/collections/new-releases/products/9798890571724_bust-those-management-myths" 10885 10886 x-data="{ lastWindowWidth: 0 }" 10887 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 10888 x-labels-data="[{ 10889 "variant_id": 52185258230123, 10890 "product_id": 14734982054251, 10891 "available": true, 10892 "title": "Bust Those Management Myths", 10893 "compare_at_price": 0, 10894 "price": 2495, 10895 "price_with_currency": "$24.95", 10896 "sale_amount": "$-24.95", 10897 "collections": "||639249514859||639249744235||636503097707||636480389483||636473475435||639252758891||639269339499||", 10898 "inventory_management": "shopify", 10899 "qty": 1478, 10900 "container": "card", 10901 "can_show_preorder": false, 10902 "diff_day_create": 448.01, 10903 "diff_day_publish": 404.64 10904 10905 ,"metafield_label": { 10906 "custom.format2":"Paperback" 10907 } 10908 10909 }]" 10910 10911 aria-label="Bust Those Management Myths" 10912 id="14734982054251-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1091256" 10913 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 10914 <div x-data="xDoubleTouch('/collections/new-releases/products/9798890571724_bust-those-management-myths')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 10915 <div 10916 id="x-slideshow-card-product-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-9-8" 10917 class="block h-full" 10918 @click='$store.xCustomerEvent.fire("product_selected", $el)' 10919 x-customer-event-data="{ 10920 "product": { 10921 "title": "Bust Those Management Myths", 10922 "listName": "New Releases", 10923 "sku": "14734982054251", 10924 "currencyCode": "USD", 10925 "price": 2495, 10926 "vendor": "Henry Mintzberg" 10927 } 10928 }" 10929 > 10930<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 10931 > 10932 10933 <picture> 10934 <img 10935 srcset="//bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=450 450w, 10936 //bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=750 750w, 10937 //bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=900 900w, 10938 //bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=1100 1100w, 10939 //bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685 432w" 10940 src="//bkconnection.com/cdn/shop/files/9798890571724.jpg?v=1789591685&width=1500" 10941 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 10942 alt="Cover image for Bust Those Management Myths, isbn: 9798890571724" 10943 :class="showSecond ? 'first-img' : ''" 10944 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 10945 loading="lazy" 10946 width="432" 10947 height="648" 10948 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 10949 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 10950 /> 10951 </picture> 10952 10953 </div></div> 10954 </div> 10955 10956 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 10957 x-show="$store.xQuickView" x-cloak 10958 > 10959 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 10960 class="w-full hide-icon lg:px-4" 10961 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 10962 x-cloak 10963 > 10964<form method="post" action="/cart/add" id="product-form-choose-option14734982054251209" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185258230123"> 10965 10966 10967 <button 10968 type="submit" 10969 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1096956-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 10970 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 10971 10972 10973 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 10974 10975aria-label="Add to cart" 10976 10977 10978 > 10979 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 10980 <span class="flex items-center justify-center"> 10981 10982 10983 10984 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 10985 10986 10987 10988 </span></span> 10989 <div 10990 class="flex gap-x-2 items-center justify-center" 10991 role="alert" 10992 x-cloak 10993 x-show="errorMessage" 10994 > 10995 Sold out 10996 </div> 10997 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 10998 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 10999 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 11000 fill="currentcolor" stroke="none"> 11001 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 11002 </g> 11003 </svg> 11004 11005 </div> 11006 </button> 11007 <button 11008 type="submit" 11009 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 11010 11011 11012 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 11013 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 11014 11015aria-label="Add to cart" 11016 11017 11018 x-customer-event-data="{ 11019 "product": { 11020 "title": "Bust Those Management Myths", 11021 "listName": "New Releases", 11022 "sku": "14734982054251", 11023 "currencyCode": "USD", 11024 "price": 2495, 11025 "vendor": "Henry Mintzberg" 11026 } 11027 }" 11028 > 11029 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 11030 <g> 11031 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11032 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11033 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11034 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11035 </g> 11036 </svg></span>
11037 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 11038 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 11039 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 11040 fill="currentcolor" stroke="none"> 11041 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 11042 </g> 11043 </svg> 11044 11045 </span> 11046 </button><input type="hidden" name="product-id" value="14734982054251" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 11047 </div> 11048 </div><div 11049 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 11050 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 11051 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 11052 > 11053 <div> 11054 <button 11055 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 11056 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571724_bust-those-management-myths', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 11057 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571724_bust-those-management-myths', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 11058 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 11059 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 11060 x-customer-event-data="{ 11061 "product": { 11062 "title": "Bust Those Management Myths", 11063 "listName": "New Releases", 11064 "sku": "14734982054251", 11065 "currencyCode": "USD", 11066 "price": 2495, 11067 "vendor": "Henry Mintzberg" 11068 } 11069 }" 11070 aria-label="Button quickview" 11071 > 11072 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 11073 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11074 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11075 </svg> 11076</span>
11077 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 11078 11079 11080 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 11081 11082 11083 </span> 11084 </button> 11085 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890571724_bust-those-management-myths", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 11086 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 11087 aria-label="Button quickview" 11088 x-customer-event-data="{ 11089 "product": { 11090 "title": "Bust Those Management Myths", 11091 "listName": "New Releases", 11092 "sku": "14734982054251", 11093 "currencyCode": "USD", 11094 "price": 2495, 11095 "vendor": "Henry Mintzberg" 11096 } 11097 }" 11098 > 11099 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 11100 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11101 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11102 </svg> 11103</span> 11104 </button> 11105 </div> 11106 </div> 11107 </div> 11108 11109 </a> 11110 11111 11112 <div class="md:list-layout:hidden"> 11113 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 11114 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 11115 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251"> 11116 <a href="/collections/new-releases/products/9798890571724_bust-those-management-myths" 11117 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 11118 @click='$store.xCustomerEvent.fire("product_selected", $el)' 11119 x-customer-event-data="{ 11120 "product": { 11121 "title": "Bust Those Management Myths", 11122 "listName": "New Releases", 11123 "sku": "14734982054251", 11124 "currencyCode": "USD", 11125 "price": 2495, 11126 "vendor": "Henry Mintzberg" 11127 } 11128 }" 11129 > 11130 Bust Those Management Myths 11131 </a> 11132 </h3> 11133 11134 11135 11136 11137<div 11138 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 11139><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 11140 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 11141 <g> 11142 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 11143 </g> 11144 </svg> 11145 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
11145ox="0 0 512 512" xml:space="preserve"> 11146 <g> 11147 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 11148 </g> 11149 </svg> 11150 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 11151 <g> 11152 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 11153 </g> 11154 </svg> 11155 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 11156 <g> 11157 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 11158 </g> 11159 </svg> 11160 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 11161 <g> 11162 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 11163 </g> 11164 </svg> 11165 </div> 11166 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 11167 </p></div> 11168 11169<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 11170 11171 11172 <div class=" price leading-none"> 11173 <div class=""> 11174 11175 <div class="hidden">2495</div><p class="price"> 11176 <span>$24.95</span> 11177 </p><small class="text-[70%] hidden"> 11178 <span class="hidden">Unit price</span> 11179 <span class="up price-item price-item--last"> 11180 <span> 11181 11182 </span> 11183 <span aria-hidden="true">/</span> 11184 <span class="hidden"> per </span> 11185 <span> 11186 </span> 11187 </span> 11188 </small> 11189 11190 </div> 11191 11192</div> 11193 11194 <div class="next-price empty:hidden"></div> 11195 </div> 11196 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1119656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734982054251', [639249514859, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639269339499])"><div 11197 x-data='{ 11198 storeAvailabilites: {}, 11199 pickupLocation: [] 11200 }' 11201 class="mb-3" 11202 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 11203> 11204 <style data-shopify> 11205 .text-available, .text-unavailable { 11206 font-size: 0.669375rem; 11207 font-family: var(--font-body-family); 11208 } 11209 11210 @media (min-width: 768px) { 11211 .text-available, .text-unavailable { 11212 font-size: 0.74375rem; 11213 } 11214 } 11215 11216 .text-available { 11217 color: #6b762d; 11218 } 11219 11220 .dark .text-available { 11221 color: #858F4D; 11222 } 11223 11224 .text-unavailable { 11225 color: #767474; 11226 } 11227 11228 .dark .text-unavailable { 11229 color: #867F7F; 11230 } 11231 </style> 11232 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 11233 <span class="flex h-4 w-4 relative"> 11234<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 11235 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 11236 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 11237</svg> 11238 11239</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 11240 </div> 11241 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 11242 <span class="flex h-4 w-4 relative"> 11243<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 11244 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 11245 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 11246</svg> 11247 11248</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 11249 </div> 11250</div></div> 11251 </div> 11252 </div> 11253 </div> 11254 11255 </div> 11256 <div 11257 id="x-product-template-14734982054251-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-9" 11258 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 11259 > 11260 <div class="hidden md:list-layout:block"> 11261 11262 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 11263 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 11264 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251"> 11265 <a href="/collections/new-releases/products/9798890571724_bust-those-management-myths" 11266 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 11267 @click='$store.xCustomerEvent.fire("product_selected", $el)' 11268 x-customer-event-data="{ 11269 "product": { 11270 "title": "Bust Those Management Myths", 11271 "listName": "New Releases", 11272 "sku": "14734982054251", 11273 "currencyCode": "USD", 11274 "price": 2495, 11275 "vendor": "Henry Mintzberg" 11276 } 11277 }" 11278 > 11279 Bust Those Management Myths 11280 </a> 11281 </h3> 11282 11283 11284 11285 11286<div 11287 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 11288><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 11289 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
11289ox="0 0 512 512" xml:space="preserve"> 11290 <g> 11291 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 11292 </g> 11293 </svg> 11294 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 11295 <g> 11296 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 11297 </g> 11298 </svg> 11299 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 11300 <g> 11301 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 11302 </g> 11303 </svg> 11304 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 11305 <g> 11306 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 11307 </g> 11308 </svg> 11309 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 11310 <g> 11311 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 11312 </g> 11313 </svg> 11314 </div> 11315 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 11316 </p></div> 11317 11318<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 11319 11320 11321 <div class=" price leading-none"> 11322 <div class=""> 11323 11324 <div class="hidden">2495</div><p class="price">
11325 <span>$24.95</span> 11326 </p><small class="text-[70%] hidden"> 11327 <span class="hidden">Unit price</span> 11328 <span class="up price-item price-item--last"> 11329 <span> 11330 11331 </span> 11332 <span aria-hidden="true">/</span> 11333 <span class="hidden"> per </span> 11334 <span> 11335 </span> 11336 </span> 11337 </small> 11338 11339 </div> 11340 11341</div> 11342 11343 <div class="next-price empty:hidden"></div> 11344 </div> 11345 <div id="x-availability-notice-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734982054251', [639249514859, 639249744235, 636503097707, 636480389483, 636473475435, 639252758891, 639269339499])"><div 11346 x-data='{ 11347 storeAvailabilites: {}, 11348 pickupLocation: [] 11349 }' 11350 class="mb-3" 11351 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 11352> 11353 <style data-shopify> 11354 .text-available, .text-unavailable { 11355 font-size: 0.669375rem; 11356 font-family: var(--font-body-family); 11357 } 11358 11359 @media (min-width: 768px) { 11360 .text-available, .text-unavailable { 11361 font-size: 0.74375rem; 11362 } 11363 } 11364 11365 .text-available { 11366 color: #6b762d; 11367 } 11368 11369 .dark .text-available { 11370 color: #858F4D; 11371 } 11372 11373 .text-unavailable { 11374 color: #767474; 11375 } 11376 11377 .dark .text-unavailable { 11378 color: #867F7F; 11379 } 11380 </style> 11381 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 11382 <span class="flex h-4 w-4 relative"> 11383<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 11384 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 11385 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 11386</svg> 11387 11388</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 11389 </div> 11390 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 11391 <span class="flex h-4 w-4 relative"> 11392<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 11393 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 11394 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 11395</svg> 11396 11397</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 11398 </div> 11399</div></div> 11400 </div> 11401 </div> 11402 11403 </div> 11404 11405 11406 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 11407 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/9798890571724_bust-those-management-myths'); 11408 });"></div> 11409 <div 11410 id="current-variant-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 11411 class="current-variant hidden" 11412 > 11413 52185258230123 11414 </div> 11415 11416 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 11417 11418 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 11419 class="card-info bottom_atc md:list-layout:hidden hide-icon" 11420 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 11421 x-cloak 11422 > 11423 11424<form method="post" action="/cart/add" id="product-form-choose-option14734982054251209" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185258230123"> 11425 11426 11427 <button 11428 type="submit" 11429 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1142956-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 11430 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 11431 11432 11433 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 11434 11435aria-label="Add to cart" 11436 11437 11438 > 11439 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 11440 <span class="flex items-center justify-center"> 11441 11442 11443 11444 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 11445 11446 11447 11448 </span></span> 11449 <div 11450 class="flex gap-x-2 items-center justify-center" 11451 role="alert" 11452 x-cloak 11453 x-show="errorMessage" 11454 > 11455 Sold out 11456 </div> 11457 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 11458 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 11459 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 11460 fill="currentcolor" stroke="none"> 11461 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 11462 </g> 11463 </svg> 11464 11465 </div> 11466 </button><input type="hidden" name="product-id" value="14734982054251" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 11467 </div></template> 11468 11469 11470 <template x-if="$store.xQuickView"> 11471 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 11472 11473<form method="post" action="/cart/add" id="product-form-choose-option14734982054251209" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185258230123"> 11474 11475 11476 <button 11477 type="submit" 11478 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 11479 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 11480 11481 11482 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 11483 11484aria-label="Add to cart" 11485 11486 11487 > 11488 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
11489 <span class="flex items-center justify-center"> 11490 11491 11492 11493 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 11494 11495 11496 11497 </span></span> 11498 <div 11499 class="flex gap-x-2 items-center justify-center" 11500 role="alert" 11501 x-cloak 11502 x-show="errorMessage" 11503 > 11504 Sold out 11505 </div> 11506 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 11507 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 11508 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 11509 fill="currentcolor" stroke="none"> 11510 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 11511 </g> 11512 </svg> 11513 11514 </div> 11515 </button><button 11516 type="submit" 11517 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 11518 11519 11520 data-id="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1" 11521 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 11522 11523aria-label="Add to cart" 11524 11525 11526 x-customer-event-data="{ 11527 "product": { 11528 "title": "Bust Those Management Myths", 11529 "listName": "New Releases", 11530 "sku": "14734982054251", 11531 "currencyCode": "USD", 11532 "price": 2495, 11533 "vendor": "Henry Mintzberg" 11534 } 11535 }" 11536 > 11537 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 11538 <g> 11539 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11540 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11541 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11542 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 11543 </g> 11544 </svg></span> 11545 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 11546 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 11547 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 11548 fill="currentcolor" stroke="none"> 11549 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 11550 </g> 11551 </svg> 11552 11553 </span> 11554 </button><input type="hidden" name="product-id" value="14734982054251" /><input type="hidden" name="section-id" value="template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1155456" /></form> 11555 </div><button 11556 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571724_bust-those-management-myths', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 11557 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/new-releases/products/9798890571724_bust-those-management-myths', $el, 'template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1')" 11558 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/new-releases/products/9798890571724_bust-those-management-myths", $el, "template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-14734982054251-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 11559 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 11560 aria-label="Button quickview" 11561 x-customer-event-data="{ 11562 "product": { 11563 "title": "Bust Those Management Myths", 11564 "listName": "New Releases", 11565 "sku": "14734982054251", 11566 "currencyCode": "USD", 11567 "price": 2495, 11568 "vendor": "Henry Mintzberg" 11569 } 11570 }" 11571 x-show="$store.xQuickView.enabled" 11572 > 11573 <span class="flex justify-center items-center"> 11574 11575 11576 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 11577 11578 11579 </span> 11580 </button> 11581 </div> 11582 </template> 11583 11584 </div> 11585</div> 11586</div> 11587 </div> 11588 11589 <div class="splide__arrows flex items-center justify-center"> 11590 <button 11591 class="splide__arrow splide__arrow--prev button-arrow p-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:-rotate-90 rotate-90 opacity-100 disabled:cursor-not-allowed disabled:opacity-30 block md:block md:absolute md:top-1/2 md:-mt-6 rtl:md:left-auto rtl:md:right-0 md:left-0 md:duration-200 md:opacity-60 hover:opacity-100 md:transition-all md:ease-in-out md:-translate-x-full rtl:md:translate-x-full" 11592 aria-label="previous slide" 11593 > 11594 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 11595 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 11596 </svg> 11597 11598 </button> 11599 <button 11600 class="splide__arrow splide__arrow--next button-arrow p-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:rotate-90 -rotate-90 opacity-100 disabled:cursor-not-allowed disabled:opacity-30 block md:block md:absolute md:top-1/2 md:-mt-6 rtl:md:right-auto rtl:md:left-0 md:right-0 md:duration-200 md:opacity-60 hover:opacity-100 md:transition-all md:ease-in-out md:translate-x-full rtl:md:-translate-x-full" 11601 aria-label="next slide" 11602 > 11603 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 11604 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 11605 </svg> 11606 11607 </button> 11608 </div> 11609 11610<div class=" md:flex items-center hidden gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto"> 11611 <div class="splide-progress inline-block grow rounded-md"> 11612 <style data-shopify>.splide-progress-bar-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb76
1161256-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1 { 11613 width: 22.22222222222222%; 11614 } 11615 @media (min-width: 768px) { 11616 .splide-progress-bar-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1 { 11617 width: 55.55555555555556%; 11618 } 11619 }</style><div class="splide-progress-bar-template--24498228953451__e32885d8-0a8f-4c4f-8801-377d01cb7656-template--21828924539181__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection-1 splide-progress-bar rounded-md"></div> 11620 </div> 11621 </div></div> 11622 </div> 11623 </div> 11624 </div> 11625 </div> 11626 </div> 11627</div>
11628<script src="//bkconnection.com/cdn/shop/t/4/assets/preview-color-swatches.js?v=124028182148704388941747335364" defer></script>
11628 11629</div></div>
11630<script src="//bkconnection.com/cdn/shop/t/4/assets/featured-collection.js?v=168062212644831816131747335364" defer></script>
11630 11631 11632 11633</section><section id="shopify-section-template--24498228953451__image_with_text_CDKmkg" class="shopify-section section section-image-with-text x-section"><style data-shopify>.iwt--template--24498228953451__image_with_text_CDKmkg { 11634 11635 background: rgb(var(--colors-background-secondary)); 11636 --background-color: var(--colors-background-secondary); 11637 11638 } 11639 .dark .iwt--template--24498228953451__image_with_text_CDKmkg { 11640 11641 background: rgb(var(--colors-background-secondary)); 11642 --background-color: var(--colors-background-secondary); 11643 11644 }.border-radius-template--24498228953451__image_with_text_CDKmkg { 11645 border-radius: 9px; 11646 } 11647 @media screen and (min-width: 768px) {} 11648 .border--template--24498228953451__image_with_text_CDKmkg, .border--template--24498228953451__image_with_text_CDKmkg:before { 11649 11650 --colors-line-and-border: var(--colors-line-and-border-base) 11651 11652 } 11653 .dark .border--template--24498228953451__image_with_text_CDKmkg, .dark .border--template--24498228953451__image_with_text_CDKmkg:before { 11654 11655 --colors-line-and-border: var(--colors-line-and-border-base) 11656 11657 } 11658 .icon--template--24498228953451__image_with_text_CDKmkg { 11659 width: 31.5px; 11660 height: 31.5px; 11661 min-width: 31.5px; 11662 min-height: 31.5px; 11663 11664 color: #4d4a4b; 11665 11666 } 11667 @media (min-width: 1024px){ 11668 .icon--template--24498228953451__image_with_text_CDKmkg { 11669 width: 45px; 11670 height: 45px; 11671 min-width: 45px; 11672 min-height: 45px; 11673 } 11674 } 11675 .dark .icon--template--24498228953451__image_with_text_CDKmkg { 11676 11677 color: rgb(var(--colors-text)); 11678 11679 } 11680 11681 .dark .color-text--template--24498228953451__image_with_text_CDKmkg { 11682 11683 --colors-text: var(--colors-text-secondary); 11684 11685 } 11686 .columns-header-color--template--24498228953451__image_with_text_CDKmkg { 11687 11688 --colors-heading: var(--colors-heading-secondary); 11689 11690 } 11691 .dark .columns-header-color--template--24498228953451__image_with_text_CDKmkg { 11692 11693 --colors-heading: var(--colors-heading-secondary); 11694 11695 }</style><div class="ltr pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px] md:pl-5 md:pr-5 pr-5 pl-5"> 11696 <div 11697 class="image-with-text text-[rgb(var(--colors-text))] desktop-medium image-position-mobile-left image-position-right border-radius-template--24498228953451__image_with_text_CDKmkg stacked iwt--template--24498228953451__image_with_text_CDKmkg" 11698 > 11699 11700 <div class="iwt-image border-radius-template--24498228953451__image_with_text_CDKmkg md:w-1/2 promotion w-full flex"> 11701 <div class="promotion w-full relative md:h-auto min-h-[100%] md:promotion:h-[550px] md:promotion:pb-0 h-[400px] md:h-auto"> 11702 <div class="flex w-full h-full relative md:promotion:relative"> 11703 11704 11705 11706 11707 11708 <div class="border-radius-template--24498228953451__image_with_text_CDKmkg h-full w-full overflow-hidden h-full"> 11709 <parallax-image class="block h-full w-full"> 11710 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)"> 11711 <img 11712 class="h-full w-full object-cover border-radius-template--24498228953451__image_with_text_CDKmkg animate_transition_slide__image animate-Xpulse skeleton-image" 11713 srcset="//bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=450 450w, 11714 //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=750 750w, 11715 //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=900 900w, 11716 //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=1100 1100w, 11717 //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=1500 1500w, 11718 //bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912 4096w" 11719 src="//bkconnection.com/cdn/shop/files/reading-at-coffee-table.jpg?v=1753204912&width=1500" 11720 alt="" 11721 11722 loading="lazy" 11723 11724 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active');" 11725 sizes="(min-width: 1024px) 50vw, (min-width: 768px) 50vw, 100vw" 11726 width="4096" 11727 height="2731" 11728 style="object-position: 50.0% 50.0%" 11729 > 11730 </parallax-movement> 11731 </parallax-image> 11732 </div> 11733 11734 11735 11736 </div> 11737 </div> 11738 </div> 11739 <div class="md:w-1/2 w-full flex justify-center md:justify-start items-center md:justify-end iwt-content-no-overlap"> 11740 <div class="iwt-content w-full lg:pl-24 lg:pr-24"><style data-shopify>.heading-size--heading_PXWreQ { 11741 font-size: 1.08rem; 11742 } 11743 .color-text-heading_PXWreQ { 11744 11745 11746 } 11747 .dark .color-text-heading_PXWreQ { 11748 11749 --colors-heading: var(--colors-heading-secondary); 11750 11751 11752 --colors-text: var(--colors-text-secondary); 11753 11754 } 11755 @media (min-width: 768px) { 11756 .heading-size--heading_PXWreQ { 11757 font-size: 1.8rem; 11758 } 11759 }</style> 11760 11761 <div class="x-block-text color-text-heading_PXWreQ text-[rgb(var(--colors-text))] w-full mt-4 text-center"> 11762 11763 <p class="font-medium">Support independent publishing</p> 11764 11765 11766 11767 11768 11769<style data-shopify> 11770 .heading-heading_PXWreQ { 11771 11772 } 11773 .dark .heading-heading_PXWreQ { 11774 11775 --color-highlight: #4d6391; 11776 11777 } 11778</style> 11779 11780 11781 11782 <h2 class='heading-size--heading_PXWreQ heading-heading_PXWreQ h2 block mt-2 mb-1.5 md:mt-2.5 md:mb-3 ' 11783 > 11784 11785 11786 11787 MORE THAN A MEMBERSHIP 11788 11789 11790</h2> 11791 11792 11793 11794 11795 <div class="rte"><p>Since 1992, Berrett-Koehler has published books that challenge convention and spark change. Membership helps us keep doing that, and gives you discounts, exclusive author events, and free books every season in return.</p></div> 11796 11797 </div> 11798 11799 11800 11801 <style data-shopify> 11802 .button-button_8XPPF6, .button-button_8XPPF6 *:before { 11803 11804 11805 11806 11807 11808 11809 11810 } 11811 .dark .button-button_8XPPF6, .dark .button-button_8XPPF6 *:before { 11812 11813 --colors-button: 77, 99, 145; 11814 11815 11816 --colors-button-text: 40, 41, 40; 11817 11818 11819 --colors-button-hover: rgb(77, 99, 145); 11820 11821 11822 --colors-button-text-hover: 36, 36, 36; 11823 11824 11825 --colors-secondary-button: 255, 255, 255; 11826 --colors-line-secondary-button: 255, 255, 255; 11827 11828 11829 --background-secondary-button: transparent; 11830 11831 11832 --colors-text-link: 77, 99, 145; 11833 11834 } 11835 </style> 11836 <div class="button-button_8XPPF6 flex justify-center mb-9 md:mb-4 mt-4 md:mt-8"> 11837 11838 <a class="button button-solid leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="/pages/bk-community"> 11839 11840 11841 11842 <span class="button-text is-focus-button:opacity-0">Join the BK Community</span> 11843 11844 11845 11846 </a> 11847 11848 </div> 11849 11850 11851 11852 </div> 11853 </div> 11854 </div> 11855</div> 11856 11857</section><section id="shopify-section-template--24498228953451__featured_collection_PFy63t" class="shopify-section section section-featured-collection x-section"><style data-shopify>.heading-template--24498228953451__featured_collection_PFy63t { 11858 font-size: 1.35rem; 11859 } 11860 #shopify-section-template--24498228953451__featured_collection_PFy63t .collection-title .h4 { 11861 font-size: 0.875rem; 11862 } 11863 @media (min-width: 768px) { 11864 .heading-template--24498228953451__featured_collection_PFy63t { 11865 font-size: 2.25rem; 11866 } 11867 #shopify-section-template--24498228953451__featured_collection_PFy63t .collection-title .h4 { 11868 font-size: 0.7rem; 11869 } 11870 } 11871 @media (min-width: 1024px) { 11872 #shopify-section-template--24498228953451__featured_collection_PFy63t .collection-title .h4 { 11873 font-size: 0.875rem; 11874 } 11875 } 11876 11877 .collection-title .label-template--24498228953451__featured_collection_PFy63t { 11878 11879 11880 background: transparent; 11881 11882 11883 11884 } 11885 .collection-title .label-template--24498228953451__featured_collection_PFy63t.active, .collection-title .label-template--24498228953451__featured_collection_PFy63t.active:hover { 11886 11887 11888 background: rgba(77, 74, 75, 0.1); 11889 11890 11891 11892 } 11893 .collection-title .label-template--24498228953451__featured_collection_PFy63t:hover { 11894 11895 11896 background: rgba(77, 74, 75, 0.1); 11897 11898 11899 11900 } 11901 11902 .dark .collection-title .label-template--24498228953451__featured_collection_PFy63t { 11903 11904 11905 background: transparent; 11906 11907 11908 11909 } 11910 .dark .collection-title .label-template--24498228953451__featured_collection_PFy63t.active, .dark .collection-title .label-template--24498228953451__featured_collection_PFy63t.active:hover { 11911 11912 11913 background: rgba(255, 255, 255, 0.1); 11914 11915 11916 11917 } 11918 .dark .collection-title .label-template--24498228953451__featured_collection_PFy63t:hover { 11919 11920 11921 background: rgba(255, 255, 255, 0.1); 11922 11923 11924 11925 }</style> 11926 11927<div 11928 class="x-container-featured-collection pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px]" 11929 x-data="{ 11930 view_all_link: '/collections/bestsellers',
11931 setViewAllLink(url) { 11932 this.view_all_link = url; 11933 } 11934 }" 11935> 11936 <div class="collection_wrapper"><style data-shopify> 11937.collection-title-container.scrollbar-body::-webkit-scrollbar{ 11938 width: 1px; 11939 height: 2px; 11940} 11941</style> 11942 11943<div class="mb-4 md:mb-2 relative"> 11944 <div class="relative w-full bg-transparent"><div 11945 class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2" 11946 x-data='xFeaturedCollection("template--24498228953451__featured_collection_PFy63t", "page", $el)' 11947 > 11948 <div class="x-block-header pl-5 pr-5 flex flex-col items-center"><div class="section-header flex-auto mb-5 lg:mb-2 text-center"> 11949 11950 11951 11952<style data-shopify> 11953 .heading-template--24498228953451__featured_collection_PFy63t { 11954 11955 } 11956 .dark .heading-template--24498228953451__featured_collection_PFy63t { 11957 11958 --color-highlight: #4d6391; 11959 11960 } 11961</style> 11962 11963 11964 11965 <h2 class=' heading-template--24498228953451__featured_collection_PFy63t h2 block leading-tight p-break-words ' 11966 > 11967 11968 11969 11970 Bestsellers 11971 11972 11973</h2> 11974 11975 </div> 11976 11977 11978 </div><div class="flex justify-center pt-1.5 pb-1.5 md:pb-3 md:pt-3"> 11979 11980 <a 11981 x-cloak 11982 x-show="view_all_link" 11983 class="nav-link font-medium effect-inline relative flex items-center hover-text-link empty:hidden cursor-pointer gap-1" 11984 :href="view_all_link" 11985 :class="'opacity-70 hover:cursor-not-allowed' && view_all_link" 11986 > 11987 View all products<span class="w-2 h-2 inline-block mt-0.5 rtl:rotate-180" role="link" aria-label="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 8 9" fill="none" style="fill:none;"> 11988 <g> 11989 <path d="M4.5 0.642578L7.5 4.49972L4.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 11990 <path d="M0.5 0.642578L3.5 4.49972L0.5 8.35686" stroke="currentcolor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 11991 </g> 11992 </svg> 11993</span> 11994 </a> 11995 11996 </div><div class=" md:pl-5 md:pr-5 x-pgw page-width-mobile" x-show="loading"> 11997 11998 </div> 11999 12000 <div> 12001 12002 12003 12004 </div> 12005 <div class="animate-fade-in relative md:mt-4 lg:mt-8" 12006 id="x-fc-template--24498228953451__featured_collection_PFy63t-1" 12007 12008 > 12009 <style data-shopify> 12010 12011 @media (max-width: 767px) { 12012 .preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t { 12013 margin-right: 16px; 12014 12015 width: calc(((100% + 16px) / 2) - 16px); 12016 } 12017 } 12018 12019 12020 12021 @media (min-width: 768px){ 12022 .preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t { 12023 margin-right: 30px; 12024 12025 12026 width: calc(((100% + 30px) / 4) - 30px); 12027 12028 } 12029 } 12030 12031 @media (min-width: 1024px){ 12032 .preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t { 12033 width: calc(((100% + 30px) / 5) - 30px); 12034 } 12035 } 12036 12037 12038 12039 12040 </style> 12041 <div 12042 class=" carousel-mobile carousel-tablet md:pl-5 md:pr-5 pl-5 pr-5" 12043 x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `Bestsellers`, id: "collection" }}
12043)' 12044 ><div 12045 ><div 12046 id="x-collection-collection_hxQeQm" 12047 class="collection overflow-hidden x-splide visible splide" 12048 x-data-slider="template--24498228953451__featured_collection_PFy63t" 12049 x-intersect.once.margin.200px='$store.xSplide.load($el, { 12050 "speed": 1000, 12051 "pagination": false, 12052 "mediaQuery": "min", 12053 "updateOnMove": "true", 12054 "pauseOnHover": true, 12055 "pauseOnFocus": false, 12056 "progressBar": 20, 12057 "drag": false, 12058 12059"rewind": true, 12060 "autoplay": true, 12061 "interval": 3000, 12062 "breakpoints": { 12063 300: {"gap": "16px", 12064 "perPage": 2, 12065 "perMove": 2 12066 }, 12067 768: { 12068 "drag": true, 12069 "destroy": false, 12070 "gap": "30px", 12071 "perPage": 4, 12072 "perMove": 4 12073 }, 12074 1024: { 12075 "perPage": 5, 12076 "perMove": 5 12077 } 12078 }, 12079 "classes": { 12080 "arrows" : "block" 12081 }, 12082 "events": [ 12083 { 12084 "event": "ready", 12085 "callback": () => { 12086 document.dispatchEvent(new CustomEvent("eurus:template--24498228953451__featured_collection_PFy63t:splide-ready")); 12087 } 12088 } 12089 ] 12090 })'> 12091 <style data-shopify> 12092 .gap-mobile-collection_hxQeQm-template--24498228953451__featured_collection_PFy63t { 12093 gap: 16px; 12094 } 12095 @media (min-width: 768px) { 12096 .gap-collection_hxQeQm-template--24498228953451__featured_collection_PFy63t { 12097 12098 gap: 0px; 12099 12100 } 12101 } 12102 </style> 12103 <div class="splide__track md:cursor-grab lg:pl-0 lg:pr-0"> 12104 <div class="splide__list gap-collection_hxQeQm-template--24498228953451__featured_collection_PFy63t md:grid-cols-none md:flex md:w-full md:gap-0 flex w-full"> 12105 12106<div 12107 12108 x-data="{ showOptions: false, options: [] }" 12109 12110 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 12111 x-slide-index="0" 12112> 12113 <div 12114 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 12115 > 12116 <style data-shopify> 12117 12118 </style> 12119 12120 <style data-shopify> 12121 12122 </style> 12123 <a 12124 12125 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 12126 12127 href="/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition" 12128 12129 x-data="{ lastWindowWidth: 0 }" 12130 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 12131 x-labels-data="[{ 12132 "variant_id": 52185262227819, 12133 "product_id": 14734979400043, 12134 "available": true, 12135 "title": "Leaders Make the Future, Third Edition", 12136 "compare_at_price": 0, 12137 "price": 3495, 12138 "price_with_currency": "$34.95", 12139 "sale_amount": "$-34.95", 12140 "collections": "||637336453483||639249514859||643825140075||639476957547||639249744235||636473475435||639252758891||639269339499||", 12141 "inventory_management": "shopify", 12142 "qty": 749, 12143 "container": "card", 12144 "can_show_preorder": false, 12145 "diff_day_create": 448.01, 12146 "diff_day_publish": 448.0 12147 12148 ,"metafield_label": { 12149 "custom.format2":"Hardcover" 12150 } 12151 12152 }]" 12153 12154 aria-label="Leaders Make the Future, Third Edition" 12155 id="14734979400043-template--24498228953451__featured_collection_PFy63t" 12156 class="ltr group link-product-variant overflow-hidden block relative z-[15] curs
12156or-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 12157 <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 12158 <div 12159 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-1-0" 12160 class="block h-full" 12161 @click='$store.xCustomerEvent.fire("product_selected", $el)' 12162 x-customer-event-data="{ 12163 "product": { 12164 "title": "Leaders Make the Future, Third Edition", 12165 "listName": "Bestsellers", 12166 "sku": "14734979400043", 12167 "currencyCode": "USD", 12168 "price": 3495, 12169 "vendor": "Bob Johansen" 12170 } 12171 }" 12172 > 12173<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 12174 > 12175 12176 <picture> 12177 <img 12178 srcset="//bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=450 450w, 12179 //bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=750 750w, 12180 //bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=900 900w, 12181 //bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=1100 1100w, 12182 //bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881 429w" 12183 src="//bkconnection.com/cdn/shop/files/9798890570321.jpg?v=1789087881&width=1500" 12184 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 12185 alt="Cover image for Leaders Make the Future, Third Edition, isbn: 9798890570321" 12186 :class="showSecond ? 'first-img' : ''" 12187 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 12188 loading="lazy" 12189 width="429" 12190 height="648" 12191 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 12192 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 12193 /> 12194 </picture> 12195 12196 </div></div> 12197 </div> 12198 12199 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 12200 x-show="$store.xQuickView" x-cloak 12201 > 12202 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 12203 class="w-full hide-icon lg:px-4" 12204 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 12205 x-cloak 12206 > 12207<form method="post" action="/cart/add" id="product-form-choose-option14734979400043401" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185262227819"> 12208 12209 12210 <button 12211 type="submit" 12212 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm" 12213 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 12214 12215 12216 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 12217 12218aria-label="Add to cart" 12219 12220 12221 >
12222 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 12223 <span class="flex items-center justify-center"> 12224 12225 12226 12227 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 12228 12229 12230 12231 </span></span> 12232 <div 12233 class="flex gap-x-2 items-center justify-center" 12234 role="alert" 12235 x-cloak 12236 x-show="errorMessage" 12237 > 12238 Sold out 12239 </div> 12240 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 12241 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12242 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12243 fill="currentcolor" stroke="none"> 12244 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12245 </g> 12246 </svg> 12247 12248 </div> 12249 </button> 12250 <button 12251 type="submit" 12252 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 12253 12254 12255 data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm" 12256 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 12257 12258aria-label="Add to cart" 12259 12260 12261 x-customer-event-data="{ 12262 "product": { 12263 "title": "Leaders Make the Future, Third Edition", 12264 "listName": "Bestsellers", 12265 "sku": "14734979400043", 12266 "currencyCode": "USD", 12267 "price": 3495, 12268 "vendor": "Bob Johansen" 12269 } 12270 }" 12271 > 12272 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 12273 <g> 12274 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12275 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12276 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12277 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12278 </g> 12279 </svg></span> 12280 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 12281 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12282 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12283 fill="currentcolor" stroke="none"> 12284 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12285 </g> 12286 </svg> 12287 12288 </span> 12289 </button><input type="hidden" name="product-id" value="14734979400043" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 12290 </div> 12291 </div><div 12292 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 12293 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 12294 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 12295 > 12296 <div> 12297 <button 12298 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 12299 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm')" 12300 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm')" 12301 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 12302 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 12303 x-customer-event-data="{ 12304 "product": { 12305 "title": "Leaders Make the Future, Third Edition", 12306 "listName": "Bestsellers", 12307 "sku": "14734979400043", 12308 "currencyCode": "USD", 12309 "price": 3495, 12310 "vendor": "Bob Johansen" 12311 } 12312 }" 12313 aria-label="Button quickview" 12314 >
12315 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 12316 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12317 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12318 </svg> 12319</span> 12320 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 12321 12322 12323 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 12324 12325 12326 </span> 12327 </button> 12328 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 12329 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 12330 aria-label="Button quickview" 12331 x-customer-event-data="{ 12332 "product": { 12333 "title": "Leaders Make the Future, Third Edition", 12334 "listName": "Bestsellers", 12335 "sku": "14734979400043", 12336 "currencyCode": "USD", 12337 "price": 3495, 12338 "vendor": "Bob Johansen" 12339 } 12340 }" 12341 > 12342 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 12343 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12344 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12345 </svg> 12346</span> 12347 </button> 12348 </div> 12349 </div> 12350 </div> 12351 12352 </a> 12353 12354 12355 <div class="md:list-layout:hidden"> 12356 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 12357 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 12358 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734979400043"> 12359 <a href="/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition" 12360 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 12361 @click='$store.xCustomerEvent.fire("product_selected", $el)' 12362 x-customer-event-data="{ 12363 "product": { 12364 "title": "Leaders Make the Future, Third Edition", 12365 "listName": "Bestsellers", 12366 "sku": "14734979400043", 12367 "currencyCode": "USD", 12368 "price": 3495, 12369 "vendor": "Bob Johansen" 12370 } 12371 }" 12372 > 12373 Leaders Make the Future, Third Edition 12374 </a> 12375 </h3> 12376 12377 12378 12379 12380<div 12381 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 12382><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars"> 12383 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
12383ox="0 0 512 512" xml:space="preserve"> 12384 <g> 12385 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 12386 </g> 12387 </svg> 12388 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 12389 <g> 12390 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 12391 </g> 12392 </svg> 12393 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 12394 <g> 12395 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 12396 </g> 12397 </svg> 12398 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 12399 <g> 12400 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 12401 </g> 12402 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 12403 <defs> 12404 <linearGradient id="grad"> 12405 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 12406 <stop offset="50%" stop-color="currentColor"/> 12407 </linearGradient> 12408 </defs> 12409 <g> 12410 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 12411 </g> 12412 </svg> 12413 </div> 12414 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(106) 12415 </p></div> 12416 12417<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 12418 12419 12420 <div class=" price leading-none"> 12421 <div class=""> 12422 12423 <div class="hidden">3495</div><p class="price">
12424 <span>$34.95</span> 12425 </p><small class="text-[70%] hidden"> 12426 <span class="hidden">Unit price</span> 12427 <span class="up price-item price-item--last"> 12428 <span> 12429 12430 </span> 12431 <span aria-hidden="true">/</span> 12432 <span class="hidden"> per </span> 12433 <span> 12434 </span> 12435 </span> 12436 </small> 12437 12438 </div> 12439 12440</div> 12441 12442 <div class="next-price empty:hidden"></div> 12443 </div> 12444 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734979400043', [637336453483, 639249514859, 643825140075, 639476957547, 639249744235, 636473475435, 639252758891, 639269339499])"><div 12445 x-data='{ 12446 storeAvailabilites: {}, 12447 pickupLocation: [] 12448 }' 12449 class="mb-3" 12450 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 12451> 12452 <style data-shopify> 12453 .text-available, .text-unavailable { 12454 font-size: 0.669375rem; 12455 font-family: var(--font-body-family); 12456 } 12457 12458 @media (min-width: 768px) { 12459 .text-available, .text-unavailable { 12460 font-size: 0.74375rem; 12461 } 12462 } 12463 12464 .text-available { 12465 color: #6b762d; 12466 } 12467 12468 .dark .text-available { 12469 color: #858F4D; 12470 } 12471 12472 .text-unavailable { 12473 color: #767474; 12474 } 12475 12476 .dark .text-unavailable { 12477 color: #867F7F; 12478 } 12479 </style> 12480 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 12481 <span class="flex h-4 w-4 relative"> 12482<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 12483 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 12484 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 12485</svg> 12486 12487</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 12488 </div> 12489 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 12490 <span class="flex h-4 w-4 relative"> 12491<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 12492 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 12493 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 12494</svg> 12495 12496</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 12497 </div> 12498</div></div> 12499 </div> 12500 </div> 12501 </div> 12502 12503 </div> 12504 <div 12505 id="x-product-template-14734979400043-template--24498228953451__featured_collection_PFy63t-1-1" 12506 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 12507 > 12508 <div class="hidden md:list-layout:block"> 12509 12510 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 12511 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 12512 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734979400043"> 12513 <a href="/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition" 12514 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 12515 @click='$store.xCustomerEvent.fire("product_selected", $el)' 12516 x-customer-event-data="{ 12517 "product": { 12518 "title": "Leaders Make the Future, Third Edition", 12519 "listName": "Bestsellers", 12520 "sku": "14734979400043", 12521 "currencyCode": "USD", 12522 "price": 3495, 12523 "vendor": "Bob Johansen" 12524 } 12525 }" 12526 > 12527 Leaders Make the Future, Third Edition 12528 </a> 12529 </h3> 12530 12531 12532 12533 12534<div 12535 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 12536><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars"> 12537 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
12537ox="0 0 512 512" xml:space="preserve"> 12538 <g> 12539 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 12540 </g> 12541 </svg> 12542 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 12543 <g> 12544 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 12545 </g> 12546 </svg> 12547 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 12548 <g> 12549 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 12550 </g> 12551 </svg> 12552 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 12553 <g> 12554 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 12555 </g> 12556 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 12557 <defs> 12558 <linearGradient id="grad"> 12559 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 12560 <stop offset="50%" stop-color="currentColor"/> 12561 </linearGradient> 12562 </defs> 12563 <g> 12564 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 12565 </g> 12566 </svg> 12567 </div> 12568 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(106) 12569 </p></div> 12570 12571<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 12572 12573 12574 <div class=" price leading-none"> 12575 <div class=""> 12576 12577 <div class="hidden">3495</div><p class="price">
12578 <span>$34.95</span> 12579 </p><small class="text-[70%] hidden"> 12580 <span class="hidden">Unit price</span> 12581 <span class="up price-item price-item--last"> 12582 <span> 12583 12584 </span> 12585 <span aria-hidden="true">/</span> 12586 <span class="hidden"> per </span> 12587 <span> 12588 </span> 12589 </span> 12590 </small> 12591 12592 </div> 12593 12594</div> 12595 12596 <div class="next-price empty:hidden"></div> 12597 </div> 12598 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734979400043', [637336453483, 639249514859, 643825140075, 639476957547, 639249744235, 636473475435, 639252758891, 639269339499])"><div 12599 x-data='{ 12600 storeAvailabilites: {}, 12601 pickupLocation: [] 12602 }' 12603 class="mb-3" 12604 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 12605> 12606 <style data-shopify> 12607 .text-available, .text-unavailable { 12608 font-size: 0.669375rem; 12609 font-family: var(--font-body-family); 12610 } 12611 12612 @media (min-width: 768px) { 12613 .text-available, .text-unavailable { 12614 font-size: 0.74375rem; 12615 } 12616 } 12617 12618 .text-available { 12619 color: #6b762d; 12620 } 12621 12622 .dark .text-available { 12623 color: #858F4D; 12624 } 12625 12626 .text-unavailable { 12627 color: #767474; 12628 } 12629 12630 .dark .text-unavailable { 12631 color: #867F7F; 12632 } 12633 </style> 12634 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 12635 <span class="flex h-4 w-4 relative"> 12636<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 12637 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 12638 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 12639</svg> 12640 12641</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 12642 </div> 12643 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 12644 <span class="flex h-4 w-4 relative"> 12645<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 12646 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 12647 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 12648</svg> 12649 12650</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 12651 </div> 12652</div></div> 12653 </div> 12654 </div> 12655 12656 </div> 12657 12658 12659 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 12660 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570321_leaders-make-the-future-third-edition'); 12661 });"></div> 12662 <div 12663 id="current-variant-template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm" 12664 class="current-variant hidden" 12665 > 12666 52185262227819 12667 </div> 12668 12669 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 12670 12671 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 12672 class="card-info bottom_atc md:list-layout:hidden hide-icon" 12673 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 12674 x-cloak 12675 > 12676 12677<form method="post" action="/cart/add" id="product-form-choose-option14734979400043401" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185262227819"> 12678 12679 12680 <button 12681 type="submit" 12682 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm" 12683 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 12684 12685 12686 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 12687 12688aria-label="Add to cart" 12689 12690 12691 >
12692 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 12693 <span class="flex items-center justify-center"> 12694 12695 12696 12697 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 12698 12699 12700 12701 </span></span> 12702 <div 12703 class="flex gap-x-2 items-center justify-center" 12704 role="alert" 12705 x-cloak 12706 x-show="errorMessage" 12707 > 12708 Sold out 12709 </div> 12710 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 12711 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12712 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12713 fill="currentcolor" stroke="none"> 12714 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12715 </g> 12716 </svg> 12717 12718 </div> 12719 </button><input type="hidden" name="product-id" value="14734979400043" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 12720 </div></template> 12721 12722 12723 <template x-if="$store.xQuickView"> 12724 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 12725 12726<form method="post" action="/cart/add" id="product-form-choose-option14734979400043401" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185262227819"> 12727 12728 12729 <button 12730 type="submit" 12731 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm" 12732 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 12733 12734 12735 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 12736 12737aria-label="Add to cart" 12738 12739 12740 > 12741 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 12742 <span class="flex items-center justify-center"> 12743 12744 12745 12746 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 12747 12748 12749 12750 </span></span> 12751 <div 12752 class="flex gap-x-2 items-center justify-center" 12753 role="alert" 12754 x-cloak 12755 x-show="errorMessage" 12756 > 12757 Sold out 12758 </div> 12759 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
12759calc(50%-10px)]" x-show="loading" x-cloak> 12760 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12761 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12762 fill="currentcolor" stroke="none"> 12763 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12764 </g> 12765 </svg> 12766 12767 </div> 12768 </button><button 12769 type="submit" 12770 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 12771 12772 12773 data-id="template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm" 12774 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 12775 12776aria-label="Add to cart" 12777 12778 12779 x-customer-event-data="{ 12780 "product": { 12781 "title": "Leaders Make the Future, Third Edition", 12782 "listName": "Bestsellers", 12783 "sku": "14734979400043", 12784 "currencyCode": "USD", 12785 "price": 3495, 12786 "vendor": "Bob Johansen" 12787 } 12788 }" 12789 > 12790 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 12791 <g> 12792 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12793 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12794 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12795 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 12796 </g> 12797 </svg></span> 12798 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 12799 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12800 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12801 fill="currentcolor" stroke="none"> 12802 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12803 </g> 12804 </svg> 12805 12806 </span> 12807 </button><input type="hidden" name="product-id" value="14734979400043" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 12808 </div><button 12809 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm')" 12810 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm')" 12811 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570321_leaders-make-the-future-third-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734979400043-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 12812 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 12813 aria-label="Button quickview" 12814 x-customer-event-data="{ 12815 "product": { 12816 "title": "Leaders Make the Future, Third Edition", 12817 "listName": "Bestsellers", 12818 "sku": "14734979400043", 12819 "currencyCode": "USD", 12820 "price": 3495, 12821 "vendor": "Bob Johansen" 12822 } 12823 }" 12824 x-show="$store.xQuickView.enabled" 12825 >
12826 <span class="flex justify-center items-center"> 12827 12828 12829 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 12830 12831 12832 </span> 12833 </button> 12834 </div> 12835 </template> 12836 12837 </div> 12838</div> 12839 12840 12841<div 12842 12843 x-data="{ showOptions: false, options: [] }" 12844 12845 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 12846 x-slide-index="1" 12847> 12848 <div 12849 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 12850 > 12851 <style data-shopify> 12852 12853 </style> 12854 12855 <style data-shopify> 12856 12857 </style> 12858 <a 12859 12860 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 12861 12862 href="/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition" 12863 12864 x-data="{ lastWindowWidth: 0 }" 12865 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 12866 x-labels-data="[{ 12867 "variant_id": 52185261048171, 12868 "product_id": 14734978285931, 12869 "available": true, 12870 "title": "The Art of Community, Second Edition", 12871 "compare_at_price": 0, 12872 "price": 2595, 12873 "price_with_currency": "$25.95", 12874 "sale_amount": "$-25.95", 12875 "collections": "||637336453483||639249514859||650454204779||643824779627||637337043307||639249744235||636480389483||636473475435||639269339499||", 12876 "inventory_management": "shopify", 12877 "qty": 417, 12878 "container": "card", 12879 "can_show_preorder": false, 12880 "diff_day_create": 448.01, 12881 "diff_day_publish": 448.0 12882 12883 ,"metafield_label": { 12884 "custom.format2":"Paperback" 12885 } 12886 12887 }]" 12888 12889 aria-label="The Art of Community, Second Edition" 12890 id="14734978285931-template--24498228953451__featured_collection_PFy63t" 12891 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 12892 <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 12893 <div
12894 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-2-1" 12895 class="block h-full" 12896 @click='$store.xCustomerEvent.fire("product_selected", $el)' 12897 x-customer-event-data="{ 12898 "product": { 12899 "title": "The Art of Community, Second Edition", 12900 "listName": "Bestsellers", 12901 "sku": "14734978285931", 12902 "currencyCode": "USD", 12903 "price": 2595, 12904 "vendor": "Charles H. Vogl" 12905 } 12906 }" 12907 > 12908<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 12909 > 12910 12911 <picture> 12912 <img 12913 srcset="//bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=450 450w, 12914 //bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=750 750w, 12915 //bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=900 900w, 12916 //bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=1100 1100w, 12917 //bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870 432w" 12918 src="//bkconnection.com/cdn/shop/files/9798890570192.jpg?v=1789087870&width=1500" 12919 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 12920 alt="Cover image for The Art of Community, Second Edition, isbn: 9798890570192" 12921 :class="showSecond ? 'first-img' : ''" 12922 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 12923 loading="lazy" 12924 width="432" 12925 height="648" 12926 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 12927 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 12928 /> 12929 </picture> 12930 12931 </div></div> 12932 </div> 12933 12934 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 12935 x-show="$store.xQuickView" x-cloak 12936 > 12937 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 12938 class="w-full hide-icon lg:px-4" 12939 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 12940 x-cloak 12941 > 12942<form method="post" action="/cart/add" id="product-form-choose-option14734978285931402" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185261048171"> 12943 12944 12945 <button 12946 type="submit" 12947 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm" 12948 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 12949 12950 12951 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 12952 12953aria-label="Add to cart" 12954 12955 12956 >
12957 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 12958 <span class="flex items-center justify-center"> 12959 12960 12961 12962 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 12963 12964 12965 12966 </span></span> 12967 <div 12968 class="flex gap-x-2 items-center justify-center" 12969 role="alert" 12970 x-cloak 12971 x-show="errorMessage" 12972 > 12973 Sold out 12974 </div> 12975 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 12976 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 12977 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 12978 fill="currentcolor" stroke="none"> 12979 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 12980 </g> 12981 </svg> 12982 12983 </div> 12984 </button> 12985 <button 12986 type="submit" 12987 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 12988 12989 12990 data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm" 12991 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 12992 12993aria-label="Add to cart" 12994 12995 12996 x-customer-event-data="{ 12997 "product": { 12998 "title": "The Art of Community, Second Edition", 12999 "listName": "Bestsellers", 13000 "sku": "14734978285931", 13001 "currencyCode": "USD", 13002 "price": 2595, 13003 "vendor": "Charles H. Vogl" 13004 } 13005 }" 13006 > 13007 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 13008 <g> 13009 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13010 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13011 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13012 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13013 </g> 13014 </svg></span> 13015 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 13016 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13017 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13018 fill="currentcolor" stroke="none"> 13019 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 13020 </g> 13021 </svg> 13022 13023 </span> 13024 </button><input type="hidden" name="product-id" value="14734978285931" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 13025 </div> 13026 </div><div 13027 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 13028 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 13029 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 13030 > 13031 <div> 13032 <button 13033 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 13034 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm')" 13035 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm')" 13036 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 13037 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 13038 x-customer-event-data="{ 13039 "product": { 13040 "title": "The Art of Community, Second Edition", 13041 "listName": "Bestsellers", 13042 "sku": "14734978285931", 13043 "currencyCode": "USD", 13044 "price": 2595, 13045 "vendor": "Charles H. Vogl" 13046 } 13047 }" 13048 aria-label="Button quickview" 13049 >
13050 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 13051 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13052 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13053 </svg> 13054</span> 13055 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 13056 13057 13058 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 13059 13060 13061 </span> 13062 </button> 13063 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 13064 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 13065 aria-label="Button quickview" 13066 x-customer-event-data="{ 13067 "product": { 13068 "title": "The Art of Community, Second Edition", 13069 "listName": "Bestsellers", 13070 "sku": "14734978285931", 13071 "currencyCode": "USD", 13072 "price": 2595, 13073 "vendor": "Charles H. Vogl" 13074 } 13075 }" 13076 > 13077 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 13078 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13079 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13080 </svg> 13081</span> 13082 </button> 13083 </div> 13084 </div> 13085 </div> 13086 13087 </a> 13088 13089 13090 <div class="md:list-layout:hidden"> 13091 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 13092 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 13093 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734978285931"> 13094 <a href="/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition" 13095 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 13096 @click='$store.xCustomerEvent.fire("product_selected", $el)' 13097 x-customer-event-data="{ 13098 "product": { 13099 "title": "The Art of Community, Second Edition", 13100 "listName": "Bestsellers", 13101 "sku": "14734978285931", 13102 "currencyCode": "USD", 13103 "price": 2595, 13104 "vendor": "Charles H. Vogl" 13105 } 13106 }" 13107 > 13108 The Art of Community, Second Edition 13109 </a> 13110 </h3> 13111 13112 13113 13114 13115<div 13116 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 13117><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 13118 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
13118ox="0 0 512 512" xml:space="preserve"> 13119 <g> 13120 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13121 </g> 13122 </svg> 13123 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 13124 <g> 13125 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13126 </g> 13127 </svg> 13128 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 13129 <g> 13130 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13131 </g> 13132 </svg> 13133 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 13134 <g> 13135 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13136 </g> 13137 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 13138 <defs> 13139 <linearGradient id="grad"> 13140 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 13141 <stop offset="50%" stop-color="currentColor"/> 13142 </linearGradient> 13143 </defs> 13144 <g> 13145 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13146 </g> 13147 </svg> 13148 </div> 13149 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(334) 13150 </p></div> 13151 13152<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 13153 13154 13155 <div class=" price leading-none"> 13156 <div class=""> 13157 13158 <div class="hidden">2595</div><p class="price">
13159 <span>$25.95</span> 13160 </p><small class="text-[70%] hidden"> 13161 <span class="hidden">Unit price</span> 13162 <span class="up price-item price-item--last"> 13163 <span> 13164 13165 </span> 13166 <span aria-hidden="true">/</span> 13167 <span class="hidden"> per </span> 13168 <span> 13169 </span> 13170 </span> 13171 </small> 13172 13173 </div> 13174 13175</div> 13176 13177 <div class="next-price empty:hidden"></div> 13178 </div> 13179 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734978285931', [637336453483, 639249514859, 650454204779, 643824779627, 637337043307, 639249744235, 636480389483, 636473475435, 639269339499])"><div 13180 x-data='{ 13181 storeAvailabilites: {}, 13182 pickupLocation: [] 13183 }' 13184 class="mb-3" 13185 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 13186> 13187 <style data-shopify> 13188 .text-available, .text-unavailable { 13189 font-size: 0.669375rem; 13190 font-family: var(--font-body-family); 13191 } 13192 13193 @media (min-width: 768px) { 13194 .text-available, .text-unavailable { 13195 font-size: 0.74375rem; 13196 } 13197 } 13198 13199 .text-available { 13200 color: #6b762d; 13201 } 13202 13203 .dark .text-available { 13204 color: #858F4D; 13205 } 13206 13207 .text-unavailable { 13208 color: #767474; 13209 } 13210 13211 .dark .text-unavailable { 13212 color: #867F7F; 13213 } 13214 </style> 13215 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 13216 <span class="flex h-4 w-4 relative"> 13217<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 13218 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 13219 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 13220</svg> 13221 13222</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 13223 </div> 13224 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 13225 <span class="flex h-4 w-4 relative"> 13226<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 13227 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 13228 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 13229</svg> 13230 13231</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 13232 </div> 13233</div></div> 13234 </div> 13235 </div> 13236 </div> 13237 13238 </div> 13239 <div 13240 id="x-product-template-14734978285931-template--24498228953451__featured_collection_PFy63t-1-2" 13241 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 13242 > 13243 <div class="hidden md:list-layout:block"> 13244 13245 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 13246 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 13247 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734978285931"> 13248 <a href="/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition" 13249 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 13250 @click='$store.xCustomerEvent.fire("product_selected", $el)' 13251 x-customer-event-data="{ 13252 "product": { 13253 "title": "The Art of Community, Second Edition", 13254 "listName": "Bestsellers", 13255 "sku": "14734978285931", 13256 "currencyCode": "USD", 13257 "price": 2595, 13258 "vendor": "Charles H. Vogl" 13259 } 13260 }" 13261 > 13262 The Art of Community, Second Edition 13263 </a> 13264 </h3> 13265 13266 13267 13268 13269<div 13270 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 13271><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 13272 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
13272ox="0 0 512 512" xml:space="preserve"> 13273 <g> 13274 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13275 </g> 13276 </svg> 13277 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 13278 <g> 13279 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13280 </g> 13281 </svg> 13282 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 13283 <g> 13284 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13285 </g> 13286 </svg> 13287 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 13288 <g> 13289 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13290 </g> 13291 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 13292 <defs> 13293 <linearGradient id="grad"> 13294 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 13295 <stop offset="50%" stop-color="currentColor"/> 13296 </linearGradient> 13297 </defs> 13298 <g> 13299 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13300 </g> 13301 </svg> 13302 </div> 13303 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(334) 13304 </p></div> 13305 13306<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 13307 13308 13309 <div class=" price leading-none"> 13310 <div class=""> 13311 13312 <div class="hidden">2595</div><p class="price">
13313 <span>$25.95</span> 13314 </p><small class="text-[70%] hidden"> 13315 <span class="hidden">Unit price</span> 13316 <span class="up price-item price-item--last"> 13317 <span> 13318 13319 </span> 13320 <span aria-hidden="true">/</span> 13321 <span class="hidden"> per </span> 13322 <span> 13323 </span> 13324 </span> 13325 </small> 13326 13327 </div> 13328 13329</div> 13330 13331 <div class="next-price empty:hidden"></div> 13332 </div> 13333 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734978285931', [637336453483, 639249514859, 650454204779, 643824779627, 637337043307, 639249744235, 636480389483, 636473475435, 639269339499])"><div 13334 x-data='{ 13335 storeAvailabilites: {}, 13336 pickupLocation: [] 13337 }' 13338 class="mb-3" 13339 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 13340> 13341 <style data-shopify> 13342 .text-available, .text-unavailable { 13343 font-size: 0.669375rem; 13344 font-family: var(--font-body-family); 13345 } 13346 13347 @media (min-width: 768px) { 13348 .text-available, .text-unavailable { 13349 font-size: 0.74375rem; 13350 } 13351 } 13352 13353 .text-available { 13354 color: #6b762d; 13355 } 13356 13357 .dark .text-available { 13358 color: #858F4D; 13359 } 13360 13361 .text-unavailable { 13362 color: #767474; 13363 } 13364 13365 .dark .text-unavailable { 13366 color: #867F7F; 13367 } 13368 </style> 13369 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 13370 <span class="flex h-4 w-4 relative"> 13371<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 13372 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 13373 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 13374</svg> 13375 13376</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 13377 </div> 13378 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 13379 <span class="flex h-4 w-4 relative"> 13380<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 13381 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 13382 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 13383</svg> 13384 13385</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 13386 </div> 13387</div></div> 13388 </div> 13389 </div> 13390 13391 </div> 13392 13393 13394 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 13395 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570192_the-art-of-community-second-edition'); 13396 });"></div> 13397 <div 13398 id="current-variant-template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm" 13399 class="current-variant hidden" 13400 > 13401 52185261048171 13402 </div> 13403 13404 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 13405 13406 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 13407 class="card-info bottom_atc md:list-layout:hidden hide-icon" 13408 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 13409 x-cloak 13410 > 13411 13412<form method="post" action="/cart/add" id="product-form-choose-option14734978285931402" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185261048171"> 13413 13414 13415 <button 13416 type="submit" 13417 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm" 13418 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 13419 13420 13421 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 13422 13423aria-label="Add to cart" 13424 13425 13426 >
13427 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 13428 <span class="flex items-center justify-center"> 13429 13430 13431 13432 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 13433 13434 13435 13436 </span></span> 13437 <div 13438 class="flex gap-x-2 items-center justify-center" 13439 role="alert" 13440 x-cloak 13441 x-show="errorMessage" 13442 > 13443 Sold out 13444 </div> 13445 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 13446 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13447 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13448 fill="currentcolor" stroke="none"> 13449 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 13450 </g> 13451 </svg> 13452 13453 </div> 13454 </button><input type="hidden" name="product-id" value="14734978285931" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 13455 </div></template> 13456 13457 13458 <template x-if="$store.xQuickView"> 13459 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 13460 13461<form method="post" action="/cart/add" id="product-form-choose-option14734978285931402" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185261048171"> 13462 13463 13464 <button 13465 type="submit" 13466 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm" 13467 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 13468 13469 13470 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 13471 13472aria-label="Add to cart" 13473 13474 13475 > 13476 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 13477 <span class="flex items-center justify-center"> 13478 13479 13480 13481 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 13482 13483 13484 13485 </span></span> 13486 <div 13487 class="flex gap-x-2 items-center justify-center" 13488 role="alert" 13489 x-cloak 13490 x-show="errorMessage" 13491 > 13492 Sold out 13493 </div> 13494 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
13494calc(50%-10px)]" x-show="loading" x-cloak> 13495 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13496 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13497 fill="currentcolor" stroke="none"> 13498 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 13499 </g> 13500 </svg> 13501 13502 </div> 13503 </button><button 13504 type="submit" 13505 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 13506 13507 13508 data-id="template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm" 13509 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 13510 13511aria-label="Add to cart" 13512 13513 13514 x-customer-event-data="{ 13515 "product": { 13516 "title": "The Art of Community, Second Edition", 13517 "listName": "Bestsellers", 13518 "sku": "14734978285931", 13519 "currencyCode": "USD", 13520 "price": 2595, 13521 "vendor": "Charles H. Vogl" 13522 } 13523 }" 13524 > 13525 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 13526 <g> 13527 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13528 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13529 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13530 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13531 </g> 13532 </svg></span> 13533 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 13534 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13535 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13536 fill="currentcolor" stroke="none"> 13537 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 13538 </g> 13539 </svg> 13540 13541 </span> 13542 </button><input type="hidden" name="product-id" value="14734978285931" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 13543 </div><button 13544 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm')" 13545 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm')" 13546 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570192_the-art-of-community-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734978285931-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 13547 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 13548 aria-label="Button quickview" 13549 x-customer-event-data="{ 13550 "product": { 13551 "title": "The Art of Community, Second Edition", 13552 "listName": "Bestsellers", 13553 "sku": "14734978285931", 13554 "currencyCode": "USD", 13555 "price": 2595, 13556 "vendor": "Charles H. Vogl" 13557 } 13558 }" 13559 x-show="$store.xQuickView.enabled" 13560 >
13561 <span class="flex justify-center items-center"> 13562 13563 13564 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 13565 13566 13567 </span> 13568 </button> 13569 </div> 13570 </template> 13571 13572 </div> 13573</div> 13574 13575 13576<div 13577 13578 x-data="{ showOptions: false, options: [] }" 13579 13580 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 13581 x-slide-index="2" 13582> 13583 <div 13584 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 13585 > 13586 <style data-shopify> 13587 13588 </style> 13589 13590 <style data-shopify> 13591 13592 </style> 13593 <a 13594 13595 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 13596 13597 href="/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition" 13598 13599 x-data="{ lastWindowWidth: 0 }" 13600 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 13601 x-labels-data="[{ 13602 "variant_id": 52185248825707, 13603 "product_id": 14734969110891, 13604 "available": true, 13605 "title": "Get to the Point!, Second Edition", 13606 "compare_at_price": 0, 13607 "price": 2195, 13608 "price_with_currency": "$21.95", 13609 "sale_amount": "$-21.95", 13610 "collections": "||637329310059||637336453483||639249514859||643825009003||637337043307||636480389483||639269929323||636473475435||639252758891||650454270315||639269339499||", 13611 "inventory_management": "shopify", 13612 "qty": 1171, 13613 "container": "card", 13614 "can_show_preorder": false, 13615 "diff_day_create": 448.01, 13616 "diff_day_publish": 448.0 13617 13618 ,"metafield_label": { 13619 "custom.format2":"Paperback" 13620 } 13621 13622 }]" 13623 13624 aria-label="Get to the Point!, Second Edition" 13625 id="14734969110891-template--24498228953451__featured_collection_PFy63t" 13626 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 13627 <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 13628 <div
13629 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-3-2" 13630 class="block h-full" 13631 @click='$store.xCustomerEvent.fire("product_selected", $el)' 13632 x-customer-event-data="{ 13633 "product": { 13634 "title": "Get to the Point!, Second Edition", 13635 "listName": "Bestsellers", 13636 "sku": "14734969110891", 13637 "currencyCode": "USD", 13638 "price": 2195, 13639 "vendor": "Joel Schwartzberg" 13640 } 13641 }" 13642 > 13643<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 13644 > 13645 13646 <picture> 13647 <img 13648 srcset="//bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=450 450w, 13649 //bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=750 750w, 13650 //bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=900 900w, 13651 //bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=1100 1100w, 13652 //bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886 419w" 13653 src="//bkconnection.com/cdn/shop/files/9798890571052.jpg?v=1789087886&width=1500" 13654 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 13655 alt="Cover image for Get to the Point!, Second Edition, isbn: 9798890571052" 13656 :class="showSecond ? 'first-img' : ''" 13657 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 13658 loading="lazy" 13659 width="419" 13660 height="648" 13661 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 13662 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 13663 /> 13664 </picture> 13665 13666 </div></div> 13667 </div> 13668 13669 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 13670 x-show="$store.xQuickView" x-cloak 13671 > 13672 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 13673 class="w-full hide-icon lg:px-4" 13674 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 13675 x-cloak 13676 > 13677<form method="post" action="/cart/add" id="product-form-choose-option14734969110891403" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185248825707"> 13678 13679 13680 <button 13681 type="submit" 13682 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm" 13683 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 13684 13685 13686 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 13687 13688aria-label="Add to cart" 13689 13690 13691 >
13692 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 13693 <span class="flex items-center justify-center"> 13694 13695 13696 13697 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 13698 13699 13700 13701 </span></span> 13702 <div 13703 class="flex gap-x-2 items-center justify-center" 13704 role="alert" 13705 x-cloak 13706 x-show="errorMessage" 13707 > 13708 Sold out 13709 </div> 13710 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 13711 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13712 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13713 fill="currentcolor" stroke="none"> 13714 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 13715 </g> 13716 </svg> 13717 13718 </div> 13719 </button> 13720 <button 13721 type="submit" 13722 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 13723 13724 13725 data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm" 13726 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 13727 13728aria-label="Add to cart" 13729 13730 13731 x-customer-event-data="{ 13732 "product": { 13733 "title": "Get to the Point!, Second Edition", 13734 "listName": "Bestsellers", 13735 "sku": "14734969110891", 13736 "currencyCode": "USD", 13737 "price": 2195, 13738 "vendor": "Joel Schwartzberg" 13739 } 13740 }" 13741 > 13742 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 13743 <g> 13744 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13745 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13746 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13747 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13748 </g> 13749 </svg></span> 13750 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 13751 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 13752 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 13753 fill="currentcolor" stroke="none"> 13754 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 13755 </g> 13756 </svg> 13757 13758 </span> 13759 </button><input type="hidden" name="product-id" value="14734969110891" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 13760 </div> 13761 </div><div 13762 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 13763 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 13764 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 13765 > 13766 <div> 13767 <button 13768 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 13769 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm')" 13770 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm')" 13771 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 13772 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 13773 x-customer-event-data="{ 13774 "product": { 13775 "title": "Get to the Point!, Second Edition", 13776 "listName": "Bestsellers", 13777 "sku": "14734969110891", 13778 "currencyCode": "USD", 13779 "price": 2195, 13780 "vendor": "Joel Schwartzberg" 13781 } 13782 }" 13783 aria-label="Button quickview" 13784 >
13785 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 13786 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13787 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13788 </svg> 13789</span> 13790 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 13791 13792 13793 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 13794 13795 13796 </span> 13797 </button> 13798 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 13799 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 13800 aria-label="Button quickview" 13801 x-customer-event-data="{ 13802 "product": { 13803 "title": "Get to the Point!, Second Edition", 13804 "listName": "Bestsellers", 13805 "sku": "14734969110891", 13806 "currencyCode": "USD", 13807 "price": 2195, 13808 "vendor": "Joel Schwartzberg" 13809 } 13810 }" 13811 > 13812 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 13813 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13814 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 13815 </svg> 13816</span> 13817 </button> 13818 </div> 13819 </div> 13820 </div> 13821 13822 </a> 13823 13824 13825 <div class="md:list-layout:hidden"> 13826 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 13827 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 13828 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734969110891"> 13829 <a href="/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition" 13830 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 13831 @click='$store.xCustomerEvent.fire("product_selected", $el)' 13832 x-customer-event-data="{ 13833 "product": { 13834 "title": "Get to the Point!, Second Edition", 13835 "listName": "Bestsellers", 13836 "sku": "14734969110891", 13837 "currencyCode": "USD", 13838 "price": 2195, 13839 "vendor": "Joel Schwartzberg" 13840 } 13841 }" 13842 > 13843 Get to the Point!, Second Edition 13844 </a> 13845 </h3> 13846 13847 13848 13849 13850<div 13851 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 13852><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 13853 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
13853ox="0 0 512 512" xml:space="preserve"> 13854 <g> 13855 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13856 </g> 13857 </svg> 13858 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 13859 <g> 13860 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13861 </g> 13862 </svg> 13863 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 13864 <g> 13865 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13866 </g> 13867 </svg> 13868 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 13869 <g> 13870 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13871 </g> 13872 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 13873 <defs> 13874 <linearGradient id="grad"> 13875 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 13876 <stop offset="50%" stop-color="currentColor"/> 13877 </linearGradient> 13878 </defs> 13879 <g> 13880 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 13881 </g> 13882 </svg> 13883 </div> 13884 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(653) 13885 </p></div> 13886 13887<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 13888 13889 13890 <div class=" price leading-none"> 13891 <div class=""> 13892 13893 <div class="hidden">2195</div><p class="price">
13894 <span>$21.95</span> 13895 </p><small class="text-[70%] hidden"> 13896 <span class="hidden">Unit price</span> 13897 <span class="up price-item price-item--last"> 13898 <span> 13899 13900 </span> 13901 <span aria-hidden="true">/</span> 13902 <span class="hidden"> per </span> 13903 <span> 13904 </span> 13905 </span> 13906 </small> 13907 13908 </div> 13909 13910</div> 13911 13912 <div class="next-price empty:hidden"></div> 13913 </div> 13914 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734969110891', [637329310059, 637336453483, 639249514859, 643825009003, 637337043307, 636480389483, 639269929323, 636473475435, 639252758891, 650454270315, 639269339499])"><div 13915 x-data='{ 13916 storeAvailabilites: {}, 13917 pickupLocation: [] 13918 }' 13919 class="mb-3" 13920 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 13921> 13922 <style data-shopify> 13923 .text-available, .text-unavailable { 13924 font-size: 0.669375rem; 13925 font-family: var(--font-body-family); 13926 } 13927 13928 @media (min-width: 768px) { 13929 .text-available, .text-unavailable { 13930 font-size: 0.74375rem; 13931 } 13932 } 13933 13934 .text-available { 13935 color: #6b762d; 13936 } 13937 13938 .dark .text-available { 13939 color: #858F4D; 13940 } 13941 13942 .text-unavailable { 13943 color: #767474; 13944 } 13945 13946 .dark .text-unavailable { 13947 color: #867F7F; 13948 } 13949 </style> 13950 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 13951 <span class="flex h-4 w-4 relative"> 13952<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 13953 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 13954 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 13955</svg> 13956 13957</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 13958 </div> 13959 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 13960 <span class="flex h-4 w-4 relative"> 13961<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 13962 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 13963 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 13964</svg> 13965 13966</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 13967 </div> 13968</div></div> 13969 </div> 13970 </div> 13971 </div> 13972 13973 </div> 13974 <div 13975 id="x-product-template-14734969110891-template--24498228953451__featured_collection_PFy63t-1-3" 13976 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 13977 > 13978 <div class="hidden md:list-layout:block"> 13979 13980 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 13981 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 13982 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734969110891"> 13983 <a href="/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition" 13984 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 13985 @click='$store.xCustomerEvent.fire("product_selected", $el)' 13986 x-customer-event-data="{ 13987 "product": { 13988 "title": "Get to the Point!, Second Edition", 13989 "listName": "Bestsellers", 13990 "sku": "14734969110891", 13991 "currencyCode": "USD", 13992 "price": 2195, 13993 "vendor": "Joel Schwartzberg" 13994 } 13995 }" 13996 > 13997 Get to the Point!, Second Edition 13998 </a> 13999 </h3> 14000 14001 14002 14003 14004<div 14005 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 14006><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 14007 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
14007ox="0 0 512 512" xml:space="preserve"> 14008 <g> 14009 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14010 </g> 14011 </svg> 14012 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 14013 <g> 14014 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14015 </g> 14016 </svg> 14017 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 14018 <g> 14019 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14020 </g> 14021 </svg> 14022 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 14023 <g> 14024 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14025 </g> 14026 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 14027 <defs> 14028 <linearGradient id="grad"> 14029 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 14030 <stop offset="50%" stop-color="currentColor"/> 14031 </linearGradient> 14032 </defs> 14033 <g> 14034 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14035 </g> 14036 </svg> 14037 </div> 14038 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(653) 14039 </p></div> 14040 14041<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 14042 14043 14044 <div class=" price leading-none"> 14045 <div class=""> 14046 14047 <div class="hidden">2195</div><p class="price">
14048 <span>$21.95</span> 14049 </p><small class="text-[70%] hidden"> 14050 <span class="hidden">Unit price</span> 14051 <span class="up price-item price-item--last"> 14052 <span> 14053 14054 </span> 14055 <span aria-hidden="true">/</span> 14056 <span class="hidden"> per </span> 14057 <span> 14058 </span> 14059 </span> 14060 </small> 14061 14062 </div> 14063 14064</div> 14065 14066 <div class="next-price empty:hidden"></div> 14067 </div> 14068 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734969110891', [637329310059, 637336453483, 639249514859, 643825009003, 637337043307, 636480389483, 639269929323, 636473475435, 639252758891, 650454270315, 639269339499])"><div 14069 x-data='{ 14070 storeAvailabilites: {}, 14071 pickupLocation: [] 14072 }' 14073 class="mb-3" 14074 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 14075> 14076 <style data-shopify> 14077 .text-available, .text-unavailable { 14078 font-size: 0.669375rem; 14079 font-family: var(--font-body-family); 14080 } 14081 14082 @media (min-width: 768px) { 14083 .text-available, .text-unavailable { 14084 font-size: 0.74375rem; 14085 } 14086 } 14087 14088 .text-available { 14089 color: #6b762d; 14090 } 14091 14092 .dark .text-available { 14093 color: #858F4D; 14094 } 14095 14096 .text-unavailable { 14097 color: #767474; 14098 } 14099 14100 .dark .text-unavailable { 14101 color: #867F7F; 14102 } 14103 </style> 14104 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 14105 <span class="flex h-4 w-4 relative"> 14106<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 14107 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 14108 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 14109</svg> 14110 14111</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 14112 </div> 14113 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 14114 <span class="flex h-4 w-4 relative"> 14115<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 14116 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 14117 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 14118</svg> 14119 14120</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 14121 </div> 14122</div></div> 14123 </div> 14124 </div> 14125 14126 </div> 14127 14128 14129 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 14130 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890571052_get-to-the-point-second-edition'); 14131 });"></div> 14132 <div 14133 id="current-variant-template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm" 14134 class="current-variant hidden" 14135 > 14136 52185248825707 14137 </div> 14138 14139 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 14140 14141 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 14142 class="card-info bottom_atc md:list-layout:hidden hide-icon" 14143 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 14144 x-cloak 14145 > 14146 14147<form method="post" action="/cart/add" id="product-form-choose-option14734969110891403" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185248825707"> 14148 14149 14150 <button 14151 type="submit" 14152 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm" 14153 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 14154 14155 14156 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14157 14158aria-label="Add to cart" 14159 14160 14161 >
14162 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 14163 <span class="flex items-center justify-center"> 14164 14165 14166 14167 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 14168 14169 14170 14171 </span></span> 14172 <div 14173 class="flex gap-x-2 items-center justify-center" 14174 role="alert" 14175 x-cloak 14176 x-show="errorMessage" 14177 > 14178 Sold out 14179 </div> 14180 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 14181 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14182 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14183 fill="currentcolor" stroke="none"> 14184 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 14185 </g> 14186 </svg> 14187 14188 </div> 14189 </button><input type="hidden" name="product-id" value="14734969110891" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 14190 </div></template> 14191 14192 14193 <template x-if="$store.xQuickView"> 14194 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 14195 14196<form method="post" action="/cart/add" id="product-form-choose-option14734969110891403" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185248825707"> 14197 14198 14199 <button 14200 type="submit" 14201 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm" 14202 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 14203 14204 14205 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14206 14207aria-label="Add to cart" 14208 14209 14210 > 14211 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 14212 <span class="flex items-center justify-center"> 14213 14214 14215 14216 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 14217 14218 14219 14220 </span></span> 14221 <div 14222 class="flex gap-x-2 items-center justify-center" 14223 role="alert" 14224 x-cloak 14225 x-show="errorMessage" 14226 > 14227 Sold out 14228 </div> 14229 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
14229calc(50%-10px)]" x-show="loading" x-cloak> 14230 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14231 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14232 fill="currentcolor" stroke="none"> 14233 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 14234 </g> 14235 </svg> 14236 14237 </div> 14238 </button><button 14239 type="submit" 14240 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 14241 14242 14243 data-id="template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm" 14244 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14245 14246aria-label="Add to cart" 14247 14248 14249 x-customer-event-data="{ 14250 "product": { 14251 "title": "Get to the Point!, Second Edition", 14252 "listName": "Bestsellers", 14253 "sku": "14734969110891", 14254 "currencyCode": "USD", 14255 "price": 2195, 14256 "vendor": "Joel Schwartzberg" 14257 } 14258 }" 14259 > 14260 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 14261 <g> 14262 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14263 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14264 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14265 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14266 </g> 14267 </svg></span> 14268 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 14269 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14270 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14271 fill="currentcolor" stroke="none"> 14272 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 14273 </g> 14274 </svg> 14275 14276 </span> 14277 </button><input type="hidden" name="product-id" value="14734969110891" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 14278 </div><button 14279 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm')" 14280 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm')" 14281 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890571052_get-to-the-point-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734969110891-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 14282 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 14283 aria-label="Button quickview" 14284 x-customer-event-data="{ 14285 "product": { 14286 "title": "Get to the Point!, Second Edition", 14287 "listName": "Bestsellers", 14288 "sku": "14734969110891", 14289 "currencyCode": "USD", 14290 "price": 2195, 14291 "vendor": "Joel Schwartzberg" 14292 } 14293 }" 14294 x-show="$store.xQuickView.enabled" 14295 >
14296 <span class="flex justify-center items-center"> 14297 14298 14299 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 14300 14301 14302 </span> 14303 </button> 14304 </div> 14305 </template> 14306 14307 </div> 14308</div> 14309 14310 14311<div 14312 14313 x-data="{ showOptions: false, options: [] }" 14314 14315 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 14316 x-slide-index="3" 14317> 14318 <div 14319 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 14320 > 14321 <style data-shopify> 14322 14323 </style> 14324 14325 <style data-shopify> 14326 14327 </style> 14328 <a 14329 14330 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 14331 14332 href="/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition" 14333 14334 x-data="{ lastWindowWidth: 0 }" 14335 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 14336 x-labels-data="[{ 14337 "variant_id": 52185247220075, 14338 "product_id": 14734967538027, 14339 "available": true, 14340 "title": "The Introverted Leader, 3rd Edition", 14341 "compare_at_price": 0, 14342 "price": 2695, 14343 "price_with_currency": "$26.95", 14344 "sale_amount": "$-26.95", 14345 "collections": "||637336453483||639249514859||639249744235||636480389483||636473475435||639252758891||639269339499||", 14346 "inventory_management": "shopify", 14347 "qty": 23, 14348 "container": "card", 14349 "can_show_preorder": false, 14350 "diff_day_create": 448.01, 14351 "diff_day_publish": 448.0 14352 14353 ,"metafield_label": { 14354 "custom.format2":"Paperback" 14355 } 14356 14357 }]" 14358 14359 aria-label="The Introverted Leader, 3rd Edition" 14360 id="14734967538027-template--24498228953451__featured_collection_PFy63t" 14361 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 14362 <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 14363 <div
14364 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-4-3" 14365 class="block h-full" 14366 @click='$store.xCustomerEvent.fire("product_selected", $el)' 14367 x-customer-event-data="{ 14368 "product": { 14369 "title": "The Introverted Leader, 3rd Edition", 14370 "listName": "Bestsellers", 14371 "sku": "14734967538027", 14372 "currencyCode": "USD", 14373 "price": 2695, 14374 "vendor": "Jennifer B. Kahnweiler" 14375 } 14376 }" 14377 > 14378<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 14379 > 14380 14381 <picture> 14382 <img 14383 srcset="//bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=450 450w, 14384 //bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=750 750w, 14385 //bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=900 900w, 14386 //bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=1100 1100w, 14387 //bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874 419w" 14388 src="//bkconnection.com/cdn/shop/files/9798890570895.jpg?v=1789087874&width=1500" 14389 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 14390 alt="Cover image for The Introverted Leader, 3rd Edition, isbn: 9798890570895" 14391 :class="showSecond ? 'first-img' : ''" 14392 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 14393 loading="lazy" 14394 width="419" 14395 height="648" 14396 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 14397 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 14398 /> 14399 </picture> 14400 14401 </div></div> 14402 </div> 14403 14404 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 14405 x-show="$store.xQuickView" x-cloak 14406 > 14407 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 14408 class="w-full hide-icon lg:px-4" 14409 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 14410 x-cloak 14411 > 14412<form method="post" action="/cart/add" id="product-form-choose-option14734967538027404" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185247220075"> 14413 14414 14415 <button 14416 type="submit" 14417 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm" 14418 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 14419 14420 14421 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14422 14423aria-label="Add to cart" 14424 14425 14426 >
14427 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 14428 <span class="flex items-center justify-center"> 14429 14430 14431 14432 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 14433 14434 14435 14436 </span></span> 14437 <div 14438 class="flex gap-x-2 items-center justify-center" 14439 role="alert" 14440 x-cloak 14441 x-show="errorMessage" 14442 > 14443 Sold out 14444 </div> 14445 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 14446 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14447 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14448 fill="currentcolor" stroke="none"> 14449 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 14450 </g> 14451 </svg> 14452 14453 </div> 14454 </button> 14455 <button 14456 type="submit" 14457 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 14458 14459 14460 data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm" 14461 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14462 14463aria-label="Add to cart" 14464 14465 14466 x-customer-event-data="{ 14467 "product": { 14468 "title": "The Introverted Leader, 3rd Edition", 14469 "listName": "Bestsellers", 14470 "sku": "14734967538027", 14471 "currencyCode": "USD", 14472 "price": 2695, 14473 "vendor": "Jennifer B. Kahnweiler" 14474 } 14475 }" 14476 > 14477 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 14478 <g> 14479 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14480 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14481 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14482 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14483 </g> 14484 </svg></span> 14485 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 14486 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14487 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14488 fill="currentcolor" stroke="none"> 14489 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 14490 </g> 14491 </svg> 14492 14493 </span> 14494 </button><input type="hidden" name="product-id" value="14734967538027" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 14495 </div> 14496 </div><div 14497 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 14498 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 14499 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 14500 > 14501 <div> 14502 <button 14503 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 14504 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm')" 14505 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm')" 14506 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 14507 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 14508 x-customer-event-data="{ 14509 "product": { 14510 "title": "The Introverted Leader, 3rd Edition", 14511 "listName": "Bestsellers", 14512 "sku": "14734967538027", 14513 "currencyCode": "USD", 14514 "price": 2695, 14515 "vendor": "Jennifer B. Kahnweiler" 14516 } 14517 }" 14518 aria-label="Button quickview" 14519 >
14520 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 14521 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14522 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14523 </svg> 14524</span> 14525 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 14526 14527 14528 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 14529 14530 14531 </span> 14532 </button> 14533 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 14534 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 14535 aria-label="Button quickview" 14536 x-customer-event-data="{ 14537 "product": { 14538 "title": "The Introverted Leader, 3rd Edition", 14539 "listName": "Bestsellers", 14540 "sku": "14734967538027", 14541 "currencyCode": "USD", 14542 "price": 2695, 14543 "vendor": "Jennifer B. Kahnweiler" 14544 } 14545 }" 14546 > 14547 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 14548 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14549 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14550 </svg> 14551</span> 14552 </button> 14553 </div> 14554 </div> 14555 </div> 14556 14557 </a> 14558 14559 14560 <div class="md:list-layout:hidden"> 14561 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 14562 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 14563 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734967538027"> 14564 <a href="/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition" 14565 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 14566 @click='$store.xCustomerEvent.fire("product_selected", $el)' 14567 x-customer-event-data="{ 14568 "product": { 14569 "title": "The Introverted Leader, 3rd Edition", 14570 "listName": "Bestsellers", 14571 "sku": "14734967538027", 14572 "currencyCode": "USD", 14573 "price": 2695, 14574 "vendor": "Jennifer B. Kahnweiler" 14575 } 14576 }" 14577 > 14578 The Introverted Leader, 3rd Edition 14579 </a> 14580 </h3> 14581 14582 14583 14584 14585<div 14586 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 14587><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 14588 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
14588ox="0 0 512 512" xml:space="preserve"> 14589 <g> 14590 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14591 </g> 14592 </svg> 14593 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 14594 <g> 14595 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14596 </g> 14597 </svg> 14598 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 14599 <g> 14600 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14601 </g> 14602 </svg> 14603 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 14604 <g> 14605 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14606 </g> 14607 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 14608 <defs> 14609 <linearGradient id="grad"> 14610 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 14611 <stop offset="50%" stop-color="currentColor"/> 14612 </linearGradient> 14613 </defs> 14614 <g> 14615 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14616 </g> 14617 </svg> 14618 </div> 14619 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(249) 14620 </p></div> 14621 14622<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 14623 14624 14625 <div class=" price leading-none"> 14626 <div class=""> 14627 14628 <div class="hidden">2695</div><p class="price">
14629 <span>$26.95</span> 14630 </p><small class="text-[70%] hidden"> 14631 <span class="hidden">Unit price</span> 14632 <span class="up price-item price-item--last"> 14633 <span> 14634 14635 </span> 14636 <span aria-hidden="true">/</span> 14637 <span class="hidden"> per </span> 14638 <span> 14639 </span> 14640 </span> 14641 </small> 14642 14643 </div> 14644 14645</div> 14646 14647 <div class="next-price empty:hidden"></div> 14648 </div> 14649 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734967538027', [637336453483, 639249514859, 639249744235, 636480389483, 636473475435, 639252758891, 639269339499])"><div 14650 x-data='{ 14651 storeAvailabilites: {}, 14652 pickupLocation: [] 14653 }' 14654 class="mb-3" 14655 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 14656> 14657 <style data-shopify> 14658 .text-available, .text-unavailable { 14659 font-size: 0.669375rem; 14660 font-family: var(--font-body-family); 14661 } 14662 14663 @media (min-width: 768px) { 14664 .text-available, .text-unavailable { 14665 font-size: 0.74375rem; 14666 } 14667 } 14668 14669 .text-available { 14670 color: #6b762d; 14671 } 14672 14673 .dark .text-available { 14674 color: #858F4D; 14675 } 14676 14677 .text-unavailable { 14678 color: #767474; 14679 } 14680 14681 .dark .text-unavailable { 14682 color: #867F7F; 14683 } 14684 </style> 14685 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 14686 <span class="flex h-4 w-4 relative"> 14687<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 14688 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 14689 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 14690</svg> 14691 14692</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 14693 </div> 14694 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 14695 <span class="flex h-4 w-4 relative"> 14696<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 14697 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 14698 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 14699</svg> 14700 14701</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 14702 </div> 14703</div></div> 14704 </div> 14705 </div> 14706 </div> 14707 14708 </div> 14709 <div 14710 id="x-product-template-14734967538027-template--24498228953451__featured_collection_PFy63t-1-4" 14711 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 14712 > 14713 <div class="hidden md:list-layout:block"> 14714 14715 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 14716 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 14717 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734967538027"> 14718 <a href="/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition" 14719 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 14720 @click='$store.xCustomerEvent.fire("product_selected", $el)' 14721 x-customer-event-data="{ 14722 "product": { 14723 "title": "The Introverted Leader, 3rd Edition", 14724 "listName": "Bestsellers", 14725 "sku": "14734967538027", 14726 "currencyCode": "USD", 14727 "price": 2695, 14728 "vendor": "Jennifer B. Kahnweiler" 14729 } 14730 }" 14731 > 14732 The Introverted Leader, 3rd Edition 14733 </a> 14734 </h3> 14735 14736 14737 14738 14739<div 14740 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 14741><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 14742 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
14742ox="0 0 512 512" xml:space="preserve"> 14743 <g> 14744 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14745 </g> 14746 </svg> 14747 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 14748 <g> 14749 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14750 </g> 14751 </svg> 14752 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 14753 <g> 14754 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14755 </g> 14756 </svg> 14757 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 14758 <g> 14759 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14760 </g> 14761 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 14762 <defs> 14763 <linearGradient id="grad"> 14764 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 14765 <stop offset="50%" stop-color="currentColor"/> 14766 </linearGradient> 14767 </defs> 14768 <g> 14769 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 14770 </g> 14771 </svg> 14772 </div> 14773 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(249) 14774 </p></div> 14775 14776<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 14777 14778 14779 <div class=" price leading-none"> 14780 <div class=""> 14781 14782 <div class="hidden">2695</div><p class="price">
14783 <span>$26.95</span> 14784 </p><small class="text-[70%] hidden"> 14785 <span class="hidden">Unit price</span> 14786 <span class="up price-item price-item--last"> 14787 <span> 14788 14789 </span> 14790 <span aria-hidden="true">/</span> 14791 <span class="hidden"> per </span> 14792 <span> 14793 </span> 14794 </span> 14795 </small> 14796 14797 </div> 14798 14799</div> 14800 14801 <div class="next-price empty:hidden"></div> 14802 </div> 14803 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734967538027', [637336453483, 639249514859, 639249744235, 636480389483, 636473475435, 639252758891, 639269339499])"><div 14804 x-data='{ 14805 storeAvailabilites: {}, 14806 pickupLocation: [] 14807 }' 14808 class="mb-3" 14809 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 14810> 14811 <style data-shopify> 14812 .text-available, .text-unavailable { 14813 font-size: 0.669375rem; 14814 font-family: var(--font-body-family); 14815 } 14816 14817 @media (min-width: 768px) { 14818 .text-available, .text-unavailable { 14819 font-size: 0.74375rem; 14820 } 14821 } 14822 14823 .text-available { 14824 color: #6b762d; 14825 } 14826 14827 .dark .text-available { 14828 color: #858F4D; 14829 } 14830 14831 .text-unavailable { 14832 color: #767474; 14833 } 14834 14835 .dark .text-unavailable { 14836 color: #867F7F; 14837 } 14838 </style> 14839 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 14840 <span class="flex h-4 w-4 relative"> 14841<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 14842 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 14843 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 14844</svg> 14845 14846</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 14847 </div> 14848 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 14849 <span class="flex h-4 w-4 relative"> 14850<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 14851 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 14852 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 14853</svg> 14854 14855</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 14856 </div> 14857</div></div> 14858 </div> 14859 </div> 14860 14861 </div> 14862 14863 14864 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 14865 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570895_the-introverted-leader-3rd-edition'); 14866 });"></div> 14867 <div 14868 id="current-variant-template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm" 14869 class="current-variant hidden" 14870 > 14871 52185247220075 14872 </div> 14873 14874 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 14875 14876 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 14877 class="card-info bottom_atc md:list-layout:hidden hide-icon" 14878 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 14879 x-cloak 14880 > 14881 14882<form method="post" action="/cart/add" id="product-form-choose-option14734967538027404" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185247220075"> 14883 14884 14885 <button 14886 type="submit" 14887 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm" 14888 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 14889 14890 14891 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14892 14893aria-label="Add to cart" 14894 14895 14896 >
14897 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 14898 <span class="flex items-center justify-center"> 14899 14900 14901 14902 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 14903 14904 14905 14906 </span></span> 14907 <div 14908 class="flex gap-x-2 items-center justify-center" 14909 role="alert" 14910 x-cloak 14911 x-show="errorMessage" 14912 > 14913 Sold out 14914 </div> 14915 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 14916 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14917 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14918 fill="currentcolor" stroke="none"> 14919 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 14920 </g> 14921 </svg> 14922 14923 </div> 14924 </button><input type="hidden" name="product-id" value="14734967538027" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 14925 </div></template> 14926 14927 14928 <template x-if="$store.xQuickView"> 14929 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 14930 14931<form method="post" action="/cart/add" id="product-form-choose-option14734967538027404" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185247220075"> 14932 14933 14934 <button 14935 type="submit" 14936 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm" 14937 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 14938 14939 14940 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14941 14942aria-label="Add to cart" 14943 14944 14945 > 14946 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 14947 <span class="flex items-center justify-center"> 14948 14949 14950 14951 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 14952 14953 14954 14955 </span></span> 14956 <div 14957 class="flex gap-x-2 items-center justify-center" 14958 role="alert" 14959 x-cloak 14960 x-show="errorMessage" 14961 > 14962 Sold out 14963 </div> 14964 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
14964calc(50%-10px)]" x-show="loading" x-cloak> 14965 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 14966 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 14967 fill="currentcolor" stroke="none"> 14968 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 14969 </g> 14970 </svg> 14971 14972 </div> 14973 </button><button 14974 type="submit" 14975 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 14976 14977 14978 data-id="template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm" 14979 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 14980 14981aria-label="Add to cart" 14982 14983 14984 x-customer-event-data="{ 14985 "product": { 14986 "title": "The Introverted Leader, 3rd Edition", 14987 "listName": "Bestsellers", 14988 "sku": "14734967538027", 14989 "currencyCode": "USD", 14990 "price": 2695, 14991 "vendor": "Jennifer B. Kahnweiler" 14992 } 14993 }" 14994 > 14995 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 14996 <g> 14997 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14998 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 14999 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15000 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15001 </g> 15002 </svg></span> 15003 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 15004 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15005 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15006 fill="currentcolor" stroke="none"> 15007 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 15008 </g> 15009 </svg> 15010 15011 </span> 15012 </button><input type="hidden" name="product-id" value="14734967538027" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 15013 </div><button 15014 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm')" 15015 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm')" 15016 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570895_the-introverted-leader-3rd-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734967538027-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 15017 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 15018 aria-label="Button quickview" 15019 x-customer-event-data="{ 15020 "product": { 15021 "title": "The Introverted Leader, 3rd Edition", 15022 "listName": "Bestsellers", 15023 "sku": "14734967538027", 15024 "currencyCode": "USD", 15025 "price": 2695, 15026 "vendor": "Jennifer B. Kahnweiler" 15027 } 15028 }" 15029 x-show="$store.xQuickView.enabled" 15030 >
15031 <span class="flex justify-center items-center"> 15032 15033 15034 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 15035 15036 15037 </span> 15038 </button> 15039 </div> 15040 </template> 15041 15042 </div> 15043</div> 15044 15045 15046<div 15047 15048 x-data="{ showOptions: false, options: [] }" 15049 15050 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 15051 x-slide-index="4" 15052> 15053 <div 15054 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 15055 > 15056 <style data-shopify> 15057 15058 </style> 15059 15060 <style data-shopify> 15061 15062 </style> 15063 <a 15064 15065 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 15066 15067 href="/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition" 15068 15069 x-data="{ lastWindowWidth: 0 }" 15070 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 15071 x-labels-data="[{ 15072 "variant_id": 52185246794091, 15073 "product_id": 14734967177579, 15074 "available": true, 15075 "title": "Eat That Frog!, Fourth Edition", 15076 "compare_at_price": 0, 15077 "price": 1995, 15078 "price_with_currency": "$19.95", 15079 "sale_amount": "$-19.95", 15080 "collections": "||637336453483||639249514859||645629542763||643825009003||637337043307||639249744235||636480389483||639269929323||636473475435||639252758891||650454270315||", 15081 "inventory_management": "shopify", 15082 "qty": 2707, 15083 "container": "card", 15084 "can_show_preorder": false, 15085 "diff_day_create": 448.01, 15086 "diff_day_publish": 448.0 15087 15088 ,"metafield_label": { 15089 "custom.format2":"Paperback" 15090 } 15091 15092 }]" 15093 15094 aria-label="Eat That Frog!, Fourth Edition" 15095 id="14734967177579-template--24498228953451__featured_collection_PFy63t" 15096 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 15097 <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 15098 <div
15099 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-5-4" 15100 class="block h-full" 15101 @click='$store.xCustomerEvent.fire("product_selected", $el)' 15102 x-customer-event-data="{ 15103 "product": { 15104 "title": "Eat That Frog!, Fourth Edition", 15105 "listName": "Bestsellers", 15106 "sku": "14734967177579", 15107 "currencyCode": "USD", 15108 "price": 1995, 15109 "vendor": "Brian Tracy" 15110 } 15111 }" 15112 > 15113<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 15114 > 15115 15116 <picture> 15117 <img 15118 srcset="//bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=450 450w, 15119 //bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=750 750w, 15120 //bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=900 900w, 15121 //bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=1100 1100w, 15122 //bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871 419w" 15123 src="//bkconnection.com/cdn/shop/files/9798890570925.jpg?v=1789087871&width=1500" 15124 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 15125 alt="Cover image for Eat That Frog!, Fourth Edition, isbn: 9798890570925" 15126 :class="showSecond ? 'first-img' : ''" 15127 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 15128 loading="lazy" 15129 width="419" 15130 height="648" 15131 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 15132 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 15133 /> 15134 </picture> 15135 15136 </div></div> 15137 </div> 15138 15139 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 15140 x-show="$store.xQuickView" x-cloak 15141 > 15142 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 15143 class="w-full hide-icon lg:px-4" 15144 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 15145 x-cloak 15146 > 15147<form method="post" action="/cart/add" id="product-form-choose-option14734967177579405" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185246794091"> 15148 15149 15150 <button 15151 type="submit" 15152 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm" 15153 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 15154 15155 15156 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 15157 15158aria-label="Add to cart" 15159 15160 15161 >
15162 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 15163 <span class="flex items-center justify-center"> 15164 15165 15166 15167 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 15168 15169 15170 15171 </span></span> 15172 <div 15173 class="flex gap-x-2 items-center justify-center" 15174 role="alert" 15175 x-cloak 15176 x-show="errorMessage" 15177 > 15178 Sold out 15179 </div> 15180 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 15181 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15182 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15183 fill="currentcolor" stroke="none"> 15184 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 15185 </g> 15186 </svg> 15187 15188 </div> 15189 </button> 15190 <button 15191 type="submit" 15192 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 15193 15194 15195 data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm" 15196 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 15197 15198aria-label="Add to cart" 15199 15200 15201 x-customer-event-data="{ 15202 "product": { 15203 "title": "Eat That Frog!, Fourth Edition", 15204 "listName": "Bestsellers", 15205 "sku": "14734967177579", 15206 "currencyCode": "USD", 15207 "price": 1995, 15208 "vendor": "Brian Tracy" 15209 } 15210 }" 15211 > 15212 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 15213 <g> 15214 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15215 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15216 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15217 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15218 </g> 15219 </svg></span> 15220 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 15221 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15222 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15223 fill="currentcolor" stroke="none"> 15224 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 15225 </g> 15226 </svg> 15227 15228 </span> 15229 </button><input type="hidden" name="product-id" value="14734967177579" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 15230 </div> 15231 </div><div 15232 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 15233 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 15234 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 15235 > 15236 <div> 15237 <button 15238 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 15239 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm')" 15240 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm')" 15241 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 15242 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 15243 x-customer-event-data="{ 15244 "product": { 15245 "title": "Eat That Frog!, Fourth Edition", 15246 "listName": "Bestsellers", 15247 "sku": "14734967177579", 15248 "currencyCode": "USD", 15249 "price": 1995, 15250 "vendor": "Brian Tracy" 15251 } 15252 }" 15253 aria-label="Button quickview" 15254 >
15255 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 15256 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15257 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15258 </svg> 15259</span> 15260 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 15261 15262 15263 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 15264 15265 15266 </span> 15267 </button> 15268 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 15269 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 15270 aria-label="Button quickview" 15271 x-customer-event-data="{ 15272 "product": { 15273 "title": "Eat That Frog!, Fourth Edition", 15274 "listName": "Bestsellers", 15275 "sku": "14734967177579", 15276 "currencyCode": "USD", 15277 "price": 1995, 15278 "vendor": "Brian Tracy" 15279 } 15280 }" 15281 > 15282 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 15283 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15284 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15285 </svg> 15286</span> 15287 </button> 15288 </div> 15289 </div> 15290 </div> 15291 15292 </a> 15293 15294 15295 <div class="md:list-layout:hidden"> 15296 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 15297 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 15298 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734967177579"> 15299 <a href="/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition" 15300 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 15301 @click='$store.xCustomerEvent.fire("product_selected", $el)' 15302 x-customer-event-data="{ 15303 "product": { 15304 "title": "Eat That Frog!, Fourth Edition", 15305 "listName": "Bestsellers", 15306 "sku": "14734967177579", 15307 "currencyCode": "USD", 15308 "price": 1995, 15309 "vendor": "Brian Tracy" 15310 } 15311 }" 15312 > 15313 Eat That Frog!, Fourth Edition 15314 </a> 15315 </h3> 15316 15317 15318 15319 15320<div 15321 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 15322><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars"> 15323 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
15323ox="0 0 512 512" xml:space="preserve"> 15324 <g> 15325 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 15326 </g> 15327 </svg> 15328 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 15329 <g> 15330 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 15331 </g> 15332 </svg> 15333 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 15334 <g> 15335 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 15336 </g> 15337 </svg> 15338 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 15339 <g> 15340 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 15341 </g> 15342 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 15343 <defs> 15344 <linearGradient id="grad"> 15345 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 15346 <stop offset="50%" stop-color="currentColor"/> 15347 </linearGradient> 15348 </defs> 15349 <g> 15350 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 15351 </g> 15352 </svg> 15353 </div> 15354 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(13666) 15355 </p></div> 15356 15357<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 15358 15359 15360 <div class=" price leading-none"> 15361 <div class=""> 15362 15363 <div class="hidden">1995</div><p class="price">
15364 <span>$19.95</span> 15365 </p><small class="text-[70%] hidden"> 15366 <span class="hidden">Unit price</span> 15367 <span class="up price-item price-item--last"> 15368 <span> 15369 15370 </span> 15371 <span aria-hidden="true">/</span> 15372 <span class="hidden"> per </span> 15373 <span> 15374 </span> 15375 </span> 15376 </small> 15377 15378 </div> 15379 15380</div> 15381 15382 <div class="next-price empty:hidden"></div> 15383 </div> 15384 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734967177579', [637336453483, 639249514859, 645629542763, 643825009003, 637337043307, 639249744235, 636480389483, 639269929323, 636473475435, 639252758891, 650454270315])"><div 15385 x-data='{ 15386 storeAvailabilites: {}, 15387 pickupLocation: [] 15388 }' 15389 class="mb-3" 15390 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 15391> 15392 <style data-shopify> 15393 .text-available, .text-unavailable { 15394 font-size: 0.669375rem; 15395 font-family: var(--font-body-family); 15396 } 15397 15398 @media (min-width: 768px) { 15399 .text-available, .text-unavailable { 15400 font-size: 0.74375rem; 15401 } 15402 } 15403 15404 .text-available { 15405 color: #6b762d; 15406 } 15407 15408 .dark .text-available { 15409 color: #858F4D; 15410 } 15411 15412 .text-unavailable { 15413 color: #767474; 15414 } 15415 15416 .dark .text-unavailable { 15417 color: #867F7F; 15418 } 15419 </style> 15420 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 15421 <span class="flex h-4 w-4 relative"> 15422<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 15423 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 15424 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 15425</svg> 15426 15427</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 15428 </div> 15429 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 15430 <span class="flex h-4 w-4 relative"> 15431<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 15432 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 15433 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 15434</svg> 15435 15436</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 15437 </div> 15438</div></div> 15439 </div> 15440 </div> 15441 </div> 15442 15443 </div> 15444 <div 15445 id="x-product-template-14734967177579-template--24498228953451__featured_collection_PFy63t-1-5" 15446 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 15447 > 15448 <div class="hidden md:list-layout:block"> 15449 15450 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 15451 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 15452 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734967177579"> 15453 <a href="/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition" 15454 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 15455 @click='$store.xCustomerEvent.fire("product_selected", $el)' 15456 x-customer-event-data="{ 15457 "product": { 15458 "title": "Eat That Frog!, Fourth Edition", 15459 "listName": "Bestsellers", 15460 "sku": "14734967177579", 15461 "currencyCode": "USD", 15462 "price": 1995, 15463 "vendor": "Brian Tracy" 15464 } 15465 }" 15466 > 15467 Eat That Frog!, Fourth Edition 15468 </a> 15469 </h3> 15470 15471 15472 15473 15474<div 15475 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 15476><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars"> 15477 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
15477ox="0 0 512 512" xml:space="preserve"> 15478 <g> 15479 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 15480 </g> 15481 </svg> 15482 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 15483 <g> 15484 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 15485 </g> 15486 </svg> 15487 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 15488 <g> 15489 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 15490 </g> 15491 </svg> 15492 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 15493 <g> 15494 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 15495 </g> 15496 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 15497 <defs> 15498 <linearGradient id="grad"> 15499 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 15500 <stop offset="50%" stop-color="currentColor"/> 15501 </linearGradient> 15502 </defs> 15503 <g> 15504 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 15505 </g> 15506 </svg> 15507 </div> 15508 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(13666) 15509 </p></div> 15510 15511<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 15512 15513 15514 <div class=" price leading-none"> 15515 <div class=""> 15516 15517 <div class="hidden">1995</div><p class="price">
15518 <span>$19.95</span> 15519 </p><small class="text-[70%] hidden"> 15520 <span class="hidden">Unit price</span> 15521 <span class="up price-item price-item--last"> 15522 <span> 15523 15524 </span> 15525 <span aria-hidden="true">/</span> 15526 <span class="hidden"> per </span> 15527 <span> 15528 </span> 15529 </span> 15530 </small> 15531 15532 </div> 15533 15534</div> 15535 15536 <div class="next-price empty:hidden"></div> 15537 </div> 15538 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734967177579', [637336453483, 639249514859, 645629542763, 643825009003, 637337043307, 639249744235, 636480389483, 639269929323, 636473475435, 639252758891, 650454270315])"><div 15539 x-data='{ 15540 storeAvailabilites: {}, 15541 pickupLocation: [] 15542 }' 15543 class="mb-3" 15544 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 15545> 15546 <style data-shopify> 15547 .text-available, .text-unavailable { 15548 font-size: 0.669375rem; 15549 font-family: var(--font-body-family); 15550 } 15551 15552 @media (min-width: 768px) { 15553 .text-available, .text-unavailable { 15554 font-size: 0.74375rem; 15555 } 15556 } 15557 15558 .text-available { 15559 color: #6b762d; 15560 } 15561 15562 .dark .text-available { 15563 color: #858F4D; 15564 } 15565 15566 .text-unavailable { 15567 color: #767474; 15568 } 15569 15570 .dark .text-unavailable { 15571 color: #867F7F; 15572 } 15573 </style> 15574 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 15575 <span class="flex h-4 w-4 relative"> 15576<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 15577 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 15578 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 15579</svg> 15580 15581</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 15582 </div> 15583 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 15584 <span class="flex h-4 w-4 relative"> 15585<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 15586 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 15587 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 15588</svg> 15589 15590</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 15591 </div> 15592</div></div> 15593 </div> 15594 </div> 15595 15596 </div> 15597 15598 15599 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 15600 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570925_eat-that-frog-fourth-edition'); 15601 });"></div> 15602 <div 15603 id="current-variant-template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm" 15604 class="current-variant hidden" 15605 > 15606 52185246794091 15607 </div> 15608 15609 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 15610 15611 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 15612 class="card-info bottom_atc md:list-layout:hidden hide-icon" 15613 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 15614 x-cloak 15615 > 15616 15617<form method="post" action="/cart/add" id="product-form-choose-option14734967177579405" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185246794091"> 15618 15619 15620 <button 15621 type="submit" 15622 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm" 15623 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 15624 15625 15626 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 15627 15628aria-label="Add to cart" 15629 15630 15631 >
15632 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 15633 <span class="flex items-center justify-center"> 15634 15635 15636 15637 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 15638 15639 15640 15641 </span></span> 15642 <div 15643 class="flex gap-x-2 items-center justify-center" 15644 role="alert" 15645 x-cloak 15646 x-show="errorMessage" 15647 > 15648 Sold out 15649 </div> 15650 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 15651 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15652 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15653 fill="currentcolor" stroke="none"> 15654 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 15655 </g> 15656 </svg> 15657 15658 </div> 15659 </button><input type="hidden" name="product-id" value="14734967177579" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 15660 </div></template> 15661 15662 15663 <template x-if="$store.xQuickView"> 15664 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 15665 15666<form method="post" action="/cart/add" id="product-form-choose-option14734967177579405" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185246794091"> 15667 15668 15669 <button 15670 type="submit" 15671 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm" 15672 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 15673 15674 15675 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 15676 15677aria-label="Add to cart" 15678 15679 15680 > 15681 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 15682 <span class="flex items-center justify-center"> 15683 15684 15685 15686 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 15687 15688 15689 15690 </span></span> 15691 <div 15692 class="flex gap-x-2 items-center justify-center" 15693 role="alert" 15694 x-cloak 15695 x-show="errorMessage" 15696 > 15697 Sold out 15698 </div> 15699 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
15699calc(50%-10px)]" x-show="loading" x-cloak> 15700 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15701 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15702 fill="currentcolor" stroke="none"> 15703 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 15704 </g> 15705 </svg> 15706 15707 </div> 15708 </button><button 15709 type="submit" 15710 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 15711 15712 15713 data-id="template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm" 15714 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 15715 15716aria-label="Add to cart" 15717 15718 15719 x-customer-event-data="{ 15720 "product": { 15721 "title": "Eat That Frog!, Fourth Edition", 15722 "listName": "Bestsellers", 15723 "sku": "14734967177579", 15724 "currencyCode": "USD", 15725 "price": 1995, 15726 "vendor": "Brian Tracy" 15727 } 15728 }" 15729 > 15730 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 15731 <g> 15732 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15733 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15734 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15735 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15736 </g> 15737 </svg></span> 15738 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 15739 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15740 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15741 fill="currentcolor" stroke="none"> 15742 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 15743 </g> 15744 </svg> 15745 15746 </span> 15747 </button><input type="hidden" name="product-id" value="14734967177579" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 15748 </div><button 15749 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm')" 15750 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm')" 15751 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570925_eat-that-frog-fourth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734967177579-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 15752 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 15753 aria-label="Button quickview" 15754 x-customer-event-data="{ 15755 "product": { 15756 "title": "Eat That Frog!, Fourth Edition", 15757 "listName": "Bestsellers", 15758 "sku": "14734967177579", 15759 "currencyCode": "USD", 15760 "price": 1995, 15761 "vendor": "Brian Tracy" 15762 } 15763 }" 15764 x-show="$store.xQuickView.enabled" 15765 >
15766 <span class="flex justify-center items-center"> 15767 15768 15769 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 15770 15771 15772 </span> 15773 </button> 15774 </div> 15775 </template> 15776 15777 </div> 15778</div> 15779 15780 15781<div 15782 15783 x-data="{ showOptions: false, options: [] }" 15784 15785 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 15786 x-slide-index="5" 15787> 15788 <div 15789 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 15790 > 15791 <style data-shopify> 15792 15793 </style> 15794 15795 <style data-shopify> 15796 15797 </style> 15798 <a 15799 15800 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 15801 15802 href="/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition" 15803 15804 x-data="{ lastWindowWidth: 0 }" 15805 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 15806 x-labels-data="[{ 15807 "variant_id": 52185246466411, 15808 "product_id": 14734964949355, 15809 "available": true, 15810 "title": "The Anatomy of Peace, Fifth Edition", 15811 "compare_at_price": 0, 15812 "price": 2195, 15813 "price_with_currency": "$21.95", 15814 "sale_amount": "$-21.95", 15815 "collections": "||637336453483||639249514859||643824779627||637337043307||636480389483||639269929323||636473475435||639252758891||639269339499||", 15816 "inventory_management": "shopify", 15817 "qty": 660, 15818 "container": "card", 15819 "can_show_preorder": false, 15820 "diff_day_create": 448.01, 15821 "diff_day_publish": 448.0 15822 15823 ,"metafield_label": { 15824 "custom.format2":"Paperback" 15825 } 15826 15827 }]" 15828 15829 aria-label="The Anatomy of Peace, Fifth Edition" 15830 id="14734964949355-template--24498228953451__featured_collection_PFy63t" 15831 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 15832 <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 15833 <div
15834 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-6-5" 15835 class="block h-full" 15836 @click='$store.xCustomerEvent.fire("product_selected", $el)' 15837 x-customer-event-data="{ 15838 "product": { 15839 "title": "The Anatomy of Peace, Fifth Edition", 15840 "listName": "Bestsellers", 15841 "sku": "14734964949355", 15842 "currencyCode": "USD", 15843 "price": 2195, 15844 "vendor": "The Arbinger Institute" 15845 } 15846 }" 15847 > 15848<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 15849 > 15850 15851 <picture> 15852 <img 15853 srcset="//bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=450 450w, 15854 //bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=750 750w, 15855 //bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=900 900w, 15856 //bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=1100 1100w, 15857 //bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869 419w" 15858 src="//bkconnection.com/cdn/shop/files/9798890571571.jpg?v=1789087869&width=1500" 15859 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 15860 alt="Cover image for The Anatomy of Peace, Fifth Edition, isbn: 9798890571571" 15861 :class="showSecond ? 'first-img' : ''" 15862 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 15863 loading="lazy" 15864 width="419" 15865 height="648" 15866 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 15867 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 15868 /> 15869 </picture> 15870 15871 </div></div> 15872 </div> 15873 15874 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 15875 x-show="$store.xQuickView" x-cloak 15876 > 15877 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 15878 class="w-full hide-icon lg:px-4" 15879 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 15880 x-cloak 15881 > 15882<form method="post" action="/cart/add" id="product-form-choose-option14734964949355406" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185246466411"> 15883 15884 15885 <button 15886 type="submit" 15887 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm" 15888 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 15889 15890 15891 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 15892 15893aria-label="Add to cart" 15894 15895 15896 >
15897 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 15898 <span class="flex items-center justify-center"> 15899 15900 15901 15902 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 15903 15904 15905 15906 </span></span> 15907 <div 15908 class="flex gap-x-2 items-center justify-center" 15909 role="alert" 15910 x-cloak 15911 x-show="errorMessage" 15912 > 15913 Sold out 15914 </div> 15915 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 15916 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15917 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15918 fill="currentcolor" stroke="none"> 15919 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 15920 </g> 15921 </svg> 15922 15923 </div> 15924 </button> 15925 <button 15926 type="submit" 15927 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 15928 15929 15930 data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm" 15931 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 15932 15933aria-label="Add to cart" 15934 15935 15936 x-customer-event-data="{ 15937 "product": { 15938 "title": "The Anatomy of Peace, Fifth Edition", 15939 "listName": "Bestsellers", 15940 "sku": "14734964949355", 15941 "currencyCode": "USD", 15942 "price": 2195, 15943 "vendor": "The Arbinger Institute" 15944 } 15945 }" 15946 > 15947 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 15948 <g> 15949 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15950 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15951 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15952 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15953 </g> 15954 </svg></span> 15955 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 15956 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 15957 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 15958 fill="currentcolor" stroke="none"> 15959 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 15960 </g> 15961 </svg> 15962 15963 </span> 15964 </button><input type="hidden" name="product-id" value="14734964949355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 15965 </div> 15966 </div><div 15967 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 15968 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 15969 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 15970 > 15971 <div> 15972 <button 15973 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 15974 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571571_the-
15974anatomy-of-peace-fifth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm')" 15975 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm')" 15976 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 15977 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 15978 x-customer-event-data="{ 15979 "product": { 15980 "title": "The Anatomy of Peace, Fifth Edition", 15981 "listName": "Bestsellers", 15982 "sku": "14734964949355", 15983 "currencyCode": "USD", 15984 "price": 2195, 15985 "vendor": "The Arbinger Institute" 15986 } 15987 }" 15988 aria-label="Button quickview" 15989 > 15990 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 15991 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15992 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 15993 </svg> 15994</span> 15995 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 15996 15997 15998 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 15999 16000 16001 </span> 16002 </button> 16003 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 16004 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 16005 aria-label="Button quickview" 16006 x-customer-event-data="{ 16007 "product": { 16008 "title": "The Anatomy of Peace, Fifth Edition", 16009 "listName": "Bestsellers", 16010 "sku": "14734964949355", 16011 "currencyCode": "USD", 16012 "price": 2195, 16013 "vendor": "The Arbinger Institute" 16014 } 16015 }" 16016 > 16017 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 16018 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16019 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16020 </svg> 16021</span> 16022 </button> 16023 </div> 16024 </div> 16025 </div> 16026 16027 </a> 16028 16029 16030 <div class="md:list-layout:hidden"> 16031 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 16032 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 16033 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734964949355"> 16034 <a href="/collections/bestsellers/products/9798890571571_the-
16034anatomy-of-peace-fifth-edition" 16035 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 16036 @click='$store.xCustomerEvent.fire("product_selected", $el)' 16037 x-customer-event-data="{ 16038 "product": { 16039 "title": "The Anatomy of Peace, Fifth Edition", 16040 "listName": "Bestsellers", 16041 "sku": "14734964949355", 16042 "currencyCode": "USD", 16043 "price": 2195, 16044 "vendor": "The Arbinger Institute" 16045 } 16046 }" 16047 > 16048 The Anatomy of Peace, Fifth Edition 16049 </a> 16050 </h3> 16051 16052 16053 16054 16055<div 16056 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 16057><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars"> 16058 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16059 <g> 16060 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16061 </g> 16062 </svg> 16063 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16064 <g> 16065 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16066 </g> 16067 </svg> 16068 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16069 <g> 16070 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16071 </g> 16072 </svg> 16073 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16074 <g> 16075 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16076 </g> 16077 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 16078 <defs> 16079 <linearGradient id="grad"> 16080 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 16081 <stop offset="50%" stop-color="currentColor"/> 16082 </linearGradient> 16083 </defs> 16084 <g> 16085 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16086 </g> 16087 </svg> 16088 </div> 16089 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(460) 16090 </p></div> 16091 16092<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 16093 16094 16095 <div class=" price leading-none"> 16096 <div class=""> 16097 16098 <div class="hidden">2195</div><p class="price">
16099 <span>$21.95</span> 16100 </p><small class="text-[70%] hidden"> 16101 <span class="hidden">Unit price</span> 16102 <span class="up price-item price-item--last"> 16103 <span> 16104 16105 </span> 16106 <span aria-hidden="true">/</span> 16107 <span class="hidden"> per </span> 16108 <span> 16109 </span> 16110 </span> 16111 </small> 16112 16113 </div> 16114 16115</div> 16116 16117 <div class="next-price empty:hidden"></div> 16118 </div> 16119 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734964949355', [637336453483, 639249514859, 643824779627, 637337043307, 636480389483, 639269929323, 636473475435, 639252758891, 639269339499])"><div 16120 x-data='{ 16121 storeAvailabilites: {}, 16122 pickupLocation: [] 16123 }' 16124 class="mb-3" 16125 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 16126> 16127 <style data-shopify> 16128 .text-available, .text-unavailable { 16129 font-size: 0.669375rem; 16130 font-family: var(--font-body-family); 16131 } 16132 16133 @media (min-width: 768px) { 16134 .text-available, .text-unavailable { 16135 font-size: 0.74375rem; 16136 } 16137 } 16138 16139 .text-available { 16140 color: #6b762d; 16141 } 16142 16143 .dark .text-available { 16144 color: #858F4D; 16145 } 16146 16147 .text-unavailable { 16148 color: #767474; 16149 } 16150 16151 .dark .text-unavailable { 16152 color: #867F7F; 16153 } 16154 </style> 16155 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 16156 <span class="flex h-4 w-4 relative"> 16157<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 16158 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 16159 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 16160</svg> 16161 16162</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 16163 </div> 16164 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 16165 <span class="flex h-4 w-4 relative"> 16166<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 16167 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 16168 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 16169</svg> 16170 16171</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 16172 </div> 16173</div></div> 16174 </div> 16175 </div> 16176 </div> 16177 16178 </div> 16179 <div 16180 id="x-product-template-14734964949355-template--24498228953451__featured_collection_PFy63t-1-6" 16181 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 16182 > 16183 <div class="hidden md:list-layout:block"> 16184 16185 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 16186 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 16187 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734964949355"> 16188 <a href="/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition" 16189 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 16190 @click='$store.xCustomerEvent.fire("product_selected", $el)' 16191 x-customer-event-data="{ 16192 "product": { 16193 "title": "The Anatomy of Peace, Fifth Edition", 16194 "listName": "Bestsellers", 16195 "sku": "14734964949355", 16196 "currencyCode": "USD", 16197 "price": 2195, 16198 "vendor": "The Arbinger Institute" 16199 } 16200 }" 16201 > 16202 The Anatomy of Peace, Fifth Edition 16203 </a> 16204 </h3> 16205 16206 16207 16208 16209<div 16210 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 16211><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars"> 16212 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
16212ox="0 0 512 512" xml:space="preserve"> 16213 <g> 16214 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16215 </g> 16216 </svg> 16217 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16218 <g> 16219 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16220 </g> 16221 </svg> 16222 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16223 <g> 16224 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16225 </g> 16226 </svg> 16227 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16228 <g> 16229 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16230 </g> 16231 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 16232 <defs> 16233 <linearGradient id="grad"> 16234 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 16235 <stop offset="50%" stop-color="currentColor"/> 16236 </linearGradient> 16237 </defs> 16238 <g> 16239 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16240 </g> 16241 </svg> 16242 </div> 16243 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(460) 16244 </p></div> 16245 16246<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 16247 16248 16249 <div class=" price leading-none"> 16250 <div class=""> 16251 16252 <div class="hidden">2195</div><p class="price">
16253 <span>$21.95</span> 16254 </p><small class="text-[70%] hidden"> 16255 <span class="hidden">Unit price</span> 16256 <span class="up price-item price-item--last"> 16257 <span> 16258 16259 </span> 16260 <span aria-hidden="true">/</span> 16261 <span class="hidden"> per </span> 16262 <span> 16263 </span> 16264 </span> 16265 </small> 16266 16267 </div> 16268 16269</div> 16270 16271 <div class="next-price empty:hidden"></div> 16272 </div> 16273 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734964949355', [637336453483, 639249514859, 643824779627, 637337043307, 636480389483, 639269929323, 636473475435, 639252758891, 639269339499])"><div 16274 x-data='{ 16275 storeAvailabilites: {}, 16276 pickupLocation: [] 16277 }' 16278 class="mb-3" 16279 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 16280> 16281 <style data-shopify> 16282 .text-available, .text-unavailable { 16283 font-size: 0.669375rem; 16284 font-family: var(--font-body-family); 16285 } 16286 16287 @media (min-width: 768px) { 16288 .text-available, .text-unavailable { 16289 font-size: 0.74375rem; 16290 } 16291 } 16292 16293 .text-available { 16294 color: #6b762d; 16295 } 16296 16297 .dark .text-available { 16298 color: #858F4D; 16299 } 16300 16301 .text-unavailable { 16302 color: #767474; 16303 } 16304 16305 .dark .text-unavailable { 16306 color: #867F7F; 16307 } 16308 </style> 16309 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 16310 <span class="flex h-4 w-4 relative"> 16311<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 16312 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 16313 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 16314</svg> 16315 16316</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 16317 </div> 16318 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 16319 <span class="flex h-4 w-4 relative"> 16320<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 16321 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 16322 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 16323</svg> 16324 16325</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 16326 </div> 16327</div></div> 16328 </div> 16329 </div> 16330 16331 </div> 16332 16333 16334 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 16335 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890571571_the-anatomy-of-peace-fifth-edition'); 16336 });"></div> 16337 <div 16338 id="current-variant-template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm" 16339 class="current-variant hidden" 16340 > 16341 52185246466411 16342 </div> 16343 16344 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 16345 16346 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 16347 class="card-info bottom_atc md:list-layout:hidden hide-icon" 16348 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 16349 x-cloak 16350 > 16351 16352<form method="post" action="/cart/add" id="product-form-choose-option14734964949355406" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185246466411"> 16353 16354 16355 <button 16356 type="submit" 16357 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm" 16358 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 16359 16360 16361 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 16362 16363aria-label="Add to cart" 16364 16365 16366 >
16367 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 16368 <span class="flex items-center justify-center"> 16369 16370 16371 16372 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 16373 16374 16375 16376 </span></span> 16377 <div 16378 class="flex gap-x-2 items-center justify-center" 16379 role="alert" 16380 x-cloak 16381 x-show="errorMessage" 16382 > 16383 Sold out 16384 </div> 16385 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 16386 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 16387 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 16388 fill="currentcolor" stroke="none"> 16389 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 16390 </g> 16391 </svg> 16392 16393 </div> 16394 </button><input type="hidden" name="product-id" value="14734964949355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 16395 </div></template> 16396 16397 16398 <template x-if="$store.xQuickView"> 16399 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 16400 16401<form method="post" action="/cart/add" id="product-form-choose-option14734964949355406" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185246466411"> 16402 16403 16404 <button 16405 type="submit" 16406 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm" 16407 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 16408 16409 16410 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 16411 16412aria-label="Add to cart" 16413 16414 16415 > 16416 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 16417 <span class="flex items-center justify-center"> 16418 16419 16420 16421 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 16422 16423 16424 16425 </span></span> 16426 <div 16427 class="flex gap-x-2 items-center justify-center" 16428 role="alert" 16429 x-cloak 16430 x-show="errorMessage" 16431 > 16432 Sold out 16433 </div> 16434 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
16434calc(50%-10px)]" x-show="loading" x-cloak> 16435 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 16436 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 16437 fill="currentcolor" stroke="none"> 16438 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 16439 </g> 16440 </svg> 16441 16442 </div> 16443 </button><button 16444 type="submit" 16445 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 16446 16447 16448 data-id="template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm" 16449 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 16450 16451aria-label="Add to cart" 16452 16453 16454 x-customer-event-data="{ 16455 "product": { 16456 "title": "The Anatomy of Peace, Fifth Edition", 16457 "listName": "Bestsellers", 16458 "sku": "14734964949355", 16459 "currencyCode": "USD", 16460 "price": 2195, 16461 "vendor": "The Arbinger Institute" 16462 } 16463 }" 16464 > 16465 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 16466 <g> 16467 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16468 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16469 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16470 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16471 </g> 16472 </svg></span> 16473 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 16474 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 16475 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 16476 fill="currentcolor" stroke="none"> 16477 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 16478 </g> 16479 </svg> 16480 16481 </span> 16482 </button><input type="hidden" name="product-id" value="14734964949355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 16483 </div><button 16484 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571571_the-
16484anatomy-of-peace-fifth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm')" 16485 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm')" 16486 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890571571_the-anatomy-of-peace-fifth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734964949355-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 16487 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 16488 aria-label="Button quickview" 16489 x-customer-event-data="{ 16490 "product": { 16491 "title": "The Anatomy of Peace, Fifth Edition", 16492 "listName": "Bestsellers", 16493 "sku": "14734964949355", 16494 "currencyCode": "USD", 16495 "price": 2195, 16496 "vendor": "The Arbinger Institute" 16497 } 16498 }" 16499 x-show="$store.xQuickView.enabled" 16500 > 16501 <span class="flex justify-center items-center"> 16502 16503 16504 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 16505 16506 16507 </span> 16508 </button> 16509 </div> 16510 </template> 16511 16512 </div> 16513</div> 16514 16515 16516<div 16517 16518 x-data="{ showOptions: false, options: [] }" 16519 16520 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 16521 x-slide-index="6" 16522> 16523 <div 16524 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 16525 > 16526 <style data-shopify> 16527 16528 </style> 16529 16530 <style data-shopify> 16531 16532 </style> 16533 <a 16534 16535 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 16536 16537 href="/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition" 16538 16539 x-data="{ lastWindowWidth: 0 }" 16540 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 16541 x-labels-data="[{ 16542 "variant_id": 52185241321835, 16543 "product_id": 14734962065771, 16544 "available": true, 16545 "title": "Negotiating the Impossible, Second Edition", 16546 "compare_at_price": 0, 16547 "price": 2395, 16548 "price_with_currency": "$23.95", 16549 "sale_amount": "$-23.95", 16550 "collections": "||637336453483||639249514859||636480389483||636473475435||639252758891||", 16551 "inventory_management": "shopify", 16552 "qty": 1197, 16553 "container": "card", 16554 "can_show_preorder": false, 16555 "diff_day_create": 448.01, 16556 "diff_day_publish": 448.0 16557 16558 ,"metafield_label": { 16559 "custom.format2":"Paperback" 16560 } 16561 16562 }]" 16563 16564 aria-label="Negotiating the Impossible, Second Edition" 16565 id="14734962065771-template--24498228953451__featured_collection_PFy63t" 16566 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 16567 <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 16568 <div
16569 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-7-6" 16570 class="block h-full" 16571 @click='$store.xCustomerEvent.fire("product_selected", $el)' 16572 x-customer-event-data="{ 16573 "product": { 16574 "title": "Negotiating the Impossible, Second Edition", 16575 "listName": "Bestsellers", 16576 "sku": "14734962065771", 16577 "currencyCode": "USD", 16578 "price": 2395, 16579 "vendor": "Deepak Malhotra" 16580 } 16581 }" 16582 > 16583<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 16584 > 16585 16586 <picture> 16587 <img 16588 srcset="//bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=450 450w, 16589 //bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=750 750w, 16590 //bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=900 900w, 16591 //bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=1100 1100w, 16592 //bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873 431w" 16593 src="//bkconnection.com/cdn/shop/files/9798890570987.jpg?v=1789087873&width=1500" 16594 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 16595 alt="Cover image for Negotiating the Impossible, Second Edition, isbn: 9798890570987" 16596 :class="showSecond ? 'first-img' : ''" 16597 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 16598 loading="lazy" 16599 width="431" 16600 height="648" 16601 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 16602 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 16603 /> 16604 </picture> 16605 16606 </div></div> 16607 </div> 16608 16609 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 16610 x-show="$store.xQuickView" x-cloak 16611 > 16612 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 16613 class="w-full hide-icon lg:px-4" 16614 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 16615 x-cloak 16616 > 16617<form method="post" action="/cart/add" id="product-form-choose-option14734962065771407" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185241321835"> 16618 16619 16620 <button 16621 type="submit" 16622 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm" 16623 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 16624 16625 16626 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 16627 16628aria-label="Add to cart" 16629 16630 16631 >
16632 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 16633 <span class="flex items-center justify-center"> 16634 16635 16636 16637 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 16638 16639 16640 16641 </span></span> 16642 <div 16643 class="flex gap-x-2 items-center justify-center" 16644 role="alert" 16645 x-cloak 16646 x-show="errorMessage" 16647 > 16648 Sold out 16649 </div> 16650 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 16651 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 16652 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 16653 fill="currentcolor" stroke="none"> 16654 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 16655 </g> 16656 </svg> 16657 16658 </div> 16659 </button> 16660 <button 16661 type="submit" 16662 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 16663 16664 16665 data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm" 16666 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 16667 16668aria-label="Add to cart" 16669 16670 16671 x-customer-event-data="{ 16672 "product": { 16673 "title": "Negotiating the Impossible, Second Edition", 16674 "listName": "Bestsellers", 16675 "sku": "14734962065771", 16676 "currencyCode": "USD", 16677 "price": 2395, 16678 "vendor": "Deepak Malhotra" 16679 } 16680 }" 16681 > 16682 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 16683 <g> 16684 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16685 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16686 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16687 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16688 </g> 16689 </svg></span> 16690 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 16691 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 16692 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 16693 fill="currentcolor" stroke="none"> 16694 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 16695 </g> 16696 </svg> 16697 16698 </span> 16699 </button><input type="hidden" name="product-id" value="14734962065771" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 16700 </div> 16701 </div><div 16702 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 16703 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 16704 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 16705 > 16706 <div> 16707 <button 16708 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 16709 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm')" 16710 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm')" 16711 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 16712 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 16713 x-customer-event-data="{ 16714 "product": { 16715 "title": "Negotiating the Impossible, Second Edition", 16716 "listName": "Bestsellers", 16717 "sku": "14734962065771", 16718 "currencyCode": "USD", 16719 "price": 2395, 16720 "vendor": "Deepak Malhotra" 16721 } 16722 }" 16723 aria-label="Button quickview" 16724 >
16725 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 16726 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16727 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16728 </svg> 16729</span> 16730 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 16731 16732 16733 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 16734 16735 16736 </span> 16737 </button> 16738 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 16739 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 16740 aria-label="Button quickview" 16741 x-customer-event-data="{ 16742 "product": { 16743 "title": "Negotiating the Impossible, Second Edition", 16744 "listName": "Bestsellers", 16745 "sku": "14734962065771", 16746 "currencyCode": "USD", 16747 "price": 2395, 16748 "vendor": "Deepak Malhotra" 16749 } 16750 }" 16751 > 16752 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 16753 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16754 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 16755 </svg> 16756</span> 16757 </button> 16758 </div> 16759 </div> 16760 </div> 16761 16762 </a> 16763 16764 16765 <div class="md:list-layout:hidden"> 16766 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 16767 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 16768 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734962065771"> 16769 <a href="/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition" 16770 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 16771 @click='$store.xCustomerEvent.fire("product_selected", $el)' 16772 x-customer-event-data="{ 16773 "product": { 16774 "title": "Negotiating the Impossible, Second Edition", 16775 "listName": "Bestsellers", 16776 "sku": "14734962065771", 16777 "currencyCode": "USD", 16778 "price": 2395, 16779 "vendor": "Deepak Malhotra" 16780 } 16781 }" 16782 > 16783 Negotiating the Impossible, Second Edition 16784 </a> 16785 </h3> 16786 16787 16788 16789 16790<div 16791 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 16792><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 16793 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
16793ox="0 0 512 512" xml:space="preserve"> 16794 <g> 16795 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16796 </g> 16797 </svg> 16798 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16799 <g> 16800 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16801 </g> 16802 </svg> 16803 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16804 <g> 16805 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16806 </g> 16807 </svg> 16808 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16809 <g> 16810 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16811 </g> 16812 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 16813 <defs> 16814 <linearGradient id="grad"> 16815 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 16816 <stop offset="50%" stop-color="currentColor"/> 16817 </linearGradient> 16818 </defs> 16819 <g> 16820 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16821 </g> 16822 </svg> 16823 </div> 16824 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(96) 16825 </p></div> 16826 16827<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 16828 16829 16830 <div class=" price leading-none"> 16831 <div class=""> 16832 16833 <div class="hidden">2395</div><p class="price">
16834 <span>$23.95</span> 16835 </p><small class="text-[70%] hidden"> 16836 <span class="hidden">Unit price</span> 16837 <span class="up price-item price-item--last"> 16838 <span> 16839 16840 </span> 16841 <span aria-hidden="true">/</span> 16842 <span class="hidden"> per </span> 16843 <span> 16844 </span> 16845 </span> 16846 </small> 16847 16848 </div> 16849 16850</div> 16851 16852 <div class="next-price empty:hidden"></div> 16853 </div> 16854 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734962065771', [637336453483, 639249514859, 636480389483, 636473475435, 639252758891])"><div 16855 x-data='{ 16856 storeAvailabilites: {}, 16857 pickupLocation: [] 16858 }' 16859 class="mb-3" 16860 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 16861> 16862 <style data-shopify> 16863 .text-available, .text-unavailable { 16864 font-size: 0.669375rem; 16865 font-family: var(--font-body-family); 16866 } 16867 16868 @media (min-width: 768px) { 16869 .text-available, .text-unavailable { 16870 font-size: 0.74375rem; 16871 } 16872 } 16873 16874 .text-available { 16875 color: #6b762d; 16876 } 16877 16878 .dark .text-available { 16879 color: #858F4D; 16880 } 16881 16882 .text-unavailable { 16883 color: #767474; 16884 } 16885 16886 .dark .text-unavailable { 16887 color: #867F7F; 16888 } 16889 </style> 16890 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 16891 <span class="flex h-4 w-4 relative"> 16892<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 16893 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 16894 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 16895</svg> 16896 16897</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 16898 </div> 16899 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 16900 <span class="flex h-4 w-4 relative"> 16901<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 16902 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 16903 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 16904</svg> 16905 16906</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 16907 </div> 16908</div></div> 16909 </div> 16910 </div> 16911 </div> 16912 16913 </div> 16914 <div 16915 id="x-product-template-14734962065771-template--24498228953451__featured_collection_PFy63t-1-7" 16916 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 16917 > 16918 <div class="hidden md:list-layout:block"> 16919 16920 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 16921 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 16922 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734962065771"> 16923 <a href="/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition" 16924 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 16925 @click='$store.xCustomerEvent.fire("product_selected", $el)' 16926 x-customer-event-data="{ 16927 "product": { 16928 "title": "Negotiating the Impossible, Second Edition", 16929 "listName": "Bestsellers", 16930 "sku": "14734962065771", 16931 "currencyCode": "USD", 16932 "price": 2395, 16933 "vendor": "Deepak Malhotra" 16934 } 16935 }" 16936 > 16937 Negotiating the Impossible, Second Edition 16938 </a> 16939 </h3> 16940 16941 16942 16943 16944<div 16945 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 16946><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 16947 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
16947ox="0 0 512 512" xml:space="preserve"> 16948 <g> 16949 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16950 </g> 16951 </svg> 16952 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16953 <g> 16954 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16955 </g> 16956 </svg> 16957 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16958 <g> 16959 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16960 </g> 16961 </svg> 16962 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 16963 <g> 16964 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16965 </g> 16966 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 16967 <defs> 16968 <linearGradient id="grad"> 16969 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 16970 <stop offset="50%" stop-color="currentColor"/> 16971 </linearGradient> 16972 </defs> 16973 <g> 16974 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 16975 </g> 16976 </svg> 16977 </div> 16978 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(96) 16979 </p></div> 16980 16981<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 16982 16983 16984 <div class=" price leading-none"> 16985 <div class=""> 16986 16987 <div class="hidden">2395</div><p class="price">
16988 <span>$23.95</span> 16989 </p><small class="text-[70%] hidden"> 16990 <span class="hidden">Unit price</span> 16991 <span class="up price-item price-item--last"> 16992 <span> 16993 16994 </span> 16995 <span aria-hidden="true">/</span> 16996 <span class="hidden"> per </span> 16997 <span> 16998 </span> 16999 </span> 17000 </small> 17001 17002 </div> 17003 17004</div> 17005 17006 <div class="next-price empty:hidden"></div> 17007 </div> 17008 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734962065771', [637336453483, 639249514859, 636480389483, 636473475435, 639252758891])"><div 17009 x-data='{ 17010 storeAvailabilites: {}, 17011 pickupLocation: [] 17012 }' 17013 class="mb-3" 17014 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 17015> 17016 <style data-shopify> 17017 .text-available, .text-unavailable { 17018 font-size: 0.669375rem; 17019 font-family: var(--font-body-family); 17020 } 17021 17022 @media (min-width: 768px) { 17023 .text-available, .text-unavailable { 17024 font-size: 0.74375rem; 17025 } 17026 } 17027 17028 .text-available { 17029 color: #6b762d; 17030 } 17031 17032 .dark .text-available { 17033 color: #858F4D; 17034 } 17035 17036 .text-unavailable { 17037 color: #767474; 17038 } 17039 17040 .dark .text-unavailable { 17041 color: #867F7F; 17042 } 17043 </style> 17044 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 17045 <span class="flex h-4 w-4 relative"> 17046<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 17047 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 17048 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 17049</svg> 17050 17051</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 17052 </div> 17053 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 17054 <span class="flex h-4 w-4 relative"> 17055<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 17056 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 17057 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 17058</svg> 17059 17060</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 17061 </div> 17062</div></div> 17063 </div> 17064 </div> 17065 17066 </div> 17067 17068 17069 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 17070 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570987_negotiating-the-impossible-second-edition'); 17071 });"></div> 17072 <div 17073 id="current-variant-template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm" 17074 class="current-variant hidden" 17075 > 17076 52185241321835 17077 </div> 17078 17079 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 17080 17081 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 17082 class="card-info bottom_atc md:list-layout:hidden hide-icon" 17083 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 17084 x-cloak 17085 > 17086 17087<form method="post" action="/cart/add" id="product-form-choose-option14734962065771407" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185241321835"> 17088 17089 17090 <button 17091 type="submit" 17092 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm" 17093 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 17094 17095 17096 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 17097 17098aria-label="Add to cart" 17099 17100 17101 >
17102 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 17103 <span class="flex items-center justify-center"> 17104 17105 17106 17107 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 17108 17109 17110 17111 </span></span> 17112 <div 17113 class="flex gap-x-2 items-center justify-center" 17114 role="alert" 17115 x-cloak 17116 x-show="errorMessage" 17117 > 17118 Sold out 17119 </div> 17120 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 17121 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 17122 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 17123 fill="currentcolor" stroke="none"> 17124 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 17125 </g> 17126 </svg> 17127 17128 </div> 17129 </button><input type="hidden" name="product-id" value="14734962065771" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 17130 </div></template> 17131 17132 17133 <template x-if="$store.xQuickView"> 17134 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 17135 17136<form method="post" action="/cart/add" id="product-form-choose-option14734962065771407" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185241321835"> 17137 17138 17139 <button 17140 type="submit" 17141 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm" 17142 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 17143 17144 17145 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 17146 17147aria-label="Add to cart" 17148 17149 17150 > 17151 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 17152 <span class="flex items-center justify-center"> 17153 17154 17155 17156 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 17157 17158 17159 17160 </span></span> 17161 <div 17162 class="flex gap-x-2 items-center justify-center" 17163 role="alert" 17164 x-cloak 17165 x-show="errorMessage" 17166 > 17167 Sold out 17168 </div> 17169 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
17169calc(50%-10px)]" x-show="loading" x-cloak> 17170 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 17171 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 17172 fill="currentcolor" stroke="none"> 17173 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 17174 </g> 17175 </svg> 17176 17177 </div> 17178 </button><button 17179 type="submit" 17180 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 17181 17182 17183 data-id="template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm" 17184 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 17185 17186aria-label="Add to cart" 17187 17188 17189 x-customer-event-data="{ 17190 "product": { 17191 "title": "Negotiating the Impossible, Second Edition", 17192 "listName": "Bestsellers", 17193 "sku": "14734962065771", 17194 "currencyCode": "USD", 17195 "price": 2395, 17196 "vendor": "Deepak Malhotra" 17197 } 17198 }" 17199 > 17200 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 17201 <g> 17202 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17203 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17204 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17205 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17206 </g> 17207 </svg></span> 17208 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 17209 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 17210 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 17211 fill="currentcolor" stroke="none"> 17212 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 17213 </g> 17214 </svg> 17215 17216 </span> 17217 </button><input type="hidden" name="product-id" value="14734962065771" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 17218 </div><button 17219 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm')" 17220 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm')" 17221 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570987_negotiating-the-impossible-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14734962065771-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 17222 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 17223 aria-label="Button quickview" 17224 x-customer-event-data="{ 17225 "product": { 17226 "title": "Negotiating the Impossible, Second Edition", 17227 "listName": "Bestsellers", 17228 "sku": "14734962065771", 17229 "currencyCode": "USD", 17230 "price": 2395, 17231 "vendor": "Deepak Malhotra" 17232 } 17233 }" 17234 x-show="$store.xQuickView.enabled" 17235 >
17236 <span class="flex justify-center items-center"> 17237 17238 17239 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 17240 17241 17242 </span> 17243 </button> 17244 </div> 17245 </template> 17246 17247 </div> 17248</div> 17249 17250 17251<div 17252 17253 x-data="{ showOptions: false, options: [] }" 17254 17255 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 17256 x-slide-index="7" 17257> 17258 <div 17259 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 17260 > 17261 <style data-shopify> 17262 17263 </style> 17264 17265 <style data-shopify> 17266 17267 </style> 17268 <a 17269 17270 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 17271 17272 href="/collections/bestsellers/products/9781609948221_stewardship" 17273 17274 x-data="{ lastWindowWidth: 0 }" 17275 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 17276 x-labels-data="[{ 17277 "variant_id": 52185242206571, 17278 "product_id": 14734961738091, 17279 "available": true, 17280 "title": "Stewardship", 17281 "compare_at_price": 0, 17282 "price": 2695, 17283 "price_with_currency": "$26.95", 17284 "sale_amount": "$-26.95", 17285 "collections": "||637336453483||639249514859||639249744235||636480389483||636473475435||639252758891||639269339499||", 17286 "inventory_management": "shopify", 17287 "qty": 0, 17288 "container": "card", 17289 "can_show_preorder": false, 17290 "diff_day_create": 448.01, 17291 "diff_day_publish": 448.0 17292 17293 ,"metafield_label": { 17294 "custom.format2":"Paperback" 17295 } 17296 17297 }]" 17298 17299 aria-label="Stewardship" 17300 id="14734961738091-template--24498228953451__featured_collection_PFy63t" 17301 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 17302 <div x-data="xDoubleTouch('/collections/bestsellers/products/9781609948221_stewardship')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 17303 <div
17304 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-8-7" 17305 class="block h-full" 17306 @click='$store.xCustomerEvent.fire("product_selected", $el)' 17307 x-customer-event-data="{ 17308 "product": { 17309 "title": "Stewardship", 17310 "listName": "Bestsellers", 17311 "sku": "14734961738091", 17312 "currencyCode": "USD", 17313 "price": 2695, 17314 "vendor": "Peter Block" 17315 } 17316 }" 17317 > 17318<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 17319 > 17320 17321 <picture> 17322 <img 17323 srcset="//bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=450 450w, 17324 //bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=750 750w, 17325 //bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=900 900w, 17326 //bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=1100 1100w, 17327 //bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875 457w" 17328 src="//bkconnection.com/cdn/shop/files/9781609948221.jpg?v=1789087875&width=1500" 17329 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 17330 alt="Cover image for Stewardship, isbn: 9781609948221" 17331 :class="showSecond ? 'first-img' : ''" 17332 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 17333 loading="lazy" 17334 width="457" 17335 height="648" 17336 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 17337 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 17338 /> 17339 </picture> 17340 17341 </div></div> 17342 </div> 17343 17344 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 17345 x-show="$store.xQuickView" x-cloak 17346 > 17347 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 17348 class="w-full hide-icon lg:px-4" 17349 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 17350 x-cloak 17351 > 17352<form method="post" action="/cart/add" id="product-form-choose-option14734961738091408" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185242206571"> 17353 17354 17355 <button 17356 type="submit" 17357 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm" 17358 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 17359 17360 17361 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 17362 17363aria-label="Add to cart" 17364 17365 17366 >
17367 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 17368 <span class="flex items-center justify-center"> 17369 17370 17371 17372 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 17373 17374 17375 17376 </span></span> 17377 <div 17378 class="flex gap-x-2 items-center justify-center" 17379 role="alert" 17380 x-cloak 17381 x-show="errorMessage" 17382 > 17383 Sold out 17384 </div> 17385 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 17386 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 17387 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 17388 fill="currentcolor" stroke="none"> 17389 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 17390 </g> 17391 </svg> 17392 17393 </div> 17394 </button> 17395 <button 17396 type="submit" 17397 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 17398 17399 17400 data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm" 17401 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 17402 17403aria-label="Add to cart" 17404 17405 17406 x-customer-event-data="{ 17407 "product": { 17408 "title": "Stewardship", 17409 "listName": "Bestsellers", 17410 "sku": "14734961738091", 17411 "currencyCode": "USD", 17412 "price": 2695, 17413 "vendor": "Peter Block" 17414 } 17415 }" 17416 > 17417 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 17418 <g> 17419 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17420 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17421 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17422 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17423 </g> 17424 </svg></span> 17425 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 17426 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 17427 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 17428 fill="currentcolor" stroke="none"> 17429 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 17430 </g> 17431 </svg> 17432 17433 </span> 17434 </button><input type="hidden" name="product-id" value="14734961738091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 17435 </div> 17436 </div><div 17437 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 17438 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 17439 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 17440 > 17441 <div> 17442 <button 17443 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 17444 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781609948221_stewardship', $el, 'template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm')" 17445 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781609948221_stewardship', $el, 'template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm')" 17446 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 17447 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 17448 x-customer-event-data="{ 17449 "product": { 17450 "title": "Stewardship", 17451 "listName": "Bestsellers", 17452 "sku": "14734961738091", 17453 "currencyCode": "USD", 17454 "price": 2695, 17455 "vendor": "Peter Block" 17456 } 17457 }" 17458 aria-label="Button quickview" 17459 >
17460 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 17461 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17462 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17463 </svg> 17464</span> 17465 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 17466 17467 17468 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 17469 17470 17471 </span> 17472 </button> 17473 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781609948221_stewardship", $el, "template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 17474 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 17475 aria-label="Button quickview" 17476 x-customer-event-data="{ 17477 "product": { 17478 "title": "Stewardship", 17479 "listName": "Bestsellers", 17480 "sku": "14734961738091", 17481 "currencyCode": "USD", 17482 "price": 2695, 17483 "vendor": "Peter Block" 17484 } 17485 }" 17486 > 17487 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 17488 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17489 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17490 </svg> 17491</span> 17492 </button> 17493 </div> 17494 </div> 17495 </div> 17496 17497 </a> 17498 17499 17500 <div class="md:list-layout:hidden"> 17501 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 17502 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 17503 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734961738091"> 17504 <a href="/collections/bestsellers/products/9781609948221_stewardship" 17505 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 17506 @click='$store.xCustomerEvent.fire("product_selected", $el)' 17507 x-customer-event-data="{ 17508 "product": { 17509 "title": "Stewardship", 17510 "listName": "Bestsellers", 17511 "sku": "14734961738091", 17512 "currencyCode": "USD", 17513 "price": 2695, 17514 "vendor": "Peter Block" 17515 } 17516 }" 17517 > 17518 Stewardship 17519 </a> 17520 </h3> 17521 17522 17523 17524 17525<div 17526 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 17527><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 17528 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
17528ox="0 0 512 512" xml:space="preserve"> 17529 <g> 17530 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 17531 </g> 17532 </svg> 17533 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 17534 <g> 17535 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 17536 </g> 17537 </svg> 17538 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 17539 <g> 17540 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 17541 </g> 17542 </svg> 17543 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 17544 <g> 17545 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 17546 </g> 17547 </svg> 17548 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 17549 <g> 17550 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 17551 </g> 17552 </svg> 17553 </div> 17554 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 17555 </p></div> 17556 17557<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 17558 17559 17560 <div class=" price leading-none"> 17561 <div class=""> 17562 17563 <div class="hidden">2695</div><p class="price">
17564 <span>$26.95</span> 17565 </p><small class="text-[70%] hidden"> 17566 <span class="hidden">Unit price</span> 17567 <span class="up price-item price-item--last"> 17568 <span> 17569 17570 </span> 17571 <span aria-hidden="true">/</span> 17572 <span class="hidden"> per </span> 17573 <span> 17574 </span> 17575 </span> 17576 </small> 17577 17578 </div> 17579 17580</div> 17581 17582 <div class="next-price empty:hidden"></div> 17583 </div> 17584 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734961738091', [637336453483, 639249514859, 639249744235, 636480389483, 636473475435, 639252758891, 639269339499])"><div 17585 x-data='{ 17586 storeAvailabilites: {}, 17587 pickupLocation: [] 17588 }' 17589 class="mb-3" 17590 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 17591> 17592 <style data-shopify> 17593 .text-available, .text-unavailable { 17594 font-size: 0.669375rem; 17595 font-family: var(--font-body-family); 17596 } 17597 17598 @media (min-width: 768px) { 17599 .text-available, .text-unavailable { 17600 font-size: 0.74375rem; 17601 } 17602 } 17603 17604 .text-available { 17605 color: #6b762d; 17606 } 17607 17608 .dark .text-available { 17609 color: #858F4D; 17610 } 17611 17612 .text-unavailable { 17613 color: #767474; 17614 } 17615 17616 .dark .text-unavailable { 17617 color: #867F7F; 17618 } 17619 </style> 17620 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 17621 <span class="flex h-4 w-4 relative"> 17622<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 17623 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 17624 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 17625</svg> 17626 17627</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 17628 </div> 17629 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 17630 <span class="flex h-4 w-4 relative"> 17631<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 17632 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 17633 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 17634</svg> 17635 17636</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 17637 </div> 17638</div></div> 17639 </div> 17640 </div> 17641 </div> 17642 17643 </div> 17644 <div 17645 id="x-product-template-14734961738091-template--24498228953451__featured_collection_PFy63t-1-8" 17646 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 17647 > 17648 <div class="hidden md:list-layout:block"> 17649 17650 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 17651 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 17652 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14734961738091"> 17653 <a href="/collections/bestsellers/products/9781609948221_stewardship" 17654 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 17655 @click='$store.xCustomerEvent.fire("product_selected", $el)' 17656 x-customer-event-data="{ 17657 "product": { 17658 "title": "Stewardship", 17659 "listName": "Bestsellers", 17660 "sku": "14734961738091", 17661 "currencyCode": "USD", 17662 "price": 2695, 17663 "vendor": "Peter Block" 17664 } 17665 }" 17666 > 17667 Stewardship 17668 </a> 17669 </h3> 17670 17671 17672 17673 17674<div 17675 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 17676><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 17677 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
17677ox="0 0 512 512" xml:space="preserve"> 17678 <g> 17679 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 17680 </g> 17681 </svg> 17682 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 17683 <g> 17684 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 17685 </g> 17686 </svg> 17687 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 17688 <g> 17689 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 17690 </g> 17691 </svg> 17692 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 17693 <g> 17694 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 17695 </g> 17696 </svg> 17697 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 17698 <g> 17699 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 17700 </g> 17701 </svg> 17702 </div> 17703 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 17704 </p></div> 17705 17706<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 17707 17708 17709 <div class=" price leading-none"> 17710 <div class=""> 17711 17712 <div class="hidden">2695</div><p class="price">
17713 <span>$26.95</span> 17714 </p><small class="text-[70%] hidden"> 17715 <span class="hidden">Unit price</span> 17716 <span class="up price-item price-item--last"> 17717 <span> 17718 17719 </span> 17720 <span aria-hidden="true">/</span> 17721 <span class="hidden"> per </span> 17722 <span> 17723 </span> 17724 </span> 17725 </small> 17726 17727 </div> 17728 17729</div> 17730 17731 <div class="next-price empty:hidden"></div> 17732 </div> 17733 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14734961738091', [637336453483, 639249514859, 639249744235, 636480389483, 636473475435, 639252758891, 639269339499])"><div 17734 x-data='{ 17735 storeAvailabilites: {}, 17736 pickupLocation: [] 17737 }' 17738 class="mb-3" 17739 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 17740> 17741 <style data-shopify> 17742 .text-available, .text-unavailable { 17743 font-size: 0.669375rem; 17744 font-family: var(--font-body-family); 17745 } 17746 17747 @media (min-width: 768px) { 17748 .text-available, .text-unavailable { 17749 font-size: 0.74375rem; 17750 } 17751 } 17752 17753 .text-available { 17754 color: #6b762d; 17755 } 17756 17757 .dark .text-available { 17758 color: #858F4D; 17759 } 17760 17761 .text-unavailable { 17762 color: #767474; 17763 } 17764 17765 .dark .text-unavailable { 17766 color: #867F7F; 17767 } 17768 </style> 17769 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 17770 <span class="flex h-4 w-4 relative"> 17771<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 17772 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 17773 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 17774</svg> 17775 17776</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 17777 </div> 17778 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 17779 <span class="flex h-4 w-4 relative"> 17780<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 17781 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 17782 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 17783</svg> 17784 17785</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 17786 </div> 17787</div></div> 17788 </div> 17789 </div> 17790 17791 </div> 17792 17793 17794 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 17795 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781609948221_stewardship'); 17796 });"></div> 17797 <div 17798 id="current-variant-template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm" 17799 class="current-variant hidden" 17800 > 17801 52185242206571 17802 </div> 17803 17804 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 17805 17806 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 17807 class="card-info bottom_atc md:list-layout:hidden hide-icon" 17808 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 17809 x-cloak 17810 > 17811 17812<form method="post" action="/cart/add" id="product-form-choose-option14734961738091408" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185242206571"> 17813 17814 17815 <button 17816 type="submit" 17817 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm" 17818 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 17819 17820 17821 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 17822 17823aria-label="Add to cart" 17824 17825 17826 >
17827 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 17828 <span class="flex items-center justify-center"> 17829 17830 17831 17832 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 17833 17834 17835 17836 </span></span> 17837 <div 17838 class="flex gap-x-2 items-center justify-center" 17839 role="alert" 17840 x-cloak 17841 x-show="errorMessage" 17842 > 17843 Sold out 17844 </div> 17845 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 17846 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 17847 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 17848 fill="currentcolor" stroke="none"> 17849 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 17850 </g> 17851 </svg> 17852 17853 </div> 17854 </button><input type="hidden" name="product-id" value="14734961738091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 17855 </div></template> 17856 17857 17858 <template x-if="$store.xQuickView"> 17859 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 17860 17861<form method="post" action="/cart/add" id="product-form-choose-option14734961738091408" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52185242206571"> 17862 17863 17864 <button 17865 type="submit" 17866 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm" 17867 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 17868 17869 17870 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 17871 17872aria-label="Add to cart" 17873 17874 17875 > 17876 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 17877 <span class="flex items-center justify-center"> 17878 17879 17880 17881 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 17882 17883 17884 17885 </span></span> 17886 <div 17887 class="flex gap-x-2 items-center justify-center" 17888 role="alert" 17889 x-cloak 17890 x-show="errorMessage" 17891 > 17892 Sold out 17893 </div> 17894 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
17894calc(50%-10px)]" x-show="loading" x-cloak> 17895 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 17896 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 17897 fill="currentcolor" stroke="none"> 17898 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 17899 </g> 17900 </svg> 17901 17902 </div> 17903 </button><button 17904 type="submit" 17905 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 17906 17907 17908 data-id="template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm" 17909 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 17910 17911aria-label="Add to cart" 17912 17913 17914 x-customer-event-data="{ 17915 "product": { 17916 "title": "Stewardship", 17917 "listName": "Bestsellers", 17918 "sku": "14734961738091", 17919 "currencyCode": "USD", 17920 "price": 2695, 17921 "vendor": "Peter Block" 17922 } 17923 }" 17924 > 17925 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 17926 <g> 17927 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17928 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17929 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17930 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 17931 </g> 17932 </svg></span> 17933 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 17934 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 17935 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 17936 fill="currentcolor" stroke="none"> 17937 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 17938 </g> 17939 </svg> 17940 17941 </span> 17942 </button><input type="hidden" name="product-id" value="14734961738091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 17943 </div><button 17944 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781609948221_stewardship', $el, 'template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm')" 17945 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781609948221_stewardship', $el, 'template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm')" 17946 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781609948221_stewardship", $el, "template--24498228953451__featured_collection_PFy63t-14734961738091-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 17947 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 17948 aria-label="Button quickview" 17949 x-customer-event-data="{ 17950 "product": { 17951 "title": "Stewardship", 17952 "listName": "Bestsellers", 17953 "sku": "14734961738091", 17954 "currencyCode": "USD", 17955 "price": 2695, 17956 "vendor": "Peter Block" 17957 } 17958 }" 17959 x-show="$store.xQuickView.enabled" 17960 >
17961 <span class="flex justify-center items-center"> 17962 17963 17964 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 17965 17966 17967 </span> 17968 </button> 17969 </div> 17970 </template> 17971 17972 </div> 17973</div> 17974 17975 17976<div 17977 17978 x-data="{ showOptions: false, options: [] }" 17979 17980 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 17981 x-slide-index="8" 17982> 17983 <div 17984 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 17985 > 17986 <style data-shopify> 17987 17988 </style> 17989 17990 <style data-shopify> 17991 17992 </style> 17993 <a 17994 17995 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 17996 17997 href="/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition" 17998 17999 x-data="{ lastWindowWidth: 0 }" 18000 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 18001 x-labels-data="[{ 18002 "variant_id": 52114838880619, 18003 "product_id": 14719290278251, 18004 "available": true, 18005 "title": "Love âEm or Lose âEm, Sixth Edition", 18006 "compare_at_price": 0, 18007 "price": 2895, 18008 "price_with_currency": "$28.95", 18009 "sale_amount": "$-28.95", 18010 "collections": "||637336453483||639249514859||639269732715||650454204779||643825140075||639249744235||636480389483||636473475435||639252758891||640668860779||648798896491||639269339499||", 18011 "inventory_management": "shopify", 18012 "qty": 620, 18013 "container": "card", 18014 "can_show_preorder": false, 18015 "diff_day_create": 477.21, 18016 "diff_day_publish": 477.21 18017 18018 ,"metafield_label": { 18019 "custom.format2":"Paperback" 18020 } 18021 18022 }]" 18023 18024 aria-label="Love âEm or Lose âEm, Sixth Edition" 18025 id="14719290278251-template--24498228953451__featured_collection_PFy63t" 18026 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 18027 <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 18028 <div
18029 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-9-8" 18030 class="block h-full" 18031 @click='$store.xCustomerEvent.fire("product_selected", $el)' 18032 x-customer-event-data="{ 18033 "product": { 18034 "title": "Love âEm or Lose âEm, Sixth Edition", 18035 "listName": "Bestsellers", 18036 "sku": "14719290278251", 18037 "currencyCode": "USD", 18038 "price": 2895, 18039 "vendor": "Beverly Kaye" 18040 } 18041 }" 18042 > 18043<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 18044 > 18045 18046 <picture> 18047 <img 18048 srcset="//bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=450 450w, 18049 //bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=750 750w, 18050 //bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=900 900w, 18051 //bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=1100 1100w, 18052 //bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900 432w" 18053 src="//bkconnection.com/cdn/shop/files/9781523089352.jpg?v=1789087900&width=1500" 18054 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 18055 alt="Cover image for Love âEm or Lose âEm, Sixth Edition, isbn: 9781523089352" 18056 :class="showSecond ? 'first-img' : ''" 18057 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 18058 loading="lazy" 18059 width="432" 18060 height="648" 18061 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 18062 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 18063 /> 18064 </picture> 18065 18066 </div></div> 18067 </div> 18068 18069 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 18070 x-show="$store.xQuickView" x-cloak 18071 > 18072 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 18073 class="w-full hide-icon lg:px-4" 18074 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 18075 x-cloak 18076 > 18077<form method="post" action="/cart/add" id="product-form-choose-option14719290278251409" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114838880619"> 18078 18079 18080 <button 18081 type="submit" 18082 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm" 18083 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 18084 18085 18086 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 18087 18088aria-label="Add to cart" 18089 18090 18091 >
18092 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 18093 <span class="flex items-center justify-center"> 18094 18095 18096 18097 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 18098 18099 18100 18101 </span></span> 18102 <div 18103 class="flex gap-x-2 items-center justify-center" 18104 role="alert" 18105 x-cloak 18106 x-show="errorMessage" 18107 > 18108 Sold out 18109 </div> 18110 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 18111 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 18112 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 18113 fill="currentcolor" stroke="none"> 18114 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 18115 </g> 18116 </svg> 18117 18118 </div> 18119 </button> 18120 <button 18121 type="submit" 18122 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 18123 18124 18125 data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm" 18126 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 18127 18128aria-label="Add to cart" 18129 18130 18131 x-customer-event-data="{ 18132 "product": { 18133 "title": "Love âEm or Lose âEm, Sixth Edition", 18134 "listName": "Bestsellers", 18135 "sku": "14719290278251", 18136 "currencyCode": "USD", 18137 "price": 2895, 18138 "vendor": "Beverly Kaye" 18139 } 18140 }" 18141 > 18142 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 18143 <g> 18144 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18145 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18146 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18147 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18148 </g> 18149 </svg></span> 18150 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 18151 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 18152 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 18153 fill="currentcolor" stroke="none"> 18154 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 18155 </g> 18156 </svg> 18157 18158 </span> 18159 </button><input type="hidden" name="product-id" value="14719290278251" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 18160 </div> 18161 </div><div 18162 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 18163 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 18164 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 18165 > 18166 <div> 18167 <button 18168 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 18169 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm')" 18170 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm')" 18171 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 18172 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 18173 x-customer-event-data="{ 18174 "product": { 18175 "title": "Love âEm or Lose âEm, Sixth Edition", 18176 "listName": "Bestsellers", 18177 "sku": "14719290278251", 18178 "currencyCode": "USD", 18179 "price": 2895, 18180 "vendor": "Beverly Kaye" 18181 } 18182 }" 18183 aria-label="Button quickview" 18184 >
18185 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 18186 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18187 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18188 </svg> 18189</span> 18190 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 18191 18192 18193 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 18194 18195 18196 </span> 18197 </button> 18198 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 18199 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 18200 aria-label="Button quickview" 18201 x-customer-event-data="{ 18202 "product": { 18203 "title": "Love âEm or Lose âEm, Sixth Edition", 18204 "listName": "Bestsellers", 18205 "sku": "14719290278251", 18206 "currencyCode": "USD", 18207 "price": 2895, 18208 "vendor": "Beverly Kaye" 18209 } 18210 }" 18211 > 18212 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 18213 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18214 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18215 </svg> 18216</span> 18217 </button> 18218 </div> 18219 </div> 18220 </div> 18221 18222 </a> 18223 18224 18225 <div class="md:list-layout:hidden"> 18226 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 18227 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 18228 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719290278251"> 18229 <a href="/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition" 18230 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 18231 @click='$store.xCustomerEvent.fire("product_selected", $el)' 18232 x-customer-event-data="{ 18233 "product": { 18234 "title": "Love âEm or Lose âEm, Sixth Edition", 18235 "listName": "Bestsellers", 18236 "sku": "14719290278251", 18237 "currencyCode": "USD", 18238 "price": 2895, 18239 "vendor": "Beverly Kaye" 18240 } 18241 }" 18242 > 18243 Love âEm or Lose âEm, Sixth Edition 18244 </a> 18245 </h3> 18246 18247 18248 18249 18250<div 18251 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 18252><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 18253 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
18253ox="0 0 512 512" xml:space="preserve"> 18254 <g> 18255 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18256 </g> 18257 </svg> 18258 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 18259 <g> 18260 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18261 </g> 18262 </svg> 18263 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 18264 <g> 18265 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18266 </g> 18267 </svg> 18268 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 18269 <g> 18270 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18271 </g> 18272 </svg> 18273 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 18274 <g> 18275 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18276 </g> 18277 </svg> 18278 </div> 18279 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 18280 </p></div> 18281 18282<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 18283 18284 18285 <div class=" price leading-none"> 18286 <div class=""> 18287 18288 <div class="hidden">2895</div><p class="price">
18289 <span>$28.95</span> 18290 </p><small class="text-[70%] hidden"> 18291 <span class="hidden">Unit price</span> 18292 <span class="up price-item price-item--last"> 18293 <span> 18294 18295 </span> 18296 <span aria-hidden="true">/</span> 18297 <span class="hidden"> per </span> 18298 <span> 18299 </span> 18300 </span> 18301 </small> 18302 18303 </div> 18304 18305</div> 18306 18307 <div class="next-price empty:hidden"></div> 18308 </div> 18309 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719290278251', [637336453483, 639249514859, 639269732715, 650454204779, 643825140075, 639249744235, 636480389483, 636473475435, 639252758891, 640668860779, 648798896491, 639269339499])"><div 18310 x-data='{ 18311 storeAvailabilites: {}, 18312 pickupLocation: [] 18313 }' 18314 class="mb-3" 18315 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 18316> 18317 <style data-shopify> 18318 .text-available, .text-unavailable { 18319 font-size: 0.669375rem; 18320 font-family: var(--font-body-family); 18321 } 18322 18323 @media (min-width: 768px) { 18324 .text-available, .text-unavailable { 18325 font-size: 0.74375rem; 18326 } 18327 } 18328 18329 .text-available { 18330 color: #6b762d; 18331 } 18332 18333 .dark .text-available { 18334 color: #858F4D; 18335 } 18336 18337 .text-unavailable { 18338 color: #767474; 18339 } 18340 18341 .dark .text-unavailable { 18342 color: #867F7F; 18343 } 18344 </style> 18345 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 18346 <span class="flex h-4 w-4 relative"> 18347<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 18348 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 18349 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 18350</svg> 18351 18352</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 18353 </div> 18354 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 18355 <span class="flex h-4 w-4 relative"> 18356<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 18357 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 18358 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 18359</svg> 18360 18361</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 18362 </div> 18363</div></div> 18364 </div> 18365 </div> 18366 </div> 18367 18368 </div> 18369 <div 18370 id="x-product-template-14719290278251-template--24498228953451__featured_collection_PFy63t-1-9" 18371 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 18372 > 18373 <div class="hidden md:list-layout:block"> 18374 18375 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 18376 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 18377 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719290278251"> 18378 <a href="/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition" 18379 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 18380 @click='$store.xCustomerEvent.fire("product_selected", $el)' 18381 x-customer-event-data="{ 18382 "product": { 18383 "title": "Love âEm or Lose âEm, Sixth Edition", 18384 "listName": "Bestsellers", 18385 "sku": "14719290278251", 18386 "currencyCode": "USD", 18387 "price": 2895, 18388 "vendor": "Beverly Kaye" 18389 } 18390 }" 18391 > 18392 Love âEm or Lose âEm, Sixth Edition 18393 </a> 18394 </h3> 18395 18396 18397 18398 18399<div 18400 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 18401><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 18402 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
18402ox="0 0 512 512" xml:space="preserve"> 18403 <g> 18404 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18405 </g> 18406 </svg> 18407 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 18408 <g> 18409 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18410 </g> 18411 </svg> 18412 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 18413 <g> 18414 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18415 </g> 18416 </svg> 18417 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 18418 <g> 18419 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18420 </g> 18421 </svg> 18422 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 18423 <g> 18424 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18425 </g> 18426 </svg> 18427 </div> 18428 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 18429 </p></div> 18430 18431<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 18432 18433 18434 <div class=" price leading-none"> 18435 <div class=""> 18436 18437 <div class="hidden">2895</div><p class="price">
18438 <span>$28.95</span> 18439 </p><small class="text-[70%] hidden"> 18440 <span class="hidden">Unit price</span> 18441 <span class="up price-item price-item--last"> 18442 <span> 18443 18444 </span> 18445 <span aria-hidden="true">/</span> 18446 <span class="hidden"> per </span> 18447 <span> 18448 </span> 18449 </span> 18450 </small> 18451 18452 </div> 18453 18454</div> 18455 18456 <div class="next-price empty:hidden"></div> 18457 </div> 18458 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719290278251', [637336453483, 639249514859, 639269732715, 650454204779, 643825140075, 639249744235, 636480389483, 636473475435, 639252758891, 640668860779, 648798896491, 639269339499])"><div 18459 x-data='{ 18460 storeAvailabilites: {}, 18461 pickupLocation: [] 18462 }' 18463 class="mb-3" 18464 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 18465> 18466 <style data-shopify> 18467 .text-available, .text-unavailable { 18468 font-size: 0.669375rem; 18469 font-family: var(--font-body-family); 18470 } 18471 18472 @media (min-width: 768px) { 18473 .text-available, .text-unavailable { 18474 font-size: 0.74375rem; 18475 } 18476 } 18477 18478 .text-available { 18479 color: #6b762d; 18480 } 18481 18482 .dark .text-available { 18483 color: #858F4D; 18484 } 18485 18486 .text-unavailable { 18487 color: #767474; 18488 } 18489 18490 .dark .text-unavailable { 18491 color: #867F7F; 18492 } 18493 </style> 18494 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 18495 <span class="flex h-4 w-4 relative"> 18496<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 18497 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 18498 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 18499</svg> 18500 18501</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 18502 </div> 18503 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 18504 <span class="flex h-4 w-4 relative"> 18505<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 18506 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 18507 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 18508</svg> 18509 18510</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 18511 </div> 18512</div></div> 18513 </div> 18514 </div> 18515 18516 </div> 18517 18518 18519 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 18520 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523089352_love-em-or-lose-em-sixth-edition'); 18521 });"></div> 18522 <div 18523 id="current-variant-template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm" 18524 class="current-variant hidden" 18525 > 18526 52114838880619 18527 </div> 18528 18529 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 18530 18531 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 18532 class="card-info bottom_atc md:list-layout:hidden hide-icon" 18533 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 18534 x-cloak 18535 > 18536 18537<form method="post" action="/cart/add" id="product-form-choose-option14719290278251409" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114838880619"> 18538 18539 18540 <button 18541 type="submit" 18542 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm" 18543 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 18544 18545 18546 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 18547 18548aria-label="Add to cart" 18549 18550 18551 >
18552 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 18553 <span class="flex items-center justify-center"> 18554 18555 18556 18557 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 18558 18559 18560 18561 </span></span> 18562 <div 18563 class="flex gap-x-2 items-center justify-center" 18564 role="alert" 18565 x-cloak 18566 x-show="errorMessage" 18567 > 18568 Sold out 18569 </div> 18570 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 18571 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 18572 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 18573 fill="currentcolor" stroke="none"> 18574 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 18575 </g> 18576 </svg> 18577 18578 </div> 18579 </button><input type="hidden" name="product-id" value="14719290278251" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 18580 </div></template> 18581 18582 18583 <template x-if="$store.xQuickView"> 18584 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 18585 18586<form method="post" action="/cart/add" id="product-form-choose-option14719290278251409" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114838880619"> 18587 18588 18589 <button 18590 type="submit" 18591 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm" 18592 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 18593 18594 18595 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 18596 18597aria-label="Add to cart" 18598 18599 18600 > 18601 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 18602 <span class="flex items-center justify-center"> 18603 18604 18605 18606 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 18607 18608 18609 18610 </span></span> 18611 <div 18612 class="flex gap-x-2 items-center justify-center" 18613 role="alert" 18614 x-cloak 18615 x-show="errorMessage" 18616 > 18617 Sold out 18618 </div> 18619 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
18619calc(50%-10px)]" x-show="loading" x-cloak> 18620 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 18621 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 18622 fill="currentcolor" stroke="none"> 18623 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 18624 </g> 18625 </svg> 18626 18627 </div> 18628 </button><button 18629 type="submit" 18630 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 18631 18632 18633 data-id="template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm" 18634 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 18635 18636aria-label="Add to cart" 18637 18638 18639 x-customer-event-data="{ 18640 "product": { 18641 "title": "Love âEm or Lose âEm, Sixth Edition", 18642 "listName": "Bestsellers", 18643 "sku": "14719290278251", 18644 "currencyCode": "USD", 18645 "price": 2895, 18646 "vendor": "Beverly Kaye" 18647 } 18648 }" 18649 > 18650 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 18651 <g> 18652 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18653 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18654 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18655 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18656 </g> 18657 </svg></span> 18658 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 18659 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 18660 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 18661 fill="currentcolor" stroke="none"> 18662 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 18663 </g> 18664 </svg> 18665 18666 </span> 18667 </button><input type="hidden" name="product-id" value="14719290278251" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 18668 </div><button 18669 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm')" 18670 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm')" 18671 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523089352_love-em-or-lose-em-sixth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719290278251-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 18672 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 18673 aria-label="Button quickview" 18674 x-customer-event-data="{ 18675 "product": { 18676 "title": "Love âEm or Lose âEm, Sixth Edition", 18677 "listName": "Bestsellers", 18678 "sku": "14719290278251", 18679 "currencyCode": "USD", 18680 "price": 2895, 18681 "vendor": "Beverly Kaye" 18682 } 18683 }" 18684 x-show="$store.xQuickView.enabled" 18685 >
18686 <span class="flex justify-center items-center"> 18687 18688 18689 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 18690 18691 18692 </span> 18693 </button> 18694 </div> 18695 </template> 18696 18697 </div> 18698</div> 18699 18700 18701<div 18702 18703 x-data="{ showOptions: false, options: [] }" 18704 18705 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 18706 x-slide-index="9" 18707> 18708 <div 18709 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 18710 > 18711 <style data-shopify> 18712 18713 </style> 18714 18715 <style data-shopify> 18716 18717 </style> 18718 <a 18719 18720 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 18721 18722 href="/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition" 18723 18724 x-data="{ lastWindowWidth: 0 }" 18725 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 18726 x-labels-data="[{ 18727 "variant_id": 52114838356331, 18728 "product_id": 14719289721195, 18729 "available": true, 18730 "title": "Leadership and Self-Deception, Fourth Edition", 18731 "compare_at_price": 0, 18732 "price": 1995, 18733 "price_with_currency": "$19.95", 18734 "sale_amount": "$-19.95", 18735 "collections": "||637336453483||639249514859||643825140075||639249744235||650454073707||636480389483||639269929323||636473475435||639252758891||639269339499||", 18736 "inventory_management": "shopify", 18737 "qty": 2662, 18738 "container": "card", 18739 "can_show_preorder": false, 18740 "diff_day_create": 477.21, 18741 "diff_day_publish": 477.21 18742 18743 ,"metafield_label": { 18744 "custom.format2":"Paperback" 18745 } 18746 18747 }]" 18748 18749 aria-label="Leadership and Self-Deception, Fourth Edition" 18750 id="14719289721195-template--24498228953451__featured_collection_PFy63t" 18751 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 18752 <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 18753 <div
18754 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-10-9" 18755 class="block h-full" 18756 @click='$store.xCustomerEvent.fire("product_selected", $el)' 18757 x-customer-event-data="{ 18758 "product": { 18759 "title": "Leadership and Self-Deception, Fourth Edition", 18760 "listName": "Bestsellers", 18761 "sku": "14719289721195", 18762 "currencyCode": "USD", 18763 "price": 1995, 18764 "vendor": "The Arbinger Institute" 18765 } 18766 }" 18767 > 18768<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 18769 > 18770 18771 <picture> 18772 <img 18773 srcset="//bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=450 450w, 18774 //bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=750 750w, 18775 //bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=900 900w, 18776 //bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=1100 1100w, 18777 //bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897 419w" 18778 src="//bkconnection.com/cdn/shop/files/9781523006564.jpg?v=1789087897&width=1500" 18779 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 18780 alt="Cover image for Leadership and Self-Deception, Fourth Edition, isbn: 9781523006564" 18781 :class="showSecond ? 'first-img' : ''" 18782 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 18783 loading="lazy" 18784 width="419" 18785 height="648" 18786 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 18787 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 18788 /> 18789 </picture> 18790 18791 </div></div> 18792 </div> 18793 18794 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 18795 x-show="$store.xQuickView" x-cloak 18796 > 18797 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 18798 class="w-full hide-icon lg:px-4" 18799 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 18800 x-cloak 18801 > 18802<form method="post" action="/cart/add" id="product-form-choose-option147192897211954010" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114838356331"> 18803 18804 18805 <button 18806 type="submit" 18807 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm" 18808 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 18809 18810 18811 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 18812 18813aria-label="Add to cart" 18814 18815 18816 >
18817 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 18818 <span class="flex items-center justify-center"> 18819 18820 18821 18822 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 18823 18824 18825 18826 </span></span> 18827 <div 18828 class="flex gap-x-2 items-center justify-center" 18829 role="alert" 18830 x-cloak 18831 x-show="errorMessage" 18832 > 18833 Sold out 18834 </div> 18835 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 18836 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 18837 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 18838 fill="currentcolor" stroke="none"> 18839 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 18840 </g> 18841 </svg> 18842 18843 </div> 18844 </button> 18845 <button 18846 type="submit" 18847 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 18848 18849 18850 data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm" 18851 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 18852 18853aria-label="Add to cart" 18854 18855 18856 x-customer-event-data="{ 18857 "product": { 18858 "title": "Leadership and Self-Deception, Fourth Edition", 18859 "listName": "Bestsellers", 18860 "sku": "14719289721195", 18861 "currencyCode": "USD", 18862 "price": 1995, 18863 "vendor": "The Arbinger Institute" 18864 } 18865 }" 18866 > 18867 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 18868 <g> 18869 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18870 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18871 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18872 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18873 </g> 18874 </svg></span> 18875 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 18876 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 18877 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 18878 fill="currentcolor" stroke="none"> 18879 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 18880 </g> 18881 </svg> 18882 18883 </span> 18884 </button><input type="hidden" name="product-id" value="14719289721195" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 18885 </div> 18886 </div><div 18887 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 18888 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 18889 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 18890 > 18891 <div> 18892 <button 18893 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 18894 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm')" 18895 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm')" 18896 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 18897 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 18898 x-customer-event-data="{ 18899 "product": { 18900 "title": "Leadership and Self-Deception, Fourth Edition", 18901 "listName": "Bestsellers", 18902 "sku": "14719289721195", 18903 "currencyCode": "USD", 18904 "price": 1995, 18905 "vendor": "The Arbinger Institute" 18906 } 18907 }" 18908 aria-label="Button quickview" 18909 >
18910 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 18911 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18912 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18913 </svg> 18914</span> 18915 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 18916 18917 18918 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 18919 18920 18921 </span> 18922 </button> 18923 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 18924 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 18925 aria-label="Button quickview" 18926 x-customer-event-data="{ 18927 "product": { 18928 "title": "Leadership and Self-Deception, Fourth Edition", 18929 "listName": "Bestsellers", 18930 "sku": "14719289721195", 18931 "currencyCode": "USD", 18932 "price": 1995, 18933 "vendor": "The Arbinger Institute" 18934 } 18935 }" 18936 > 18937 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 18938 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18939 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 18940 </svg> 18941</span> 18942 </button> 18943 </div> 18944 </div> 18945 </div> 18946 18947 </a> 18948 18949 18950 <div class="md:list-layout:hidden"> 18951 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 18952 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 18953 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289721195"> 18954 <a href="/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition" 18955 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 18956 @click='$store.xCustomerEvent.fire("product_selected", $el)' 18957 x-customer-event-data="{ 18958 "product": { 18959 "title": "Leadership and Self-Deception, Fourth Edition", 18960 "listName": "Bestsellers", 18961 "sku": "14719289721195", 18962 "currencyCode": "USD", 18963 "price": 1995, 18964 "vendor": "The Arbinger Institute" 18965 } 18966 }" 18967 > 18968 Leadership and Self-Deception, Fourth Edition 18969 </a> 18970 </h3> 18971 18972 18973 18974 18975<div 18976 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 18977><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 18978 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
18978ox="0 0 512 512" xml:space="preserve"> 18979 <g> 18980 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18981 </g> 18982 </svg> 18983 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 18984 <g> 18985 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18986 </g> 18987 </svg> 18988 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 18989 <g> 18990 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18991 </g> 18992 </svg> 18993 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 18994 <g> 18995 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 18996 </g> 18997 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 18998 <defs> 18999 <linearGradient id="grad"> 19000 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 19001 <stop offset="50%" stop-color="currentColor"/> 19002 </linearGradient> 19003 </defs> 19004 <g> 19005 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19006 </g> 19007 </svg> 19008 </div> 19009 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(3926) 19010 </p></div> 19011 19012<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 19013 19014 19015 <div class=" price leading-none"> 19016 <div class=""> 19017 19018 <div class="hidden">1995</div><p class="price">
19019 <span>$19.95</span> 19020 </p><small class="text-[70%] hidden"> 19021 <span class="hidden">Unit price</span> 19022 <span class="up price-item price-item--last"> 19023 <span> 19024 19025 </span> 19026 <span aria-hidden="true">/</span> 19027 <span class="hidden"> per </span> 19028 <span> 19029 </span> 19030 </span> 19031 </small> 19032 19033 </div> 19034 19035</div> 19036 19037 <div class="next-price empty:hidden"></div> 19038 </div> 19039 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289721195', [637336453483, 639249514859, 643825140075, 639249744235, 650454073707, 636480389483, 639269929323, 636473475435, 639252758891, 639269339499])"><div 19040 x-data='{ 19041 storeAvailabilites: {}, 19042 pickupLocation: [] 19043 }' 19044 class="mb-3" 19045 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 19046> 19047 <style data-shopify> 19048 .text-available, .text-unavailable { 19049 font-size: 0.669375rem; 19050 font-family: var(--font-body-family); 19051 } 19052 19053 @media (min-width: 768px) { 19054 .text-available, .text-unavailable { 19055 font-size: 0.74375rem; 19056 } 19057 } 19058 19059 .text-available { 19060 color: #6b762d; 19061 } 19062 19063 .dark .text-available { 19064 color: #858F4D; 19065 } 19066 19067 .text-unavailable { 19068 color: #767474; 19069 } 19070 19071 .dark .text-unavailable { 19072 color: #867F7F; 19073 } 19074 </style> 19075 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 19076 <span class="flex h-4 w-4 relative"> 19077<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 19078 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 19079 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 19080</svg> 19081 19082</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 19083 </div> 19084 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 19085 <span class="flex h-4 w-4 relative"> 19086<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 19087 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 19088 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 19089</svg> 19090 19091</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 19092 </div> 19093</div></div> 19094 </div> 19095 </div> 19096 </div> 19097 19098 </div> 19099 <div 19100 id="x-product-template-14719289721195-template--24498228953451__featured_collection_PFy63t-1-10" 19101 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 19102 > 19103 <div class="hidden md:list-layout:block"> 19104 19105 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 19106 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 19107 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289721195"> 19108 <a href="/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition" 19109 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 19110 @click='$store.xCustomerEvent.fire("product_selected", $el)' 19111 x-customer-event-data="{ 19112 "product": { 19113 "title": "Leadership and Self-Deception, Fourth Edition", 19114 "listName": "Bestsellers", 19115 "sku": "14719289721195", 19116 "currencyCode": "USD", 19117 "price": 1995, 19118 "vendor": "The Arbinger Institute" 19119 } 19120 }" 19121 > 19122 Leadership and Self-Deception, Fourth Edition 19123 </a> 19124 </h3> 19125 19126 19127 19128 19129<div 19130 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 19131><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 19132 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
19132ox="0 0 512 512" xml:space="preserve"> 19133 <g> 19134 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19135 </g> 19136 </svg> 19137 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 19138 <g> 19139 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19140 </g> 19141 </svg> 19142 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 19143 <g> 19144 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19145 </g> 19146 </svg> 19147 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 19148 <g> 19149 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19150 </g> 19151 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 19152 <defs> 19153 <linearGradient id="grad"> 19154 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 19155 <stop offset="50%" stop-color="currentColor"/> 19156 </linearGradient> 19157 </defs> 19158 <g> 19159 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19160 </g> 19161 </svg> 19162 </div> 19163 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(3926) 19164 </p></div> 19165 19166<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 19167 19168 19169 <div class=" price leading-none"> 19170 <div class=""> 19171 19172 <div class="hidden">1995</div><p class="price">
19173 <span>$19.95</span> 19174 </p><small class="text-[70%] hidden"> 19175 <span class="hidden">Unit price</span> 19176 <span class="up price-item price-item--last"> 19177 <span> 19178 19179 </span> 19180 <span aria-hidden="true">/</span> 19181 <span class="hidden"> per </span> 19182 <span> 19183 </span> 19184 </span> 19185 </small> 19186 19187 </div> 19188 19189</div> 19190 19191 <div class="next-price empty:hidden"></div> 19192 </div> 19193 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289721195', [637336453483, 639249514859, 643825140075, 639249744235, 650454073707, 636480389483, 639269929323, 636473475435, 639252758891, 639269339499])"><div 19194 x-data='{ 19195 storeAvailabilites: {}, 19196 pickupLocation: [] 19197 }' 19198 class="mb-3" 19199 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 19200> 19201 <style data-shopify> 19202 .text-available, .text-unavailable { 19203 font-size: 0.669375rem; 19204 font-family: var(--font-body-family); 19205 } 19206 19207 @media (min-width: 768px) { 19208 .text-available, .text-unavailable { 19209 font-size: 0.74375rem; 19210 } 19211 } 19212 19213 .text-available { 19214 color: #6b762d; 19215 } 19216 19217 .dark .text-available { 19218 color: #858F4D; 19219 } 19220 19221 .text-unavailable { 19222 color: #767474; 19223 } 19224 19225 .dark .text-unavailable { 19226 color: #867F7F; 19227 } 19228 </style> 19229 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 19230 <span class="flex h-4 w-4 relative"> 19231<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 19232 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 19233 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 19234</svg> 19235 19236</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 19237 </div> 19238 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 19239 <span class="flex h-4 w-4 relative"> 19240<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 19241 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 19242 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 19243</svg> 19244 19245</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 19246 </div> 19247</div></div> 19248 </div> 19249 </div> 19250 19251 </div> 19252 19253 19254 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 19255 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523006564_leadership-and-self-deception-fourth-edition'); 19256 });"></div> 19257 <div 19258 id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm" 19259 class="current-variant hidden" 19260 > 19261 52114838356331 19262 </div> 19263 19264 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 19265 19266 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 19267 class="card-info bottom_atc md:list-layout:hidden hide-icon" 19268 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 19269 x-cloak 19270 > 19271 19272<form method="post" action="/cart/add" id="product-form-choose-option147192897211954010" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114838356331"> 19273 19274 19275 <button 19276 type="submit" 19277 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm" 19278 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 19279 19280 19281 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 19282 19283aria-label="Add to cart" 19284 19285 19286 >
19287 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 19288 <span class="flex items-center justify-center"> 19289 19290 19291 19292 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 19293 19294 19295 19296 </span></span> 19297 <div 19298 class="flex gap-x-2 items-center justify-center" 19299 role="alert" 19300 x-cloak 19301 x-show="errorMessage" 19302 > 19303 Sold out 19304 </div> 19305 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 19306 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 19307 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 19308 fill="currentcolor" stroke="none"> 19309 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 19310 </g> 19311 </svg> 19312 19313 </div> 19314 </button><input type="hidden" name="product-id" value="14719289721195" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 19315 </div></template> 19316 19317 19318 <template x-if="$store.xQuickView"> 19319 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 19320 19321<form method="post" action="/cart/add" id="product-form-choose-option147192897211954010" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114838356331"> 19322 19323 19324 <button 19325 type="submit" 19326 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm" 19327 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 19328 19329 19330 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 19331 19332aria-label="Add to cart" 19333 19334 19335 > 19336 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 19337 <span class="flex items-center justify-center"> 19338 19339 19340 19341 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 19342 19343 19344 19345 </span></span> 19346 <div 19347 class="flex gap-x-2 items-center justify-center" 19348 role="alert" 19349 x-cloak 19350 x-show="errorMessage" 19351 > 19352 Sold out 19353 </div> 19354 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
19354calc(50%-10px)]" x-show="loading" x-cloak> 19355 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 19356 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 19357 fill="currentcolor" stroke="none"> 19358 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 19359 </g> 19360 </svg> 19361 19362 </div> 19363 </button><button 19364 type="submit" 19365 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 19366 19367 19368 data-id="template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm" 19369 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 19370 19371aria-label="Add to cart" 19372 19373 19374 x-customer-event-data="{ 19375 "product": { 19376 "title": "Leadership and Self-Deception, Fourth Edition", 19377 "listName": "Bestsellers", 19378 "sku": "14719289721195", 19379 "currencyCode": "USD", 19380 "price": 1995, 19381 "vendor": "The Arbinger Institute" 19382 } 19383 }" 19384 > 19385 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 19386 <g> 19387 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 19388 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 19389 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 19390 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 19391 </g> 19392 </svg></span> 19393 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 19394 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 19395 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 19396 fill="currentcolor" stroke="none"> 19397 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 19398 </g> 19399 </svg> 19400 19401 </span> 19402 </button><input type="hidden" name="product-id" value="14719289721195" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 19403 </div><button 19404 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm')" 19405 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm')" 19406 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523006564_leadership-and-self-deception-fourth-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289721195-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 19407 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 19408 aria-label="Button quickview" 19409 x-customer-event-data="{ 19410 "product": { 19411 "title": "Leadership and Self-Deception, Fourth Edition", 19412 "listName": "Bestsellers", 19413 "sku": "14719289721195", 19414 "currencyCode": "USD", 19415 "price": 1995, 19416 "vendor": "The Arbinger Institute" 19417 } 19418 }" 19419 x-show="$store.xQuickView.enabled" 19420 >
19421 <span class="flex justify-center items-center"> 19422 19423 19424 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 19425 19426 19427 </span> 19428 </button> 19429 </div> 19430 </template> 19431 19432 </div> 19433</div> 19434 19435 19436<div 19437 19438 x-data="{ showOptions: false, options: [] }" 19439 19440 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 19441 x-slide-index="10" 19442> 19443 <div 19444 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 19445 > 19446 <style data-shopify> 19447 19448 </style> 19449 19450 <style data-shopify> 19451 19452 </style> 19453 <a 19454 19455 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 19456 19457 href="/collections/bestsellers/products/9798890570437_goals-third-edition" 19458 19459 x-data="{ lastWindowWidth: 0 }" 19460 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 19461 x-labels-data="[{ 19462 "variant_id": 52114838126955, 19463 "product_id": 14719289557355, 19464 "available": true, 19465 "title": "Goals! Third Edition", 19466 "compare_at_price": 0, 19467 "price": 2495, 19468 "price_with_currency": "$24.95", 19469 "sale_amount": "$-24.95", 19470 "collections": "||637336453483||639249514859||643825009003||636480389483||639269929323||636473475435||650454270315||", 19471 "inventory_management": "shopify", 19472 "qty": 1179, 19473 "container": "card", 19474 "can_show_preorder": false, 19475 "diff_day_create": 477.21, 19476 "diff_day_publish": 477.21 19477 19478 ,"metafield_label": { 19479 "custom.format2":"Paperback" 19480 } 19481 19482 }]" 19483 19484 aria-label="Goals! Third Edition" 19485 id="14719289557355-template--24498228953451__featured_collection_PFy63t" 19486 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 19487 <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570437_goals-third-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 19488 <div
19489 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-11-10" 19490 class="block h-full" 19491 @click='$store.xCustomerEvent.fire("product_selected", $el)' 19492 x-customer-event-data="{ 19493 "product": { 19494 "title": "Goals! Third Edition", 19495 "listName": "Bestsellers", 19496 "sku": "14719289557355", 19497 "currencyCode": "USD", 19498 "price": 2495, 19499 "vendor": "Brian Tracy" 19500 } 19501 }" 19502 > 19503<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 19504 > 19505 19506 <picture> 19507 <img 19508 srcset="//bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=450 450w, 19509 //bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=750 750w, 19510 //bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=900 900w, 19511 //bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=1100 1100w, 19512 //bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893 419w" 19513 src="//bkconnection.com/cdn/shop/files/9798890570437.jpg?v=1789087893&width=1500" 19514 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 19515 alt="Cover image for Goals! Third Edition, isbn: 9798890570437" 19516 :class="showSecond ? 'first-img' : ''" 19517 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 19518 loading="lazy" 19519 width="419" 19520 height="648" 19521 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 19522 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 19523 /> 19524 </picture> 19525 19526 </div></div> 19527 </div> 19528 19529 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 19530 x-show="$store.xQuickView" x-cloak 19531 > 19532 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 19533 class="w-full hide-icon lg:px-4" 19534 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 19535 x-cloak 19536 > 19537<form method="post" action="/cart/add" id="product-form-choose-option147192895573554011" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114838126955"> 19538 19539 19540 <button 19541 type="submit" 19542 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm" 19543 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 19544 19545 19546 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 19547 19548aria-label="Add to cart" 19549 19550 19551 >
19552 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 19553 <span class="flex items-center justify-center"> 19554 19555 19556 19557 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 19558 19559 19560 19561 </span></span> 19562 <div 19563 class="flex gap-x-2 items-center justify-center" 19564 role="alert" 19565 x-cloak 19566 x-show="errorMessage" 19567 > 19568 Sold out 19569 </div> 19570 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 19571 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 19572 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 19573 fill="currentcolor" stroke="none"> 19574 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 19575 </g> 19576 </svg> 19577 19578 </div> 19579 </button> 19580 <button 19581 type="submit" 19582 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 19583 19584 19585 data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm" 19586 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 19587 19588aria-label="Add to cart" 19589 19590 19591 x-customer-event-data="{ 19592 "product": { 19593 "title": "Goals! Third Edition", 19594 "listName": "Bestsellers", 19595 "sku": "14719289557355", 19596 "currencyCode": "USD", 19597 "price": 2495, 19598 "vendor": "Brian Tracy" 19599 } 19600 }" 19601 > 19602 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 19603 <g> 19604 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 19605 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 19606 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 19607 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 19608 </g> 19609 </svg></span> 19610 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 19611 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 19612 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 19613 fill="currentcolor" stroke="none"> 19614 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 19615 </g> 19616 </svg> 19617 19618 </span> 19619 </button><input type="hidden" name="product-id" value="14719289557355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 19620 </div> 19621 </div><div 19622 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 19623 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 19624 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 19625 > 19626 <div> 19627 <button 19628 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 19629 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570437_goals-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm')" 19630 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570437_goals-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm')" 19631 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 19632 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 19633 x-customer-event-data="{ 19634 "product": { 19635 "title": "Goals! Third Edition", 19636 "listName": "Bestsellers", 19637 "sku": "14719289557355", 19638 "currencyCode": "USD", 19639 "price": 2495, 19640 "vendor": "Brian Tracy" 19641 } 19642 }" 19643 aria-label="Button quickview" 19644 >
19645 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 19646 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 19647 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 19648 </svg> 19649</span> 19650 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 19651 19652 19653 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 19654 19655 19656 </span> 19657 </button> 19658 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570437_goals-third-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 19659 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 19660 aria-label="Button quickview" 19661 x-customer-event-data="{ 19662 "product": { 19663 "title": "Goals! Third Edition", 19664 "listName": "Bestsellers", 19665 "sku": "14719289557355", 19666 "currencyCode": "USD", 19667 "price": 2495, 19668 "vendor": "Brian Tracy" 19669 } 19670 }" 19671 > 19672 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 19673 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 19674 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 19675 </svg> 19676</span> 19677 </button> 19678 </div> 19679 </div> 19680 </div> 19681 19682 </a> 19683 19684 19685 <div class="md:list-layout:hidden"> 19686 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 19687 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 19688 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289557355"> 19689 <a href="/collections/bestsellers/products/9798890570437_goals-third-edition" 19690 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 19691 @click='$store.xCustomerEvent.fire("product_selected", $el)' 19692 x-customer-event-data="{ 19693 "product": { 19694 "title": "Goals! Third Edition", 19695 "listName": "Bestsellers", 19696 "sku": "14719289557355", 19697 "currencyCode": "USD", 19698 "price": 2495, 19699 "vendor": "Brian Tracy" 19700 } 19701 }" 19702 > 19703 Goals! Third Edition 19704 </a> 19705 </h3> 19706 19707 19708 19709 19710<div 19711 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 19712><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 19713 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
19713ox="0 0 512 512" xml:space="preserve"> 19714 <g> 19715 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19716 </g> 19717 </svg> 19718 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 19719 <g> 19720 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19721 </g> 19722 </svg> 19723 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 19724 <g> 19725 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19726 </g> 19727 </svg> 19728 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 19729 <g> 19730 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19731 </g> 19732 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 19733 <defs> 19734 <linearGradient id="grad"> 19735 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 19736 <stop offset="50%" stop-color="currentColor"/> 19737 </linearGradient> 19738 </defs> 19739 <g> 19740 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19741 </g> 19742 </svg> 19743 </div> 19744 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(168) 19745 </p></div> 19746 19747<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 19748 19749 19750 <div class=" price leading-none"> 19751 <div class=""> 19752 19753 <div class="hidden">2495</div><p class="price">
19754 <span>$24.95</span> 19755 </p><small class="text-[70%] hidden"> 19756 <span class="hidden">Unit price</span> 19757 <span class="up price-item price-item--last"> 19758 <span> 19759 19760 </span> 19761 <span aria-hidden="true">/</span> 19762 <span class="hidden"> per </span> 19763 <span> 19764 </span> 19765 </span> 19766 </small> 19767 19768 </div> 19769 19770</div> 19771 19772 <div class="next-price empty:hidden"></div> 19773 </div> 19774 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289557355', [637336453483, 639249514859, 643825009003, 636480389483, 639269929323, 636473475435, 650454270315])"><div 19775 x-data='{ 19776 storeAvailabilites: {}, 19777 pickupLocation: [] 19778 }' 19779 class="mb-3" 19780 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 19781> 19782 <style data-shopify> 19783 .text-available, .text-unavailable { 19784 font-size: 0.669375rem; 19785 font-family: var(--font-body-family); 19786 } 19787 19788 @media (min-width: 768px) { 19789 .text-available, .text-unavailable { 19790 font-size: 0.74375rem; 19791 } 19792 } 19793 19794 .text-available { 19795 color: #6b762d; 19796 } 19797 19798 .dark .text-available { 19799 color: #858F4D; 19800 } 19801 19802 .text-unavailable { 19803 color: #767474; 19804 } 19805 19806 .dark .text-unavailable { 19807 color: #867F7F; 19808 } 19809 </style> 19810 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 19811 <span class="flex h-4 w-4 relative"> 19812<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 19813 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 19814 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 19815</svg> 19816 19817</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 19818 </div> 19819 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 19820 <span class="flex h-4 w-4 relative"> 19821<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 19822 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 19823 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 19824</svg> 19825 19826</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 19827 </div> 19828</div></div> 19829 </div> 19830 </div> 19831 </div> 19832 19833 </div> 19834 <div 19835 id="x-product-template-14719289557355-template--24498228953451__featured_collection_PFy63t-1-11" 19836 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 19837 > 19838 <div class="hidden md:list-layout:block"> 19839 19840 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 19841 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 19842 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289557355"> 19843 <a href="/collections/bestsellers/products/9798890570437_goals-third-edition" 19844 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 19845 @click='$store.xCustomerEvent.fire("product_selected", $el)' 19846 x-customer-event-data="{ 19847 "product": { 19848 "title": "Goals! Third Edition", 19849 "listName": "Bestsellers", 19850 "sku": "14719289557355", 19851 "currencyCode": "USD", 19852 "price": 2495, 19853 "vendor": "Brian Tracy" 19854 } 19855 }" 19856 > 19857 Goals! Third Edition 19858 </a> 19859 </h3> 19860 19861 19862 19863 19864<div 19865 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 19866><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 19867 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
19867ox="0 0 512 512" xml:space="preserve"> 19868 <g> 19869 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19870 </g> 19871 </svg> 19872 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 19873 <g> 19874 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19875 </g> 19876 </svg> 19877 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 19878 <g> 19879 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19880 </g> 19881 </svg> 19882 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 19883 <g> 19884 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19885 </g> 19886 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 19887 <defs> 19888 <linearGradient id="grad"> 19889 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 19890 <stop offset="50%" stop-color="currentColor"/> 19891 </linearGradient> 19892 </defs> 19893 <g> 19894 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 19895 </g> 19896 </svg> 19897 </div> 19898 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(168) 19899 </p></div> 19900 19901<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 19902 19903 19904 <div class=" price leading-none"> 19905 <div class=""> 19906 19907 <div class="hidden">2495</div><p class="price">
19908 <span>$24.95</span> 19909 </p><small class="text-[70%] hidden"> 19910 <span class="hidden">Unit price</span> 19911 <span class="up price-item price-item--last"> 19912 <span> 19913 19914 </span> 19915 <span aria-hidden="true">/</span> 19916 <span class="hidden"> per </span> 19917 <span> 19918 </span> 19919 </span> 19920 </small> 19921 19922 </div> 19923 19924</div> 19925 19926 <div class="next-price empty:hidden"></div> 19927 </div> 19928 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289557355', [637336453483, 639249514859, 643825009003, 636480389483, 639269929323, 636473475435, 650454270315])"><div 19929 x-data='{ 19930 storeAvailabilites: {}, 19931 pickupLocation: [] 19932 }' 19933 class="mb-3" 19934 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 19935> 19936 <style data-shopify> 19937 .text-available, .text-unavailable { 19938 font-size: 0.669375rem; 19939 font-family: var(--font-body-family); 19940 } 19941 19942 @media (min-width: 768px) { 19943 .text-available, .text-unavailable { 19944 font-size: 0.74375rem; 19945 } 19946 } 19947 19948 .text-available { 19949 color: #6b762d; 19950 } 19951 19952 .dark .text-available { 19953 color: #858F4D; 19954 } 19955 19956 .text-unavailable { 19957 color: #767474; 19958 } 19959 19960 .dark .text-unavailable { 19961 color: #867F7F; 19962 } 19963 </style> 19964 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 19965 <span class="flex h-4 w-4 relative"> 19966<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 19967 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 19968 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 19969</svg> 19970 19971</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 19972 </div> 19973 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 19974 <span class="flex h-4 w-4 relative"> 19975<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 19976 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 19977 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 19978</svg> 19979 19980</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 19981 </div> 19982</div></div> 19983 </div> 19984 </div> 19985 19986 </div> 19987 19988 19989 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 19990 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570437_goals-third-edition'); 19991 });"></div> 19992 <div 19993 id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm" 19994 class="current-variant hidden" 19995 > 19996 52114838126955 19997 </div> 19998 19999 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 20000 20001 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 20002 class="card-info bottom_atc md:list-layout:hidden hide-icon" 20003 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 20004 x-cloak 20005 > 20006 20007<form method="post" action="/cart/add" id="product-form-choose-option147192895573554011" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114838126955"> 20008 20009 20010 <button 20011 type="submit" 20012 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm" 20013 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 20014 20015 20016 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 20017 20018aria-label="Add to cart" 20019 20020 20021 >
20022 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 20023 <span class="flex items-center justify-center"> 20024 20025 20026 20027 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 20028 20029 20030 20031 </span></span> 20032 <div 20033 class="flex gap-x-2 items-center justify-center" 20034 role="alert" 20035 x-cloak 20036 x-show="errorMessage" 20037 > 20038 Sold out 20039 </div> 20040 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 20041 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 20042 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 20043 fill="currentcolor" stroke="none"> 20044 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 20045 </g> 20046 </svg> 20047 20048 </div> 20049 </button><input type="hidden" name="product-id" value="14719289557355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 20050 </div></template> 20051 20052 20053 <template x-if="$store.xQuickView"> 20054 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 20055 20056<form method="post" action="/cart/add" id="product-form-choose-option147192895573554011" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114838126955"> 20057 20058 20059 <button 20060 type="submit" 20061 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm" 20062 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 20063 20064 20065 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 20066 20067aria-label="Add to cart" 20068 20069 20070 > 20071 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 20072 <span class="flex items-center justify-center"> 20073 20074 20075 20076 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 20077 20078 20079 20080 </span></span> 20081 <div 20082 class="flex gap-x-2 items-center justify-center" 20083 role="alert" 20084 x-cloak 20085 x-show="errorMessage" 20086 > 20087 Sold out 20088 </div> 20089 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
20089calc(50%-10px)]" x-show="loading" x-cloak> 20090 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 20091 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 20092 fill="currentcolor" stroke="none"> 20093 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 20094 </g> 20095 </svg> 20096 20097 </div> 20098 </button><button 20099 type="submit" 20100 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 20101 20102 20103 data-id="template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm" 20104 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 20105 20106aria-label="Add to cart" 20107 20108 20109 x-customer-event-data="{ 20110 "product": { 20111 "title": "Goals! Third Edition", 20112 "listName": "Bestsellers", 20113 "sku": "14719289557355", 20114 "currencyCode": "USD", 20115 "price": 2495, 20116 "vendor": "Brian Tracy" 20117 } 20118 }" 20119 > 20120 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 20121 <g> 20122 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20123 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20124 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20125 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20126 </g> 20127 </svg></span> 20128 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 20129 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 20130 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 20131 fill="currentcolor" stroke="none"> 20132 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 20133 </g> 20134 </svg> 20135 20136 </span> 20137 </button><input type="hidden" name="product-id" value="14719289557355" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 20138 </div><button 20139 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570437_goals-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm')" 20140 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570437_goals-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm')" 20141 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570437_goals-third-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289557355-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 20142 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 20143 aria-label="Button quickview" 20144 x-customer-event-data="{ 20145 "product": { 20146 "title": "Goals! Third Edition", 20147 "listName": "Bestsellers", 20148 "sku": "14719289557355", 20149 "currencyCode": "USD", 20150 "price": 2495, 20151 "vendor": "Brian Tracy" 20152 } 20153 }" 20154 x-show="$store.xQuickView.enabled" 20155 >
20156 <span class="flex justify-center items-center"> 20157 20158 20159 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 20160 20161 20162 </span> 20163 </button> 20164 </div> 20165 </template> 20166 20167 </div> 20168</div> 20169 20170 20171<div 20172 20173 x-data="{ showOptions: false, options: [] }" 20174 20175 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 20176 x-slide-index="11" 20177> 20178 <div 20179 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 20180 > 20181 <style data-shopify> 20182 20183 </style> 20184 20185 <style data-shopify> 20186 20187 </style> 20188 <a 20189 20190 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 20191 20192 href="/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition" 20193 20194 x-data="{ lastWindowWidth: 0 }" 20195 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 20196 x-labels-data="[{ 20197 "variant_id": 52114837897579, 20198 "product_id": 14719289360747, 20199 "available": true, 20200 "title": "Help Them Grow or Watch Them Go, Third Edition", 20201 "compare_at_price": 0, 20202 "price": 2295, 20203 "price_with_currency": "$22.95", 20204 "sale_amount": "$-22.95", 20205 "collections": "||637329310059||637336453483||639249514859||639269732715||650454204779||637337043307||639249744235||636480389483||636473475435||639252758891||640668860779||648798896491||639269339499||", 20206 "inventory_management": "shopify", 20207 "qty": 3477, 20208 "container": "card", 20209 "can_show_preorder": false, 20210 "diff_day_create": 477.21, 20211 "diff_day_publish": 477.21 20212 20213 ,"metafield_label": { 20214 "custom.format2":"Paperback" 20215 } 20216 20217 }]" 20218 20219 aria-label="Help Them Grow or Watch Them Go, Third Edition" 20220 id="14719289360747-template--24498228953451__featured_collection_PFy63t" 20221 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 20222 <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 20223 <div
20224 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-12-11" 20225 class="block h-full" 20226 @click='$store.xCustomerEvent.fire("product_selected", $el)' 20227 x-customer-event-data="{ 20228 "product": { 20229 "title": "Help Them Grow or Watch Them Go, Third Edition", 20230 "listName": "Bestsellers", 20231 "sku": "14719289360747", 20232 "currencyCode": "USD", 20233 "price": 2295, 20234 "vendor": "Beverly Kaye" 20235 } 20236 }" 20237 > 20238<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 20239 > 20240 20241 <picture> 20242 <img 20243 srcset="//bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=450 450w, 20244 //bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=750 750w, 20245 //bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=900 900w, 20246 //bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=1100 1100w, 20247 //bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891 432w" 20248 src="//bkconnection.com/cdn/shop/files/9798890570253.jpg?v=1789087891&width=1500" 20249 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 20250 alt="Cover image for Help Them Grow or Watch Them Go, Third Edition, isbn: 9798890570253" 20251 :class="showSecond ? 'first-img' : ''" 20252 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 20253 loading="lazy" 20254 width="432" 20255 height="648" 20256 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 20257 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 20258 /> 20259 </picture> 20260 20261 </div></div> 20262 </div> 20263 20264 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 20265 x-show="$store.xQuickView" x-cloak 20266 > 20267 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 20268 class="w-full hide-icon lg:px-4" 20269 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 20270 x-cloak 20271 > 20272<form method="post" action="/cart/add" id="product-form-choose-option147192893607474012" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114837897579"> 20273 20274 20275 <button 20276 type="submit" 20277 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm" 20278 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 20279 20280 20281 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 20282 20283aria-label="Add to cart" 20284 20285 20286 >
20287 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 20288 <span class="flex items-center justify-center"> 20289 20290 20291 20292 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 20293 20294 20295 20296 </span></span> 20297 <div 20298 class="flex gap-x-2 items-center justify-center" 20299 role="alert" 20300 x-cloak 20301 x-show="errorMessage" 20302 > 20303 Sold out 20304 </div> 20305 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 20306 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 20307 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 20308 fill="currentcolor" stroke="none"> 20309 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 20310 </g> 20311 </svg> 20312 20313 </div> 20314 </button> 20315 <button 20316 type="submit" 20317 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 20318 20319 20320 data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm" 20321 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 20322 20323aria-label="Add to cart" 20324 20325 20326 x-customer-event-data="{ 20327 "product": { 20328 "title": "Help Them Grow or Watch Them Go, Third Edition", 20329 "listName": "Bestsellers", 20330 "sku": "14719289360747", 20331 "currencyCode": "USD", 20332 "price": 2295, 20333 "vendor": "Beverly Kaye" 20334 } 20335 }" 20336 > 20337 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 20338 <g> 20339 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20340 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20341 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20342 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20343 </g> 20344 </svg></span> 20345 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 20346 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 20347 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 20348 fill="currentcolor" stroke="none"> 20349 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 20350 </g> 20351 </svg> 20352 20353 </span> 20354 </button><input type="hidden" name="product-id" value="14719289360747" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 20355 </div> 20356 </div><div 20357 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 20358 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 20359 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 20360 > 20361 <div> 20362 <button 20363 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 20364 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm')" 20365 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm')" 20366 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 20367 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 20368 x-customer-event-data="{ 20369 "product": { 20370 "title": "Help Them Grow or Watch Them Go, Third Edition", 20371 "listName": "Bestsellers", 20372 "sku": "14719289360747", 20373 "currencyCode": "USD", 20374 "price": 2295, 20375 "vendor": "Beverly Kaye" 20376 } 20377 }" 20378 aria-label="Button quickview" 20379 >
20380 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 20381 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20382 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20383 </svg> 20384</span> 20385 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 20386 20387 20388 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 20389 20390 20391 </span> 20392 </button> 20393 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 20394 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 20395 aria-label="Button quickview" 20396 x-customer-event-data="{ 20397 "product": { 20398 "title": "Help Them Grow or Watch Them Go, Third Edition", 20399 "listName": "Bestsellers", 20400 "sku": "14719289360747", 20401 "currencyCode": "USD", 20402 "price": 2295, 20403 "vendor": "Beverly Kaye" 20404 } 20405 }" 20406 > 20407 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 20408 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20409 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20410 </svg> 20411</span> 20412 </button> 20413 </div> 20414 </div> 20415 </div> 20416 20417 </a> 20418 20419 20420 <div class="md:list-layout:hidden"> 20421 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 20422 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 20423 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289360747"> 20424 <a href="/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition" 20425 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 20426 @click='$store.xCustomerEvent.fire("product_selected", $el)' 20427 x-customer-event-data="{ 20428 "product": { 20429 "title": "Help Them Grow or Watch Them Go, Third Edition", 20430 "listName": "Bestsellers", 20431 "sku": "14719289360747", 20432 "currencyCode": "USD", 20433 "price": 2295, 20434 "vendor": "Beverly Kaye" 20435 } 20436 }" 20437 > 20438 Help Them Grow or Watch Them Go, Third Edition 20439 </a> 20440 </h3> 20441 20442 20443 20444 20445<div 20446 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 20447><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars"> 20448 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
20448ox="0 0 512 512" xml:space="preserve"> 20449 <g> 20450 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 20451 </g> 20452 </svg> 20453 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 20454 <g> 20455 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 20456 </g> 20457 </svg> 20458 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 20459 <g> 20460 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 20461 </g> 20462 </svg> 20463 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 20464 <g> 20465 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 20466 </g> 20467 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 20468 <defs> 20469 <linearGradient id="grad"> 20470 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 20471 <stop offset="50%" stop-color="currentColor"/> 20472 </linearGradient> 20473 </defs> 20474 <g> 20475 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 20476 </g> 20477 </svg> 20478 </div> 20479 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(296) 20480 </p></div> 20481 20482<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 20483 20484 20485 <div class=" price leading-none"> 20486 <div class=""> 20487 20488 <div class="hidden">2295</div><p class="price">
20489 <span>$22.95</span> 20490 </p><small class="text-[70%] hidden"> 20491 <span class="hidden">Unit price</span> 20492 <span class="up price-item price-item--last"> 20493 <span> 20494 20495 </span> 20496 <span aria-hidden="true">/</span> 20497 <span class="hidden"> per </span> 20498 <span> 20499 </span> 20500 </span> 20501 </small> 20502 20503 </div> 20504 20505</div> 20506 20507 <div class="next-price empty:hidden"></div> 20508 </div> 20509 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289360747', [637329310059, 637336453483, 639249514859, 639269732715, 650454204779, 637337043307, 639249744235, 636480389483, 636473475435, 639252758891, 640668860779, 648798896491, 639269339499])"><div 20510 x-data='{ 20511 storeAvailabilites: {}, 20512 pickupLocation: [] 20513 }' 20514 class="mb-3" 20515 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 20516> 20517 <style data-shopify> 20518 .text-available, .text-unavailable { 20519 font-size: 0.669375rem; 20520 font-family: var(--font-body-family); 20521 } 20522 20523 @media (min-width: 768px) { 20524 .text-available, .text-unavailable { 20525 font-size: 0.74375rem; 20526 } 20527 } 20528 20529 .text-available { 20530 color: #6b762d; 20531 } 20532 20533 .dark .text-available { 20534 color: #858F4D; 20535 } 20536 20537 .text-unavailable { 20538 color: #767474; 20539 } 20540 20541 .dark .text-unavailable { 20542 color: #867F7F; 20543 } 20544 </style> 20545 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 20546 <span class="flex h-4 w-4 relative"> 20547<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 20548 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 20549 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 20550</svg> 20551 20552</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 20553 </div> 20554 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 20555 <span class="flex h-4 w-4 relative"> 20556<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 20557 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 20558 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 20559</svg> 20560 20561</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 20562 </div> 20563</div></div> 20564 </div> 20565 </div> 20566 </div> 20567 20568 </div> 20569 <div 20570 id="x-product-template-14719289360747-template--24498228953451__featured_collection_PFy63t-1-12" 20571 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 20572 > 20573 <div class="hidden md:list-layout:block"> 20574 20575 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 20576 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 20577 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289360747"> 20578 <a href="/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition" 20579 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 20580 @click='$store.xCustomerEvent.fire("product_selected", $el)' 20581 x-customer-event-data="{ 20582 "product": { 20583 "title": "Help Them Grow or Watch Them Go, Third Edition", 20584 "listName": "Bestsellers", 20585 "sku": "14719289360747", 20586 "currencyCode": "USD", 20587 "price": 2295, 20588 "vendor": "Beverly Kaye" 20589 } 20590 }" 20591 > 20592 Help Them Grow or Watch Them Go, Third Edition 20593 </a> 20594 </h3> 20595 20596 20597 20598 20599<div 20600 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 20601><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.7 out of 5.0 stars"> 20602 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
20602ox="0 0 512 512" xml:space="preserve"> 20603 <g> 20604 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 20605 </g> 20606 </svg> 20607 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 20608 <g> 20609 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 20610 </g> 20611 </svg> 20612 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 20613 <g> 20614 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 20615 </g> 20616 </svg> 20617 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 20618 <g> 20619 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 20620 </g> 20621 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 20622 <defs> 20623 <linearGradient id="grad"> 20624 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 20625 <stop offset="50%" stop-color="currentColor"/> 20626 </linearGradient> 20627 </defs> 20628 <g> 20629 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 20630 </g> 20631 </svg> 20632 </div> 20633 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(296) 20634 </p></div> 20635 20636<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 20637 20638 20639 <div class=" price leading-none"> 20640 <div class=""> 20641 20642 <div class="hidden">2295</div><p class="price">
20643 <span>$22.95</span> 20644 </p><small class="text-[70%] hidden"> 20645 <span class="hidden">Unit price</span> 20646 <span class="up price-item price-item--last"> 20647 <span> 20648 20649 </span> 20650 <span aria-hidden="true">/</span> 20651 <span class="hidden"> per </span> 20652 <span> 20653 </span> 20654 </span> 20655 </small> 20656 20657 </div> 20658 20659</div> 20660 20661 <div class="next-price empty:hidden"></div> 20662 </div> 20663 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289360747', [637329310059, 637336453483, 639249514859, 639269732715, 650454204779, 637337043307, 639249744235, 636480389483, 636473475435, 639252758891, 640668860779, 648798896491, 639269339499])"><div 20664 x-data='{ 20665 storeAvailabilites: {}, 20666 pickupLocation: [] 20667 }' 20668 class="mb-3" 20669 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 20670> 20671 <style data-shopify> 20672 .text-available, .text-unavailable { 20673 font-size: 0.669375rem; 20674 font-family: var(--font-body-family); 20675 } 20676 20677 @media (min-width: 768px) { 20678 .text-available, .text-unavailable { 20679 font-size: 0.74375rem; 20680 } 20681 } 20682 20683 .text-available { 20684 color: #6b762d; 20685 } 20686 20687 .dark .text-available { 20688 color: #858F4D; 20689 } 20690 20691 .text-unavailable { 20692 color: #767474; 20693 } 20694 20695 .dark .text-unavailable { 20696 color: #867F7F; 20697 } 20698 </style> 20699 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 20700 <span class="flex h-4 w-4 relative"> 20701<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 20702 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 20703 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 20704</svg> 20705 20706</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 20707 </div> 20708 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 20709 <span class="flex h-4 w-4 relative"> 20710<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 20711 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 20712 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 20713</svg> 20714 20715</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 20716 </div> 20717</div></div> 20718 </div> 20719 </div> 20720 20721 </div> 20722 20723 20724 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 20725 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570253_help-them-grow-or-watch-them-go-third-edition'); 20726 });"></div> 20727 <div 20728 id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm" 20729 class="current-variant hidden" 20730 > 20731 52114837897579 20732 </div> 20733 20734 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 20735 20736 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 20737 class="card-info bottom_atc md:list-layout:hidden hide-icon" 20738 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 20739 x-cloak 20740 > 20741 20742<form method="post" action="/cart/add" id="product-form-choose-option147192893607474012" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114837897579"> 20743 20744 20745 <button 20746 type="submit" 20747 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm" 20748 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 20749 20750 20751 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 20752 20753aria-label="Add to cart" 20754 20755 20756 >
20757 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 20758 <span class="flex items-center justify-center"> 20759 20760 20761 20762 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 20763 20764 20765 20766 </span></span> 20767 <div 20768 class="flex gap-x-2 items-center justify-center" 20769 role="alert" 20770 x-cloak 20771 x-show="errorMessage" 20772 > 20773 Sold out 20774 </div> 20775 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 20776 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 20777 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 20778 fill="currentcolor" stroke="none"> 20779 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 20780 </g> 20781 </svg> 20782 20783 </div> 20784 </button><input type="hidden" name="product-id" value="14719289360747" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 20785 </div></template> 20786 20787 20788 <template x-if="$store.xQuickView"> 20789 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 20790 20791<form method="post" action="/cart/add" id="product-form-choose-option147192893607474012" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114837897579"> 20792 20793 20794 <button 20795 type="submit" 20796 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm" 20797 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 20798 20799 20800 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 20801 20802aria-label="Add to cart" 20803 20804 20805 > 20806 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 20807 <span class="flex items-center justify-center"> 20808 20809 20810 20811 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 20812 20813 20814 20815 </span></span> 20816 <div 20817 class="flex gap-x-2 items-center justify-center" 20818 role="alert" 20819 x-cloak 20820 x-show="errorMessage" 20821 > 20822 Sold out 20823 </div> 20824 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
20824calc(50%-10px)]" x-show="loading" x-cloak> 20825 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 20826 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 20827 fill="currentcolor" stroke="none"> 20828 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 20829 </g> 20830 </svg> 20831 20832 </div> 20833 </button><button 20834 type="submit" 20835 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 20836 20837 20838 data-id="template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm" 20839 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 20840 20841aria-label="Add to cart" 20842 20843 20844 x-customer-event-data="{ 20845 "product": { 20846 "title": "Help Them Grow or Watch Them Go, Third Edition", 20847 "listName": "Bestsellers", 20848 "sku": "14719289360747", 20849 "currencyCode": "USD", 20850 "price": 2295, 20851 "vendor": "Beverly Kaye" 20852 } 20853 }" 20854 > 20855 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 20856 <g> 20857 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20858 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20859 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20860 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 20861 </g> 20862 </svg></span> 20863 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 20864 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 20865 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 20866 fill="currentcolor" stroke="none"> 20867 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 20868 </g> 20869 </svg> 20870 20871 </span> 20872 </button><input type="hidden" name="product-id" value="14719289360747" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 20873 </div><button 20874 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm')" 20875 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm')" 20876 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570253_help-them-grow-or-watch-them-go-third-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289360747-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 20877 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 20878 aria-label="Button quickview" 20879 x-customer-event-data="{ 20880 "product": { 20881 "title": "Help Them Grow or Watch Them Go, Third Edition", 20882 "listName": "Bestsellers", 20883 "sku": "14719289360747", 20884 "currencyCode": "USD", 20885 "price": 2295, 20886 "vendor": "Beverly Kaye" 20887 } 20888 }" 20889 x-show="$store.xQuickView.enabled" 20890 >
20891 <span class="flex justify-center items-center"> 20892 20893 20894 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 20895 20896 20897 </span> 20898 </button> 20899 </div> 20900 </template> 20901 20902 </div> 20903</div> 20904 20905 20906<div 20907 20908 x-data="{ showOptions: false, options: [] }" 20909 20910 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 20911 x-slide-index="12" 20912> 20913 <div 20914 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 20915 > 20916 <style data-shopify> 20917 20918 </style> 20919 20920 <style data-shopify> 20921 20922 </style> 20923 <a 20924 20925 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 20926 20927 href="/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition" 20928 20929 x-data="{ lastWindowWidth: 0 }" 20930 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 20931 x-labels-data="[{ 20932 "variant_id": 52114837799275, 20933 "product_id": 14719289262443, 20934 "available": true, 20935 "title": "Decolonizing Wealth, Second Edition", 20936 "compare_at_price": 0, 20937 "price": 2395, 20938 "price_with_currency": "$23.95", 20939 "sale_amount": "$-23.95", 20940 "collections": "||637336453483||639249514859||643824812395||637337043307||639249744235||642721775979||636480389483||636473475435||639270191467||639269339499||", 20941 "inventory_management": "shopify", 20942 "qty": 640, 20943 "container": "card", 20944 "can_show_preorder": false, 20945 "diff_day_create": 477.21, 20946 "diff_day_publish": 477.21 20947 20948 ,"metafield_label": { 20949 "custom.format2":"Paperback" 20950 } 20951 20952 }]" 20953 20954 aria-label="Decolonizing Wealth, Second Edition" 20955 id="14719289262443-template--24498228953451__featured_collection_PFy63t" 20956 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 20957 <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 20958 <div
20959 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-13-12" 20960 class="block h-full" 20961 @click='$store.xCustomerEvent.fire("product_selected", $el)' 20962 x-customer-event-data="{ 20963 "product": { 20964 "title": "Decolonizing Wealth, Second Edition", 20965 "listName": "Bestsellers", 20966 "sku": "14719289262443", 20967 "currencyCode": "USD", 20968 "price": 2395, 20969 "vendor": "Edgar Villanueva" 20970 } 20971 }" 20972 > 20973<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 20974 > 20975 20976 <picture> 20977 <img 20978 srcset="//bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=450 450w, 20979 //bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=750 750w, 20980 //bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=900 900w, 20981 //bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=1100 1100w, 20982 //bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892 419w" 20983 src="//bkconnection.com/cdn/shop/files/9781523091416.jpg?v=1789087892&width=1500" 20984 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 20985 alt="Cover image for Decolonizing Wealth, Second Edition, isbn: 9781523091416" 20986 :class="showSecond ? 'first-img' : ''" 20987 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 20988 loading="lazy" 20989 width="419" 20990 height="648" 20991 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 20992 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 20993 /> 20994 </picture> 20995 20996 </div></div> 20997 </div> 20998 20999 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 21000 x-show="$store.xQuickView" x-cloak 21001 > 21002 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 21003 class="w-full hide-icon lg:px-4" 21004 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 21005 x-cloak 21006 > 21007<form method="post" action="/cart/add" id="product-form-choose-option147192892624434013" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114837799275"> 21008 21009 21010 <button 21011 type="submit" 21012 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm" 21013 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 21014 21015 21016 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 21017 21018aria-label="Add to cart" 21019 21020 21021 >
21022 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 21023 <span class="flex items-center justify-center"> 21024 21025 21026 21027 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 21028 21029 21030 21031 </span></span> 21032 <div 21033 class="flex gap-x-2 items-center justify-center" 21034 role="alert" 21035 x-cloak 21036 x-show="errorMessage" 21037 > 21038 Sold out 21039 </div> 21040 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 21041 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 21042 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 21043 fill="currentcolor" stroke="none"> 21044 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 21045 </g> 21046 </svg> 21047 21048 </div> 21049 </button> 21050 <button 21051 type="submit" 21052 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 21053 21054 21055 data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm" 21056 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 21057 21058aria-label="Add to cart" 21059 21060 21061 x-customer-event-data="{ 21062 "product": { 21063 "title": "Decolonizing Wealth, Second Edition", 21064 "listName": "Bestsellers", 21065 "sku": "14719289262443", 21066 "currencyCode": "USD", 21067 "price": 2395, 21068 "vendor": "Edgar Villanueva" 21069 } 21070 }" 21071 > 21072 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 21073 <g> 21074 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21075 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21076 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21077 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21078 </g> 21079 </svg></span> 21080 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 21081 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 21082 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 21083 fill="currentcolor" stroke="none"> 21084 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 21085 </g> 21086 </svg> 21087 21088 </span> 21089 </button><input type="hidden" name="product-id" value="14719289262443" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 21090 </div> 21091 </div><div 21092 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 21093 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 21094 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 21095 > 21096 <div> 21097 <button 21098 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 21099 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm')" 21100 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm')" 21101 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 21102 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 21103 x-customer-event-data="{ 21104 "product": { 21105 "title": "Decolonizing Wealth, Second Edition", 21106 "listName": "Bestsellers", 21107 "sku": "14719289262443", 21108 "currencyCode": "USD", 21109 "price": 2395, 21110 "vendor": "Edgar Villanueva" 21111 } 21112 }" 21113 aria-label="Button quickview" 21114 >
21115 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 21116 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21117 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21118 </svg> 21119</span> 21120 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 21121 21122 21123 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 21124 21125 21126 </span> 21127 </button> 21128 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 21129 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 21130 aria-label="Button quickview" 21131 x-customer-event-data="{ 21132 "product": { 21133 "title": "Decolonizing Wealth, Second Edition", 21134 "listName": "Bestsellers", 21135 "sku": "14719289262443", 21136 "currencyCode": "USD", 21137 "price": 2395, 21138 "vendor": "Edgar Villanueva" 21139 } 21140 }" 21141 > 21142 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 21143 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21144 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21145 </svg> 21146</span> 21147 </button> 21148 </div> 21149 </div> 21150 </div> 21151 21152 </a> 21153 21154 21155 <div class="md:list-layout:hidden"> 21156 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 21157 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 21158 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289262443"> 21159 <a href="/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition" 21160 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 21161 @click='$store.xCustomerEvent.fire("product_selected", $el)' 21162 x-customer-event-data="{ 21163 "product": { 21164 "title": "Decolonizing Wealth, Second Edition", 21165 "listName": "Bestsellers", 21166 "sku": "14719289262443", 21167 "currencyCode": "USD", 21168 "price": 2395, 21169 "vendor": "Edgar Villanueva" 21170 } 21171 }" 21172 > 21173 Decolonizing Wealth, Second Edition 21174 </a> 21175 </h3> 21176 21177 21178 21179 21180<div 21181 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 21182><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 21183 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
21183ox="0 0 512 512" xml:space="preserve"> 21184 <g> 21185 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21186 </g> 21187 </svg> 21188 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 21189 <g> 21190 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21191 </g> 21192 </svg> 21193 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 21194 <g> 21195 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21196 </g> 21197 </svg> 21198 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 21199 <g> 21200 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21201 </g> 21202 </svg> 21203 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 21204 <g> 21205 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21206 </g> 21207 </svg> 21208 </div> 21209 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 21210 </p></div> 21211 21212<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 21213 21214 21215 <div class=" price leading-none"> 21216 <div class=""> 21217 21218 <div class="hidden">2395</div><p class="price">
21219 <span>$23.95</span> 21220 </p><small class="text-[70%] hidden"> 21221 <span class="hidden">Unit price</span> 21222 <span class="up price-item price-item--last"> 21223 <span> 21224 21225 </span> 21226 <span aria-hidden="true">/</span> 21227 <span class="hidden"> per </span> 21228 <span> 21229 </span> 21230 </span> 21231 </small> 21232 21233 </div> 21234 21235</div> 21236 21237 <div class="next-price empty:hidden"></div> 21238 </div> 21239 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289262443', [637336453483, 639249514859, 643824812395, 637337043307, 639249744235, 642721775979, 636480389483, 636473475435, 639270191467, 639269339499])"><div 21240 x-data='{ 21241 storeAvailabilites: {}, 21242 pickupLocation: [] 21243 }' 21244 class="mb-3" 21245 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 21246> 21247 <style data-shopify> 21248 .text-available, .text-unavailable { 21249 font-size: 0.669375rem; 21250 font-family: var(--font-body-family); 21251 } 21252 21253 @media (min-width: 768px) { 21254 .text-available, .text-unavailable { 21255 font-size: 0.74375rem; 21256 } 21257 } 21258 21259 .text-available { 21260 color: #6b762d; 21261 } 21262 21263 .dark .text-available { 21264 color: #858F4D; 21265 } 21266 21267 .text-unavailable { 21268 color: #767474; 21269 } 21270 21271 .dark .text-unavailable { 21272 color: #867F7F; 21273 } 21274 </style> 21275 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 21276 <span class="flex h-4 w-4 relative"> 21277<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 21278 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 21279 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 21280</svg> 21281 21282</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 21283 </div> 21284 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 21285 <span class="flex h-4 w-4 relative"> 21286<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 21287 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 21288 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 21289</svg> 21290 21291</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 21292 </div> 21293</div></div> 21294 </div> 21295 </div> 21296 </div> 21297 21298 </div> 21299 <div 21300 id="x-product-template-14719289262443-template--24498228953451__featured_collection_PFy63t-1-13" 21301 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 21302 > 21303 <div class="hidden md:list-layout:block"> 21304 21305 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 21306 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 21307 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289262443"> 21308 <a href="/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition" 21309 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 21310 @click='$store.xCustomerEvent.fire("product_selected", $el)' 21311 x-customer-event-data="{ 21312 "product": { 21313 "title": "Decolonizing Wealth, Second Edition", 21314 "listName": "Bestsellers", 21315 "sku": "14719289262443", 21316 "currencyCode": "USD", 21317 "price": 2395, 21318 "vendor": "Edgar Villanueva" 21319 } 21320 }" 21321 > 21322 Decolonizing Wealth, Second Edition 21323 </a> 21324 </h3> 21325 21326 21327 21328 21329<div 21330 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 21331><div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of stars"> 21332 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
21332ox="0 0 512 512" xml:space="preserve"> 21333 <g> 21334 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21335 </g> 21336 </svg> 21337 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 21338 <g> 21339 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21340 </g> 21341 </svg> 21342 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 21343 <g> 21344 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21345 </g> 21346 </svg> 21347 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 21348 <g> 21349 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21350 </g> 21351 </svg> 21352 <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" fill="currentColor" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 21353 <g> 21354 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21355 </g> 21356 </svg> 21357 </div> 21358 <p class="rating-count leading-none caption ml-1 text-[0.7rem]"> (0) 21359 </p></div> 21360 21361<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 21362 21363 21364 <div class=" price leading-none"> 21365 <div class=""> 21366 21367 <div class="hidden">2395</div><p class="price">
21368 <span>$23.95</span> 21369 </p><small class="text-[70%] hidden"> 21370 <span class="hidden">Unit price</span> 21371 <span class="up price-item price-item--last"> 21372 <span> 21373 21374 </span> 21375 <span aria-hidden="true">/</span> 21376 <span class="hidden"> per </span> 21377 <span> 21378 </span> 21379 </span> 21380 </small> 21381 21382 </div> 21383 21384</div> 21385 21386 <div class="next-price empty:hidden"></div> 21387 </div> 21388 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289262443', [637336453483, 639249514859, 643824812395, 637337043307, 639249744235, 642721775979, 636480389483, 636473475435, 639270191467, 639269339499])"><div 21389 x-data='{ 21390 storeAvailabilites: {}, 21391 pickupLocation: [] 21392 }' 21393 class="mb-3" 21394 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 21395> 21396 <style data-shopify> 21397 .text-available, .text-unavailable { 21398 font-size: 0.669375rem; 21399 font-family: var(--font-body-family); 21400 } 21401 21402 @media (min-width: 768px) { 21403 .text-available, .text-unavailable { 21404 font-size: 0.74375rem; 21405 } 21406 } 21407 21408 .text-available { 21409 color: #6b762d; 21410 } 21411 21412 .dark .text-available { 21413 color: #858F4D; 21414 } 21415 21416 .text-unavailable { 21417 color: #767474; 21418 } 21419 21420 .dark .text-unavailable { 21421 color: #867F7F; 21422 } 21423 </style> 21424 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 21425 <span class="flex h-4 w-4 relative"> 21426<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 21427 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 21428 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 21429</svg> 21430 21431</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 21432 </div> 21433 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 21434 <span class="flex h-4 w-4 relative"> 21435<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 21436 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 21437 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 21438</svg> 21439 21440</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 21441 </div> 21442</div></div> 21443 </div> 21444 </div> 21445 21446 </div> 21447 21448 21449 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 21450 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523091416_decolonizing-wealth-second-edition'); 21451 });"></div> 21452 <div 21453 id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm" 21454 class="current-variant hidden" 21455 > 21456 52114837799275 21457 </div> 21458 21459 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 21460 21461 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 21462 class="card-info bottom_atc md:list-layout:hidden hide-icon" 21463 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 21464 x-cloak 21465 > 21466 21467<form method="post" action="/cart/add" id="product-form-choose-option147192892624434013" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114837799275"> 21468 21469 21470 <button 21471 type="submit" 21472 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm" 21473 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 21474 21475 21476 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 21477 21478aria-label="Add to cart" 21479 21480 21481 >
21482 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 21483 <span class="flex items-center justify-center"> 21484 21485 21486 21487 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 21488 21489 21490 21491 </span></span> 21492 <div 21493 class="flex gap-x-2 items-center justify-center" 21494 role="alert" 21495 x-cloak 21496 x-show="errorMessage" 21497 > 21498 Sold out 21499 </div> 21500 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 21501 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 21502 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 21503 fill="currentcolor" stroke="none"> 21504 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 21505 </g> 21506 </svg> 21507 21508 </div> 21509 </button><input type="hidden" name="product-id" value="14719289262443" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 21510 </div></template> 21511 21512 21513 <template x-if="$store.xQuickView"> 21514 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 21515 21516<form method="post" action="/cart/add" id="product-form-choose-option147192892624434013" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114837799275"> 21517 21518 21519 <button 21520 type="submit" 21521 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm" 21522 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 21523 21524 21525 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 21526 21527aria-label="Add to cart" 21528 21529 21530 > 21531 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 21532 <span class="flex items-center justify-center"> 21533 21534 21535 21536 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 21537 21538 21539 21540 </span></span> 21541 <div 21542 class="flex gap-x-2 items-center justify-center" 21543 role="alert" 21544 x-cloak 21545 x-show="errorMessage" 21546 > 21547 Sold out 21548 </div> 21549 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
21549calc(50%-10px)]" x-show="loading" x-cloak> 21550 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 21551 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 21552 fill="currentcolor" stroke="none"> 21553 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 21554 </g> 21555 </svg> 21556 21557 </div> 21558 </button><button 21559 type="submit" 21560 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 21561 21562 21563 data-id="template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm" 21564 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 21565 21566aria-label="Add to cart" 21567 21568 21569 x-customer-event-data="{ 21570 "product": { 21571 "title": "Decolonizing Wealth, Second Edition", 21572 "listName": "Bestsellers", 21573 "sku": "14719289262443", 21574 "currencyCode": "USD", 21575 "price": 2395, 21576 "vendor": "Edgar Villanueva" 21577 } 21578 }" 21579 > 21580 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 21581 <g> 21582 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21583 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21584 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21585 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21586 </g> 21587 </svg></span> 21588 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 21589 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 21590 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 21591 fill="currentcolor" stroke="none"> 21592 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 21593 </g> 21594 </svg> 21595 21596 </span> 21597 </button><input type="hidden" name="product-id" value="14719289262443" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 21598 </div><button 21599 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm')" 21600 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm')" 21601 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523091416_decolonizing-wealth-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289262443-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 21602 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 21603 aria-label="Button quickview" 21604 x-customer-event-data="{ 21605 "product": { 21606 "title": "Decolonizing Wealth, Second Edition", 21607 "listName": "Bestsellers", 21608 "sku": "14719289262443", 21609 "currencyCode": "USD", 21610 "price": 2395, 21611 "vendor": "Edgar Villanueva" 21612 } 21613 }" 21614 x-show="$store.xQuickView.enabled" 21615 >
21616 <span class="flex justify-center items-center"> 21617 21618 21619 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 21620 21621 21622 </span> 21623 </button> 21624 </div> 21625 </template> 21626 21627 </div> 21628</div> 21629 21630 21631<div 21632 21633 x-data="{ showOptions: false, options: [] }" 21634 21635 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 21636 x-slide-index="13" 21637> 21638 <div 21639 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 21640 > 21641 <style data-shopify> 21642 21643 </style> 21644 21645 <style data-shopify> 21646 21647 </style> 21648 <a 21649 21650 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 21651 21652 href="/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition" 21653 21654 x-data="{ lastWindowWidth: 0 }" 21655 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 21656 x-labels-data="[{ 21657 "variant_id": 52114837700971, 21658 "product_id": 14719289164139, 21659 "available": true, 21660 "title": "The Power of Purpose, 4th Edition", 21661 "compare_at_price": 0, 21662 "price": 2195, 21663 "price_with_currency": "$21.95", 21664 "sale_amount": "$-21.95", 21665 "collections": "||637336453483||639249514859||643825009003||636480389483||639269929323||636473475435||639252758891||645631738219||", 21666 "inventory_management": "shopify", 21667 "qty": 568, 21668 "container": "card", 21669 "can_show_preorder": false, 21670 "diff_day_create": 477.21, 21671 "diff_day_publish": 477.21 21672 21673 ,"metafield_label": { 21674 "custom.format2":"Paperback" 21675 } 21676 21677 }]" 21678 21679 aria-label="The Power of Purpose, 4th Edition" 21680 id="14719289164139-template--24498228953451__featured_collection_PFy63t" 21681 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 21682 <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 21683 <div
21684 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-14-13" 21685 class="block h-full" 21686 @click='$store.xCustomerEvent.fire("product_selected", $el)' 21687 x-customer-event-data="{ 21688 "product": { 21689 "title": "The Power of Purpose, 4th Edition", 21690 "listName": "Bestsellers", 21691 "sku": "14719289164139", 21692 "currencyCode": "USD", 21693 "price": 2195, 21694 "vendor": "Richard J. Leider" 21695 } 21696 }" 21697 > 21698<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 21699 > 21700 21701 <picture> 21702 <img 21703 srcset="//bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=450 450w, 21704 //bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=750 750w, 21705 //bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=900 900w, 21706 //bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=1100 1100w, 21707 //bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890 419w" 21708 src="//bkconnection.com/cdn/shop/files/9781523006960.jpg?v=1789087890&width=1500" 21709 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 21710 alt="Cover image for The Power of Purpose, 4th Edition, isbn: 9781523006960" 21711 :class="showSecond ? 'first-img' : ''" 21712 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 21713 loading="lazy" 21714 width="419" 21715 height="648" 21716 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 21717 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 21718 /> 21719 </picture> 21720 21721 </div></div> 21722 </div> 21723 21724 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 21725 x-show="$store.xQuickView" x-cloak 21726 > 21727 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 21728 class="w-full hide-icon lg:px-4" 21729 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 21730 x-cloak 21731 > 21732<form method="post" action="/cart/add" id="product-form-choose-option147192891641394014" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114837700971"> 21733 21734 21735 <button 21736 type="submit" 21737 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm" 21738 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 21739 21740 21741 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 21742 21743aria-label="Add to cart" 21744 21745 21746 >
21747 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 21748 <span class="flex items-center justify-center"> 21749 21750 21751 21752 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 21753 21754 21755 21756 </span></span> 21757 <div 21758 class="flex gap-x-2 items-center justify-center" 21759 role="alert" 21760 x-cloak 21761 x-show="errorMessage" 21762 > 21763 Sold out 21764 </div> 21765 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 21766 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 21767 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 21768 fill="currentcolor" stroke="none"> 21769 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 21770 </g> 21771 </svg> 21772 21773 </div> 21774 </button> 21775 <button 21776 type="submit" 21777 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 21778 21779 21780 data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm" 21781 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 21782 21783aria-label="Add to cart" 21784 21785 21786 x-customer-event-data="{ 21787 "product": { 21788 "title": "The Power of Purpose, 4th Edition", 21789 "listName": "Bestsellers", 21790 "sku": "14719289164139", 21791 "currencyCode": "USD", 21792 "price": 2195, 21793 "vendor": "Richard J. Leider" 21794 } 21795 }" 21796 > 21797 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 21798 <g> 21799 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21800 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21801 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21802 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21803 </g> 21804 </svg></span> 21805 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 21806 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 21807 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 21808 fill="currentcolor" stroke="none"> 21809 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 21810 </g> 21811 </svg> 21812 21813 </span> 21814 </button><input type="hidden" name="product-id" value="14719289164139" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 21815 </div> 21816 </div><div 21817 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 21818 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 21819 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 21820 > 21821 <div> 21822 <button 21823 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 21824 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm')" 21825 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm')" 21826 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 21827 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 21828 x-customer-event-data="{ 21829 "product": { 21830 "title": "The Power of Purpose, 4th Edition", 21831 "listName": "Bestsellers", 21832 "sku": "14719289164139", 21833 "currencyCode": "USD", 21834 "price": 2195, 21835 "vendor": "Richard J. Leider" 21836 } 21837 }" 21838 aria-label="Button quickview" 21839 >
21840 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 21841 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21842 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21843 </svg> 21844</span> 21845 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 21846 21847 21848 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 21849 21850 21851 </span> 21852 </button> 21853 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 21854 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 21855 aria-label="Button quickview" 21856 x-customer-event-data="{ 21857 "product": { 21858 "title": "The Power of Purpose, 4th Edition", 21859 "listName": "Bestsellers", 21860 "sku": "14719289164139", 21861 "currencyCode": "USD", 21862 "price": 2195, 21863 "vendor": "Richard J. Leider" 21864 } 21865 }" 21866 > 21867 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 21868 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21869 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 21870 </svg> 21871</span> 21872 </button> 21873 </div> 21874 </div> 21875 </div> 21876 21877 </a> 21878 21879 21880 <div class="md:list-layout:hidden"> 21881 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 21882 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 21883 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289164139"> 21884 <a href="/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition" 21885 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 21886 @click='$store.xCustomerEvent.fire("product_selected", $el)' 21887 x-customer-event-data="{ 21888 "product": { 21889 "title": "The Power of Purpose, 4th Edition", 21890 "listName": "Bestsellers", 21891 "sku": "14719289164139", 21892 "currencyCode": "USD", 21893 "price": 2195, 21894 "vendor": "Richard J. Leider" 21895 } 21896 }" 21897 > 21898 The Power of Purpose, 4th Edition 21899 </a> 21900 </h3> 21901 21902 21903 21904 21905<div 21906 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 21907><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 21908 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
21908ox="0 0 512 512" xml:space="preserve"> 21909 <g> 21910 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21911 </g> 21912 </svg> 21913 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 21914 <g> 21915 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21916 </g> 21917 </svg> 21918 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 21919 <g> 21920 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21921 </g> 21922 </svg> 21923 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 21924 <g> 21925 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21926 </g> 21927 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 21928 <defs> 21929 <linearGradient id="grad"> 21930 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 21931 <stop offset="50%" stop-color="currentColor"/> 21932 </linearGradient> 21933 </defs> 21934 <g> 21935 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 21936 </g> 21937 </svg> 21938 </div> 21939 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(98) 21940 </p></div> 21941 21942<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 21943 21944 21945 <div class=" price leading-none"> 21946 <div class=""> 21947 21948 <div class="hidden">2195</div><p class="price">
21949 <span>$21.95</span> 21950 </p><small class="text-[70%] hidden"> 21951 <span class="hidden">Unit price</span> 21952 <span class="up price-item price-item--last"> 21953 <span> 21954 21955 </span> 21956 <span aria-hidden="true">/</span> 21957 <span class="hidden"> per </span> 21958 <span> 21959 </span> 21960 </span> 21961 </small> 21962 21963 </div> 21964 21965</div> 21966 21967 <div class="next-price empty:hidden"></div> 21968 </div> 21969 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289164139', [637336453483, 639249514859, 643825009003, 636480389483, 639269929323, 636473475435, 639252758891, 645631738219])"><div 21970 x-data='{ 21971 storeAvailabilites: {}, 21972 pickupLocation: [] 21973 }' 21974 class="mb-3" 21975 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 21976> 21977 <style data-shopify> 21978 .text-available, .text-unavailable { 21979 font-size: 0.669375rem; 21980 font-family: var(--font-body-family); 21981 } 21982 21983 @media (min-width: 768px) { 21984 .text-available, .text-unavailable { 21985 font-size: 0.74375rem; 21986 } 21987 } 21988 21989 .text-available { 21990 color: #6b762d; 21991 } 21992 21993 .dark .text-available { 21994 color: #858F4D; 21995 } 21996 21997 .text-unavailable { 21998 color: #767474; 21999 } 22000 22001 .dark .text-unavailable { 22002 color: #867F7F; 22003 } 22004 </style> 22005 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 22006 <span class="flex h-4 w-4 relative"> 22007<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 22008 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 22009 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 22010</svg> 22011 22012</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 22013 </div> 22014 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 22015 <span class="flex h-4 w-4 relative"> 22016<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 22017 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 22018 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 22019</svg> 22020 22021</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 22022 </div> 22023</div></div> 22024 </div> 22025 </div> 22026 </div> 22027 22028 </div> 22029 <div 22030 id="x-product-template-14719289164139-template--24498228953451__featured_collection_PFy63t-1-14" 22031 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 22032 > 22033 <div class="hidden md:list-layout:block"> 22034 22035 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 22036 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 22037 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719289164139"> 22038 <a href="/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition" 22039 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 22040 @click='$store.xCustomerEvent.fire("product_selected", $el)' 22041 x-customer-event-data="{ 22042 "product": { 22043 "title": "The Power of Purpose, 4th Edition", 22044 "listName": "Bestsellers", 22045 "sku": "14719289164139", 22046 "currencyCode": "USD", 22047 "price": 2195, 22048 "vendor": "Richard J. Leider" 22049 } 22050 }" 22051 > 22052 The Power of Purpose, 4th Edition 22053 </a> 22054 </h3> 22055 22056 22057 22058 22059<div 22060 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 22061><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 22062 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
22062ox="0 0 512 512" xml:space="preserve"> 22063 <g> 22064 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22065 </g> 22066 </svg> 22067 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 22068 <g> 22069 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22070 </g> 22071 </svg> 22072 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 22073 <g> 22074 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22075 </g> 22076 </svg> 22077 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 22078 <g> 22079 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22080 </g> 22081 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 22082 <defs> 22083 <linearGradient id="grad"> 22084 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 22085 <stop offset="50%" stop-color="currentColor"/> 22086 </linearGradient> 22087 </defs> 22088 <g> 22089 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22090 </g> 22091 </svg> 22092 </div> 22093 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(98) 22094 </p></div> 22095 22096<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 22097 22098 22099 <div class=" price leading-none"> 22100 <div class=""> 22101 22102 <div class="hidden">2195</div><p class="price">
22103 <span>$21.95</span> 22104 </p><small class="text-[70%] hidden"> 22105 <span class="hidden">Unit price</span> 22106 <span class="up price-item price-item--last"> 22107 <span> 22108 22109 </span> 22110 <span aria-hidden="true">/</span> 22111 <span class="hidden"> per </span> 22112 <span> 22113 </span> 22114 </span> 22115 </small> 22116 22117 </div> 22118 22119</div> 22120 22121 <div class="next-price empty:hidden"></div> 22122 </div> 22123 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719289164139', [637336453483, 639249514859, 643825009003, 636480389483, 639269929323, 636473475435, 639252758891, 645631738219])"><div 22124 x-data='{ 22125 storeAvailabilites: {}, 22126 pickupLocation: [] 22127 }' 22128 class="mb-3" 22129 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 22130> 22131 <style data-shopify> 22132 .text-available, .text-unavailable { 22133 font-size: 0.669375rem; 22134 font-family: var(--font-body-family); 22135 } 22136 22137 @media (min-width: 768px) { 22138 .text-available, .text-unavailable { 22139 font-size: 0.74375rem; 22140 } 22141 } 22142 22143 .text-available { 22144 color: #6b762d; 22145 } 22146 22147 .dark .text-available { 22148 color: #858F4D; 22149 } 22150 22151 .text-unavailable { 22152 color: #767474; 22153 } 22154 22155 .dark .text-unavailable { 22156 color: #867F7F; 22157 } 22158 </style> 22159 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 22160 <span class="flex h-4 w-4 relative"> 22161<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 22162 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 22163 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 22164</svg> 22165 22166</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 22167 </div> 22168 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 22169 <span class="flex h-4 w-4 relative"> 22170<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 22171 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 22172 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 22173</svg> 22174 22175</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 22176 </div> 22177</div></div> 22178 </div> 22179 </div> 22180 22181 </div> 22182 22183 22184 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 22185 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523006960_the-power-of-purpose-4th-edition'); 22186 });"></div> 22187 <div 22188 id="current-variant-template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm" 22189 class="current-variant hidden" 22190 > 22191 52114837700971 22192 </div> 22193 22194 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 22195 22196 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 22197 class="card-info bottom_atc md:list-layout:hidden hide-icon" 22198 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 22199 x-cloak 22200 > 22201 22202<form method="post" action="/cart/add" id="product-form-choose-option147192891641394014" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114837700971"> 22203 22204 22205 <button 22206 type="submit" 22207 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm" 22208 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 22209 22210 22211 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 22212 22213aria-label="Add to cart" 22214 22215 22216 >
22217 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 22218 <span class="flex items-center justify-center"> 22219 22220 22221 22222 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 22223 22224 22225 22226 </span></span> 22227 <div 22228 class="flex gap-x-2 items-center justify-center" 22229 role="alert" 22230 x-cloak 22231 x-show="errorMessage" 22232 > 22233 Sold out 22234 </div> 22235 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 22236 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 22237 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 22238 fill="currentcolor" stroke="none"> 22239 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 22240 </g> 22241 </svg> 22242 22243 </div> 22244 </button><input type="hidden" name="product-id" value="14719289164139" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 22245 </div></template> 22246 22247 22248 <template x-if="$store.xQuickView"> 22249 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 22250 22251<form method="post" action="/cart/add" id="product-form-choose-option147192891641394014" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114837700971"> 22252 22253 22254 <button 22255 type="submit" 22256 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm" 22257 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 22258 22259 22260 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 22261 22262aria-label="Add to cart" 22263 22264 22265 > 22266 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 22267 <span class="flex items-center justify-center"> 22268 22269 22270 22271 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 22272 22273 22274 22275 </span></span> 22276 <div 22277 class="flex gap-x-2 items-center justify-center" 22278 role="alert" 22279 x-cloak 22280 x-show="errorMessage" 22281 > 22282 Sold out 22283 </div> 22284 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
22284calc(50%-10px)]" x-show="loading" x-cloak> 22285 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 22286 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 22287 fill="currentcolor" stroke="none"> 22288 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 22289 </g> 22290 </svg> 22291 22292 </div> 22293 </button><button 22294 type="submit" 22295 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 22296 22297 22298 data-id="template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm" 22299 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 22300 22301aria-label="Add to cart" 22302 22303 22304 x-customer-event-data="{ 22305 "product": { 22306 "title": "The Power of Purpose, 4th Edition", 22307 "listName": "Bestsellers", 22308 "sku": "14719289164139", 22309 "currencyCode": "USD", 22310 "price": 2195, 22311 "vendor": "Richard J. Leider" 22312 } 22313 }" 22314 > 22315 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 22316 <g> 22317 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 22318 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 22319 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 22320 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 22321 </g> 22322 </svg></span> 22323 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 22324 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 22325 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 22326 fill="currentcolor" stroke="none"> 22327 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 22328 </g> 22329 </svg> 22330 22331 </span> 22332 </button><input type="hidden" name="product-id" value="14719289164139" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 22333 </div><button 22334 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm')" 22335 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm')" 22336 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523006960_the-power-of-purpose-4th-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719289164139-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 22337 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 22338 aria-label="Button quickview" 22339 x-customer-event-data="{ 22340 "product": { 22341 "title": "The Power of Purpose, 4th Edition", 22342 "listName": "Bestsellers", 22343 "sku": "14719289164139", 22344 "currencyCode": "USD", 22345 "price": 2195, 22346 "vendor": "Richard J. Leider" 22347 } 22348 }" 22349 x-show="$store.xQuickView.enabled" 22350 >
22351 <span class="flex justify-center items-center"> 22352 22353 22354 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 22355 22356 22357 </span> 22358 </button> 22359 </div> 22360 </template> 22361 22362 </div> 22363</div> 22364 22365 22366<div 22367 22368 x-data="{ showOptions: false, options: [] }" 22369 22370 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 22371 x-slide-index="14" 22372> 22373 <div 22374 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 22375 > 22376 <style data-shopify> 22377 22378 </style> 22379 22380 <style data-shopify> 22381 22382 </style> 22383 <a 22384 22385 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 22386 22387 href="/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition" 22388 22389 x-data="{ lastWindowWidth: 0 }" 22390 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 22391 x-labels-data="[{ 22392 "variant_id": 52114837504363, 22393 "product_id": 14719288934763, 22394 "available": true, 22395 "title": "The Long-Distance Leader, Second Edition", 22396 "compare_at_price": 0, 22397 "price": 2495, 22398 "price_with_currency": "$24.95", 22399 "sale_amount": "$-24.95", 22400 "collections": "||637336453483||639249514859||639269732715||643825140075||639249744235||636480389483||636473475435||639252758891||638975902059||639269339499||", 22401 "inventory_management": "shopify", 22402 "qty": 1675, 22403 "container": "card", 22404 "can_show_preorder": false, 22405 "diff_day_create": 477.21, 22406 "diff_day_publish": 477.21 22407 22408 ,"metafield_label": { 22409 "custom.format2":"Paperback" 22410 } 22411 22412 }]" 22413 22414 aria-label="The Long-Distance Leader, Second Edition" 22415 id="14719288934763-template--24498228953451__featured_collection_PFy63t" 22416 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 22417 <div x-data="xDoubleTouch('/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 22418 <div
22419 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-15-14" 22420 class="block h-full" 22421 @click='$store.xCustomerEvent.fire("product_selected", $el)' 22422 x-customer-event-data="{ 22423 "product": { 22424 "title": "The Long-Distance Leader, Second Edition", 22425 "listName": "Bestsellers", 22426 "sku": "14719288934763", 22427 "currencyCode": "USD", 22428 "price": 2495, 22429 "vendor": "Kevin Eikenberry" 22430 } 22431 }" 22432 > 22433<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 22434 > 22435 22436 <picture> 22437 <img 22438 srcset="//bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=450 450w, 22439 //bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=750 750w, 22440 //bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=900 900w, 22441 //bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=1100 1100w, 22442 //bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=1500 1500w,//bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888 432w" 22443 src="//bkconnection.com/cdn/shop/files/9798890570222.jpg?v=1789087888&width=1500" 22444 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 22445 alt="Cover image for The Long-Distance Leader, Second Edition, isbn: 9798890570222" 22446 :class="showSecond ? 'first-img' : ''" 22447 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 22448 loading="lazy" 22449 width="432" 22450 height="648" 22451 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 22452 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 22453 /> 22454 </picture> 22455 22456 </div></div> 22457 </div> 22458 22459 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 22460 x-show="$store.xQuickView" x-cloak 22461 > 22462 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 22463 class="w-full hide-icon lg:px-4" 22464 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 22465 x-cloak 22466 > 22467<form method="post" action="/cart/add" id="product-form-choose-option147192889347634015" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114837504363"> 22468 22469 22470 <button 22471 type="submit" 22472 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm" 22473 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 22474 22475 22476 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 22477 22478aria-label="Add to cart" 22479 22480 22481 >
22482 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 22483 <span class="flex items-center justify-center"> 22484 22485 22486 22487 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 22488 22489 22490 22491 </span></span> 22492 <div 22493 class="flex gap-x-2 items-center justify-center" 22494 role="alert" 22495 x-cloak 22496 x-show="errorMessage" 22497 > 22498 Sold out 22499 </div> 22500 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 22501 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 22502 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 22503 fill="currentcolor" stroke="none"> 22504 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 22505 </g> 22506 </svg> 22507 22508 </div> 22509 </button> 22510 <button 22511 type="submit" 22512 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 22513 22514 22515 data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm" 22516 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 22517 22518aria-label="Add to cart" 22519 22520 22521 x-customer-event-data="{ 22522 "product": { 22523 "title": "The Long-Distance Leader, Second Edition", 22524 "listName": "Bestsellers", 22525 "sku": "14719288934763", 22526 "currencyCode": "USD", 22527 "price": 2495, 22528 "vendor": "Kevin Eikenberry" 22529 } 22530 }" 22531 > 22532 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 22533 <g> 22534 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 22535 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 22536 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 22537 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 22538 </g> 22539 </svg></span> 22540 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 22541 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 22542 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 22543 fill="currentcolor" stroke="none"> 22544 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 22545 </g> 22546 </svg> 22547 22548 </span> 22549 </button><input type="hidden" name="product-id" value="14719288934763" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 22550 </div> 22551 </div><div 22552 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 22553 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 22554 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 22555 > 22556 <div> 22557 <button 22558 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 22559 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm')" 22560 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm')" 22561 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 22562 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 22563 x-customer-event-data="{ 22564 "product": { 22565 "title": "The Long-Distance Leader, Second Edition", 22566 "listName": "Bestsellers", 22567 "sku": "14719288934763", 22568 "currencyCode": "USD", 22569 "price": 2495, 22570 "vendor": "Kevin Eikenberry" 22571 } 22572 }" 22573 aria-label="Button quickview" 22574 >
22575 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 22576 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 22577 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 22578 </svg> 22579</span> 22580 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 22581 22582 22583 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 22584 22585 22586 </span> 22587 </button> 22588 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 22589 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 22590 aria-label="Button quickview" 22591 x-customer-event-data="{ 22592 "product": { 22593 "title": "The Long-Distance Leader, Second Edition", 22594 "listName": "Bestsellers", 22595 "sku": "14719288934763", 22596 "currencyCode": "USD", 22597 "price": 2495, 22598 "vendor": "Kevin Eikenberry" 22599 } 22600 }" 22601 > 22602 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 22603 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 22604 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 22605 </svg> 22606</span> 22607 </button> 22608 </div> 22609 </div> 22610 </div> 22611 22612 </a> 22613 22614 22615 <div class="md:list-layout:hidden"> 22616 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 22617 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 22618 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719288934763"> 22619 <a href="/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition" 22620 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 22621 @click='$store.xCustomerEvent.fire("product_selected", $el)' 22622 x-customer-event-data="{ 22623 "product": { 22624 "title": "The Long-Distance Leader, Second Edition", 22625 "listName": "Bestsellers", 22626 "sku": "14719288934763", 22627 "currencyCode": "USD", 22628 "price": 2495, 22629 "vendor": "Kevin Eikenberry" 22630 } 22631 }" 22632 > 22633 The Long-Distance Leader, Second Edition 22634 </a> 22635 </h3> 22636 22637 22638 22639 22640<div 22641 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 22642><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.4 out of 5.0 stars"> 22643 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
22643ox="0 0 512 512" xml:space="preserve"> 22644 <g> 22645 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22646 </g> 22647 </svg> 22648 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 22649 <g> 22650 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22651 </g> 22652 </svg> 22653 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 22654 <g> 22655 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22656 </g> 22657 </svg> 22658 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 22659 <g> 22660 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22661 </g> 22662 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 22663 <defs> 22664 <linearGradient id="grad"> 22665 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 22666 <stop offset="50%" stop-color="currentColor"/> 22667 </linearGradient> 22668 </defs> 22669 <g> 22670 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22671 </g> 22672 </svg> 22673 </div> 22674 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(188) 22675 </p></div> 22676 22677<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 22678 22679 22680 <div class=" price leading-none"> 22681 <div class=""> 22682 22683 <div class="hidden">2495</div><p class="price">
22684 <span>$24.95</span> 22685 </p><small class="text-[70%] hidden"> 22686 <span class="hidden">Unit price</span> 22687 <span class="up price-item price-item--last"> 22688 <span> 22689 22690 </span> 22691 <span aria-hidden="true">/</span> 22692 <span class="hidden"> per </span> 22693 <span> 22694 </span> 22695 </span> 22696 </small> 22697 22698 </div> 22699 22700</div> 22701 22702 <div class="next-price empty:hidden"></div> 22703 </div> 22704 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719288934763', [637336453483, 639249514859, 639269732715, 643825140075, 639249744235, 636480389483, 636473475435, 639252758891, 638975902059, 639269339499])"><div 22705 x-data='{ 22706 storeAvailabilites: {}, 22707 pickupLocation: [] 22708 }' 22709 class="mb-3" 22710 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 22711> 22712 <style data-shopify> 22713 .text-available, .text-unavailable { 22714 font-size: 0.669375rem; 22715 font-family: var(--font-body-family); 22716 } 22717 22718 @media (min-width: 768px) { 22719 .text-available, .text-unavailable { 22720 font-size: 0.74375rem; 22721 } 22722 } 22723 22724 .text-available { 22725 color: #6b762d; 22726 } 22727 22728 .dark .text-available { 22729 color: #858F4D; 22730 } 22731 22732 .text-unavailable { 22733 color: #767474; 22734 } 22735 22736 .dark .text-unavailable { 22737 color: #867F7F; 22738 } 22739 </style> 22740 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 22741 <span class="flex h-4 w-4 relative"> 22742<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 22743 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 22744 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 22745</svg> 22746 22747</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 22748 </div> 22749 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 22750 <span class="flex h-4 w-4 relative"> 22751<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 22752 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 22753 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 22754</svg> 22755 22756</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 22757 </div> 22758</div></div> 22759 </div> 22760 </div> 22761 </div> 22762 22763 </div> 22764 <div 22765 id="x-product-template-14719288934763-template--24498228953451__featured_collection_PFy63t-1-15" 22766 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 22767 > 22768 <div class="hidden md:list-layout:block"> 22769 22770 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 22771 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 22772 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14719288934763"> 22773 <a href="/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition" 22774 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 22775 @click='$store.xCustomerEvent.fire("product_selected", $el)' 22776 x-customer-event-data="{ 22777 "product": { 22778 "title": "The Long-Distance Leader, Second Edition", 22779 "listName": "Bestsellers", 22780 "sku": "14719288934763", 22781 "currencyCode": "USD", 22782 "price": 2495, 22783 "vendor": "Kevin Eikenberry" 22784 } 22785 }" 22786 > 22787 The Long-Distance Leader, Second Edition 22788 </a> 22789 </h3> 22790 22791 22792 22793 22794<div 22795 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 22796><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.4 out of 5.0 stars"> 22797 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
22797ox="0 0 512 512" xml:space="preserve"> 22798 <g> 22799 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22800 </g> 22801 </svg> 22802 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 22803 <g> 22804 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22805 </g> 22806 </svg> 22807 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 22808 <g> 22809 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22810 </g> 22811 </svg> 22812 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 22813 <g> 22814 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22815 </g> 22816 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 22817 <defs> 22818 <linearGradient id="grad"> 22819 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 22820 <stop offset="50%" stop-color="currentColor"/> 22821 </linearGradient> 22822 </defs> 22823 <g> 22824 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 22825 </g> 22826 </svg> 22827 </div> 22828 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(188) 22829 </p></div> 22830 22831<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 22832 22833 22834 <div class=" price leading-none"> 22835 <div class=""> 22836 22837 <div class="hidden">2495</div><p class="price">
22838 <span>$24.95</span> 22839 </p><small class="text-[70%] hidden"> 22840 <span class="hidden">Unit price</span> 22841 <span class="up price-item price-item--last"> 22842 <span> 22843 22844 </span> 22845 <span aria-hidden="true">/</span> 22846 <span class="hidden"> per </span> 22847 <span> 22848 </span> 22849 </span> 22850 </small> 22851 22852 </div> 22853 22854</div> 22855 22856 <div class="next-price empty:hidden"></div> 22857 </div> 22858 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14719288934763', [637336453483, 639249514859, 639269732715, 643825140075, 639249744235, 636480389483, 636473475435, 639252758891, 638975902059, 639269339499])"><div 22859 x-data='{ 22860 storeAvailabilites: {}, 22861 pickupLocation: [] 22862 }' 22863 class="mb-3" 22864 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 22865> 22866 <style data-shopify> 22867 .text-available, .text-unavailable { 22868 font-size: 0.669375rem; 22869 font-family: var(--font-body-family); 22870 } 22871 22872 @media (min-width: 768px) { 22873 .text-available, .text-unavailable { 22874 font-size: 0.74375rem; 22875 } 22876 } 22877 22878 .text-available { 22879 color: #6b762d; 22880 } 22881 22882 .dark .text-available { 22883 color: #858F4D; 22884 } 22885 22886 .text-unavailable { 22887 color: #767474; 22888 } 22889 22890 .dark .text-unavailable { 22891 color: #867F7F; 22892 } 22893 </style> 22894 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 22895 <span class="flex h-4 w-4 relative"> 22896<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 22897 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 22898 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 22899</svg> 22900 22901</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 22902 </div> 22903 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 22904 <span class="flex h-4 w-4 relative"> 22905<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 22906 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 22907 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 22908</svg> 22909 22910</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 22911 </div> 22912</div></div> 22913 </div> 22914 </div> 22915 22916 </div> 22917 22918 22919 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 22920 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9798890570222_the-long-distance-leader-second-edition'); 22921 });"></div> 22922 <div 22923 id="current-variant-template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm" 22924 class="current-variant hidden" 22925 > 22926 52114837504363 22927 </div> 22928 22929 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 22930 22931 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 22932 class="card-info bottom_atc md:list-layout:hidden hide-icon" 22933 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 22934 x-cloak 22935 > 22936 22937<form method="post" action="/cart/add" id="product-form-choose-option147192889347634015" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114837504363"> 22938 22939 22940 <button 22941 type="submit" 22942 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm" 22943 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 22944 22945 22946 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 22947 22948aria-label="Add to cart" 22949 22950 22951 >
22952 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 22953 <span class="flex items-center justify-center"> 22954 22955 22956 22957 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 22958 22959 22960 22961 </span></span> 22962 <div 22963 class="flex gap-x-2 items-center justify-center" 22964 role="alert" 22965 x-cloak 22966 x-show="errorMessage" 22967 > 22968 Sold out 22969 </div> 22970 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 22971 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 22972 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 22973 fill="currentcolor" stroke="none"> 22974 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 22975 </g> 22976 </svg> 22977 22978 </div> 22979 </button><input type="hidden" name="product-id" value="14719288934763" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 22980 </div></template> 22981 22982 22983 <template x-if="$store.xQuickView"> 22984 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 22985 22986<form method="post" action="/cart/add" id="product-form-choose-option147192889347634015" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52114837504363"> 22987 22988 22989 <button 22990 type="submit" 22991 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm" 22992 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 22993 22994 22995 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 22996 22997aria-label="Add to cart" 22998 22999 23000 > 23001 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 23002 <span class="flex items-center justify-center"> 23003 23004 23005 23006 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 23007 23008 23009 23010 </span></span> 23011 <div 23012 class="flex gap-x-2 items-center justify-center" 23013 role="alert" 23014 x-cloak 23015 x-show="errorMessage" 23016 > 23017 Sold out 23018 </div> 23019 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
23019calc(50%-10px)]" x-show="loading" x-cloak> 23020 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 23021 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 23022 fill="currentcolor" stroke="none"> 23023 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 23024 </g> 23025 </svg> 23026 23027 </div> 23028 </button><button 23029 type="submit" 23030 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 23031 23032 23033 data-id="template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm" 23034 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 23035 23036aria-label="Add to cart" 23037 23038 23039 x-customer-event-data="{ 23040 "product": { 23041 "title": "The Long-Distance Leader, Second Edition", 23042 "listName": "Bestsellers", 23043 "sku": "14719288934763", 23044 "currencyCode": "USD", 23045 "price": 2495, 23046 "vendor": "Kevin Eikenberry" 23047 } 23048 }" 23049 > 23050 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 23051 <g> 23052 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23053 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23054 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23055 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23056 </g> 23057 </svg></span> 23058 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 23059 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 23060 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 23061 fill="currentcolor" stroke="none"> 23062 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 23063 </g> 23064 </svg> 23065 23066 </span> 23067 </button><input type="hidden" name="product-id" value="14719288934763" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 23068 </div><button 23069 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm')" 23070 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm')" 23071 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9798890570222_the-long-distance-leader-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14719288934763-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 23072 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 23073 aria-label="Button quickview" 23074 x-customer-event-data="{ 23075 "product": { 23076 "title": "The Long-Distance Leader, Second Edition", 23077 "listName": "Bestsellers", 23078 "sku": "14719288934763", 23079 "currencyCode": "USD", 23080 "price": 2495, 23081 "vendor": "Kevin Eikenberry" 23082 } 23083 }" 23084 x-show="$store.xQuickView.enabled" 23085 >
23086 <span class="flex justify-center items-center"> 23087 23088 23089 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 23090 23091 23092 </span> 23093 </button> 23094 </div> 23095 </template> 23096 23097 </div> 23098</div> 23099 23100 23101<div 23102 23103 x-data="{ showOptions: false, options: [] }" 23104 23105 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 23106 x-slide-index="15" 23107> 23108 <div 23109 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 23110 > 23111 <style data-shopify> 23112 23113 </style> 23114 23115 <style data-shopify> 23116 23117 </style> 23118 <a 23119 23120 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 23121 23122 href="/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition" 23123 23124 x-data="{ lastWindowWidth: 0 }" 23125 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 23126 x-labels-data="[{ 23127 "variant_id": 52108542837099, 23128 "product_id": 14717223108971, 23129 "available": true, 23130 "title": "Why Motivating People Doesn&#39;t Workâ¦and What Does, Second Edition", 23131 "compare_at_price": 0, 23132 "price": 2495, 23133 "price_with_currency": "$24.95", 23134 "sale_amount": "$-24.95", 23135 "collections": "||637336453483||639249514859||650454204779||637337043307||639249744235||636480389483||636473475435||639252758891||639269339499||", 23136 "inventory_management": "shopify", 23137 "qty": 2748, 23138 "container": "card", 23139 "can_show_preorder": false, 23140 "diff_day_create": 481.29, 23141 "diff_day_publish": 481.29 23142 23143 ,"metafield_label": { 23144 "custom.format2":"Paperback" 23145 } 23146 23147 }]" 23148 23149 aria-label="Why Motivating People Doesn't Workâ¦and What Does, Second Edition" 23150 id="14717223108971-template--24498228953451__featured_collection_PFy63t" 23151 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 23152 <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 23153 <div
23154 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-16-15" 23155 class="block h-full" 23156 @click='$store.xCustomerEvent.fire("product_selected", $el)' 23157 x-customer-event-data="{ 23158 "product": { 23159 "title": "Why Motivating People Doesn&#39;t Workâ¦and What Does, Second Edition", 23160 "listName": "Bestsellers", 23161 "sku": "14717223108971", 23162 "currencyCode": "USD", 23163 "price": 2495, 23164 "vendor": "Susan Fowler" 23165 } 23166 }" 23167 > 23168<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 23169 > 23170 23171 <picture> 23172 <img 23173 srcset="//bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=450 450w, 23174 //bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=750 750w, 23175 //bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=900 900w, 23176 //bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=1100 1100w, 23177 //bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887 419w" 23178 src="//bkconnection.com/cdn/shop/files/9781523004126.jpg?v=1789087887&width=1500" 23179 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 23180 alt="Cover image for Why Motivating People Doesn't Workâ¦and What Does, Second Edition, isbn: 9781523004126" 23181 :class="showSecond ? 'first-img' : ''" 23182 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 23183 loading="lazy" 23184 width="419" 23185 height="648" 23186 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 23187 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 23188 /> 23189 </picture> 23190 23191 </div></div> 23192 </div> 23193 23194 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 23195 x-show="$store.xQuickView" x-cloak 23196 > 23197 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 23198 class="w-full hide-icon lg:px-4" 23199 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 23200 x-cloak 23201 > 23202<form method="post" action="/cart/add" id="product-form-choose-option147172231089714016" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108542837099"> 23203 23204 23205 <button 23206 type="submit" 23207 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm" 23208 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 23209 23210 23211 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 23212 23213aria-label="Add to cart" 23214 23215 23216 >
23217 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 23218 <span class="flex items-center justify-center"> 23219 23220 23221 23222 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 23223 23224 23225 23226 </span></span> 23227 <div 23228 class="flex gap-x-2 items-center justify-center" 23229 role="alert" 23230 x-cloak 23231 x-show="errorMessage" 23232 > 23233 Sold out 23234 </div> 23235 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 23236 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 23237 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 23238 fill="currentcolor" stroke="none"> 23239 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 23240 </g> 23241 </svg> 23242 23243 </div> 23244 </button> 23245 <button 23246 type="submit" 23247 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 23248 23249 23250 data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm" 23251 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 23252 23253aria-label="Add to cart" 23254 23255 23256 x-customer-event-data="{ 23257 "product": { 23258 "title": "Why Motivating People Doesn&#39;t Workâ¦and What Does, Second Edition", 23259 "listName": "Bestsellers", 23260 "sku": "14717223108971", 23261 "currencyCode": "USD", 23262 "price": 2495, 23263 "vendor": "Susan Fowler" 23264 } 23265 }" 23266 > 23267 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 23268 <g> 23269 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23270 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23271 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23272 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23273 </g> 23274 </svg></span> 23275 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 23276 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 23277 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 23278 fill="currentcolor" stroke="none"> 23279 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 23280 </g> 23281 </svg> 23282 23283 </span> 23284 </button><input type="hidden" name="product-id" value="14717223108971" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 23285 </div> 23286 </div><div 23287 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 23288 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 23289 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 23290 > 23291 <div> 23292 <button 23293 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 23294 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm')" 23295 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm')" 23296 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 23297 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 23298 x-customer-event-data="{ 23299 "product": { 23300 "title": "Why Motivating People Doesn&#39;t Workâ¦and What Does, Second Edition", 23301 "listName": "Bestsellers", 23302 "sku": "14717223108971", 23303 "currencyCode": "USD", 23304 "price": 2495, 23305 "vendor": "Susan Fowler" 23306 } 23307 }" 23308 aria-label="Button quickview" 23309 >
23310 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 23311 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23312 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23313 </svg> 23314</span> 23315 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 23316 23317 23318 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 23319 23320 23321 </span> 23322 </button> 23323 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 23324 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 23325 aria-label="Button quickview" 23326 x-customer-event-data="{ 23327 "product": { 23328 "title": "Why Motivating People Doesn&#39;t Workâ¦and What Does, Second Edition", 23329 "listName": "Bestsellers", 23330 "sku": "14717223108971", 23331 "currencyCode": "USD", 23332 "price": 2495, 23333 "vendor": "Susan Fowler" 23334 } 23335 }" 23336 > 23337 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 23338 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23339 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23340 </svg> 23341</span> 23342 </button> 23343 </div> 23344 </div> 23345 </div> 23346 23347 </a> 23348 23349 23350 <div class="md:list-layout:hidden"> 23351 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 23352 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 23353 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717223108971"> 23354 <a href="/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition" 23355 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 23356 @click='$store.xCustomerEvent.fire("product_selected", $el)' 23357 x-customer-event-data="{ 23358 "product": { 23359 "title": "Why Motivating People Doesn&#39;t Workâ¦and What Does, Second Edition", 23360 "listName": "Bestsellers", 23361 "sku": "14717223108971", 23362 "currencyCode": "USD", 23363 "price": 2495, 23364 "vendor": "Susan Fowler" 23365 } 23366 }" 23367 > 23368 Why Motivating People Doesn't Workâ¦and What Does, Second Edition 23369 </a> 23370 </h3> 23371 23372 23373 23374 23375<div 23376 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 23377><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars"> 23378 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
23378ox="0 0 512 512" xml:space="preserve"> 23379 <g> 23380 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 23381 </g> 23382 </svg> 23383 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 23384 <g> 23385 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 23386 </g> 23387 </svg> 23388 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 23389 <g> 23390 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 23391 </g> 23392 </svg> 23393 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 23394 <g> 23395 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 23396 </g> 23397 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 23398 <defs> 23399 <linearGradient id="grad"> 23400 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 23401 <stop offset="50%" stop-color="currentColor"/> 23402 </linearGradient> 23403 </defs> 23404 <g> 23405 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 23406 </g> 23407 </svg> 23408 </div> 23409 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(124) 23410 </p></div> 23411 23412<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 23413 23414 23415 <div class=" price leading-none"> 23416 <div class=""> 23417 23418 <div class="hidden">2495</div><p class="price">
23419 <span>$24.95</span> 23420 </p><small class="text-[70%] hidden"> 23421 <span class="hidden">Unit price</span> 23422 <span class="up price-item price-item--last"> 23423 <span> 23424 23425 </span> 23426 <span aria-hidden="true">/</span> 23427 <span class="hidden"> per </span> 23428 <span> 23429 </span> 23430 </span> 23431 </small> 23432 23433 </div> 23434 23435</div> 23436 23437 <div class="next-price empty:hidden"></div> 23438 </div> 23439 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717223108971', [637336453483, 639249514859, 650454204779, 637337043307, 639249744235, 636480389483, 636473475435, 639252758891, 639269339499])"><div 23440 x-data='{ 23441 storeAvailabilites: {}, 23442 pickupLocation: [] 23443 }' 23444 class="mb-3" 23445 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 23446> 23447 <style data-shopify> 23448 .text-available, .text-unavailable { 23449 font-size: 0.669375rem; 23450 font-family: var(--font-body-family); 23451 } 23452 23453 @media (min-width: 768px) { 23454 .text-available, .text-unavailable { 23455 font-size: 0.74375rem; 23456 } 23457 } 23458 23459 .text-available { 23460 color: #6b762d; 23461 } 23462 23463 .dark .text-available { 23464 color: #858F4D; 23465 } 23466 23467 .text-unavailable { 23468 color: #767474; 23469 } 23470 23471 .dark .text-unavailable { 23472 color: #867F7F; 23473 } 23474 </style> 23475 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 23476 <span class="flex h-4 w-4 relative"> 23477<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 23478 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 23479 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 23480</svg> 23481 23482</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 23483 </div> 23484 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 23485 <span class="flex h-4 w-4 relative"> 23486<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 23487 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 23488 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 23489</svg> 23490 23491</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 23492 </div> 23493</div></div> 23494 </div> 23495 </div> 23496 </div> 23497 23498 </div> 23499 <div 23500 id="x-product-template-14717223108971-template--24498228953451__featured_collection_PFy63t-1-16" 23501 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 23502 > 23503 <div class="hidden md:list-layout:block"> 23504 23505 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 23506 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 23507 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717223108971"> 23508 <a href="/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition" 23509 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 23510 @click='$store.xCustomerEvent.fire("product_selected", $el)' 23511 x-customer-event-data="{ 23512 "product": { 23513 "title": "Why Motivating People Doesn&#39;t Workâ¦and What Does, Second Edition", 23514 "listName": "Bestsellers", 23515 "sku": "14717223108971", 23516 "currencyCode": "USD", 23517 "price": 2495, 23518 "vendor": "Susan Fowler" 23519 } 23520 }" 23521 > 23522 Why Motivating People Doesn't Workâ¦and What Does, Second Edition 23523 </a> 23524 </h3> 23525 23526 23527 23528 23529<div 23530 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 23531><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.5 out of 5.0 stars"> 23532 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
23532ox="0 0 512 512" xml:space="preserve"> 23533 <g> 23534 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 23535 </g> 23536 </svg> 23537 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 23538 <g> 23539 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 23540 </g> 23541 </svg> 23542 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 23543 <g> 23544 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 23545 </g> 23546 </svg> 23547 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 23548 <g> 23549 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 23550 </g> 23551 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 23552 <defs> 23553 <linearGradient id="grad"> 23554 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 23555 <stop offset="50%" stop-color="currentColor"/> 23556 </linearGradient> 23557 </defs> 23558 <g> 23559 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 23560 </g> 23561 </svg> 23562 </div> 23563 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(124) 23564 </p></div> 23565 23566<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 23567 23568 23569 <div class=" price leading-none"> 23570 <div class=""> 23571 23572 <div class="hidden">2495</div><p class="price">
23573 <span>$24.95</span> 23574 </p><small class="text-[70%] hidden"> 23575 <span class="hidden">Unit price</span> 23576 <span class="up price-item price-item--last"> 23577 <span> 23578 23579 </span> 23580 <span aria-hidden="true">/</span> 23581 <span class="hidden"> per </span> 23582 <span> 23583 </span> 23584 </span> 23585 </small> 23586 23587 </div> 23588 23589</div> 23590 23591 <div class="next-price empty:hidden"></div> 23592 </div> 23593 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717223108971', [637336453483, 639249514859, 650454204779, 637337043307, 639249744235, 636480389483, 636473475435, 639252758891, 639269339499])"><div 23594 x-data='{ 23595 storeAvailabilites: {}, 23596 pickupLocation: [] 23597 }' 23598 class="mb-3" 23599 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 23600> 23601 <style data-shopify> 23602 .text-available, .text-unavailable { 23603 font-size: 0.669375rem; 23604 font-family: var(--font-body-family); 23605 } 23606 23607 @media (min-width: 768px) { 23608 .text-available, .text-unavailable { 23609 font-size: 0.74375rem; 23610 } 23611 } 23612 23613 .text-available { 23614 color: #6b762d; 23615 } 23616 23617 .dark .text-available { 23618 color: #858F4D; 23619 } 23620 23621 .text-unavailable { 23622 color: #767474; 23623 } 23624 23625 .dark .text-unavailable { 23626 color: #867F7F; 23627 } 23628 </style> 23629 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 23630 <span class="flex h-4 w-4 relative"> 23631<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 23632 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 23633 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 23634</svg> 23635 23636</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 23637 </div> 23638 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 23639 <span class="flex h-4 w-4 relative"> 23640<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 23641 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 23642 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 23643</svg> 23644 23645</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 23646 </div> 23647</div></div> 23648 </div> 23649 </div> 23650 23651 </div> 23652 23653 23654 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 23655 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition'); 23656 });"></div> 23657 <div 23658 id="current-variant-template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm" 23659 class="current-variant hidden" 23660 > 23661 52108542837099 23662 </div> 23663 23664 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 23665 23666 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 23667 class="card-info bottom_atc md:list-layout:hidden hide-icon" 23668 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 23669 x-cloak 23670 > 23671 23672<form method="post" action="/cart/add" id="product-form-choose-option147172231089714016" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108542837099"> 23673 23674 23675 <button 23676 type="submit" 23677 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm" 23678 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 23679 23680 23681 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 23682 23683aria-label="Add to cart" 23684 23685 23686 >
23687 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 23688 <span class="flex items-center justify-center"> 23689 23690 23691 23692 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 23693 23694 23695 23696 </span></span> 23697 <div 23698 class="flex gap-x-2 items-center justify-center" 23699 role="alert" 23700 x-cloak 23701 x-show="errorMessage" 23702 > 23703 Sold out 23704 </div> 23705 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 23706 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 23707 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 23708 fill="currentcolor" stroke="none"> 23709 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 23710 </g> 23711 </svg> 23712 23713 </div> 23714 </button><input type="hidden" name="product-id" value="14717223108971" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 23715 </div></template> 23716 23717 23718 <template x-if="$store.xQuickView"> 23719 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 23720 23721<form method="post" action="/cart/add" id="product-form-choose-option147172231089714016" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108542837099"> 23722 23723 23724 <button 23725 type="submit" 23726 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm" 23727 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 23728 23729 23730 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 23731 23732aria-label="Add to cart" 23733 23734 23735 > 23736 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 23737 <span class="flex items-center justify-center"> 23738 23739 23740 23741 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 23742 23743 23744 23745 </span></span> 23746 <div 23747 class="flex gap-x-2 items-center justify-center" 23748 role="alert" 23749 x-cloak 23750 x-show="errorMessage" 23751 > 23752 Sold out 23753 </div> 23754 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
23754calc(50%-10px)]" x-show="loading" x-cloak> 23755 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 23756 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 23757 fill="currentcolor" stroke="none"> 23758 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 23759 </g> 23760 </svg> 23761 23762 </div> 23763 </button><button 23764 type="submit" 23765 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 23766 23767 23768 data-id="template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm" 23769 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 23770 23771aria-label="Add to cart" 23772 23773 23774 x-customer-event-data="{ 23775 "product": { 23776 "title": "Why Motivating People Doesn&#39;t Workâ¦and What Does, Second Edition", 23777 "listName": "Bestsellers", 23778 "sku": "14717223108971", 23779 "currencyCode": "USD", 23780 "price": 2495, 23781 "vendor": "Susan Fowler" 23782 } 23783 }" 23784 > 23785 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 23786 <g> 23787 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23788 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23789 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23790 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 23791 </g> 23792 </svg></span> 23793 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 23794 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 23795 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 23796 fill="currentcolor" stroke="none"> 23797 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 23798 </g> 23799 </svg> 23800 23801 </span> 23802 </button><input type="hidden" name="product-id" value="14717223108971" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 23803 </div><button 23804 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm')" 23805 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm')" 23806 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523004126_why-motivating-people-doesnt-workand-what-does-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717223108971-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 23807 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 23808 aria-label="Button quickview" 23809 x-customer-event-data="{ 23810 "product": { 23811 "title": "Why Motivating People Doesn&#39;t Workâ¦and What Does, Second Edition", 23812 "listName": "Bestsellers", 23813 "sku": "14717223108971", 23814 "currencyCode": "USD", 23815 "price": 2495, 23816 "vendor": "Susan Fowler" 23817 } 23818 }" 23819 x-show="$store.xQuickView.enabled" 23820 >
23821 <span class="flex justify-center items-center"> 23822 23823 23824 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 23825 23826 23827 </span> 23828 </button> 23829 </div> 23830 </template> 23831 23832 </div> 23833</div> 23834 23835 23836<div 23837 23838 x-data="{ showOptions: false, options: [] }" 23839 23840 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 23841 x-slide-index="16" 23842> 23843 <div 23844 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 23845 > 23846 <style data-shopify> 23847 23848 </style> 23849 23850 <style data-shopify> 23851 23852 </style> 23853 <a 23854 23855 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 23856 23857 href="/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition" 23858 23859 x-data="{ lastWindowWidth: 0 }" 23860 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 23861 x-labels-data="[{ 23862 "variant_id": 52108542804331, 23863 "product_id": 14717223076203, 23864 "available": true, 23865 "title": "Who Do We Choose to Be?, Second Edition", 23866 "compare_at_price": 0, 23867 "price": 3195, 23868 "price_with_currency": "$31.95", 23869 "sale_amount": "$-31.95", 23870 "collections": "||637336453483||639249514859||637337043307||639249744235||636480389483||639269929323||636473475435||639270191467||639269339499||", 23871 "inventory_management": "shopify", 23872 "qty": 1007, 23873 "container": "card", 23874 "can_show_preorder": false, 23875 "diff_day_create": 481.29, 23876 "diff_day_publish": 481.29 23877 23878 ,"metafield_label": { 23879 "custom.format2":"Paperback" 23880 } 23881 23882 }]" 23883 23884 aria-label="Who Do We Choose to Be?, Second Edition" 23885 id="14717223076203-template--24498228953451__featured_collection_PFy63t" 23886 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 23887 <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 23888 <div
23889 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-17-16" 23890 class="block h-full" 23891 @click='$store.xCustomerEvent.fire("product_selected", $el)' 23892 x-customer-event-data="{ 23893 "product": { 23894 "title": "Who Do We Choose to Be?, Second Edition", 23895 "listName": "Bestsellers", 23896 "sku": "14717223076203", 23897 "currencyCode": "USD", 23898 "price": 3195, 23899 "vendor": "Margaret J. Wheatley" 23900 } 23901 }" 23902 > 23903<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 23904 > 23905 23906 <picture> 23907 <img 23908 srcset="//bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=450 450w, 23909 //bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=750 750w, 23910 //bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=900 900w, 23911 //bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=1100 1100w, 23912 //bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885 432w" 23913 src="//bkconnection.com/cdn/shop/files/9781523004737.jpg?v=1789087885&width=1500" 23914 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 23915 alt="Cover image for Who Do We Choose to Be?, Second Edition, isbn: 9781523004737" 23916 :class="showSecond ? 'first-img' : ''" 23917 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 23918 loading="lazy" 23919 width="432" 23920 height="648" 23921 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 23922 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 23923 /> 23924 </picture> 23925 23926 </div></div> 23927 </div> 23928 23929 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 23930 x-show="$store.xQuickView" x-cloak 23931 > 23932 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 23933 class="w-full hide-icon lg:px-4" 23934 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 23935 x-cloak 23936 > 23937<form method="post" action="/cart/add" id="product-form-choose-option147172230762034017" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108542804331"> 23938 23939 23940 <button 23941 type="submit" 23942 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm" 23943 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 23944 23945 23946 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 23947 23948aria-label="Add to cart" 23949 23950 23951 >
23952 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 23953 <span class="flex items-center justify-center"> 23954 23955 23956 23957 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 23958 23959 23960 23961 </span></span> 23962 <div 23963 class="flex gap-x-2 items-center justify-center" 23964 role="alert" 23965 x-cloak 23966 x-show="errorMessage" 23967 > 23968 Sold out 23969 </div> 23970 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 23971 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 23972 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 23973 fill="currentcolor" stroke="none"> 23974 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 23975 </g> 23976 </svg> 23977 23978 </div> 23979 </button> 23980 <button 23981 type="submit" 23982 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 23983 23984 23985 data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm" 23986 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 23987 23988aria-label="Add to cart" 23989 23990 23991 x-customer-event-data="{ 23992 "product": { 23993 "title": "Who Do We Choose to Be?, Second Edition", 23994 "listName": "Bestsellers", 23995 "sku": "14717223076203", 23996 "currencyCode": "USD", 23997 "price": 3195, 23998 "vendor": "Margaret J. Wheatley" 23999 } 24000 }" 24001 > 24002 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 24003 <g> 24004 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24005 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24006 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24007 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24008 </g> 24009 </svg></span> 24010 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 24011 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 24012 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 24013 fill="currentcolor" stroke="none"> 24014 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 24015 </g> 24016 </svg> 24017 24018 </span> 24019 </button><input type="hidden" name="product-id" value="14717223076203" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 24020 </div> 24021 </div><div 24022 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 24023 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 24024 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 24025 > 24026 <div> 24027 <button 24028 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 24029 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm')" 24030 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm')" 24031 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 24032 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 24033 x-customer-event-data="{ 24034 "product": { 24035 "title": "Who Do We Choose to Be?, Second Edition", 24036 "listName": "Bestsellers", 24037 "sku": "14717223076203", 24038 "currencyCode": "USD", 24039 "price": 3195, 24040 "vendor": "Margaret J. Wheatley" 24041 } 24042 }" 24043 aria-label="Button quickview" 24044 >
24045 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 24046 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24047 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24048 </svg> 24049</span> 24050 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 24051 24052 24053 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 24054 24055 24056 </span> 24057 </button> 24058 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 24059 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 24060 aria-label="Button quickview" 24061 x-customer-event-data="{ 24062 "product": { 24063 "title": "Who Do We Choose to Be?, Second Edition", 24064 "listName": "Bestsellers", 24065 "sku": "14717223076203", 24066 "currencyCode": "USD", 24067 "price": 3195, 24068 "vendor": "Margaret J. Wheatley" 24069 } 24070 }" 24071 > 24072 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 24073 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24074 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24075 </svg> 24076</span> 24077 </button> 24078 </div> 24079 </div> 24080 </div> 24081 24082 </a> 24083 24084 24085 <div class="md:list-layout:hidden"> 24086 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 24087 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 24088 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717223076203"> 24089 <a href="/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition" 24090 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 24091 @click='$store.xCustomerEvent.fire("product_selected", $el)' 24092 x-customer-event-data="{ 24093 "product": { 24094 "title": "Who Do We Choose to Be?, Second Edition", 24095 "listName": "Bestsellers", 24096 "sku": "14717223076203", 24097 "currencyCode": "USD", 24098 "price": 3195, 24099 "vendor": "Margaret J. Wheatley" 24100 } 24101 }" 24102 > 24103 Who Do We Choose to Be?, Second Edition 24104 </a> 24105 </h3> 24106 24107 24108 24109 24110<div 24111 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 24112><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.3 out of 5.0 stars"> 24113 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
24113ox="0 0 512 512" xml:space="preserve"> 24114 <g> 24115 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24116 </g> 24117 </svg> 24118 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 24119 <g> 24120 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24121 </g> 24122 </svg> 24123 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 24124 <g> 24125 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24126 </g> 24127 </svg> 24128 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 24129 <g> 24130 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24131 </g> 24132 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 24133 <defs> 24134 <linearGradient id="grad"> 24135 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 24136 <stop offset="50%" stop-color="currentColor"/> 24137 </linearGradient> 24138 </defs> 24139 <g> 24140 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24141 </g> 24142 </svg> 24143 </div> 24144 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(67) 24145 </p></div> 24146 24147<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 24148 24149 24150 <div class=" price leading-none"> 24151 <div class=""> 24152 24153 <div class="hidden">3195</div><p class="price">
24154 <span>$31.95</span> 24155 </p><small class="text-[70%] hidden"> 24156 <span class="hidden">Unit price</span> 24157 <span class="up price-item price-item--last"> 24158 <span> 24159 24160 </span> 24161 <span aria-hidden="true">/</span> 24162 <span class="hidden"> per </span> 24163 <span> 24164 </span> 24165 </span> 24166 </small> 24167 24168 </div> 24169 24170</div> 24171 24172 <div class="next-price empty:hidden"></div> 24173 </div> 24174 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717223076203', [637336453483, 639249514859, 637337043307, 639249744235, 636480389483, 639269929323, 636473475435, 639270191467, 639269339499])"><div 24175 x-data='{ 24176 storeAvailabilites: {}, 24177 pickupLocation: [] 24178 }' 24179 class="mb-3" 24180 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 24181> 24182 <style data-shopify> 24183 .text-available, .text-unavailable { 24184 font-size: 0.669375rem; 24185 font-family: var(--font-body-family); 24186 } 24187 24188 @media (min-width: 768px) { 24189 .text-available, .text-unavailable { 24190 font-size: 0.74375rem; 24191 } 24192 } 24193 24194 .text-available { 24195 color: #6b762d; 24196 } 24197 24198 .dark .text-available { 24199 color: #858F4D; 24200 } 24201 24202 .text-unavailable { 24203 color: #767474; 24204 } 24205 24206 .dark .text-unavailable { 24207 color: #867F7F; 24208 } 24209 </style> 24210 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 24211 <span class="flex h-4 w-4 relative"> 24212<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 24213 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 24214 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 24215</svg> 24216 24217</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 24218 </div> 24219 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 24220 <span class="flex h-4 w-4 relative"> 24221<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 24222 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 24223 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 24224</svg> 24225 24226</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 24227 </div> 24228</div></div> 24229 </div> 24230 </div> 24231 </div> 24232 24233 </div> 24234 <div 24235 id="x-product-template-14717223076203-template--24498228953451__featured_collection_PFy63t-1-17" 24236 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 24237 > 24238 <div class="hidden md:list-layout:block"> 24239 24240 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 24241 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 24242 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717223076203"> 24243 <a href="/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition" 24244 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 24245 @click='$store.xCustomerEvent.fire("product_selected", $el)' 24246 x-customer-event-data="{ 24247 "product": { 24248 "title": "Who Do We Choose to Be?, Second Edition", 24249 "listName": "Bestsellers", 24250 "sku": "14717223076203", 24251 "currencyCode": "USD", 24252 "price": 3195, 24253 "vendor": "Margaret J. Wheatley" 24254 } 24255 }" 24256 > 24257 Who Do We Choose to Be?, Second Edition 24258 </a> 24259 </h3> 24260 24261 24262 24263 24264<div 24265 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 24266><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.3 out of 5.0 stars"> 24267 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
24267ox="0 0 512 512" xml:space="preserve"> 24268 <g> 24269 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24270 </g> 24271 </svg> 24272 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 24273 <g> 24274 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24275 </g> 24276 </svg> 24277 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 24278 <g> 24279 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24280 </g> 24281 </svg> 24282 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 24283 <g> 24284 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24285 </g> 24286 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 24287 <defs> 24288 <linearGradient id="grad"> 24289 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 24290 <stop offset="50%" stop-color="currentColor"/> 24291 </linearGradient> 24292 </defs> 24293 <g> 24294 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24295 </g> 24296 </svg> 24297 </div> 24298 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(67) 24299 </p></div> 24300 24301<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 24302 24303 24304 <div class=" price leading-none"> 24305 <div class=""> 24306 24307 <div class="hidden">3195</div><p class="price">
24308 <span>$31.95</span> 24309 </p><small class="text-[70%] hidden"> 24310 <span class="hidden">Unit price</span> 24311 <span class="up price-item price-item--last"> 24312 <span> 24313 24314 </span> 24315 <span aria-hidden="true">/</span> 24316 <span class="hidden"> per </span> 24317 <span> 24318 </span> 24319 </span> 24320 </small> 24321 24322 </div> 24323 24324</div> 24325 24326 <div class="next-price empty:hidden"></div> 24327 </div> 24328 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717223076203', [637336453483, 639249514859, 637337043307, 639249744235, 636480389483, 639269929323, 636473475435, 639270191467, 639269339499])"><div 24329 x-data='{ 24330 storeAvailabilites: {}, 24331 pickupLocation: [] 24332 }' 24333 class="mb-3" 24334 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 24335> 24336 <style data-shopify> 24337 .text-available, .text-unavailable { 24338 font-size: 0.669375rem; 24339 font-family: var(--font-body-family); 24340 } 24341 24342 @media (min-width: 768px) { 24343 .text-available, .text-unavailable { 24344 font-size: 0.74375rem; 24345 } 24346 } 24347 24348 .text-available { 24349 color: #6b762d; 24350 } 24351 24352 .dark .text-available { 24353 color: #858F4D; 24354 } 24355 24356 .text-unavailable { 24357 color: #767474; 24358 } 24359 24360 .dark .text-unavailable { 24361 color: #867F7F; 24362 } 24363 </style> 24364 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 24365 <span class="flex h-4 w-4 relative"> 24366<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 24367 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 24368 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 24369</svg> 24370 24371</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 24372 </div> 24373 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 24374 <span class="flex h-4 w-4 relative"> 24375<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 24376 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 24377 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 24378</svg> 24379 24380</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 24381 </div> 24382</div></div> 24383 </div> 24384 </div> 24385 24386 </div> 24387 24388 24389 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 24390 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523004737_who-do-we-choose-to-be-second-edition'); 24391 });"></div> 24392 <div 24393 id="current-variant-template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm" 24394 class="current-variant hidden" 24395 > 24396 52108542804331 24397 </div> 24398 24399 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 24400 24401 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 24402 class="card-info bottom_atc md:list-layout:hidden hide-icon" 24403 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 24404 x-cloak 24405 > 24406 24407<form method="post" action="/cart/add" id="product-form-choose-option147172230762034017" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108542804331"> 24408 24409 24410 <button 24411 type="submit" 24412 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm" 24413 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 24414 24415 24416 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 24417 24418aria-label="Add to cart" 24419 24420 24421 >
24422 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 24423 <span class="flex items-center justify-center"> 24424 24425 24426 24427 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 24428 24429 24430 24431 </span></span> 24432 <div 24433 class="flex gap-x-2 items-center justify-center" 24434 role="alert" 24435 x-cloak 24436 x-show="errorMessage" 24437 > 24438 Sold out 24439 </div> 24440 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 24441 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 24442 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 24443 fill="currentcolor" stroke="none"> 24444 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 24445 </g> 24446 </svg> 24447 24448 </div> 24449 </button><input type="hidden" name="product-id" value="14717223076203" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 24450 </div></template> 24451 24452 24453 <template x-if="$store.xQuickView"> 24454 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 24455 24456<form method="post" action="/cart/add" id="product-form-choose-option147172230762034017" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108542804331"> 24457 24458 24459 <button 24460 type="submit" 24461 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm" 24462 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 24463 24464 24465 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 24466 24467aria-label="Add to cart" 24468 24469 24470 > 24471 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 24472 <span class="flex items-center justify-center"> 24473 24474 24475 24476 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 24477 24478 24479 24480 </span></span> 24481 <div 24482 class="flex gap-x-2 items-center justify-center" 24483 role="alert" 24484 x-cloak 24485 x-show="errorMessage" 24486 > 24487 Sold out 24488 </div> 24489 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
24489calc(50%-10px)]" x-show="loading" x-cloak> 24490 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 24491 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 24492 fill="currentcolor" stroke="none"> 24493 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 24494 </g> 24495 </svg> 24496 24497 </div> 24498 </button><button 24499 type="submit" 24500 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 24501 24502 24503 data-id="template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm" 24504 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 24505 24506aria-label="Add to cart" 24507 24508 24509 x-customer-event-data="{ 24510 "product": { 24511 "title": "Who Do We Choose to Be?, Second Edition", 24512 "listName": "Bestsellers", 24513 "sku": "14717223076203", 24514 "currencyCode": "USD", 24515 "price": 3195, 24516 "vendor": "Margaret J. Wheatley" 24517 } 24518 }" 24519 > 24520 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 24521 <g> 24522 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24523 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24524 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24525 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24526 </g> 24527 </svg></span> 24528 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 24529 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 24530 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 24531 fill="currentcolor" stroke="none"> 24532 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 24533 </g> 24534 </svg> 24535 24536 </span> 24537 </button><input type="hidden" name="product-id" value="14717223076203" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 24538 </div><button 24539 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm')" 24540 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm')" 24541 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523004737_who-do-we-choose-to-be-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717223076203-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 24542 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 24543 aria-label="Button quickview" 24544 x-customer-event-data="{ 24545 "product": { 24546 "title": "Who Do We Choose to Be?, Second Edition", 24547 "listName": "Bestsellers", 24548 "sku": "14717223076203", 24549 "currencyCode": "USD", 24550 "price": 3195, 24551 "vendor": "Margaret J. Wheatley" 24552 } 24553 }" 24554 x-show="$store.xQuickView.enabled" 24555 >
24556 <span class="flex justify-center items-center"> 24557 24558 24559 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 24560 24561 24562 </span> 24563 </button> 24564 </div> 24565 </template> 24566 24567 </div> 24568</div> 24569 24570 24571<div 24572 24573 x-data="{ showOptions: false, options: [] }" 24574 24575 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 24576 x-slide-index="17" 24577> 24578 <div 24579 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 24580 > 24581 <style data-shopify> 24582 24583 </style> 24584 24585 <style data-shopify> 24586 24587 </style> 24588 <a 24589 24590 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 24591 24592 href="/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition" 24593 24594 x-data="{ lastWindowWidth: 0 }" 24595 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 24596 x-labels-data="[{ 24597 "variant_id": 52108541919595, 24598 "product_id": 14717222224235, 24599 "available": true, 24600 "title": "We Can&#39;t Talk about That at Work! Second Edition", 24601 "compare_at_price": 0, 24602 "price": 2295, 24603 "price_with_currency": "$22.95", 24604 "sale_amount": "$-22.95", 24605 "collections": "||637329310059||637336453483||646765150571||639249514859||639269732715||639249744235||636480389483||636473475435||639252758891||639270191467||639269339499||", 24606 "inventory_management": "shopify", 24607 "qty": 3534, 24608 "container": "card", 24609 "can_show_preorder": false, 24610 "diff_day_create": 481.29, 24611 "diff_day_publish": 481.29 24612 24613 ,"metafield_label": { 24614 "custom.format2":"Paperback" 24615 } 24616 24617 }]" 24618 24619 aria-label="We Can't Talk about That at Work! Second Edition" 24620 id="14717222224235-template--24498228953451__featured_collection_PFy63t" 24621 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 24622 <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 24623 <div
24624 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-18-17" 24625 class="block h-full" 24626 @click='$store.xCustomerEvent.fire("product_selected", $el)' 24627 x-customer-event-data="{ 24628 "product": { 24629 "title": "We Can&#39;t Talk about That at Work! Second Edition", 24630 "listName": "Bestsellers", 24631 "sku": "14717222224235", 24632 "currencyCode": "USD", 24633 "price": 2295, 24634 "vendor": "Mary-Frances Winters" 24635 } 24636 }" 24637 > 24638<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 24639 > 24640 24641 <picture> 24642 <img 24643 srcset="//bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=450 450w, 24644 //bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=750 750w, 24645 //bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=900 900w, 24646 //bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=1100 1100w, 24647 //bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876 419w" 24648 src="//bkconnection.com/cdn/shop/files/9781523006311.jpg?v=1789087876&width=1500" 24649 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 24650 alt="Cover image for We Can't Talk about That at Work! Second Edition, isbn: 9781523006311" 24651 :class="showSecond ? 'first-img' : ''" 24652 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 24653 loading="lazy" 24654 width="419" 24655 height="648" 24656 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 24657 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 24658 /> 24659 </picture> 24660 24661 </div></div> 24662 </div> 24663 24664 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 24665 x-show="$store.xQuickView" x-cloak 24666 > 24667 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 24668 class="w-full hide-icon lg:px-4" 24669 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 24670 x-cloak 24671 > 24672<form method="post" action="/cart/add" id="product-form-choose-option147172222242354018" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108541919595"> 24673 24674 24675 <button 24676 type="submit" 24677 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm" 24678 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 24679 24680 24681 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 24682 24683aria-label="Add to cart" 24684 24685 24686 >
24687 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 24688 <span class="flex items-center justify-center"> 24689 24690 24691 24692 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 24693 24694 24695 24696 </span></span> 24697 <div 24698 class="flex gap-x-2 items-center justify-center" 24699 role="alert" 24700 x-cloak 24701 x-show="errorMessage" 24702 > 24703 Sold out 24704 </div> 24705 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 24706 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 24707 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 24708 fill="currentcolor" stroke="none"> 24709 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 24710 </g> 24711 </svg> 24712 24713 </div> 24714 </button> 24715 <button 24716 type="submit" 24717 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 24718 24719 24720 data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm" 24721 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 24722 24723aria-label="Add to cart" 24724 24725 24726 x-customer-event-data="{ 24727 "product": { 24728 "title": "We Can&#39;t Talk about That at Work! Second Edition", 24729 "listName": "Bestsellers", 24730 "sku": "14717222224235", 24731 "currencyCode": "USD", 24732 "price": 2295, 24733 "vendor": "Mary-Frances Winters" 24734 } 24735 }" 24736 > 24737 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 24738 <g> 24739 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24740 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24741 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24742 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24743 </g> 24744 </svg></span> 24745 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 24746 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 24747 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 24748 fill="currentcolor" stroke="none"> 24749 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 24750 </g> 24751 </svg> 24752 24753 </span> 24754 </button><input type="hidden" name="product-id" value="14717222224235" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 24755 </div> 24756 </div><div 24757 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 24758 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 24759 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 24760 > 24761 <div> 24762 <button 24763 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 24764 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm')" 24765 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm')" 24766 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 24767 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 24768 x-customer-event-data="{ 24769 "product": { 24770 "title": "We Can&#39;t Talk about That at Work! Second Edition", 24771 "listName": "Bestsellers", 24772 "sku": "14717222224235", 24773 "currencyCode": "USD", 24774 "price": 2295, 24775 "vendor": "Mary-Frances Winters" 24776 } 24777 }" 24778 aria-label="Button quickview" 24779 >
24780 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 24781 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24782 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24783 </svg> 24784</span> 24785 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 24786 24787 24788 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 24789 24790 24791 </span> 24792 </button> 24793 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 24794 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 24795 aria-label="Button quickview" 24796 x-customer-event-data="{ 24797 "product": { 24798 "title": "We Can&#39;t Talk about That at Work! Second Edition", 24799 "listName": "Bestsellers", 24800 "sku": "14717222224235", 24801 "currencyCode": "USD", 24802 "price": 2295, 24803 "vendor": "Mary-Frances Winters" 24804 } 24805 }" 24806 > 24807 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 24808 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24809 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 24810 </svg> 24811</span> 24812 </button> 24813 </div> 24814 </div> 24815 </div> 24816 24817 </a> 24818 24819 24820 <div class="md:list-layout:hidden"> 24821 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 24822 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 24823 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717222224235"> 24824 <a href="/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition" 24825 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 24826 @click='$store.xCustomerEvent.fire("product_selected", $el)' 24827 x-customer-event-data="{ 24828 "product": { 24829 "title": "We Can&#39;t Talk about That at Work! Second Edition", 24830 "listName": "Bestsellers", 24831 "sku": "14717222224235", 24832 "currencyCode": "USD", 24833 "price": 2295, 24834 "vendor": "Mary-Frances Winters" 24835 } 24836 }" 24837 > 24838 We Can't Talk about That at Work! Second Edition 24839 </a> 24840 </h3> 24841 24842 24843 24844 24845<div 24846 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 24847><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 24848 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
24848ox="0 0 512 512" xml:space="preserve"> 24849 <g> 24850 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24851 </g> 24852 </svg> 24853 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 24854 <g> 24855 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24856 </g> 24857 </svg> 24858 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 24859 <g> 24860 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24861 </g> 24862 </svg> 24863 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 24864 <g> 24865 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24866 </g> 24867 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 24868 <defs> 24869 <linearGradient id="grad"> 24870 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 24871 <stop offset="50%" stop-color="currentColor"/> 24872 </linearGradient> 24873 </defs> 24874 <g> 24875 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 24876 </g> 24877 </svg> 24878 </div> 24879 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(478) 24880 </p></div> 24881 24882<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 24883 24884 24885 <div class=" price leading-none"> 24886 <div class=""> 24887 24888 <div class="hidden">2295</div><p class="price">
24889 <span>$22.95</span> 24890 </p><small class="text-[70%] hidden"> 24891 <span class="hidden">Unit price</span> 24892 <span class="up price-item price-item--last"> 24893 <span> 24894 24895 </span> 24896 <span aria-hidden="true">/</span> 24897 <span class="hidden"> per </span> 24898 <span> 24899 </span> 24900 </span> 24901 </small> 24902 24903 </div> 24904 24905</div> 24906 24907 <div class="next-price empty:hidden"></div> 24908 </div> 24909 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717222224235', [637329310059, 637336453483, 646765150571, 639249514859, 639269732715, 639249744235, 636480389483, 636473475435, 639252758891, 639270191467, 639269339499])"><div 24910 x-data='{ 24911 storeAvailabilites: {}, 24912 pickupLocation: [] 24913 }' 24914 class="mb-3" 24915 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 24916> 24917 <style data-shopify> 24918 .text-available, .text-unavailable { 24919 font-size: 0.669375rem; 24920 font-family: var(--font-body-family); 24921 } 24922 24923 @media (min-width: 768px) { 24924 .text-available, .text-unavailable { 24925 font-size: 0.74375rem; 24926 } 24927 } 24928 24929 .text-available { 24930 color: #6b762d; 24931 } 24932 24933 .dark .text-available { 24934 color: #858F4D; 24935 } 24936 24937 .text-unavailable { 24938 color: #767474; 24939 } 24940 24941 .dark .text-unavailable { 24942 color: #867F7F; 24943 } 24944 </style> 24945 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 24946 <span class="flex h-4 w-4 relative"> 24947<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 24948 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 24949 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 24950</svg> 24951 24952</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 24953 </div> 24954 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 24955 <span class="flex h-4 w-4 relative"> 24956<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 24957 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 24958 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 24959</svg> 24960 24961</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 24962 </div> 24963</div></div> 24964 </div> 24965 </div> 24966 </div> 24967 24968 </div> 24969 <div 24970 id="x-product-template-14717222224235-template--24498228953451__featured_collection_PFy63t-1-18" 24971 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 24972 > 24973 <div class="hidden md:list-layout:block"> 24974 24975 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 24976 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 24977 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717222224235"> 24978 <a href="/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition" 24979 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 24980 @click='$store.xCustomerEvent.fire("product_selected", $el)' 24981 x-customer-event-data="{ 24982 "product": { 24983 "title": "We Can&#39;t Talk about That at Work! Second Edition", 24984 "listName": "Bestsellers", 24985 "sku": "14717222224235", 24986 "currencyCode": "USD", 24987 "price": 2295, 24988 "vendor": "Mary-Frances Winters" 24989 } 24990 }" 24991 > 24992 We Can't Talk about That at Work! Second Edition 24993 </a> 24994 </h3> 24995 24996 24997 24998 24999<div 25000 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 25001><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 25002 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
25002ox="0 0 512 512" xml:space="preserve"> 25003 <g> 25004 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25005 </g> 25006 </svg> 25007 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 25008 <g> 25009 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25010 </g> 25011 </svg> 25012 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 25013 <g> 25014 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25015 </g> 25016 </svg> 25017 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 25018 <g> 25019 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25020 </g> 25021 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 25022 <defs> 25023 <linearGradient id="grad"> 25024 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 25025 <stop offset="50%" stop-color="currentColor"/> 25026 </linearGradient> 25027 </defs> 25028 <g> 25029 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25030 </g> 25031 </svg> 25032 </div> 25033 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(478) 25034 </p></div> 25035 25036<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 25037 25038 25039 <div class=" price leading-none"> 25040 <div class=""> 25041 25042 <div class="hidden">2295</div><p class="price">
25043 <span>$22.95</span> 25044 </p><small class="text-[70%] hidden"> 25045 <span class="hidden">Unit price</span> 25046 <span class="up price-item price-item--last"> 25047 <span> 25048 25049 </span> 25050 <span aria-hidden="true">/</span> 25051 <span class="hidden"> per </span> 25052 <span> 25053 </span> 25054 </span> 25055 </small> 25056 25057 </div> 25058 25059</div> 25060 25061 <div class="next-price empty:hidden"></div> 25062 </div> 25063 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717222224235', [637329310059, 637336453483, 646765150571, 639249514859, 639269732715, 639249744235, 636480389483, 636473475435, 639252758891, 639270191467, 639269339499])"><div 25064 x-data='{ 25065 storeAvailabilites: {}, 25066 pickupLocation: [] 25067 }' 25068 class="mb-3" 25069 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 25070> 25071 <style data-shopify> 25072 .text-available, .text-unavailable { 25073 font-size: 0.669375rem; 25074 font-family: var(--font-body-family); 25075 } 25076 25077 @media (min-width: 768px) { 25078 .text-available, .text-unavailable { 25079 font-size: 0.74375rem; 25080 } 25081 } 25082 25083 .text-available { 25084 color: #6b762d; 25085 } 25086 25087 .dark .text-available { 25088 color: #858F4D; 25089 } 25090 25091 .text-unavailable { 25092 color: #767474; 25093 } 25094 25095 .dark .text-unavailable { 25096 color: #867F7F; 25097 } 25098 </style> 25099 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 25100 <span class="flex h-4 w-4 relative"> 25101<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 25102 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 25103 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 25104</svg> 25105 25106</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 25107 </div> 25108 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 25109 <span class="flex h-4 w-4 relative"> 25110<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 25111 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 25112 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 25113</svg> 25114 25115</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 25116 </div> 25117</div></div> 25118 </div> 25119 </div> 25120 25121 </div> 25122 25123 25124 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 25125 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523006311_we-cant-talk-about-that-at-work-second-edition'); 25126 });"></div> 25127 <div 25128 id="current-variant-template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm" 25129 class="current-variant hidden" 25130 > 25131 52108541919595 25132 </div> 25133 25134 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 25135 25136 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 25137 class="card-info bottom_atc md:list-layout:hidden hide-icon" 25138 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 25139 x-cloak 25140 > 25141 25142<form method="post" action="/cart/add" id="product-form-choose-option147172222242354018" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108541919595"> 25143 25144 25145 <button 25146 type="submit" 25147 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm" 25148 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 25149 25150 25151 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 25152 25153aria-label="Add to cart" 25154 25155 25156 >
25157 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 25158 <span class="flex items-center justify-center"> 25159 25160 25161 25162 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 25163 25164 25165 25166 </span></span> 25167 <div 25168 class="flex gap-x-2 items-center justify-center" 25169 role="alert" 25170 x-cloak 25171 x-show="errorMessage" 25172 > 25173 Sold out 25174 </div> 25175 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 25176 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 25177 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 25178 fill="currentcolor" stroke="none"> 25179 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 25180 </g> 25181 </svg> 25182 25183 </div> 25184 </button><input type="hidden" name="product-id" value="14717222224235" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 25185 </div></template> 25186 25187 25188 <template x-if="$store.xQuickView"> 25189 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 25190 25191<form method="post" action="/cart/add" id="product-form-choose-option147172222242354018" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108541919595"> 25192 25193 25194 <button 25195 type="submit" 25196 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm" 25197 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 25198 25199 25200 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 25201 25202aria-label="Add to cart" 25203 25204 25205 > 25206 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 25207 <span class="flex items-center justify-center"> 25208 25209 25210 25211 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 25212 25213 25214 25215 </span></span> 25216 <div 25217 class="flex gap-x-2 items-center justify-center" 25218 role="alert" 25219 x-cloak 25220 x-show="errorMessage" 25221 > 25222 Sold out 25223 </div> 25224 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
25224calc(50%-10px)]" x-show="loading" x-cloak> 25225 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 25226 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 25227 fill="currentcolor" stroke="none"> 25228 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 25229 </g> 25230 </svg> 25231 25232 </div> 25233 </button><button 25234 type="submit" 25235 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 25236 25237 25238 data-id="template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm" 25239 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 25240 25241aria-label="Add to cart" 25242 25243 25244 x-customer-event-data="{ 25245 "product": { 25246 "title": "We Can&#39;t Talk about That at Work! Second Edition", 25247 "listName": "Bestsellers", 25248 "sku": "14717222224235", 25249 "currencyCode": "USD", 25250 "price": 2295, 25251 "vendor": "Mary-Frances Winters" 25252 } 25253 }" 25254 > 25255 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 25256 <g> 25257 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25258 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25259 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25260 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25261 </g> 25262 </svg></span> 25263 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 25264 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 25265 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 25266 fill="currentcolor" stroke="none"> 25267 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 25268 </g> 25269 </svg> 25270 25271 </span> 25272 </button><input type="hidden" name="product-id" value="14717222224235" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 25273 </div><button 25274 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm')" 25275 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm')" 25276 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523006311_we-cant-talk-about-that-at-work-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717222224235-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 25277 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 25278 aria-label="Button quickview" 25279 x-customer-event-data="{ 25280 "product": { 25281 "title": "We Can&#39;t Talk about That at Work! Second Edition", 25282 "listName": "Bestsellers", 25283 "sku": "14717222224235", 25284 "currencyCode": "USD", 25285 "price": 2295, 25286 "vendor": "Mary-Frances Winters" 25287 } 25288 }" 25289 x-show="$store.xQuickView.enabled" 25290 >
25291 <span class="flex justify-center items-center"> 25292 25293 25294 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 25295 25296 25297 </span> 25298 </button> 25299 </div> 25300 </template> 25301 25302 </div> 25303</div> 25304 25305 25306<div 25307 25308 x-data="{ showOptions: false, options: [] }" 25309 25310 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 25311 x-slide-index="18" 25312> 25313 <div 25314 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 25315 > 25316 <style data-shopify> 25317 25318 </style> 25319 25320 <style data-shopify> 25321 25322 </style> 25323 <a 25324 25325 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 25326 25327 href="/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition" 25328 25329 x-data="{ lastWindowWidth: 0 }" 25330 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 25331 x-labels-data="[{ 25332 "variant_id": 52108541985131, 25333 "product_id": 14717222158699, 25334 "available": true, 25335 "title": "Subtle Acts of Exclusion, Second Edition", 25336 "compare_at_price": 0, 25337 "price": 1995, 25338 "price_with_currency": "$19.95", 25339 "sale_amount": "$-19.95", 25340 "collections": "||637336453483||646765150571||639249514859||639269732715||643824779627||636480389483||636473475435||639270191467||639269339499||", 25341 "inventory_management": "shopify", 25342 "qty": 527, 25343 "container": "card", 25344 "can_show_preorder": false, 25345 "diff_day_create": 481.29, 25346 "diff_day_publish": 481.29 25347 25348 ,"metafield_label": { 25349 "custom.format2":"Paperback" 25350 } 25351 25352 }]" 25353 25354 aria-label="Subtle Acts of Exclusion, Second Edition" 25355 id="14717222158699-template--24498228953451__featured_collection_PFy63t" 25356 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 25357 <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 25358 <div
25359 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-19-18" 25360 class="block h-full" 25361 @click='$store.xCustomerEvent.fire("product_selected", $el)' 25362 x-customer-event-data="{ 25363 "product": { 25364 "title": "Subtle Acts of Exclusion, Second Edition", 25365 "listName": "Bestsellers", 25366 "sku": "14717222158699", 25367 "currencyCode": "USD", 25368 "price": 1995, 25369 "vendor": "Tiffany Jana" 25370 } 25371 }" 25372 > 25373<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 25374 > 25375 25376 <picture> 25377 <img 25378 srcset="//bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=450 450w, 25379 //bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=750 750w, 25380 //bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=900 900w, 25381 //bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=1100 1100w, 25382 //bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875 419w" 25383 src="//bkconnection.com/cdn/shop/files/9781523004348.jpg?v=1789087875&width=1500" 25384 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 25385 alt="Cover image for Subtle Acts of Exclusion, Second Edition, isbn: 9781523004348" 25386 :class="showSecond ? 'first-img' : ''" 25387 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 25388 loading="lazy" 25389 width="419" 25390 height="648" 25391 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 25392 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 25393 /> 25394 </picture> 25395 25396 </div></div> 25397 </div> 25398 25399 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 25400 x-show="$store.xQuickView" x-cloak 25401 > 25402 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 25403 class="w-full hide-icon lg:px-4" 25404 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 25405 x-cloak 25406 > 25407<form method="post" action="/cart/add" id="product-form-choose-option147172221586994019" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108541985131"> 25408 25409 25410 <button 25411 type="submit" 25412 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm" 25413 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 25414 25415 25416 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 25417 25418aria-label="Add to cart" 25419 25420 25421 >
25422 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 25423 <span class="flex items-center justify-center"> 25424 25425 25426 25427 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 25428 25429 25430 25431 </span></span> 25432 <div 25433 class="flex gap-x-2 items-center justify-center" 25434 role="alert" 25435 x-cloak 25436 x-show="errorMessage" 25437 > 25438 Sold out 25439 </div> 25440 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 25441 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 25442 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 25443 fill="currentcolor" stroke="none"> 25444 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 25445 </g> 25446 </svg> 25447 25448 </div> 25449 </button> 25450 <button 25451 type="submit" 25452 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 25453 25454 25455 data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm" 25456 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 25457 25458aria-label="Add to cart" 25459 25460 25461 x-customer-event-data="{ 25462 "product": { 25463 "title": "Subtle Acts of Exclusion, Second Edition", 25464 "listName": "Bestsellers", 25465 "sku": "14717222158699", 25466 "currencyCode": "USD", 25467 "price": 1995, 25468 "vendor": "Tiffany Jana" 25469 } 25470 }" 25471 > 25472 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 25473 <g> 25474 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25475 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25476 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25477 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25478 </g> 25479 </svg></span> 25480 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 25481 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 25482 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 25483 fill="currentcolor" stroke="none"> 25484 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 25485 </g> 25486 </svg> 25487 25488 </span> 25489 </button><input type="hidden" name="product-id" value="14717222158699" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 25490 </div> 25491 </div><div 25492 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 25493 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 25494 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 25495 > 25496 <div> 25497 <button 25498 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 25499 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm')" 25500 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm')" 25501 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 25502 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 25503 x-customer-event-data="{ 25504 "product": { 25505 "title": "Subtle Acts of Exclusion, Second Edition", 25506 "listName": "Bestsellers", 25507 "sku": "14717222158699", 25508 "currencyCode": "USD", 25509 "price": 1995, 25510 "vendor": "Tiffany Jana" 25511 } 25512 }" 25513 aria-label="Button quickview" 25514 >
25515 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 25516 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25517 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25518 </svg> 25519</span> 25520 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 25521 25522 25523 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 25524 25525 25526 </span> 25527 </button> 25528 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 25529 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 25530 aria-label="Button quickview" 25531 x-customer-event-data="{ 25532 "product": { 25533 "title": "Subtle Acts of Exclusion, Second Edition", 25534 "listName": "Bestsellers", 25535 "sku": "14717222158699", 25536 "currencyCode": "USD", 25537 "price": 1995, 25538 "vendor": "Tiffany Jana" 25539 } 25540 }" 25541 > 25542 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 25543 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25544 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25545 </svg> 25546</span> 25547 </button> 25548 </div> 25549 </div> 25550 </div> 25551 25552 </a> 25553 25554 25555 <div class="md:list-layout:hidden"> 25556 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 25557 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 25558 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717222158699"> 25559 <a href="/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition" 25560 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 25561 @click='$store.xCustomerEvent.fire("product_selected", $el)' 25562 x-customer-event-data="{ 25563 "product": { 25564 "title": "Subtle Acts of Exclusion, Second Edition", 25565 "listName": "Bestsellers", 25566 "sku": "14717222158699", 25567 "currencyCode": "USD", 25568 "price": 1995, 25569 "vendor": "Tiffany Jana" 25570 } 25571 }" 25572 > 25573 Subtle Acts of Exclusion, Second Edition 25574 </a> 25575 </h3> 25576 25577 25578 25579 25580<div 25581 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 25582><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 25583 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
25583ox="0 0 512 512" xml:space="preserve"> 25584 <g> 25585 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25586 </g> 25587 </svg> 25588 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 25589 <g> 25590 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25591 </g> 25592 </svg> 25593 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 25594 <g> 25595 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25596 </g> 25597 </svg> 25598 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 25599 <g> 25600 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25601 </g> 25602 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 25603 <defs> 25604 <linearGradient id="grad"> 25605 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 25606 <stop offset="50%" stop-color="currentColor"/> 25607 </linearGradient> 25608 </defs> 25609 <g> 25610 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25611 </g> 25612 </svg> 25613 </div> 25614 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(317) 25615 </p></div> 25616 25617<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 25618 25619 25620 <div class=" price leading-none"> 25621 <div class=""> 25622 25623 <div class="hidden">1995</div><p class="price">
25624 <span>$19.95</span> 25625 </p><small class="text-[70%] hidden"> 25626 <span class="hidden">Unit price</span> 25627 <span class="up price-item price-item--last"> 25628 <span> 25629 25630 </span> 25631 <span aria-hidden="true">/</span> 25632 <span class="hidden"> per </span> 25633 <span> 25634 </span> 25635 </span> 25636 </small> 25637 25638 </div> 25639 25640</div> 25641 25642 <div class="next-price empty:hidden"></div> 25643 </div> 25644 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717222158699', [637336453483, 646765150571, 639249514859, 639269732715, 643824779627, 636480389483, 636473475435, 639270191467, 639269339499])"><div 25645 x-data='{ 25646 storeAvailabilites: {}, 25647 pickupLocation: [] 25648 }' 25649 class="mb-3" 25650 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 25651> 25652 <style data-shopify> 25653 .text-available, .text-unavailable { 25654 font-size: 0.669375rem; 25655 font-family: var(--font-body-family); 25656 } 25657 25658 @media (min-width: 768px) { 25659 .text-available, .text-unavailable { 25660 font-size: 0.74375rem; 25661 } 25662 } 25663 25664 .text-available { 25665 color: #6b762d; 25666 } 25667 25668 .dark .text-available { 25669 color: #858F4D; 25670 } 25671 25672 .text-unavailable { 25673 color: #767474; 25674 } 25675 25676 .dark .text-unavailable { 25677 color: #867F7F; 25678 } 25679 </style> 25680 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 25681 <span class="flex h-4 w-4 relative"> 25682<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 25683 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 25684 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 25685</svg> 25686 25687</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 25688 </div> 25689 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 25690 <span class="flex h-4 w-4 relative"> 25691<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 25692 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 25693 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 25694</svg> 25695 25696</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 25697 </div> 25698</div></div> 25699 </div> 25700 </div> 25701 </div> 25702 25703 </div> 25704 <div 25705 id="x-product-template-14717222158699-template--24498228953451__featured_collection_PFy63t-1-19" 25706 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 25707 > 25708 <div class="hidden md:list-layout:block"> 25709 25710 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 25711 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 25712 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717222158699"> 25713 <a href="/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition" 25714 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 25715 @click='$store.xCustomerEvent.fire("product_selected", $el)' 25716 x-customer-event-data="{ 25717 "product": { 25718 "title": "Subtle Acts of Exclusion, Second Edition", 25719 "listName": "Bestsellers", 25720 "sku": "14717222158699", 25721 "currencyCode": "USD", 25722 "price": 1995, 25723 "vendor": "Tiffany Jana" 25724 } 25725 }" 25726 > 25727 Subtle Acts of Exclusion, Second Edition 25728 </a> 25729 </h3> 25730 25731 25732 25733 25734<div 25735 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 25736><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 25737 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
25737ox="0 0 512 512" xml:space="preserve"> 25738 <g> 25739 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25740 </g> 25741 </svg> 25742 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 25743 <g> 25744 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25745 </g> 25746 </svg> 25747 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 25748 <g> 25749 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25750 </g> 25751 </svg> 25752 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 25753 <g> 25754 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25755 </g> 25756 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 25757 <defs> 25758 <linearGradient id="grad"> 25759 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 25760 <stop offset="50%" stop-color="currentColor"/> 25761 </linearGradient> 25762 </defs> 25763 <g> 25764 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 25765 </g> 25766 </svg> 25767 </div> 25768 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(317) 25769 </p></div> 25770 25771<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 25772 25773 25774 <div class=" price leading-none"> 25775 <div class=""> 25776 25777 <div class="hidden">1995</div><p class="price">
25778 <span>$19.95</span> 25779 </p><small class="text-[70%] hidden"> 25780 <span class="hidden">Unit price</span> 25781 <span class="up price-item price-item--last"> 25782 <span> 25783 25784 </span> 25785 <span aria-hidden="true">/</span> 25786 <span class="hidden"> per </span> 25787 <span> 25788 </span> 25789 </span> 25790 </small> 25791 25792 </div> 25793 25794</div> 25795 25796 <div class="next-price empty:hidden"></div> 25797 </div> 25798 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717222158699', [637336453483, 646765150571, 639249514859, 639269732715, 643824779627, 636480389483, 636473475435, 639270191467, 639269339499])"><div 25799 x-data='{ 25800 storeAvailabilites: {}, 25801 pickupLocation: [] 25802 }' 25803 class="mb-3" 25804 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 25805> 25806 <style data-shopify> 25807 .text-available, .text-unavailable { 25808 font-size: 0.669375rem; 25809 font-family: var(--font-body-family); 25810 } 25811 25812 @media (min-width: 768px) { 25813 .text-available, .text-unavailable { 25814 font-size: 0.74375rem; 25815 } 25816 } 25817 25818 .text-available { 25819 color: #6b762d; 25820 } 25821 25822 .dark .text-available { 25823 color: #858F4D; 25824 } 25825 25826 .text-unavailable { 25827 color: #767474; 25828 } 25829 25830 .dark .text-unavailable { 25831 color: #867F7F; 25832 } 25833 </style> 25834 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 25835 <span class="flex h-4 w-4 relative"> 25836<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 25837 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 25838 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 25839</svg> 25840 25841</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 25842 </div> 25843 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 25844 <span class="flex h-4 w-4 relative"> 25845<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 25846 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 25847 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 25848</svg> 25849 25850</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 25851 </div> 25852</div></div> 25853 </div> 25854 </div> 25855 25856 </div> 25857 25858 25859 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 25860 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523004348_subtle-acts-of-exclusion-second-edition'); 25861 });"></div> 25862 <div 25863 id="current-variant-template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm" 25864 class="current-variant hidden" 25865 > 25866 52108541985131 25867 </div> 25868 25869 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 25870 25871 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 25872 class="card-info bottom_atc md:list-layout:hidden hide-icon" 25873 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 25874 x-cloak 25875 > 25876 25877<form method="post" action="/cart/add" id="product-form-choose-option147172221586994019" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108541985131"> 25878 25879 25880 <button 25881 type="submit" 25882 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm" 25883 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 25884 25885 25886 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 25887 25888aria-label="Add to cart" 25889 25890 25891 >
25892 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 25893 <span class="flex items-center justify-center"> 25894 25895 25896 25897 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 25898 25899 25900 25901 </span></span> 25902 <div 25903 class="flex gap-x-2 items-center justify-center" 25904 role="alert" 25905 x-cloak 25906 x-show="errorMessage" 25907 > 25908 Sold out 25909 </div> 25910 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 25911 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 25912 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 25913 fill="currentcolor" stroke="none"> 25914 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 25915 </g> 25916 </svg> 25917 25918 </div> 25919 </button><input type="hidden" name="product-id" value="14717222158699" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 25920 </div></template> 25921 25922 25923 <template x-if="$store.xQuickView"> 25924 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 25925 25926<form method="post" action="/cart/add" id="product-form-choose-option147172221586994019" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108541985131"> 25927 25928 25929 <button 25930 type="submit" 25931 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm" 25932 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 25933 25934 25935 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 25936 25937aria-label="Add to cart" 25938 25939 25940 > 25941 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 25942 <span class="flex items-center justify-center"> 25943 25944 25945 25946 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 25947 25948 25949 25950 </span></span> 25951 <div 25952 class="flex gap-x-2 items-center justify-center" 25953 role="alert" 25954 x-cloak 25955 x-show="errorMessage" 25956 > 25957 Sold out 25958 </div> 25959 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
25959calc(50%-10px)]" x-show="loading" x-cloak> 25960 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 25961 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 25962 fill="currentcolor" stroke="none"> 25963 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 25964 </g> 25965 </svg> 25966 25967 </div> 25968 </button><button 25969 type="submit" 25970 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 25971 25972 25973 data-id="template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm" 25974 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 25975 25976aria-label="Add to cart" 25977 25978 25979 x-customer-event-data="{ 25980 "product": { 25981 "title": "Subtle Acts of Exclusion, Second Edition", 25982 "listName": "Bestsellers", 25983 "sku": "14717222158699", 25984 "currencyCode": "USD", 25985 "price": 1995, 25986 "vendor": "Tiffany Jana" 25987 } 25988 }" 25989 > 25990 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 25991 <g> 25992 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25993 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25994 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25995 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 25996 </g> 25997 </svg></span> 25998 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 25999 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 26000 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 26001 fill="currentcolor" stroke="none"> 26002 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 26003 </g> 26004 </svg> 26005 26006 </span> 26007 </button><input type="hidden" name="product-id" value="14717222158699" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 26008 </div><button 26009 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm')" 26010 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm')" 26011 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523004348_subtle-acts-of-exclusion-second-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717222158699-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 26012 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 26013 aria-label="Button quickview" 26014 x-customer-event-data="{ 26015 "product": { 26016 "title": "Subtle Acts of Exclusion, Second Edition", 26017 "listName": "Bestsellers", 26018 "sku": "14717222158699", 26019 "currencyCode": "USD", 26020 "price": 1995, 26021 "vendor": "Tiffany Jana" 26022 } 26023 }" 26024 x-show="$store.xQuickView.enabled" 26025 >
26026 <span class="flex justify-center items-center"> 26027 26028 26029 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 26030 26031 26032 </span> 26033 </button> 26034 </div> 26035 </template> 26036 26037 </div> 26038</div> 26039 26040 26041<div 26042 26043 x-data="{ showOptions: false, options: [] }" 26044 26045 class="card-product overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t preload-slide-mobile--collection_hxQeQmtemplate--24498228953451__featured_collection_PFy63t rounded-[10px]" 26046 x-slide-index="19" 26047> 26048 <div 26049 class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-7" 26050 > 26051 <style data-shopify> 26052 26053 </style> 26054 26055 <style data-shopify> 26056 26057 </style> 26058 <a 26059 26060 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')" 26061 26062 href="/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition" 26063 26064 x-data="{ lastWindowWidth: 0 }" 26065 x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })' 26066 x-labels-data="[{ 26067 "variant_id": 52108541722987, 26068 "product_id": 14717221962091, 26069 "available": true, 26070 "title": "Confessions of an Economic Hit Man, 3rd Edition", 26071 "compare_at_price": 0, 26072 "price": 2395, 26073 "price_with_currency": "$23.95", 26074 "sale_amount": "$-23.95", 26075 "collections": "||637336453483||639249514859||643824812395||637337043307||642721775979||636480389483||636473475435||", 26076 "inventory_management": "shopify", 26077 "qty": 5246, 26078 "container": "card", 26079 "can_show_preorder": false, 26080 "diff_day_create": 481.29, 26081 "diff_day_publish": 481.29 26082 26083 ,"metafield_label": { 26084 "custom.format2":"Paperback" 26085 } 26086 26087 }]" 26088 26089 aria-label="Confessions of an Economic Hit Man, 3rd Edition" 26090 id="14717221962091-template--24498228953451__featured_collection_PFy63t" 26091 class="ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[150%]"> 26092 <div x-data="xDoubleTouch('/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition')" class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image"> 26093 <div
26094 id="x-slideshow-card-product-template--24498228953451__featured_collection_PFy63t-1-20-19" 26095 class="block h-full" 26096 @click='$store.xCustomerEvent.fire("product_selected", $el)' 26097 x-customer-event-data="{ 26098 "product": { 26099 "title": "Confessions of an Economic Hit Man, 3rd Edition", 26100 "listName": "Bestsellers", 26101 "sku": "14717221962091", 26102 "currencyCode": "USD", 26103 "price": 2395, 26104 "vendor": "John Perkins" 26105 } 26106 }" 26107 > 26108<div class="w-full z-0 h-full min-h-full top-0 left-0 absolute" 26109 > 26110 26111 <picture> 26112 <img 26113 srcset="//bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=450 450w, 26114 //bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=750 750w, 26115 //bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=900 900w, 26116 //bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=1100 1100w, 26117 //bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=1500 1500w,//bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874 418w" 26118 src="//bkconnection.com/cdn/shop/files/9781523001897.jpg?v=1789087874&width=1500" 26119 sizes="(min-width: 1200px) 260px, (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc(100vw /2)" 26120 alt="Cover image for Confessions of an Economic Hit Man, 3rd Edition, isbn: 9781523001897" 26121 :class="showSecond ? 'first-img' : ''" 26122 class="w-full preview-img motion-reduce aspect-portrait relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image" 26123 loading="lazy" 26124 width="418" 26125 height="648" 26126 onload="this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 26127 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);" 26128 /> 26129 </picture> 26130 26131 </div></div> 26132 </div> 26133 26134 <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 26135 x-show="$store.xQuickView" x-cloak 26136 > 26137 <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button" 26138 class="w-full hide-icon lg:px-4" 26139 :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }" 26140 x-cloak 26141 > 26142<form method="post" action="/cart/add" id="product-form-choose-option147172219620914020" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108541722987"> 26143 26144 26145 <button 26146 type="submit" 26147 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm" 26148 class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 26149 26150 26151 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 26152 26153aria-label="Add to cart" 26154 26155 26156 >
26157 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 26158 <span class="flex items-center justify-center"> 26159 26160 26161 26162 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 26163 26164 26165 26166 </span></span> 26167 <div 26168 class="flex gap-x-2 items-center justify-center" 26169 role="alert" 26170 x-cloak 26171 x-show="errorMessage" 26172 > 26173 Sold out 26174 </div> 26175 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 26176 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 26177 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 26178 fill="currentcolor" stroke="none"> 26179 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 26180 </g> 26181 </svg> 26182 26183 </div> 26184 </button> 26185 <button 26186 type="submit" 26187 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 26188 26189 26190 data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm" 26191 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 26192 26193aria-label="Add to cart" 26194 26195 26196 x-customer-event-data="{ 26197 "product": { 26198 "title": "Confessions of an Economic Hit Man, 3rd Edition", 26199 "listName": "Bestsellers", 26200 "sku": "14717221962091", 26201 "currencyCode": "USD", 26202 "price": 2395, 26203 "vendor": "John Perkins" 26204 } 26205 }" 26206 > 26207 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 26208 <g> 26209 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 26210 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 26211 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 26212 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 26213 </g> 26214 </svg></span> 26215 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 26216 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 26217 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 26218 fill="currentcolor" stroke="none"> 26219 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 26220 </g> 26221 </svg> 26222 26223 </span> 26224 </button><input type="hidden" name="product-id" value="14717221962091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 26225 </div> 26226 </div><div 26227 class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0" 26228 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd bottom-11 md:bottom-12 right-2 lg:top-2 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'" 26229 x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak 26230 > 26231 <div> 26232 <button 26233 @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 26234 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm')" 26235 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm')" 26236 class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full" 26237 :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'p-1.5 md:p-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'" 26238 x-customer-event-data="{ 26239 "product": { 26240 "title": "Confessions of an Economic Hit Man, 3rd Edition", 26241 "listName": "Bestsellers", 26242 "sku": "14717221962091", 26243 "currencyCode": "USD", 26244 "price": 2395, 26245 "vendor": "John Perkins" 26246 } 26247 }" 26248 aria-label="Button quickview" 26249 >
26250 <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 26251 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 26252 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 26253 </svg> 26254</span> 26255 <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center"> 26256 26257 26258 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 26259 26260 26261 </span> 26262 </button> 26263 <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 26264 class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-2" 26265 aria-label="Button quickview" 26266 x-customer-event-data="{ 26267 "product": { 26268 "title": "Confessions of an Economic Hit Man, 3rd Edition", 26269 "listName": "Bestsellers", 26270 "sku": "14717221962091", 26271 "currencyCode": "USD", 26272 "price": 2395, 26273 "vendor": "John Perkins" 26274 } 26275 }" 26276 > 26277 <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none" style="fill:none;"> 26278 <path d="M7.67451 13.8502C11.0849 13.8502 13.8496 11.0855 13.8496 7.67508C13.8496 4.26468 11.0849 1.5 7.67451 1.5C4.2641 1.5 1.49942 4.26468 1.49942 7.67508C1.49942 11.0855 4.2641 13.8502 7.67451 13.8502Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 26279 <path d="M14.5003 14.5L13.2003 13.2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 26280 </svg> 26281</span> 26282 </button> 26283 </div> 26284 </div> 26285 </div> 26286 26287 </a> 26288 26289 26290 <div class="md:list-layout:hidden"> 26291 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 26292 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 26293 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717221962091"> 26294 <a href="/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition" 26295 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 26296 @click='$store.xCustomerEvent.fire("product_selected", $el)' 26297 x-customer-event-data="{ 26298 "product": { 26299 "title": "Confessions of an Economic Hit Man, 3rd Edition", 26300 "listName": "Bestsellers", 26301 "sku": "14717221962091", 26302 "currencyCode": "USD", 26303 "price": 2395, 26304 "vendor": "John Perkins" 26305 } 26306 }" 26307 > 26308 Confessions of an Economic Hit Man, 3rd Edition 26309 </a> 26310 </h3> 26311 26312 26313 26314 26315<div 26316 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 26317><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 26318 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
26318ox="0 0 512 512" xml:space="preserve"> 26319 <g> 26320 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 26321 </g> 26322 </svg> 26323 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 26324 <g> 26325 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 26326 </g> 26327 </svg> 26328 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 26329 <g> 26330 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 26331 </g> 26332 </svg> 26333 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 26334 <g> 26335 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 26336 </g> 26337 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 26338 <defs> 26339 <linearGradient id="grad"> 26340 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 26341 <stop offset="50%" stop-color="currentColor"/> 26342 </linearGradient> 26343 </defs> 26344 <g> 26345 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 26346 </g> 26347 </svg> 26348 </div> 26349 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(838) 26350 </p></div> 26351 26352<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 26353 26354 26355 <div class=" price leading-none"> 26356 <div class=""> 26357 26358 <div class="hidden">2395</div><p class="price">
26359 <span>$23.95</span> 26360 </p><small class="text-[70%] hidden"> 26361 <span class="hidden">Unit price</span> 26362 <span class="up price-item price-item--last"> 26363 <span> 26364 26365 </span> 26366 <span aria-hidden="true">/</span> 26367 <span class="hidden"> per </span> 26368 <span> 26369 </span> 26370 </span> 26371 </small> 26372 26373 </div> 26374 26375</div> 26376 26377 <div class="next-price empty:hidden"></div> 26378 </div> 26379 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717221962091', [637336453483, 639249514859, 643824812395, 637337043307, 642721775979, 636480389483, 636473475435])"><div 26380 x-data='{ 26381 storeAvailabilites: {}, 26382 pickupLocation: [] 26383 }' 26384 class="mb-3" 26385 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 26386> 26387 <style data-shopify> 26388 .text-available, .text-unavailable { 26389 font-size: 0.669375rem; 26390 font-family: var(--font-body-family); 26391 } 26392 26393 @media (min-width: 768px) { 26394 .text-available, .text-unavailable { 26395 font-size: 0.74375rem; 26396 } 26397 } 26398 26399 .text-available { 26400 color: #6b762d; 26401 } 26402 26403 .dark .text-available { 26404 color: #858F4D; 26405 } 26406 26407 .text-unavailable { 26408 color: #767474; 26409 } 26410 26411 .dark .text-unavailable { 26412 color: #867F7F; 26413 } 26414 </style> 26415 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 26416 <span class="flex h-4 w-4 relative"> 26417<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 26418 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 26419 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 26420</svg> 26421 26422</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 26423 </div> 26424 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 26425 <span class="flex h-4 w-4 relative"> 26426<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 26427 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 26428 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 26429</svg> 26430 26431</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 26432 </div> 26433</div></div> 26434 </div> 26435 </div> 26436 </div> 26437 26438 </div> 26439 <div 26440 id="x-product-template-14717221962091-template--24498228953451__featured_collection_PFy63t-1-20" 26441 class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:p-5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center" 26442 > 26443 <div class="hidden md:list-layout:block"> 26444 26445 <div class="card-info pt-5 md:list-layout:pt-0 md:list-layout:lg:pt-0"> 26446 <div class="no-collage:mb-2 text-center md:list-layout:text-left"> 26447 <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-3 leading-tight" id="title-template--24498228953451__featured_collection_PFy63t-14717221962091"> 26448 <a href="/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition" 26449 class="x-card-title full-unstyled-link link-product-variant text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words" 26450 @click='$store.xCustomerEvent.fire("product_selected", $el)' 26451 x-customer-event-data="{ 26452 "product": { 26453 "title": "Confessions of an Economic Hit Man, 3rd Edition", 26454 "listName": "Bestsellers", 26455 "sku": "14717221962091", 26456 "currencyCode": "USD", 26457 "price": 2395, 26458 "vendor": "John Perkins" 26459 } 26460 }" 26461 > 26462 Confessions of an Economic Hit Man, 3rd Edition 26463 </a> 26464 </h3> 26465 26466 26467 26468 26469<div 26470 class="x-review-product other flex w-full items-center justify-center ltr mb-4 md:list-layout:justify-start" 26471><div class="rating gap-1 flex leading-tight" role="img" aria-label="4.6 out of 5.0 stars"> 26472 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
26472ox="0 0 512 512" xml:space="preserve"> 26473 <g> 26474 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 26475 </g> 26476 </svg> 26477 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 26478 <g> 26479 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 26480 </g> 26481 </svg> 26482 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 26483 <g> 26484 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 26485 </g> 26486 </svg> 26487 <svg class="fill-[rgba(var(--colors-icon-rating))] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> 26488 <g> 26489 <path d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 26490 </g> 26491 </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class=" text-[rgb(var(--colors-text),0.3)] w-[var(--rating-star-size)] h-[var(--rating-star-size)]" stroke="currentColor" stroke-width="2"> 26492 <defs> 26493 <linearGradient id="grad"> 26494 <stop offset="50%" style="stop-color: rgba(var(--colors-icon-rating));"/> 26495 <stop offset="50%" stop-color="currentColor"/> 26496 </linearGradient> 26497 </defs> 26498 <g> 26499 <path fill="url(#grad)" d="M510.549,196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686l-52.09-138.642 C279.37,18.739,268.329,11.089,256,11.089c-12.329,0-23.37,7.65-27.704,19.187l-52.089,138.642l-147.935,6.686 c-12.321,0.552-23.008,8.694-26.821,20.42c-3.812,11.726,0.052,24.598,9.689,32.283l115.756,92.368L87.542,463.453 c-3.27,11.889,1.155,24.554,11.136,31.808c9.985,7.246,23.404,7.548,33.704,0.758L256,414.473l123.617,81.547 c10.3,6.789,23.719,6.487,33.704-0.758c9.982-7.245,14.405-19.92,11.131-31.808l-39.347-142.779l115.756-92.368 C510.498,220.621,514.362,207.749,510.549,196.024z"/> 26500 </g> 26501 </svg> 26502 </div> 26503 <p class="rating-count leading-none caption ml-1 text-[0.7rem]">(838) 26504 </p></div> 26505 26506<div class="x-card-price flex items-center mb-3 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start"> 26507 26508 26509 <div class=" price leading-none"> 26510 <div class=""> 26511 26512 <div class="hidden">2395</div><p class="price">
26513 <span>$23.95</span> 26514 </p><small class="text-[70%] hidden"> 26515 <span class="hidden">Unit price</span> 26516 <span class="up price-item price-item--last"> 26517 <span> 26518 26519 </span> 26520 <span aria-hidden="true">/</span> 26521 <span class="hidden"> per </span> 26522 <span> 26523 </span> 26524 </span> 26525 </small> 26526 26527 </div> 26528 26529</div> 26530 26531 <div class="next-price empty:hidden"></div> 26532 </div> 26533 <div id="x-availability-notice-template--24498228953451__featured_collection_PFy63t" class="flex items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start" x-show="$store.xStoreSelector?.canShow('14717221962091', [637336453483, 639249514859, 643824812395, 637337043307, 642721775979, 636480389483, 636473475435])"><div 26534 x-data='{ 26535 storeAvailabilites: {}, 26536 pickupLocation: [] 26537 }' 26538 class="mb-3" 26539 x-show="$store.xStoreSelector?.selectedStore && pickupLocation.includes($store.xStoreSelector?.getStore())" 26540> 26541 <style data-shopify> 26542 .text-available, .text-unavailable { 26543 font-size: 0.669375rem; 26544 font-family: var(--font-body-family); 26545 } 26546 26547 @media (min-width: 768px) { 26548 .text-available, .text-unavailable { 26549 font-size: 0.74375rem; 26550 } 26551 } 26552 26553 .text-available { 26554 color: #6b762d; 26555 } 26556 26557 .dark .text-available { 26558 color: #858F4D; 26559 } 26560 26561 .text-unavailable { 26562 color: #767474; 26563 } 26564 26565 .dark .text-unavailable { 26566 color: #867F7F; 26567 } 26568 </style> 26569 <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-available flex flex-row items-center gap-[3px]"> 26570 <span class="flex h-4 w-4 relative"> 26571<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 26572 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 26573 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 26574</svg> 26575 26576</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span> 26577 </div> 26578 <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(storeAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]"> 26579 <span class="flex h-4 w-4 relative"> 26580<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 26581 <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/> 26582 <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/> 26583</svg> 26584 26585</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span> 26586 </div> 26587</div></div> 26588 </div> 26589 </div> 26590 26591 </div> 26592 26593 26594 <div @init-run="document.addEventListener('eurus:cart:items-changed', () => { 26595 Alpine.store('xUpdateVariantQuanity').updateQuantity('template--24498228953451__featured_collection_PFy63t', '/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition'); 26596 });"></div> 26597 <div 26598 id="current-variant-template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm" 26599 class="current-variant hidden" 26600 > 26601 52108541722987 26602 </div> 26603 26604 <div class="bottom-card card-info ltr flex flex-wrap justify-center gap-1 empty:hidden"></div> 26605 26606 <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 26607 class="card-info bottom_atc md:list-layout:hidden hide-icon" 26608 :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}" 26609 x-cloak 26610 > 26611 26612<form method="post" action="/cart/add" id="product-form-choose-option147172219620914020" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108541722987"> 26613 26614 26615 <button 26616 type="submit" 26617 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm" 26618 class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 py-2.5 lg:py-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60" 26619 26620 26621 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 26622 26623aria-label="Add to cart" 26624 26625 26626 >
26627 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 26628 <span class="flex items-center justify-center"> 26629 26630 26631 26632 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 26633 26634 26635 26636 </span></span> 26637 <div 26638 class="flex gap-x-2 items-center justify-center" 26639 role="alert" 26640 x-cloak 26641 x-show="errorMessage" 26642 > 26643 Sold out 26644 </div> 26645 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak> 26646 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 26647 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 26648 fill="currentcolor" stroke="none"> 26649 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 26650 </g> 26651 </svg> 26652 26653 </div> 26654 </button><input type="hidden" name="product-id" value="14717221962091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 26655 </div></template> 26656 26657 26658 <template x-if="$store.xQuickView"> 26659 <div class="hidden md:list-layout:flex gap-3 mt-5 md:mt-7" x-show="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button" :class="$store.xQuickView.show_atc_button && ''"> 26660 26661<form method="post" action="/cart/add" id="product-form-choose-option147172219620914020" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="52108541722987"> 26662 26663 26664 <button 26665 type="submit" 26666 name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm" 26667 class="button button--quickview button-solid not-icon leading-normal w-full py-2.5 pl-5 pr-5 lg:py-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disabled:opacity-60 hidden lg:block" 26668 26669 26670 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 26671 26672aria-label="Add to cart" 26673 26674 26675 > 26676 <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}"> 26677 <span class="flex items-center justify-center"> 26678 26679 26680 26681 <span class="button-text is-focus-button:opacity-0">Add to cart</span> 26682 26683 26684 26685 </span></span> 26686 <div 26687 class="flex gap-x-2 items-center justify-center" 26688 role="alert" 26689 x-cloak 26690 x-show="errorMessage" 26691 > 26692 Sold out 26693 </div> 26694 <div class="lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[
26694calc(50%-10px)]" x-show="loading" x-cloak> 26695 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 26696 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 26697 fill="currentcolor" stroke="none"> 26698 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 26699 </g> 26700 </svg> 26701 26702 </div> 26703 </button><button 26704 type="submit" 26705 name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full p-[6px] disabled:cursor-not-allowed disabled:opacity-60" 26706 26707 26708 data-id="template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm" 26709 :class="errorMessage && 'opacity-60 cursor-not-allowed'" 26710 26711aria-label="Add to cart" 26712 26713 26714 x-customer-event-data="{ 26715 "product": { 26716 "title": "Confessions of an Economic Hit Man, 3rd Edition", 26717 "listName": "Bestsellers", 26718 "sku": "14717221962091", 26719 "currencyCode": "USD", 26720 "price": 2395, 26721 "vendor": "John Perkins" 26722 } 26723 }" 26724 > 26725 <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" style="fill:none;"> 26726 <g> 26727 <path d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25ZM4.537 3.25L4.00262 1.46875" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 26728 <path d="M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 26729 <path d="M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 26730 <path d="M1.44977 1.35001H3.34977" stroke="currentcolor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 26731 </g> 26732 </svg></span> 26733 <span class="block w-5 h-5 animate-spin" x-show="loading" x-cloak> 26734 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> 26735 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 26736 fill="currentcolor" stroke="none"> 26737 <path d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 26738 </g> 26739 </svg> 26740 26741 </span> 26742 </button><input type="hidden" name="product-id" value="14717221962091" /><input type="hidden" name="section-id" value="template--24498228953451__featured_collection_PFy63t" /></form> 26743 </div><button 26744 x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm')" 26745 x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition', $el, 'template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm')" 26746 @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/bestsellers/products/9781523001897_confessions-of-an-economic-hit-man-3rd-edition", $el, "template--24498228953451__featured_collection_PFy63t-14717221962091-collection_hxQeQm") && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 26747 class="button label-btn-quickview button-solid button--quickview leading-normal none_border pt-2 pl-5 pb-2 pr-5 lg:pt-3 lg:pb-3" 26748 aria-label="Button quickview" 26749 x-customer-event-data="{ 26750 "product": { 26751 "title": "Confessions of an Economic Hit Man, 3rd Edition", 26752 "listName": "Bestsellers", 26753 "sku": "14717221962091", 26754 "currencyCode": "USD", 26755 "price": 2395, 26756 "vendor": "John Perkins" 26757 } 26758 }" 26759 x-show="$store.xQuickView.enabled" 26760 >
26761 <span class="flex justify-center items-center"> 26762 26763 26764 <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span> 26765 26766 26767 </span> 26768 </button> 26769 </div> 26770 </template> 26771 26772 </div> 26773</div> 26774</div> 26775 </div> 26776 26777 <div class="splide__arrows flex items-center justify-center"> 26778 <button 26779 class="splide__arrow splide__arrow--prev button-arrow p-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:-rotate-90 rotate-90 opacity-100 disabled:cursor-not-allowed disabled:opacity-30 block md:block md:absolute md:top-1/2 md:-mt-6 rtl:md:left-auto rtl:md:right-0 md:left-0 md:duration-200 md:opacity-60 hover:opacity-100 md:transition-all md:ease-in-out md:-translate-x-full rtl:md:translate-x-full" 26780 aria-label="previous slide" 26781 > 26782 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 26783 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 26784 </svg> 26785 26786 </button> 26787 <button 26788 class="splide__arrow splide__arrow--next button-arrow p-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:rotate-90 -rotate-90 opacity-100 disabled:cursor-not-allowed disabled:opacity-30 block md:block md:absolute md:top-1/2 md:-mt-6 rtl:md:right-auto rtl:md:left-0 md:right-0 md:duration-200 md:opacity-60 hover:opacity-100 md:transition-all md:ease-in-out md:translate-x-full rtl:md:-translate-x-full" 26789 aria-label="next slide" 26790 > 26791 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 26792 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 26793 </svg> 26794 26795 </button> 26796 </div> 26797 26798<div class=" md:flex items-center hidden gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto"> 26799 <div class="splide-progress inline-block grow rounded-md"> 26800 <style data-shopify>.splide-progress-bar-template--24498228953451__featured_collection_PFy63t-collection_hxQeQm { 26801 width: 10.0%; 26802 } 26803 @media (min-width: 768px) { 26804 .splide-progress-bar-template--24498228953451__featured_collection_PFy63t-collection_hxQeQm { 26805 width: 25.0%; 26806 } 26807 }</style><div class="splide-progress-bar-template--24498228953451__featured_collection_PFy63t-collection_hxQeQm splide-progress-bar rounded-md"></div> 26808 </div> 26809 </div></div> 26810 </div> 26811 </div> 26812 </div> 26813 </div> 26814 </div> 26815</div>
26816<script src="//bkconnection.com/cdn/shop/t/4/assets/preview-color-swatches.js?v=124028182148704388941747335364" defer></script>
26816 26817</div></div>
26818<script src="//bkconnection.com/cdn/shop/t/4/assets/featured-collection.js?v=168062212644831816131747335364" defer></script>
26818 26819 26820 26821</section><section id="shopify-section-template--24498228953451__collection_list_carousel_XkJ98q" class="shopify-section section section-collection-list-carousel x-section"><style data-shopify>.heading-template--24498228953451__collection_list_carousel_XkJ98q { 26822 font-size: 1.35rem; 26823 } 26824 .gap-mobile-template--24498228953451__collection_list_carousel_XkJ98q { 26825 gap: 5px; 26826 } 26827 #shopify-section-template--24498228953451__collection_list_carousel_XkJ98q{ 26828 background: ; 26829 } 26830 .dark #shopify-section-template--24498228953451__collection_list_carousel_XkJ98q{ 26831 26832 background: transparent; 26833 26834 } 26835 @media screen and (min-width: 768px) { 26836 .gap-template--24498228953451__collection_list_carousel_XkJ98q { 26837 26838 gap: 0px; 26839 26840 } 26841 .heading-template--24498228953451__collection_list_carousel_XkJ98q{ font-size: 2.25rem; } 26842 } 26843 26844 @media (min-width: 1024px){ 26845 .preload-slide--template--24498228953451__collection_list_carousel_XkJ98q { 26846 margin-right: 4px; 26847 width: calc(((100% + 4px) / 3) - 4px); 26848 } 26849 } 26850 26851 26852 @media (max-width: 1023px) { 26853 .preload-slide--template--24498228953451__collection_list_carousel_XkJ98q { 26854 margin-right: 5px; 26855 width: calc(((100% + 5px) / 2) - 5px); 26856 } 26857 } 26858 @media (max-width: 767px) { 26859 .preload-slide--template--24498228953451__collection_list_carousel_XkJ98q { 26860 margin-right: 5px; 26861 width: calc(((100% + 5px) / 2) - 5px); 26862 } 26863 } 26864 26865</style> 26866 26867 <div class="x-container-collection-list-carousel ltr pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px]"> 26868 <div class="flex flex-col md:items-center md:flex-row md:justify-end w-full mx-auto pl-0 pr-0 md:pl-5 md:pr-5 full-width" 26869 > 26870 26871 <div class="card-title relative md:w-1/2 lg:w-5/12 rounded-[10px] pl-5 pr-5 md:pl-0 md:pr-0"> 26872 26873 26874 26875<style data-shopify>.text-color-promotion-template--24498228953451__collection_list_carousel_XkJ98q { 26876 color: ; 26877 --colors-text: , , ; 26878 --colors-heading: , , ; 26879 }.title-color-promotion-template--24498228953451__collection_list_carousel_XkJ98q { 26880 color: ; 26881 --colors-heading: , , ; 26882 }.text-promotion-template--24498228953451__collection_list_carousel_XkJ98q { 26883 font-size: 0.0rem; 26884 } 26885 .sub-heading-promotion-template--24498228953451__collection_list_carousel_XkJ98q { 26886 font-size: 0.0rem; 26887 } 26888 .heading-promotion-template--24498228953451__collection_list_carousel_XkJ98q { 26889 font-size: 0.0rem; 26890 } 26891 @media (min-width: 768px) { 26892 .sub-heading-promotion-template--24498228953451__collection_list_carousel_XkJ98q { 26893 font-size: 0.0rem; 26894 } 26895 .heading-promotion-template--24498228953451__collection_list_carousel_XkJ98q { 26896 font-size: 0.0rem; 26897 } 26898 .text-promotion-template--24498228953451__collection_list_carousel_XkJ98q { 26899 font-size: 0.0rem; 26900 } 26901 }.background-color-promotion-template--24498228953451__collection_list_carousel_XkJ98q { 26902 background: ; 26903 }.button--promotion-template--24498228953451__collection_list_carousel_XkJ98q.button-outline {--colors-secondary-button: , , ; 26904 --colors-line-secondary-button: , , ; 26905 --background-secondary-button: transparent;--background-secondary-button: , , ; 26906 --colors-line-secondary-button: , , ;} 26907 26908</style><div 26909 26910 class="w-full relative z-0 before:h-0 before:block pb-[100%] rounded-[10px] overflow-hidden" 26911 26912 > 26913 26914 26915 26916 <div class="hidden"> 26917 <img src="//bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=3840" alt="" srcset="//bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=225 225w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=375 375w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=450 450w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=750 750w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=900 900w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1100 1100w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1500 1500w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1780 1780w, //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=2000 2000w" width="3840" height="2560" loading="eager"> 26918 </div> 26919 26920 26921 26922 <div 26923 class="animate_transition_card__image animate-Xpulse skeleton-image w-full h-full top-0 left-0 overflow-hidden absolute md:absolute rounded-[10px]" 26924 > 26925 26926 <img 26927 srcset="//bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=225 225w, 26928 //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=375 375w, 26929 //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=450 450w, 26930 //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=750 750w, 26931 //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=900 900w, 26932 //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1100 1100w, 26933 //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1500 1500w, 26934 //bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1780 1780w" 26935 src="//bkconnection.com/cdn/shop/files/man-woman-reading.jpg?v=1753205068&width=1780" 26936 26937 loading="eager" fetchpriority="high" decoding="sync" 26938 26939 sizes="(min-width: 1200px) calc(100vw / ), (min-width: 768px) calc((100vw - 5rem) / 2), 100vw" 26940 alt="" 26941 width="4096" 26942 height="2731.0000000000005" 26943 style="object-position: 50.0% 50.0%;" 26944 class="w-full h-full object-cover z-10 image-hover rounded-[10px]" 26945 onload="this?.classList.add('active'); 26946 this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 26947 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 26948 " 26949 /> 26950 </div> 26951 26952 <span class="absolute top-0 left-0 bottom-0 right-0 pointer-events-none image-treatment-overlay opacity-0 rounded-[10px]"></span></div> 26953 26954 26955 </div> 26956 26957 <div class="collection-list w-full pl-5 pr-5 md:w-3/4"> 26958 <div class="md:-ml-24 lg:-ml-32 mt-7 md:mt-0 mt-7 md:mt-0" 26959 > 26960 <div class="collection-list-header mb-5 lg:mb-8 xl:mb-14 text-left 26961 md:pl-5 26962 md:pr-5 26963md:ml-24 lg:ml-32 " 26964 > 26965 26966 26967<style data-shopify> 26968 .heading-template--24498228953451__collection_list_carousel_XkJ98q { 26969 26970 } 26971 .dark .heading-template--24498228953451__collection_list_carousel_XkJ98q { 26972 26973 --color-highlight: #4d6391; 26974 26975 } 26976</style> 26977 26978 26979 26980 <h2 class=' heading-template--24498228953451__collection_list_carousel_XkJ98q h2 block leading-tight flex-auto p-break-words ' 26981 > 26982 26983 26984 26985 Signature Collections 26986 26987 26988</h2> 26989<div class="rte p-break-words"><p>Explore our carefully curated collections, each designed to provide comprehensive insight into essential topics. These thoughtfully assembled groupings go beyond individual titles to create meaningful learning journeys, bringing together the most impactful voices and perspectives on subjects that matter most to today's readers and practitioners.</p></div></div> 26990 <div 26991 id="x-collection-template--24498228953451__collection_list_carousel_XkJ98q" 26992 class="overflow-hidden x-splide splide visible collection-list-wrapper" 26993 x-intersect.once.margin.200px='$store.xSplide.load($el, { 26994 "speed": 1000, 26995 "pagination": false, 26996 "mediaQuery": "min", 26997 "updateOnMove": "true", 26998 "progressBar": 5, 26999 27000 27001 "breakpoints": { 27002 300: { 27003 27004 "gap": "5px", 27005 "perPage": 2, 27006 "perMove": 2 27007 }, 27008 768: { 27009 "gap": "4px", 27010 "perPage": 2, 27011 "perMove": 2 27012 }, 27013 1024: { 27014 27015 "destroy": false, 27016 "perPage": 3, 27017 "perMove": 3, 27018 "drag": true 27019 } 27020 }, 27021 "classes": { 27022 "arrows" : "block", 27023 } 27024 })'> 27025 <div class="splide__track lg:pt-0.5 lg:pb-0.5 md:cursor-grab"> 27026 <div class="lg:flex lg:w-full lg:gap-0 gap-template--24498228953451__collection_list_carousel_XkJ98q splide__list 27027 flex w-full"> 27028 <div x-slide-index="0" id="Slide-template--24498228953451__collection_list_carousel_XkJ98q-1" class=" splide__slide x-splide-slide preload-slide--template--24498228953451__collection_list_carousel_XkJ98q" > 27029 27030 27031 27032<style data-shopify> 27033.text-color-featured_collection_Dy4iD7 { 27034 color: #ffffff; 27035 --colors-text: 255, 255, 255; 27036 --colors-heading: 255, 255, 255; 27037 } 27038 .collection-card-featured_collection_Dy4iD7 .image-overlay, 27039 .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay { 27040 27041 opacity: 80%; 27042 27043 } 27044 .dark .collection-card-featured_collection_Dy4iD7 .image-overlay, 27045 .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay { 27046 27047 opacity: 80%; 27048 27049 } 27050 27051 .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title { 27052 27053 font-size: 1.0125rem; 27054 27055 } 27056 @media screen and (min-width: 768px) { 27057 .spacing--template--24498228953451__collection_list_carousel_XkJ98q { 27058 gap: 4px; 27059 } 27060 .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title { 27061 27062 font-size: 1.35rem; 27063 27064 } 27065 } 27066 27067</style> 27068 <div class="collection-card collection-card-featured_collection_Dy4iD7 group disable-effect card relative h-full block"> 27069 27070 <div 27071 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 27072 class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]" 27073 27074 ><div 27075 class="block md:rounded-[10px] rounded-[10px]" 27076 > 27077 27078 27079 <div 27080 class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10" 27081 > 27082 <img 27083 srcset="//bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=225 225w, 27084 //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=375 375w, 27085 //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=450 450w, 27086 //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=750 750w, 27087 //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=900 900w, 27088 //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=1100 1100w, 27089 //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=1500 1500w, 27090 //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=1780 1780w, 27091 //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=2000 2000w, 27092 //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=3000 3000w, 27093 //bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=3840 3840w" 27094 src="//bkconnection.com/cdn/shop/files/9798890571847.jpg?v=1789087875&width=3840" 27095 sizes=" 27096 27097 (min-width: 1200px) 433px, 27098 (min-width: 768px) calc(100vw / 2), 27099 calc(100vw / 2) 27100 27101 " 27102 alt="Cover image for The Last American President, isbn: 9798890571847" 27103 height="648" 27104 width="432" 27105 loading="lazy" 27106 class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image" 27107 onload="this?.classList.add('active'); 27108 this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 27109 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 27110 " 27111 > 27112 </div></div> 27113 <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div> 27114 27115 <div class="content--template--24498228953451__collection_list_carousel_XkJ98q text-center pt-5 pb-5 overflow-hidden absolute pl-8 pr-8 md:pl-6 md:pr-6 left-0 right-0 top-0 text-color-featured_collection_Dy4iD7 md:pt-8 md:pb-8 flex flex-col justify-between h-full text-color-featured_collection_Dy4iD7 " 27116 > 27117 <div class="collection-item-title leading-tight text-[rgba(var(--colors-heading))] text-medium" 27118 ><p 27119 class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">No Kings Library</p></div> 27120<style data-shopify>.button--featured_collection_Dy4iD7.button-solid, 27121 .button--featured_collection_Dy4iD7.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div> 27122 <a href="/collections/no-kings-library" class="button button-solid button--featured_collection_Dy4iD7 p-break-words border inline-block empty:hidden lg:mb-4 xl:mb-6 pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto mt-4 lg:mt-6"> 27123 27124 27125 27126 <span class="button-text is-focus-button:opacity-0">Shop</span> 27127 27128 27129 27130 </a> 27131 </div> 27132 27133 </div> 27134 27135 </div> 27136 27137 27138 </div> 27139 27140 27141 </div> 27142 27143 27144 <div x-slide-index="1" id="Slide-template--24498228953451__collection_list_carousel_XkJ98q-2" class=" splide__slide x-splide-slide preload-slide--template--24498228953451__collection_list_carousel_XkJ98q" > 27145 27146 27147 27148<style data-shopify> 27149.text-color-featured_collection_bQtM4G { 27150 color: #ffffff; 27151 --colors-text: 255, 255, 255; 27152 --colors-heading: 255, 255, 255; 27153 } 27154 .collection-card-featured_collection_bQtM4G .image-overlay, 27155 .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay { 27156 27157 opacity: 80%; 27158 27159 } 27160 .dark .collection-card-featured_collection_bQtM4G .image-overlay, 27161 .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay { 27162 27163 opacity: 80%; 27164 27165 } 27166 27167 .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title { 27168 27169 font-size: 1.0125rem; 27170 27171 } 27172 @media screen and (min-width: 768px) { 27173 .spacing--template--24498228953451__collection_list_carousel_XkJ98q { 27174 gap: 4px; 27175 } 27176 .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title { 27177 27178 font-size: 1.35rem; 27179 27180 } 27181 } 27182 27183</style> 27184 <div class="collection-card collection-card-featured_collection_bQtM4G group disable-effect card relative h-full block"> 27185 27186 <div 27187 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 27188 class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]" 27189 27190 ><div 27191 class="block md:rounded-[10px] rounded-[10px]" 27192 > 27193 27194 27195 <div 27196 class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10" 27197 > 27198 <img 27199 srcset="//bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=225 225w, 27200 //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=375 375w, 27201 //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=450 450w, 27202 //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=178908788
272023&width=750 750w, 27203 //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=900 900w, 27204 //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=1100 1100w, 27205 //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=1500 1500w, 27206 //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=1780 1780w, 27207 //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=2000 2000w, 27208 //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=3000 3000w, 27209 //bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=3840 3840w" 27210 src="//bkconnection.com/cdn/shop/files/9781523002320.jpg?v=1789087883&width=3840" 27211 sizes=" 27212 27213 (min-width: 1200px) 433px, 27214 (min-width: 768px) calc(100vw / 2), 27215 calc(100vw / 2) 27216 27217 " 27218 alt="Cover image for The Hidden History of Neoliberalism, isbn: 9781523002320" 27219 height="648" 27220 width="463" 27221 loading="lazy" 27222 class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image" 27223 onload="this?.classList.add('active'); 27224 this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 27225 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 27226 " 27227 > 27228 </div></div> 27229 <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div> 27230 27231 <div class="content--template--24498228953451__collection_list_carousel_XkJ98q text-center pt-5 pb-5 overflow-hidden absolute pl-8 pr-8 md:pl-6 md:pr-6 left-0 right-0 top-0 text-color-featured_collection_bQtM4G md:pt-8 md:pb-8 flex flex-col justify-between h-full text-color-featured_collection_bQtM4G " 27232 > 27233 <div class="collection-item-title leading-tight text-[rgba(var(--colors-heading))] text-medium" 27234 ><p 27235 class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">The Hidden History Series</p></div> 27236<style data-shopify>.button--featured_collection_bQtM4G.button-solid, 27237 .button--featured_collection_bQtM4G.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div> 27238 <a href="/collections/the-hidden-history-series" class="button button-solid button--featured_collection_bQtM4G p-break-words border inline-block empty:hidden lg:mb-4 xl:mb-6 pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto mt-4 lg:mt-6"> 27239 27240 27241 27242 <span class="button-text is-focus-button:opacity-0">Shop</span> 27243 27244 27245 27246 </a> 27247 </div> 27248 27249 </div> 27250 27251 </div> 27252 27253 27254 </div> 27255 27256 27257 </div> 27258 27259 27260 <div x-slide-index="2" id="Slide-template--24498228953451__collection_list_carousel_XkJ98q-3" class=" splide__slide x-splide-slide preload-slide--template--24498228953451__collection_list_carousel_XkJ98q" > 27261 27262 27263 27264<style data-shopify> 27265.text-color-featured_collection_zdTbTY { 27266 color: #ffffff; 27267 --colors-text: 255, 255, 255; 27268 --colors-heading: 255, 255, 255; 27269 } 27270 .collection-card-featured_collection_zdTbTY .image-overlay, 27271 .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay { 27272 27273 opacity: 80%; 27274 27275 } 27276 .dark .collection-card-featured_collection_zdTbTY .image-overlay, 27277 .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay { 27278 27279 opacity: 80%; 27280 27281 } 27282 27283 .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title { 27284 27285 font-size: 1.0125rem; 27286 27287 } 27288 @media screen and (min-width: 768px) { 27289 .spacing--template--24498228953451__collection_list_carousel_XkJ98q { 27290 gap: 4px; 27291 } 27292 .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title { 27293 27294 font-size: 1.35rem; 27295 27296 } 27297 } 27298 27299</style> 27300 <div class="collection-card collection-card-featured_collection_zdTbTY group disable-effect card relative h-full block"> 27301 27302 <div 27303 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 27304 class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]" 27305 27306 ><div 27307 class="block md:rounded-[10px] rounded-[10px]" 27308 > 27309 27310 27311 <div 27312 class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10" 27313 > 27314 <img 27315 srcset="//bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=225 225w, 27316 //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=375 375w, 27317 //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=450 450w, 27318 //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=750 750w, 27319 //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=900 900w, 27320 //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=1100 1100w, 27321 //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=1500 1500w, 27322 //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=1780 1780w, 27323 //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=2000 2000w, 27324 //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=3000 3000w, 27325 //bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=3840 3840w" 27326 src="//bkconnection.com/cdn/shop/files/9781626560604.jpg?v=1789087911&width=3840" 27327 sizes=" 27328 27329 (min-width: 1200px) 433px, 27330 (min-width: 768px) calc(100vw / 2), 27331 calc(100vw / 2) 27332 27333 " 27334 alt="Cover image for Fit at Last, isbn: 9781626560604" 27335 height="648" 27336 width="425" 27337 loading="lazy" 27338 class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image" 27339 onload="this?.classList.add('active'); 27340 this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 27341 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 27342 " 27343 > 27344 </div></div> 27345 <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div> 27346 27347 <div class="content--template--24498228953451__collection_list_carousel_XkJ98q text-center pt-5 pb-5 overflow-hidden absolute pl-8 pr-8 md:pl-6 md:pr-6 left-0 right-0 top-0 text-color-featured_collection_zdTbTY md:pt-8 md:pb-8 flex flex-col justify-between h-full text-color-featured_collection_zdTbTY " 27348 > 27349 <div class="collection-item-title leading-tight text-[rgba(var(--colors-heading))] text-medium" 27350 ><p 27351 class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">The Ken Blanchard Library</p></div> 27352<style data-shopify>.button--featured_collection_zdTbTY.button-solid, 27353 .button--featured_collection_zdTbTY.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div> 27354 <a href="/collections/the-ken-blanchard-library" class="button button-solid button--featured_collection_zdTbTY p-break-words border inline-block empty:hidden lg:mb-4 xl:mb-6 pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto mt-4 lg:mt-6"> 27355 27356 27357 27358 <span class="button-text is-focus-button:opacity-0">Shop</span> 27359 27360 27361 27362 </a> 27363 </div> 27364 27365 </div> 27366 27367 </div> 27368 27369 27370 </div> 27371 27372 27373 </div> 27374 27375 27376 <div x-slide-index="3" id="Slide-template--24498228953451__collection_list_carousel_XkJ98q-4" class=" splide__slide x-splide-slide preload-slide--template--24498228953451__collection_list_carousel_XkJ98q" > 27377 27378 27379 27380<style data-shopify> 27381.text-color-featured_collection_H4adgN { 27382 color: #ffffff; 27383 --colors-text: 255, 255, 255; 27384 --colors-heading: 255, 255, 255; 27385 } 27386 .collection-card-featured_collection_H4adgN .image-overlay, 27387 .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay { 27388 27389 opacity: 80%; 27390 27391 } 27392 .dark .collection-card-featured_collection_H4adgN .image-overlay, 27393 .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay { 27394 27395 opacity: 80%; 27396 27397 } 27398 27399 .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title { 27400 27401 font-size: 1.0125rem; 27402 27403 } 27404 @media screen and (min-width: 768px) { 27405 .spacing--template--24498228953451__collection_list_carousel_XkJ98q { 27406 gap: 4px; 27407 } 27408 .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title { 27409 27410 font-size: 1.35rem; 27411 27412 } 27413 } 27414 27415</style> 27416 <div class="collection-card collection-card-featured_collection_H4adgN group disable-effect card relative h-full block"> 27417 27418 <div 27419 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 27420 class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]" 27421 27422 ><div 27423 class="block md:rounded-[10px] rounded-[10px]" 27424 > 27425 27426 27427 <div 27428 class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10" 27429 > 27430 <img 27431 srcset="//bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=225 225w, 27432 //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=375 375w, 27433 //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=450 450w, 27434 //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=750 750w, 27435 //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=900 900w, 27436 //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=1100 1100w, 27437 //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=1500 1500w, 27438 //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=1780 1780w, 27439 //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=2000 2000w, 27440 //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=3000 3000w, 27441 //bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=3840 3840w" 27442 src="//bkconnection.com/cdn/shop/files/9798890571083.jpg?v=1789087906&width=3840" 27443 sizes=" 27444 27445 (min-width: 1200px) 433px, 27446 (min-width: 768px) calc(100vw / 2), 27447 calc(100vw / 2) 27448 27449 " 27450 alt="Cover image for Trust at a Distance, isbn: 9798890571083" 27451 height="648" 27452 width="419" 27453 loading="lazy" 27454 class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image" 27455 onload="this?.classList.add('active'); 27456 this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 27457 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 27458 " 27459 > 27460 </div></div> 27461 <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div> 27462 27463 <div class="content--template--24498228953451__collection_list_carousel_XkJ98q text-center pt-5 pb-5 overflow-hidden absolute pl-8 pr-8 md:pl-6 md:pr-6 left-0 right-0 top-0 text-color-featured_collection_H4adgN md:pt-8 md:pb-8 flex flex-col justify-between h-full text-color-featured_collection_H4adgN " 27464 > 27465 <div class="collection-item-title leading-tight text-[rgba(var(--colors-heading))] text-medium" 27466 ><p 27467 class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">The Remote Work Collection</p></div> 27468<style data-shopify>.button--featured_collection_H4adgN.button-solid, 27469 .button--featured_collection_H4adgN.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div> 27470 <a href="/collections/the-remote-work-collection-1" class="button button-solid button--featured_collection_H4adgN p-break-words border inline-block empty:hidden lg:mb-4 xl:mb-6 pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto mt-4 lg:mt-6"> 27471 27472 27473 27474 <span class="button-text is-focus-button:opacity-0">Shop</span> 27475 27476 27477 27478 </a> 27479 </div> 27480 27481 </div> 27482 27483 </div> 27484 27485 27486 </div> 27487 27488 27489 </div> 27490 27491 27492 <div x-slide-index="4" id="Slide-template--24498228953451__collection_list_carousel_XkJ98q-5" class=" splide__slide x-splide-slide preload-slide--template--24498228953451__collection_list_carousel_XkJ98q" > 27493 27494 27495 27496<style data-shopify> 27497.text-color-featured_collection_WcFU9K { 27498 color: #ffffff; 27499 --colors-text: 255, 255, 255; 27500 --colors-heading: 255, 255, 255; 27501 } 27502 .collection-card-featured_collection_WcFU9K .image-overlay, 27503 .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay { 27504 27505 opacity: 80%; 27506 27507 } 27508 .dark .collection-card-featured_collection_WcFU9K .image-overlay, 27509 .dark .collection-card-template--24498228953451__collection_list_carousel_XkJ98q .image-overlay { 27510 27511 opacity: 80%; 27512 27513 } 27514 27515 .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title { 27516 27517 font-size: 1.0125rem; 27518 27519 } 27520 @media screen and (min-width: 768px) { 27521 .spacing--template--24498228953451__collection_list_carousel_XkJ98q { 27522 gap: 4px; 27523 } 27524 .content--template--24498228953451__collection_list_carousel_XkJ98q .collection-item-title { 27525 27526 font-size: 1.35rem; 27527 27528 } 27529 } 27530 27531</style> 27532 <div class="collection-card collection-card-featured_collection_WcFU9K group disable-effect card relative h-full block"> 27533 27534 <div 27535 x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 27536 class="w-full relative overflow-hidden z-0 before:h-0 before:block rounded-[10px] pb-[100%]" 27537 27538 ><div 27539 class="block md:rounded-[10px] rounded-[10px]" 27540 > 27541 27542 27543 <div 27544 class="w-full h-full top-0 left-0 absolute overflow-hidden animate_transition_card__image -z-10" 27545 > 27546 <img 27547 srcset="//bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=225 225w, 27548 //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=375 375w, 27549 //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=450 450w, 27550 //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=750 750w, 27551 //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=900 900w, 27552 //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=1100 1100w, 27553 //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=1500 1500w, 27554 //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=1780 1780w, 27555 //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=2000 2000w, 27556 //bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=3000 3000w, 27557 //bkcon
27557nection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=3840 3840w" 27558 src="//bkconnection.com/cdn/shop/files/9781523006113.jpg?v=1789087881&width=3840" 27559 sizes=" 27560 27561 (min-width: 1200px) 433px, 27562 (min-width: 768px) calc(100vw / 2), 27563 calc(100vw / 2) 27564 27565 " 27566 alt="Cover image for Simple Truths of Leadership Playbook, isbn: 9781523006113" 27567 height="648" 27568 width="419" 27569 loading="lazy" 27570 class="animate_transition_image aspect-square w-full h-full object-cover z-10 object-center image-hover animate-Xpulse skeleton-image" 27571 onload="this?.classList.add('active'); 27572 this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); 27573 setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250); 27574 " 27575 > 27576 </div></div> 27577 <div class="image-overlay absolute top-0 bottom-0 h-full w-full image-treatment-overlay"></div> 27578 27579 <div class="content--template--24498228953451__collection_list_carousel_XkJ98q text-center pt-5 pb-5 overflow-hidden absolute pl-8 pr-8 md:pl-6 md:pr-6 left-0 right-0 top-0 text-color-featured_collection_WcFU9K md:pt-8 md:pb-8 flex flex-col justify-between h-full text-color-featured_collection_WcFU9K " 27580 > 27581 <div class="collection-item-title leading-tight text-[rgba(var(--colors-heading))] text-medium" 27582 ><p 27583 class="text-[rgba(var(--colors-heading))] p-break-words transition duration-200">Essential Workbooks</p></div> 27584<style data-shopify>.button--featured_collection_WcFU9K.button-solid, 27585 .button--featured_collection_WcFU9K.button-solid:before {--colors-line-and-border: var(--colors-button);}</style><div> 27586 <a href="/collections/essential-workbooks" class="button button-solid button--featured_collection_WcFU9K p-break-words border inline-block empty:hidden lg:mb-4 xl:mb-6 pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2.5 pb-2.5 leading-normal md:pt-3 md:pb-3 cursor-pointer pointer-events-auto mt-4 lg:mt-6"> 27587 27588 27589 27590 <span class="button-text is-focus-button:opacity-0">Shop</span> 27591 27592 27593 27594 </a> 27595 </div> 27596 27597 </div> 27598 27599 </div> 27600 27601 27602 </div> 27603 27604 27605 </div> 27606 27607</div> 27608 </div><div class="splide__arrows flex items-center justify-center"> 27609 <button 27610 class="splide__arrow splide__arrow--prev button-arrow p-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:-rotate-90 rotate-90 opacity-100 disabled:cursor-not-allowed disabled:opacity-30 hidden lg:-mt-6 lg:block lg:absolute lg:top-1/2 rtl:lg:right-0 rtl:lg:left-auto lg:left-0 lg:transition-all lg:ease-in-out lg:-translate-x-full rtl:lg:translate-x-full lg:duration-200 lg:opacity-60 hover:opacity-100" 27611 aria-label="previous slide" 27612 > 27613 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 27614 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 27615 </svg> 27616 27617 </button> 27618 <button 27619 class="splide__arrow splide__arrow--next button-arrow p-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:rotate-90 -rotate-90 opacity-100 disabled:cursor-not-allowed disabled:opacity-30 hidden lg:-mt-6 lg:block lg:absolute lg:top-1/2 rtl:lg:left-0 rtl:lg:right-auto lg:right-0 lg:transition-all lg:ease-in-out lg:translate-x-full rtl:lg:-translate-x-full lg:duration-200 lg:opacity-60 hover:opacity-100" 27620 aria-label="next slide" 27621 > 27622 <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 27623 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 27624 </svg> 27625 27626 </button> 27627 </div><div class=" lg:flex items-center flex w-full gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto"> 27628 <div class="splide-progress inline-block grow rounded-md"> 27629 <style data-shopify>.splide-progress-bar-template--24498228953451__collection_list_carousel_XkJ98q { 27630 width: 40.0%; 27631 } 27632 @media (min-width: 768px) { 27633 .splide-progress-bar-template--24498228953451__collection_list_carousel_XkJ98q { 27634 width: 60.0%; 27635 } 27636 }</style><div class="splide-progress-bar-template--24498228953451__collection_list_carousel_XkJ98q splide-progress-bar rounded-md"></div> 27637 </div> 27638 </div></div> 27639 </div> 27640 </div> 27641 </div> 27642 </div> 27643 27644 27645</section><section id="shopify-section-template--24498228953451__image_with_text_MVGaNU" class="shopify-section section section-image-with-text x-section"><style data-shopify>.iwt--template--24498228953451__image_with_text_MVGaNU { 27646 27647 background: #e6dbd5; 27648 --background-color: 230, 219, 213; 27649 27650 } 27651 .dark .iwt--template--24498228953451__image_with_text_MVGaNU { 27652 27653 background: rgb(var(--colors-background-secondary)); 27654 --background-color: var(--colors-background-secondary); 27655 27656 }.border-radius-template--24498228953451__image_with_text_MVGaNU { 27657 border-radius: 9px; 27658 } 27659 @media screen and (min-width: 768px) {} 27660 .border--template--24498228953451__image_with_text_MVGaNU, .border--template--24498228953451__image_with_text_MVGaNU:before { 27661 27662 --colors-line-and-border: var(--colors-line-and-border-base) 27663 27664 } 27665 .dark .border--template--24498228953451__image_with_text_MVGaNU, .dar
27665k .border--template--24498228953451__image_with_text_MVGaNU:before { 27666 27667 --colors-line-and-border: var(--colors-line-and-border-base) 27668 27669 } 27670 .icon--template--24498228953451__image_with_text_MVGaNU { 27671 width: 31.5px; 27672 height: 31.5px; 27673 min-width: 31.5px; 27674 min-height: 31.5px; 27675 27676 color: #4d4a4b; 27677 27678 } 27679 @media (min-width: 1024px){ 27680 .icon--template--24498228953451__image_with_text_MVGaNU { 27681 width: 45px; 27682 height: 45px; 27683 min-width: 45px; 27684 min-height: 45px; 27685 } 27686 } 27687 .dark .icon--template--24498228953451__image_with_text_MVGaNU { 27688 27689 color: rgb(var(--colors-text)); 27690 27691 } 27692 27693 .dark .color-text--template--24498228953451__image_with_text_MVGaNU { 27694 27695 --colors-text: var(--colors-text-secondary); 27696 27697 } 27698 .columns-header-color--template--24498228953451__image_with_text_MVGaNU { 27699 27700 --colors-heading: var(--colors-heading-secondary); 27701 27702 } 27703 .dark .columns-header-color--template--24498228953451__image_with_text_MVGaNU { 27704 27705 --colors-heading: var(--colors-heading-secondary); 27706 27707 }</style><div class="ltr pt-[20px] md:pt-[20px] pb-[20px] md:pb-[20px] md:pl-5 md:pr-5 pr-5 pl-5"> 27708 <div 27709 class="image-with-text text-[rgb(var(--colors-text))] desktop-medium image-position-mobile-left image-position-left border-radius-template--24498228953451__image_with_text_MVGaNU stacked iwt--template--24498228953451__image_with_text_MVGaNU" 27710 > 27711 27712 <div class="iwt-image border-radius-template--24498228953451__image_with_text_MVGaNU md:w-1/2 promotion w-full flex"> 27713 <div class="promotion w-full relative md:h-auto min-h-[100%] md:promotion:h-[550px] md:promotion:pb-0 h-[400px] md:h-auto"> 27714 <div class="flex w-full h-full relative md:promotion:relative"> 27715 27716 27717 27718 27719 27720 <div class="border-radius-template--24498228953451__image_with_text_MVGaNU h-full w-full overflow-hidden h-full"> 27721 <parallax-image class="block h-full w-full"> 27722 <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)"> 27723 <img 27724 class="h-full w-full object-cover border-radius-template--24498228953451__image_with_text_MVGaNU animate_transition_slide__image animate-Xpulse skeleton-image" 27725 srcset="//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=450 450w, 27726 //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=750 750w, 27727 //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=900 900w, 27728 //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1100 1100w, 27729 //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1500 1500w, 27730 //bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291 1048w" 27731 src="//bkconnection.com/cdn/shop/files/Untitled_design_60.png?v=1786139291&width=1500" 27732 alt="" 27733 27734 loading="lazy" 27735 27736 onload="this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active');" 27737 sizes="(min-width: 1024px) 50vw, (min-width: 768px) 50vw, 100vw" 27738 width="1048" 27739 height="860" 27740 style="object-position: 50.0% 50.0%" 27741 > 27742 </parallax-movement> 27743 </parallax-image> 27744 </div> 27745 27746 27747 27748 </div> 27749 </div> 27750 </div> 27751 <div class="md:w-1/2 w-full flex justify-center md:justify-start items-center iwt-content-no-overlap"> 27752 <div class="iwt-content w-full lg:pl-24 lg:pr-24"><style data-shopify>.heading-size--heading_3F66z7 { 27753 font-size: 1.08rem; 27754 } 27755 .color-text-heading_3F66z7 { 27756 27757 --colors-heading: 84, 81, 82;
27758 27759 27760 } 27761 .dark .color-text-heading_3F66z7 { 27762 27763 --colors-heading: var(--colors-heading-secondary); 27764 27765 27766 --colors-text: var(--colors-text-secondary); 27767 27768 } 27769 @media (min-width: 768px) { 27770 .heading-size--heading_3F66z7 { 27771 font-size: 1.8rem; 27772 } 27773 }</style> 27774 27775 <div class="x-block-text color-text-heading_3F66z7 text-[rgb(var(--colors-text))] w-full mt-4 text-center"> 27776 27777 27778 27779 27780 27781<style data-shopify> 27782 .heading-heading_3F66z7 { 27783 27784 } 27785 .dark .heading-heading_3F66z7 { 27786 27787 --color-highlight: #4d6391; 27788 27789 } 27790</style> 27791 27792 27793 27794 <h2 class='heading-size--heading_3F66z7 heading-heading_3F66z7 h2 block mt-2 mb-1.5 md:mt-2.5 md:mb-3 ' 27795 > 27796 27797 27798 27799 Montgomery Station Press 27800 27801 27802</h2> 27803 27804 27805 27806 27807 <div class="rte"><p>Professional publishing with the editorial, design, marketing, and distribution capabilities of Berrett-Koehler</p></div> 27808 27809 </div> 27810 27811 27812 27813 <style data-shopify> 27814 .button-button_KbR8Gx, .button-button_KbR8Gx *:before { 27815 27816 --colors-button: 195, 149, 125; 27817 27818 27819 27820 27821 27822 27823 27824 } 27825 .dark .button-button_KbR8Gx, .dark .button-button_KbR8Gx *:before { 27826 27827 --colors-button: 77, 99, 145; 27828 27829 27830 --colors-button-text: 40, 41, 40; 27831 27832 27833 --colors-button-hover: rgb(77, 99, 145); 27834 27835 27836 --colors-button-text-hover: 36, 36, 36; 27837 27838 27839 --colors-secondary-button: 255, 255, 255; 27840 --colors-line-secondary-button: 255, 255, 255; 27841 27842 27843 --background-secondary-button: transparent; 27844 27845 27846 --colors-text-link: 77, 99, 145; 27847 27848 } 27849 </style> 27850 <div class="button-button_KbR8Gx flex justify-center mb-9 md:mb-4 mt-4 md:mt-8"> 27851 27852 <a class="button button-solid leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="/pages/montgomery-station-press"> 27853 27854 27855 27856 <span class="button-text is-focus-button:opacity-0">Get Started Today</span> 27857 27858 27859 27860 </a> 27861 27862 </div> 27863 27864 27865 27866 </div> 27867 </div> 27868 </div> 27869</div> 27870 27871</section> 27872 27873 </main> 27874 27875 27876 <!-- BEGIN sections: footer-group-puff --> 27877<div id="shopify-section-sections--24498229510507__footer" class="shopify-section shopify-section-group-footer-group-puff section-footer"> 27878<div class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] pt-[0px] md:pt-[0px] pb-[32px] md:pb-[32px]"><div class="flex items-center"> 27879 27880<div id="selector-social" class=" flex lg:items-center lg:justify-end relative py-1.5 mx-auto"> 27881 27882 <ul class="social-list flex flex-wrap opacity-70" role="list"> 27883<li> 27884 <a href="https://www.facebook.com/BerrettKoehler" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> 27885 <path d="M17.2788 13.2489L17.8494 9.63111H14.2846V7.28444C14.2846 6.29333 14.7822 5.32889 16.3797 5.32889H18V2.24444C18 2.24444 16.5303 2 15.1199 2C12.1851 2 10.2635 3.73333 10.2635 6.87111V9.63111H7V13.2489H10.2635V22H14.2801V13.2489H17.2788Z" fill="currentColor"/> 27886 </svg> 27887</a> 27888 </li><li> 27889 <a href="https://www.instagram.com/bkpub" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
27889<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> 27890 <path d="M12.0059 3.80184C14.6793 3.80184 14.9959 3.81356 16.0473 3.86046C17.0244 3.90346 17.5521 4.06762 17.9038 4.20442C18.369 4.38421 18.7051 4.60309 19.053 4.95095C19.4047 5.30272 19.6197 5.63494 19.7995 6.10006C19.9363 6.45183 20.1004 6.98339 20.1434 7.95661C20.1903 9.01192 20.2021 9.32851 20.2021 11.998C20.2021 14.6715 20.1903 14.9881 20.1434 16.0395C20.1004 17.0166 19.9363 17.5443 19.7995 17.896C19.6197 18.3612 19.4008 18.6973 19.053 19.0451C18.7012 19.3969 18.369 19.6119 17.9038 19.7917C17.5521 19.9285 17.0205 20.0926 16.0473 20.1356C14.992 20.1825 14.6754 20.1943 12.0059 20.1943C9.33242 20.1943 9.01583 20.1825 7.96443 20.1356C6.9873 20.0926 6.45964 19.9285 6.10788 19.7917C5.64276 19.6119 5.30662 19.393 4.95876 19.0451C4.607 18.6934 4.39203 18.3612 4.21223 17.896C4.07543 17.5443 3.91128 17.0127 3.86828 16.0395C3.82138 14.9842 3.80965 14.6676 3.80965 11.998C3.80965 9.3246 3.82138 9.00801 3.86828 7.95661C3.91128 6.97948 4.07543 6.45183 4.21223 6.10006C4.39203 5.63494 4.6109 5.29881 4.95876 4.95095C5.31053 4.59918 5.64276 4.38421 6.10788 4.20442C6.45964 4.06762 6.99121 3.90346 7.96443 3.86046C9.01583 3.81356 9.33242 3.80184 12.0059 3.80184ZM12.0059 2C9.28943 2 8.94938 2.01173 7.88235 2.05863C6.81923 2.10553 6.08833 2.27751 5.45515 2.52374C4.79461 2.78171 4.23569 3.12175 3.68067 3.68067C3.12175 4.23568 2.78171 4.79461 2.52374 5.45124C2.27751 6.08833 2.10553 6.81532 2.05863 7.87844C2.01173 8.94938 2 9.28943 2 12.0059C2 14.7223 2.01173 15.0623 2.05863 16.1294C2.10553 17.1925 2.27751 17.9234 2.52374 18.5566C2.78171 19.2171 3.12175 19.776 3.68067 20.3311C4.23569 20.8861 4.79461 21.23 5.45124 21.4841C6.08833 21.7303 6.81532 21.9023 7.87844 21.9492C8.94548 21.9961 9.28552 22.0078 12.002 22.0078C14.7184 22.0078 15.0584 21.9961 16.1255 21.9492C17.1886 21.9023 17.9195 21.7303 18.5527 21.4841C19.2093 21.23 19.7682 20.8861 20.3232 20.3311C20.8782 19.776 21.2222 19.2171 21.4763 18.5605C21.7225 17.9234 21.8945 17.1964 21.9414 16.1333
27890C21.9883 15.0663 22 14.7262 22 12.0098C22 9.29334 21.9883 8.95329 21.9414 7.88626C21.8945 6.82314 21.7225 6.09224 21.4763 5.45906C21.23 4.79461 20.89 4.23568 20.3311 3.68067C19.776 3.12566 19.2171 2.78171 18.5605 2.52765C17.9234 2.28141 17.1964 2.10944 16.1333 2.06254C15.0623 2.01173 14.7223 2 12.0059 2Z" fill="currentColor"/> 27891 <path d="M12.0058 6.86618C9.16822 6.86618 6.86609 9.16831 6.86609 12.0059C6.86609 14.8435 9.16822 17.1456 12.0058 17.1456C14.8434 17.1456 17.1455 14.8435 17.1455 12.0059C17.1455 9.16831 14.8434 6.86618 12.0058 6.86618ZM12.0058 15.3399C10.1649 15.3399 8.67183 13.8468 8.67183 12.0059C8.67183 10.165 10.1649 8.67193 12.0058 8.67193C13.8467 8.67193 15.3398 10.165 15.3398 12.0059C15.3398 13.8468 13.8467 15.3399 12.0058 15.3399Z" fill="currentColor"/> 27892 <path d="M18.5488 6.66291C18.5488 7.32736 18.0094 7.86283 17.3488 7.86283C16.6844 7.86283 16.1489 7.32345 16.1489 6.66291C16.1489 5.99845 16.6883 5.46298 17.3488 5.46298C18.0094 5.46298 18.5488 6.00236 18.5488 6.66291Z" fill="currentColor"/> 27893 </svg> 27894</a> 27895 </li><li> 27896 <a href="https://www.tiktok.com/@bkpub" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> 27897 <path d="M16.0604 2H12.6898V15.6232C12.6898 17.2464 11.3935 18.5797 9.78022 18.5797C8.16695 18.5797 6.87057 17.2464 6.87057 15.6232C6.87057 14.029 8.13814 12.7246 9.69381 12.6667V9.24639C6.2656 9.30433 3.5 12.1159 3.5 15.6232C3.5 19.1594 6.32321 22 9.80904 22C13.2948 22 16.118 19.1304 16.118 15.6232V8.63767C17.3856 9.56522 18.9412 10.1159 20.5833 10.1449V6.72464C18.0482 6.63768 16.0604 4.55072 16.0604 2Z" fill="currentColor"/> 27898 </svg> 27899</a> 27900 </li><li> 27901 <a href="https://www.youtube.com/berrettkoehler" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none"> 27902 <path d="M23.0226 7.45237C23.0226 7.45237 22.8005 5.88392 22.1162 5.19522C21.2498 4.28881 20.2812 4.28437 19.8369 4.23105C16.6555 4 11.8791 4 11.8791 4H11.8702C11.8702 4 7.09372 4 3.91239 4.23105C3.46806 4.28437 2.49944 4.28881 1.63302 5.19522C0.948764 5.88392 0.731047 7.45237 0.731047 7.45237C0.731047 7.45237 0.5 9.29631 0.5 11.1358V12.8598C0.5 14.6992 0.726604 16.5432 0.726604 16.5432C0.726604 16.5432 0.948764 18.1116 1.62858 18.8003C2.495 19.7067 3.63246 19.6756 4.13899 19.7734C5.96071 19.9467 11.8746 20 11.8746 20C11.8746 20 16.6555 19.9911 19.8369 19.7645C20.2812 19.7112 21.2498 19.7067 22.1162 18.8003C22.8005 18.1116 23.0226 16.5432 23.0226 16.5432C23.0226 16.5432 23.2492 14.7037 23.2492 12.8598V11.1358C23.2492 9.29631 23.0226 7.45237 23.0226 7.45237ZM9.52416 14.9525V8.55873L15.6691 11.7667L9.52416 14.9525Z" fill="currentColor"/> 27903 </svg> 27904</a> 27905 </li><li> 27906 <a href="https://www.linkedin.com/company/berrett-koehler-publishers/" target="blank" aria-label="Linkedin" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-full h-full" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> 27907 <path d="M16.5,8.8c-0.8,0-1.5,0.2-2.2,0.6c-0.1-0.3-0.5-0.6-0.8-0.6H10c-0.5,0-0.9,0.4-0.9,0.9c0,0,0,0,0,0v10.4 c0,0.5,0.4,0.9,0.9,0.9c0,0,0,0,0,0h3.5c0.5,0,0.9-0.4,0.9-0.9c0,0,0,0,0,0v-4.8c0-0.5,0.4-0.9,0.9-0.9s0.9,0.4,0.9,0.9v4.8 c0,0.5,0.4,0.9,0.9,0.9c0,0,0,0,0,0h3.5c0.5,0,0.9-0.4,0.9-0.9c0,0,0,0,0,0v-6.5C21.3,10.9,19.2,8.8,16.5,8.8z M19.6,19.2h-1.7v-3.9 c0-1.4-1.2-2.6-2.6-2.6s-2.6,1.2-2.6,2.6v3.9h-1.7v-8.7h1.7v0.6c0,0.5,0.4,0.9,0.9,0.9c0.3,0,0.5-0.1,0.7-0.3c1-1.3,2.9-1.5,4.2-0.5 c0.7,0.6,1.2,1.5,1.2,2.4V19.2z M7.4,8.8H3.9c-0.5,0-0.9,0.4-0.9,0.9c0,0,0,0,0,0v10.4c0,0.5,0.4,0.9,0.9,0.9c0,0,0,0,0,0h3.5 c0.5,0,0.9-0.4,0.9-0.9c0,0,0,0,0,0V9.7C8.3,9.2,7.9,8.8,7.4,8.8C7.4,8.8,7.4,8.8,7.4,8.8z M6.5,19.2H4.8v-8.7h1.7V19.2z M5.7,2.3 C4.1,2.2,2.8,3.4,2.7,5c-0.1,1.5,1.1,2.9,2.6,3c0.1,0,0.2,0,0.3,0h0c1.5,0.1,2.9-1.1,3-2.6S7.5,2.4,6,2.3C5.9,2.3,5.8,2.3,5.7,2.3 L5.7,2.3z M5.7,6.2L5.7,6.2C5,6.3,4.5,5.8,4.4,5.3c0,0,0-0.1,0-0.1c0-0.6,0.5-1.1,1.2-1.1C6.3,4,6.8,4.4,6.9,5c0,0,0,0.1,0,0.1 C6.9,5.8,6.4,6.2,5.7,6.2z"/> 27908 </svg> 27909</a> 27910 </li></ul>
27911 </div> 27912 </div><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7"><div class="pt-6 md:pt-0 md:flex justify-center md:m-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 x-pgw page-width flex-wrap"><div class="footer-col--1 md:pr-5 md:first:pl-0 md:mb-7 md:pl-0 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition"> 27913 <p class="h6 text-[115%]">SHOP</p> 27914 <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 27915 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 27916 </svg> 27917</span> 27918 </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2"> 27919 <a href="/collections/books" class="hover-text-link nav-link relative block lg:inline-block"> 27920 Subjects 27921 </a> 27922 </li><li class="mb-1 first:pt-0 pt-2"> 27923 <a href="/collections" class="hover-text-link nav-link relative block lg:inline-block"> 27924 Collections 27925 </a> 27926 </li><li class="mb-1 first:pt-0 pt-2"> 27927 <a href="/pages/request-an-exam-copy" class="hover-text-link nav-link relative block lg:inline-block"> 27928 Request an Exam Copy 27929 </a> 27930 </li><li class="mb-1 first:pt-0 pt-2"> 27931 <a href="https://share.hsforms.com/1Y5Y-XVDOQty9gUnWt54xVA1s9tp?hsCtaAttrib=184994081100" class="hover-text-link nav-link relative block lg:inline-block"> 27932 Newsletters 27933 </a> 27934 </li><li class="mb-1 first:pt-0 pt-2"> 27935 <a href="/pages/bk-community" class="hover-text-link nav-link relative block lg:inline-block"> 27936 Membership 27937 </a> 27938 </li></ul></div></div><div class="footer-col--2 md:pr-5 md:first:pl-0 md:mb-7 md:pl-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition"> 27939 <p class="h6 text-[115%]">AUTHORS</p> 27940 <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 27941 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 27942 </svg> 27943</span> 27944 </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2"> 27945 <a href="/pages/why-bk" class="hover-text-link nav-link relative block lg:inline-block"> 27946 Why BK? 27947 </a> 27948 </li><li class="mb-1 first:pt-0 pt-2"> 27949 <a href="/pages/montgomery-station-press" class="hover-text-link nav-link relative block lg:inline-block"> 27950 Montgomery Station Press 27951 </a> 27952 </li><li class="mb-1 first:pt-0 pt-2"> 27953 <a href="/pages/proposals" class="hover-text-link nav-link relative block lg:inline-block"> 27954 Proposals 27955 </a> 27956 </li><li class="mb-1 first:pt-0 pt-2"> 27957 <a href="/pages/author-services" class="hover-text-link nav-link relative block lg:inline-block"> 27958 Author Services 27959 </a> 27960 </li></ul></div></div><div class="footer-col--3 md:pr-5 md:first:pl-0 md:mb-7 md:pl-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition"> 27961 <p class="h6 text-[115%]">SUPPORT</p>
27962 <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 27963 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 27964 </svg> 27965</span> 27966 </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2"> 27967 <a href="/pages/faq" class="hover-text-link nav-link relative block lg:inline-block"> 27968 FAQ 27969 </a> 27970 </li><li class="mb-1 first:pt-0 pt-2"> 27971 <a href="/pages/bookshelf" class="hover-text-link nav-link relative block lg:inline-block"> 27972 Ebooks 27973 </a> 27974 </li><li class="mb-1 first:pt-0 pt-2"> 27975 <a href="/pages/contact" class="hover-text-link nav-link relative block lg:inline-block"> 27976 Contact us 27977 </a> 27978 </li><li class="mb-1 first:pt-0 pt-2"> 27979 <a href="/pages/returns" class="hover-text-link nav-link relative block lg:inline-block"> 27980 Returns 27981 </a> 27982 </li><li class="mb-1 first:pt-0 pt-2"> 27983 <a href="/pages/bulk-discounts" class="hover-text-link nav-link relative block lg:inline-block"> 27984 Bulk Discounts 27985 </a> 27986 </li></ul></div></div><div class="footer-col--4 md:pr-5 md:first:pl-0 md:mb-7 md:pl-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="py-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 cursor-pointer md:cursor-default duration-200 transition"> 27987 <p class="h6 text-[115%]">POLICIES</p> 27988 <span class="md:hidden absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 flex right-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 27989 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 27990 </svg> 27991</span> 27992 </div><ul class="mt-6" :class="open ? 'block' : 'hidden md:block'"><li class="mb-1 first:pt-0 pt-2"> 27993 <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block"> 27994 Refund Policy 27995 </a> 27996 </li><li class="mb-1 first:pt-0 pt-2"> 27997 <a href="/policies/shipping-policy" class="hover-text-link nav-link relative block lg:inline-block"> 27998 Shipping Policy 27999 </a> 28000 </li><li class="mb-1 first:pt-0 pt-2"> 28001 <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block"> 28002 Privacy Policy 28003 </a> 28004 </li><li class="mb-1 first:pt-0 pt-2"> 28005 <a href="/pages/accessibility" class="hover-text-link nav-link relative block lg:inline-block"> 28006 Accessibility 28007 </a> 28008 </li></ul></div></div></div></div><div class="x-pgw page-width text-center lg:text-center pt-5 md:pt-3.5 md:pb-3 pb-2 change-position-popup"> 28009 28010 28011
28011<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js"></script>
vendor: 1 bytes, line 28011
28011
28012<script type="module"> 28013 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js"); 28014 28015 28016</script>
28016 28017 28018<shop-follow-button ux-mode="windoid" return-uri="https://bkconnection.com/account/redirect" proxy="true"></shop-follow-button> 28019 28020 28021 </div><div class="additional-footer ltr mx-5" 28022 > 28023 <div class="flex flex-col"><div class="flex flex-col items-center lg:mt-2 order-last"> 28024 <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 p-break-words"><p class="inline-block">© 2026, </p> 28025 <a href="/" title="">Berrett-Koehler Publishers</a>.<div class="ml-1 inline-block"> 28026 <p>Powered by <a href="https://supadu.com" target="_blank">Supadu.</a></p> 28027 </div> 28028 </div> 28029 </div></div> 28030 </div> 28031</div> 28032</div> 28033<!-- END sections: footer-group-puff --> 28034 28035 28036 <div id="eurus-popup" class="fixed duration-500 inset-0 z-[100] md:z-60 pointer-events-none md:block flex flex-col-reverse h-fit top-[unset] md:h-full md:top-0" x-cloak></div><div id="popup-minimal-right" class="fixed z-50 bottom-4 md:bottom-8 right-4 md:right-8 pl-4 md:pl-8 pointer-events-auto flex flex-col items-end"></div> 28037 28038 28039 <div class="scroll-to-top"> 28040 <style data-shopify> 28041 .scroll_top { 28042 bottom: 40px; 28043 } 28044 @media(min-width: 768px) { 28045 .scroll_top { 28046 bottom: 40px; 28047 } 28048 } 28049 </style> 28050 <div 28051 x-data="xScrollTop" 28052 @init-run.window="scrollFunction()" 28053 @scroll.window="scrollFunction()" 28054 class="hidden md:block" 28055 > 28056 <button 28057 x-show="show" x-cloak 28058 @click="scrollTop()" 28059 class="scroll_top fixed z-50 pl-3 pr-3 pb-3 pt-3 w-11 h-11 md:w-14 md:h-14 md:pl-4 md:pt-4 md:pr-4 md:pb-4 border-0 rounded-full right-5 -rotate-90 button button-action" 28060 x-transition:enter="transition-all ease-in-out duration-500" 28061 x-transition:enter-start="opacity-0 transform translate-y-1/3" 28062 x-transition:enter-end="opacity-100 translate-y-0" 28063 x-transition:leave="transition-all ease-in-out duration-500" 28064 x-transition:leave-end="opacity-0 transform translate-y-1/3" 28065 aria-label="scroll top" 28066 > 28067 28068 <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 28069 <path d="M14.6998 17.7577L20 12.3788L14.6998 7M4 12.3789H18.9697" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 28070 </svg> 28071 28072 28073 </button> 28074 </div> 28075 28076
28076<script> 28077 requestAnimationFrame(() => { 28078 document.addEventListener('alpine:init', () => { 28079 Alpine.data('xScrollTop', () => ({ 28080 show: false, 28081 scrollTop() { 28082 window.scrollTo({top: 0, behavior: 'smooth'}); 28083 }, 28084 scrollFunction() { 28085 const position = window.innerWidth < 1025 ? 300 : 900; 28086 this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position) 28087 ? true : false; 28088 } 28089 })); 28090 }); 28091 }); 28092 </script>
28092 28093</div> 28094 28095 28096 28097 </div> 28098 <ul hidden> 28099 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh. 28100 </li> 28101 <li id="a11y-new-window-message">Opens in a new window. 28102 </li> 28103 </ul> 28104
28104<script> 28105 window.Eurus = { 28106 sliderScript: '//bkconnection.com/cdn/shop/t/4/assets/splide4.1.3.js?v=75458750262329959491747335364', 28107 cart_error: `There was an error while updating your cart. Please try again.`, 28108 cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`, 28109 loadedScript: [], 28110 cart_add_url: '/cart/add' 28111 }; 28112 </script>
28112 28113 28114 28115 28116
28116<script src="//bkconnection.com/cdn/shop/t/4/assets/product-recommendations.js?v=34614423222916566501747335364" defer></script>
28116 28117
28118<script src="//bkconnection.com/cdn/shop/t/4/assets/cart-countdown-timer.js?v=136257643267519206061747335364" defer></script>
28118<script src="//bkconnection.com/cdn/shop/t/4/assets/theme.js?v=54686740836025028391747335364" defer></script>
28118 28119
28119<script src="//bkconnection.com/cdn/shop/t/4/assets/vendors.js?v=21726020999429958561747335364" defer></script>
28119 28120
28120<script> 28121 window.addEventListener("load", (event) => { 28122 deferScriptLoad('instant.page', '//bkconnection.com/cdn/shop/t/4/assets/instant.page.v5.1.1.js?v=43232110432331176871747335364', () => {}, true); 28123 }); 28124 </script>
28124 28125<!-- Start of HubSpot Embed Code -->
28126<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/2998717.js"></script>
28126 28127<!-- End of HubSpot Embed Code --> 28128 <style> .vitalsource-ebook-link {color: rgb(var(--colors-secondary-button)); box-shadow: inset 0 0 0 1px rgba(var(--colors-line-secondary-button), 0.5); background: rgba(var(--background-secondary-button), 0.7); display: block; padding: 0.875rem; text-align: center;} .add_to_cart_button {justify-content: center;} </style> 28129<div id="shopify-block-AR3JYQXBkSHBtRUJsW__1923486770171284578" class="shopify-block shopify-app-block"> 28130 28131 28132 28133
28134<script> 28135 (function simpleePreventDuplicates() { 28136 if (window.simpleePreventDuplicatesActive) return; 28137 window.simpleePreventDuplicatesActive = true; 28138 function fixMembershipQuantities() { 28139 fetch('/cart.js') 28140 .then(r => r.json()) 28141 .then(cart => { 28142 if (!cart || !cart.items) return; 28143 let updates = {}; 28144 let needsUpdate = false; 28145 cart.items.forEach(item => { 28146 if (item.selling_plan_allocation && item.quantity > 1) { 28147 updates[item.key] = 1; 28148 needsUpdate = true; 28149 } 28150 }); 28151 if (needsUpdate) { 28152 fetch('/cart/update.js', { 28153 method: 'POST', 28154 headers: { 'Content-Type': 'application/json' }, 28155 body: JSON.stringify({ updates: updates }) 28156 }).then(() => { 28157 window.location.reload(); 28158 }).catch(err => console.error('Simplee Cart Update Error:', err)); 28159 } 28160 }) 28161 .catch(err => console.error('Simplee Cart Fetch Error:', err)); 28162 } 28163 fixMembershipQuantities(); 28164 const _origFetch = window.fetch; 28165 window.fetch = async function(...args) { 28166 const url = typeof args[0] === 'string' ? args[0] : (args[0] && args[0].url) || ''; 28167 const resp = await _origFetch.apply(this, args); 28168 if (resp.status === 422 && url.includes('/cart/')) { 28169 fixMembershipQuantities(); 28170 } 28171 return resp; 28172 }; 28173 const _origXHR = window.XMLHttpRequest; 28174 window.XMLHttpRequest = function() { 28175 const xhr = new _origXHR(); 28176 xhr.addEventListener('load', function() { 28177 if (xhr.status === 422 && xhr.responseURL && xhr.responseURL.includes('/cart/')) { 28178 fixMembershipQuantities(); 28179 } 28180 }); 28181 return xhr; 28182 }; 28183 28184 document.addEventListener('submit', function(e) { 28185 if (e.defaultPrevented) return; 28186 var form = e.target; 28187 if (form && form.action && form.action.includes('/cart/add')) { 28188 var hasSellingPlan = form.querySelector('[name="selling_plan"]'); 28189 if (hasSellingPlan && hasSellingPlan.value) { 28190 e.preventDefault(); 28191 fetch('/cart/add.js', { 28192 method: 'POST', 28193 body: new FormData(form) 28194 }) 28195 .then(res => res.json()) 28196 .then(data => { 28197 if (data.status === 422) { 28198 alert(data.description || 'A duplicate membership was removed from your cart. Only one membership is allowed.'); 28199 } 28200 window.location.href = '/cart'; 28201 }) 28202 .catch(() => { 28203 window.location.href = '/cart'; 28204 }); 28205 } 28206 } 28207 }); 28208 })(); 28209</script>
28209 28210 28211 28212 28213 <div class="simplee-div"> 28214 <!-- BEGIN app snippet: simplee --> 28215<!-- END app snippet --> 28216 </div> 28217 28218 28219 28220 28221 28222 28223 28224 28225 28226</div><div id="shopify-block-AbHdwMnZWWDI2eGg1d__12331707899451543273" class="shopify-block shopify-app-block"><div style="display: none;" hidden> 28227 Powerx - Function creator (Fixed) 28228</div> 28229
28230<script> 28231// Global state management to prevent race conditions 28232let isUpdating = false; 28233let updateQueue = []; 28234 28235// Debounced update function to prevent multiple simultaneous requests 28236async function safeUpdateCartAttributes() { 28237 if (isUpdating) { 28238 // If already updating, queue this request 28239 return new Promise((resolve) => { 28240 updateQueue.push(resolve); 28241 }); 28242 } 28243 28244 isUpdating = true; 28245 28246 try { 28247 await updateAllCartAttributes(); 28248 28249 // Resolve any queued promises 28250 const queuedPromises = [...updateQueue]; 28251 updateQueue = []; 28252 queuedPromises.forEach(resolve => resolve()); 28253 28254 } catch (error) { 28255 console.error('Error in safeUpdateCartAttributes:', error); 28256 } finally { 28257 isUpdating = false; 28258 } 28259} 28260 28261// Check if cart is ready and accessible 28262async function isCartReady() { 28263 try { 28264 const response = await fetch('/cart.js'); 28265 return response.ok; 28266 } catch (error) { 28267 console.error('Cart not ready:', error); 28268 return false; 28269 } 28270} 28271 28272// Combined function to update all cart attributes in a single request 28273async function updateAllCartAttributes() { 28274 try { 28275 // Wait for cart to be ready 28276 if (!(await isCartReady())) { 28277 console.warn('Cart not ready, skipping update'); 28278 return; 28279 } 28280 28281 // Fetch the latest cart data 28282 const cartResponse = await fetch('/cart.js'); 28283 if (!cartResponse.ok) { 28284 console.error('Failed to fetch cart data:', cartResponse.status); 28285 return; 28286 } 28287 const cart = await cartResponse.json(); 28288 28289 // Prepare all attributes in one object 28290 const allAttributes = {}; 28291 const existingAttributes = cart.attributes || {}; 28292 28293 // 1. Update discount tracking 28294 let newPowerxDiscount = ''; 28295 if (cart.total_discount > 0) { 28296 const discountTitles = new Set(); 28297 // Collect cart-level discount titles 28298 if (cart.cart_level_discount_applications) { 28299 cart.cart_level_discount_applications.forEach(app => { 28300 if (app.title) discountTitles.add(app.title); 28301 }); 28302 } 28303 // Collect line-level discount titles 28304 if (cart.items) { 28305 cart.items.forEach(item => { 28306 if (item.line_level_discount_allocations) { 28307 item.line_level_discount_allocations.forEach(alloc => { 28308 if (alloc.discount_application && alloc.discount_application.title) { 28309 discountTitles.add(alloc.discount_application.title); 28310 } 28311 }); 28312 } 28313 }); 28314 } 28315 newPowerxDiscount = Array.from(discountTitles).map(t => t.toLowerCase()).join(','); 28316 } 28317 28318 const currentPowerxDiscount = (cart.attributes && cart.attributes._powerx_discount) || ''; 28319 if (currentPowerxDiscount !== newPowerxDiscount) { 28320 allAttributes._powerx_discount = newPowerxDiscount; 28321 } 28322 28323 // 2. Handle URL parameters and removals 28324 await addUrlParameterAttributes(allAttributes, existingAttributes); 28325 28326 // 3. Handle expired attributes 28327 await addExpiredAttributeRemovals(allAttributes, existingAttributes); 28328 28329 // Nothing changed: never POST. A no-op cart update makes themes that 28330 // listen for /cart/update re-render or reload on every page view. 28331 if (Object.keys(allAttributes).length === 0) { 28332 return true; 28333 } 28334 28335 // 4. Add timestamp alongside the real changes 28336 allAttributes._powerx_datetime = Math.floor(Date.now() / 1000); 28337 28338 // Single update request for all attributes 28339 const response = await fetch('/cart/update.js', { 28340 method: 'POST', 28341 headers: { 'Content-Type': 'application/json' }, 28342 body: JSON.stringify({ attributes: allAttributes }) 28343 }); 28344 28345 if (!response.ok) { 28346 console.error('Failed to update cart attributes:', response.status); 28347 return false;
28348 } 28349 28350 // Update localStorage only after successful cart update 28351 await updateLocalStorage(allAttributes); 28352 return true; 28353 } catch (error) { 28354 console.error('Error updating cart attributes:', error); 28355 return false; 28356 } 28357} 28358 28359// Handle URL parameter attributes 28360async function addUrlParameterAttributes(allAttributes, existingAttributes = {}) { 28361 try { 28362 // Get settings from schema 28363 const trackedParametersRaw = "powerx_attr"; 28364 const trackedParameters = trackedParametersRaw 28365 ? trackedParametersRaw.split(',').map(param => param.trim()).filter(param => param) 28366 : ['powerx_attr']; 28367 const removeParameterRaw = "powerx_rm_attr"; 28368 const removeParameter = removeParameterRaw ? removeParameterRaw.trim() : 'powerx_rm_attr'; 28369 28370 // Parse URL parameters 28371 const urlParams = new URLSearchParams(window.location.search); 28372 28373 // Collect attributes to set from URL 28374 for (const [key, value] of urlParams) { 28375 if (trackedParameters.includes(key) && existingAttributes[key] !== value) { 28376 allAttributes[key] = value; 28377 } 28378 } 28379 28380 // Collect attributes to remove manually via remove_parameter 28381 if (removeParameter) { 28382 const removeValues = urlParams.getAll(removeParameter); 28383 for (const value of removeValues) { 28384 const attrs = value.split(',').map(attr => attr.trim()).filter(attr => attr); 28385 for (const attr of attrs) { 28386 // Only remove what is actually set, otherwise every page load 28387 // would send an identical no-op cart update 28388 if (existingAttributes[attr]) { 28389 allAttributes[attr] = ''; // Empty string removes the attribute 28390 } 28391 } 28392 } 28393 } 28394 } catch (error) { 28395 console.error('Error processing URL parameters:', error); 28396 } 28397} 28398 28399// Handle expired attributes 28400async function addExpiredAttributeRemovals(allAttributes, existingAttributes = {}) { 28401 try { 28402 const expireAfterHoursRaw = 5; 28403 const expireAfterHours = expireAfterHoursRaw ? parseInt(expireAfterHoursRaw, 10) : 0; 28404 28405 if (expireAfterHours > 0) { 28406 const now = Date.now(); 28407 const attributesToRemoveExpired = []; 28408 28409 for (let i = 0; i < localStorage.length; i++) { 28410 const key = localStorage.key(i); 28411 if (key && key.startsWith('powerx_attr_')) { 28412 try { 28413 const data = JSON.parse(localStorage.getItem(key)); 28414 const attrName = key.replace('powerx_attr_', ''); 28415 const expirationTime = data.timestamp + (expireAfterHours * 60 * 60 * 1000); 28416 if (now > expirationTime) { 28417 attributesToRemoveExpired.push(attrName); 28418 } 28419 } catch (parseError) { 28420 console.warn('Invalid localStorage data for key:', key); 28421 // Remove invalid localStorage entry 28422 localStorage.removeItem(key); 28423 } 28424 } 28425 } 28426 28427 // Add expired attributes to removal list 28428 for (const attr of attributesToRemoveExpired) { 28429 if (existingAttributes[attr]) { 28430 allAttributes[attr] = ''; // Empty string removes the attribute 28431 } else { 28432 // Already gone from the cart, just drop the stale local record 28433 localStorage.removeItem(`powerx_attr_${attr}`); 28434 } 28435 } 28436 } 28437 } catch (error) { 28438 console.error('Error processing expired attributes:', error); 28439 } 28440} 28441 28442// Update localStorage after successful cart update 28443async function updateLocalStorage(updatedAttributes) { 28444 try { 28445 const trackedParametersRaw = "powerx_attr"; 28446 const trackedParameters = trackedParametersRaw 28447 ? trackedParametersRaw.split(',').map(param => param.trim()).filter(param => param) 28448 : ['powerx_attr']; 28449 28450 const now = Date.now(); 28451 28452 for (const [key, value] of Object.entries(updatedAttributes)) { 28453 if (trackedParameters.includes(key) && value && value !== '') { 28454 // Store tracked parameters with timestamp 28455 localStorage.setItem(`powerx_attr_${key}`, JSON.stringify({ 28456 value, 28457 timestamp: now 28458 })); 28459 } else if (value === '') { 28460 // Remove attributes that were set to empty string 28461 localStorage.removeItem(`powerx_attr_${key}`); 28462 } 28463 } 28464 } catch (error) { 28465 console.error('Error updating localStorage:', error); 28466 } 28467} 28468 28469// Initialize with proper timing and error handling 28470async function initializePowerxEmbed() { 28471 try { 28472 // Wait longer for cart operations to complete 28473 await new Promise(resolve => setTimeout(resolve, 2000)); 28474 28475 // Check if we have any work to do 28476 const trackedParametersRaw = "powerx_attr"; 28477 const trackedParameters = trackedParametersRaw 28478 ? trackedParametersRaw.split(',').map(param => param.trim()).filter(param => param) 28479 : ['powerx_attr']; 28480 const removeParameterRaw = "powerx_rm_attr"; 28481 const removeParameter = removeParameterRaw ? removeParameterRaw.trim() : 'powerx_rm_attr'; 28482 28483 // Exit if no parameters to track and no removal parameter 28484 if (trackedParameters.length === 0 && !removeParameter) { 28485 return; 28486 } 28487 28488 // Perform the update 28489 await safeUpdateCartAttributes(); 28490 28491 } catch (error) { 28492 console.error('Error initializing PowerX embed:', error); 28493 } 28494} 28495 28496// Event listeners with debouncing 28497let cartUpdateTimeout; 28498function handleCartUpdate() { 28499 // Clear existing timeout to debounce rapid cart updates 28500 if (cartUpdateTimeout) {
28501 clearTimeout(cartUpdateTimeout); 28502 } 28503 28504 // Set a new timeout to handle the update after a brief delay 28505 cartUpdateTimeout = setTimeout(() => { 28506 safeUpdateCartAttributes(); 28507 }, 500); // 500ms delay to allow cart operations to settle 28508} 28509 28510// // Listen for cart updates with proper debouncing 28511// document.addEventListener('cart:updated', handleCartUpdate); 28512 28513// // Also listen for other common cart events 28514// document.addEventListener('cart:added', handleCartUpdate); 28515// document.addEventListener('cart:changed', handleCartUpdate); 28516 28517// Initialize the embed 28518initializePowerxEmbed(); 28519 28520</script>
28520 28521 28522</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
28522<script> 28523 window['ShopifyForms'] = { 28524 ...window['ShopifyForms'], 28525 currentPageType: "index" 28526 }; 28527</script>
28527 28528 28529 28530</div>
28530<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
28530 28531<shopify-store store-domain="https://bkconnection.com" country="US" language="en"></shopify-store> 28532<shopify-chat></shopify-chat> 28533</body> 28534</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.